:root{--navy:#071d34;--navy2:#0d2b4c;--gold:#c79038;--gold2:#f1bf66;--ink:#12253d;--muted:#687482;--paper:#f8f6f1;--white:#fff;--line:#e8e3da;--blueSoft:#edf4fb;--goldSoft:#fff5e3;--roseSoft:#fff1f2;--greenSoft:#eff6ef;--shadow:0 18px 48px #1424381a;--shadow2:0 10px 30px #11213514;--radius:22px;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,100% - 40px);margin:auto}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#071d34f5;border-bottom:1px solid #ffffff1f;position:sticky;top:0}.nav-shell{align-items:center;gap:28px;width:min(1440px,100% - 48px);height:72px;margin:auto;display:flex}.brand{align-items:center;gap:10px;min-width:max-content;display:flex}.brand-symbol{color:#efc16d;border:1.5px solid #efc16d;border-radius:15px 15px 18px 18px;place-items:center;width:43px;height:43px;font-size:26px;display:grid}.brand-copy{line-height:1.1;display:grid}.brand-copy b{font-family:var(--serif);letter-spacing:.08em;color:#f7d58f;font-size:22px}.brand-copy small{color:#c8d2dd;letter-spacing:.12em;margin-top:5px;font-size:10px}.desktop-nav{align-items:center;gap:22px;margin-left:auto;display:flex}.nav-link{color:#e7edf3;white-space:nowrap;padding:24px 0;font-size:14px;position:relative}.nav-link:after{content:"";background:#e8b657;height:2px;transition:all .2s;position:absolute;bottom:13px;left:50%;right:50%}.nav-link:hover{color:#fff}.nav-link:hover:after{left:0;right:0}.nav-actions{align-items:center;gap:10px;display:flex}.icon-btn,.menu-btn{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px;font-size:22px}.menu-btn{display:none}.mobile-menu{border-top:1px solid #ffffff1a;padding:6px 24px 18px;display:none}.mobile-menu.open{display:grid}.mobile-menu .nav-link{padding:10px 0}.hero-home{color:#fff;background:linear-gradient(90deg,#05172ab3,#05172a40,#05172a8c),url(/assets/img/hero.webp) 50%/cover no-repeat;align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.hero-home:after{content:"";background:linear-gradient(transparent,var(--paper));pointer-events:none;height:120px;position:absolute;inset:auto 0 0}.hero-content{z-index:2;text-align:center;width:min(1000px,100% - 40px);margin:auto;padding:70px 0 115px;position:relative}.hero-kicker{color:#efd29a;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.hero-title{font-family:var(--serif);letter-spacing:.04em;text-shadow:0 4px 20px #00000040;margin:15px 0 12px;font-size:clamp(46px,7vw,78px);line-height:1.08}.hero-title em{color:#efbd62;font-style:normal}.hero-sub{color:#edf3f8;max-width:760px;margin:0 auto;font-size:clamp(17px,2.2vw,23px)}.hero-search{background:#fff;border-radius:15px;max-width:720px;margin:30px auto 0;padding:7px;display:flex;box-shadow:0 14px 40px #0003}.hero-search input{color:var(--ink);border:0;outline:0;flex:1;min-width:0;padding:11px 14px}.hero-search button{color:#38250c;cursor:pointer;background:linear-gradient(#f6cf85,#e9aa45);border:0;border-radius:11px;padding:0 28px;font-weight:900}.hot{color:#dbe6ef;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.hot a{background:#071d3440;border:1px solid #ffffff6b;border-radius:999px;padding:5px 11px}.trustbar{z-index:4;width:min(1180px,100% - 40px);box-shadow:var(--shadow);background:#fffffff7;border:1px solid #eee7dd;border-radius:22px;grid-template-columns:repeat(4,1fr);margin:-55px auto 38px;display:grid;position:relative;overflow:hidden}.trust-item{border-right:1px solid var(--line);align-items:center;gap:15px;padding:22px 24px;display:flex}.trust-item:last-child{border-right:0}.trust-icon{color:#8f6528;background:#fff8eb;border:1px solid #f2dfbf;border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.trust-item b{font-size:16px;display:block}.trust-item small{color:var(--muted);margin-top:2px;display:block}.section-head{justify-content:space-between;align-items:end;gap:18px;margin:38px 0 18px;display:flex}.section-head h2{font-family:var(--serif);margin:0;font-size:30px}.section-head p{color:var(--muted);margin:2px 0 0}.view-all{color:#7b5b2b;font-size:13px;font-weight:800}.category-section{margin-bottom:34px;scroll-margin-top:92px}.category-shell{border:1px solid var(--line);background:#fff;border-radius:26px;padding:18px;box-shadow:0 5px 18px #1121350b}.category-top{justify-content:space-between;align-items:center;gap:12px;margin:0 4px 14px;display:flex}.category-title{align-items:center;gap:10px;display:flex}.category-dot{color:#936425;background:#fff3dc;border:1px solid #eddab9;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.category-title h2{font-family:var(--serif);margin:0;font-size:23px}.category-title p{display:none}.topic-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.topic-card{border:1px solid var(--line);box-shadow:var(--shadow2);background:#fff;border-radius:18px;flex-direction:column;min-height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.topic-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #1121351f}.topic-media{background:#e5ebf1;height:142px;position:relative;overflow:hidden}.topic-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.topic-card:hover .topic-media img{transform:scale(1.04)}.topic-media:after{content:"";background:linear-gradient(#0000,#05172a26);height:45%;position:absolute;inset:auto 0 0}.topic-badge{z-index:2;color:#59431d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;top:10px;left:10px}.topic-body{flex-direction:column;flex:1;padding:15px 15px 14px;display:flex}.topic-title{font-family:var(--serif);margin:0 0 6px;font-size:22px;line-height:1.2}.topic-desc{color:var(--muted);min-height:44px;margin:0;font-size:13px}.topic-tags{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.chip{color:#6e6860;background:#f5f3ef;border-radius:999px;padding:4px 8px;font-size:11px}.card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.btn{border-radius:10px;justify-content:center;align-items:center;padding:10px 12px;font-size:13px;font-weight:900;transition:all .18s;display:inline-flex}.btn-learn{background:var(--blueSoft);color:#153b65;border:1px solid #d9e7f5}.btn-start{color:#39270c;background:linear-gradient(#f6cf85,#e8aa43);border:1px solid #e6b35d}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.home-note{border:1px solid var(--line);background:#fff;border-radius:22px;align-items:flex-start;gap:16px;margin:40px 0 70px;padding:24px 26px;display:flex}.home-note .note-icon{font-size:26px}.home-note b{display:block}.home-note p{color:var(--muted);margin:4px 0 0}.page-hero{background:linear-gradient(90deg,#05172aed,#05172ab8),var(--page-image) center/cover no-repeat;color:#fff;padding:70px 0 62px}.page-hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:34px;display:grid}.breadcrumb{color:#c6d4e0;margin-bottom:12px;font-size:13px}.breadcrumb a{color:#efd29a}.eyebrow{color:#efd29a;letter-spacing:.12em;font-size:13px;font-weight:900}.page-hero h1{font-family:var(--serif);margin:10px 0 12px;font-size:clamp(46px,7vw,70px);line-height:1.05}.page-subtitle{color:#dce7f0;max-width:760px;font-size:19px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-actions .btn{padding:12px 18px}.hero-actions .btn-learn{color:#102a45;background:#fff;border-color:#fff}.hero-visual{border:1px solid #ffffff42;border-radius:24px;height:260px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000047}.hero-visual img{object-fit:cover;width:100%;height:100%}.hero-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.quicknav{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f8f6f1f2;position:sticky;top:72px}.quicknav .wrap{scrollbar-width:none;gap:7px;padding:10px 0;display:flex;overflow:auto}.quicknav a{white-space:nowrap;border:1px solid var(--line);color:#64717d;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.content-section{padding:52px 0;scroll-margin-top:124px}.content-section.alt{background:#fff}.section-kicker{color:#9c6b26;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:900}.section-title{font-family:var(--serif);margin:7px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.2}.lead{color:var(--muted);max-width:900px;font-size:17px}.one-line{font-family:var(--serif);color:#24364a;margin-top:20px;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.4}.grid{grid-template-columns:repeat(12,1fr);gap:15px;margin-top:25px;display:grid}.card{border:1px solid var(--line);box-shadow:var(--shadow2);background:#fff;border-radius:18px;grid-column:span 4;padding:21px}.alt .card{background:var(--paper)}.card h3{font-family:var(--serif);margin:9px 0 5px;font-size:19px}.card p{color:var(--muted);margin:0;font-size:14px}.miniicon{background:var(--goldSoft);color:#9a6821;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.example{background:var(--navy);color:#fff;border-radius:25px;grid-template-columns:.8fr 1.2fr;gap:0;margin-top:24px;display:grid;overflow:hidden}.example-art{background:var(--example-image) center/cover no-repeat;min-height:270px}.example-copy{padding:36px}.example h3{font-family:var(--serif);margin:0 0 10px;font-size:28px}.example p{color:#dce6ef;margin:0;font-size:17px}.steps{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px}.number{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:33px;height:33px;margin-bottom:12px;font-weight:900;display:grid}.step b{display:block}.step span{color:var(--muted);font-size:12px}.myths{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px;display:grid}.myth{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px}.myth b{color:#9e4e42;margin-bottom:6px;display:block}.myth span{color:var(--muted);font-size:14px}.related{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px;display:grid}.related a{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;transition:all .18s}.related a:hover{box-shadow:var(--shadow2);transform:translateY(-2px)}.related strong{font-family:var(--serif);font-size:17px}.related small{color:var(--muted);margin-top:3px;display:block}.notice{color:#6b6258;background:#f5efe5;border:1px solid #e8dcc9;border-radius:15px;margin-top:22px;padding:17px 18px;font-size:13px}.cta-band{color:#fff;background:linear-gradient(115deg,#0a2643,#153e66);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 0;padding:28px;display:flex}.cta-band h3{font-family:var(--serif);margin:0;font-size:25px}.cta-band p{color:#d2dfeb;margin:4px 0 0}.cta-band .btn-start{white-space:nowrap;padding:12px 22px}.tool-hero{padding:58px 0 24px}.tool-shell{grid-template-columns:.75fr 1.25fr;gap:20px;margin:20px 0 60px;display:grid}.tool-side,.tool-main{border:1px solid var(--line);box-shadow:var(--shadow2);background:#fff;border-radius:22px}.tool-side{padding:24px}.tool-main{padding:28px}.tool-side img{object-fit:cover;border-radius:16px;width:100%;height:180px}.tool-side h1{font-family:var(--serif);margin:18px 0 7px;font-size:32px}.tool-side p{color:var(--muted)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:900}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fbfaf8;border-radius:11px;outline:0;width:100%;padding:11px 12px}.field textarea{resize:vertical;min-height:100px}.form-actions{align-items:center;gap:10px;margin-top:20px;display:flex}.form-actions button{cursor:pointer;border:0}.prototype-note{color:var(--muted);font-size:12px}.result-box{background:#f0f5fa;border:1px solid #dfe9f3;border-radius:15px;margin-top:20px;padding:18px;display:none}.result-box.show{display:block}.result-box b{margin-bottom:4px;display:block}.result-box p{color:#5d6c7b;margin:0}.site-footer{color:#d6e0e8;background:#061a30;margin-top:50px}.footer-shell{justify-content:space-between;gap:30px;width:min(1180px,100% - 40px);margin:auto;padding:40px 0 28px;display:flex}.footer-brand{font-family:var(--serif);color:#efd29a;font-size:24px}.footer-shell p{color:#9fb0c0;max-width:580px;margin:6px 0}.footer-links{align-items:start;gap:18px;font-size:13px;display:flex}.footer-bottom{text-align:center;color:#8da0b1;border-top:1px solid #ffffff1a;padding:14px 20px;font-size:12px}.hidden{display:none!important}.search-overlay{z-index:300;background:#04111fd1;justify-content:center;align-items:flex-start;padding-top:110px;display:none;position:fixed;inset:0}.search-overlay.open{display:flex}.search-panel{background:#fff;border-radius:20px;width:min(720px,100% - 32px);padding:20px;box-shadow:0 30px 80px #00000059}.search-panel input{border:1px solid var(--line);border-radius:12px;outline:0;width:100%;padding:14px 15px}.search-results{gap:8px;max-height:55vh;margin-top:12px;display:grid;overflow:auto}.search-results a{background:#f7f5f1;border-radius:10px;padding:10px 12px}.search-results small{color:var(--muted);display:block}@media (max-width:1120px){.desktop-nav{gap:14px}.desktop-nav .nav-link:nth-last-child(-n+2){display:none}.topic-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.trustbar{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.topic-grid{grid-template-columns:repeat(2,1fr)}.page-hero-grid{grid-template-columns:1fr}.hero-visual{height:220px}.card{grid-column:span 6}.steps,.myths,.related{grid-template-columns:1fr 1fr}.tool-shell,.example{grid-template-columns:1fr}.example-art{min-height:220px}}@media (max-width:620px){.nav-shell{width:calc(100% - 28px);height:64px}.brand-copy small{display:none}.brand-copy b{font-size:19px}.hero-home{min-height:610px}.hero-content{padding:70px 0 135px}.hero-search{padding:7px;display:grid}.hero-search button{padding:10px}.trustbar{grid-template-columns:1fr;margin-top:-70px}.trust-item{border-bottom:1px solid var(--line);border-right:0!important}.trust-item:last-child{border-bottom:0}.topic-grid{grid-template-columns:1fr}.topic-media{height:170px}.page-hero{padding:46px 0}.quicknav{top:64px}.card{grid-column:1/-1}.steps,.myths,.related,.form-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.category-shell{padding:12px}.home-note{margin-bottom:45px}.cta-band{display:block}.cta-band .btn{margin-top:16px}.footer-shell{display:block}.footer-links{flex-wrap:wrap;margin-top:20px}}.site-header .desktop-nav{gap:1px;min-width:0}.site-header .nav-home,.site-header .nav-category-trigger{color:#e7edf3;white-space:nowrap;cursor:pointer;border-radius:10px;align-items:center;min-height:44px;padding:9px 8px;font-size:13px;font-weight:700;display:flex}.site-header .nav-home:hover,.site-header .nav-category-trigger:hover,.site-header .nav-group:hover>.nav-category-trigger,.site-header .nav-group:focus-within>.nav-category-trigger,.site-header .nav-group[data-current-category]>.nav-category-trigger{color:#fff;background:#ffffff1a}.site-header .nav-group{position:relative}.site-header .nav-category-trigger{gap:5px}.site-header .nav-category-trigger>i{color:#efc16d;font-size:13px;font-style:normal;transition:transform .2s}.site-header .nav-group:hover>.nav-category-trigger>i,.site-header .nav-group:focus-within>.nav-category-trigger>i{transform:rotate(180deg)}.site-header .nav-category-icon{color:#f1bf66;background:#efc16d26;border-radius:6px;place-items:center;width:19px;height:19px;font-size:12px;display:grid}.site-header .nav-mega-panel{z-index:200;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(145deg,#12385d,#0a2039);border:1px solid #efc16d52;border-radius:18px;grid-template-columns:250px 1fr;gap:22px;width:min(1080px,100vw - 48px);max-height:calc(100vh - 100px);padding:20px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:fixed;top:80px;left:50%;overflow:auto;transform:translate(-50%,-8px);box-shadow:0 28px 64px #040f1c6b}.site-header .nav-group:hover>.nav-mega-panel,.site-header .nav-group:focus-within>.nav-mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.site-header .nav-mega-intro{border-right:1px solid #ffffff21;flex-direction:column;align-items:flex-start;padding:5px 16px 5px 2px;display:flex}.site-header .nav-mega-icon{color:#f3c66f;background:#efc16d26;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:15px;font-size:25px;display:grid}.site-header .nav-mega-intro span{color:#f1bf66;letter-spacing:.06em;font-size:11px;font-weight:800}.site-header .nav-mega-intro h2{color:#fff;font-family:var(--serif);margin:2px 0 7px;font-size:26px;line-height:1.2}.site-header .nav-mega-intro p{color:#c6d4e2;margin:0;font-size:13px;line-height:1.7}.site-header .nav-mega-intro>a{color:#f6cc7a;border:1px solid #efc16d59;border-radius:999px;margin-top:auto;padding:9px 12px;font-size:12px;font-weight:800}.site-header .nav-mega-links{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;display:grid}.site-header .nav-mega-topic{color:#e6eef6;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:62px;padding:8px;display:grid}:is(.site-header .nav-mega-topic:hover,.site-header .nav-mega-topic:focus-visible,.site-header .nav-mega-topic[aria-current=page]){color:#fff;background:#ffffff1c}.site-header .nav-topic-mark{color:#f5cb78;background:#ffffff1a;border-radius:9px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.site-header .nav-mega-topic span:nth-child(2){gap:1px;min-width:0;display:grid}.site-header .nav-mega-topic b{font-size:14px}.site-header .nav-mega-topic small{color:#b9c9d8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.site-header .nav-mega-topic>i{color:#f1bf66;font-style:normal}.site-header .nav-home:focus-visible{outline-offset:2px;outline:2px solid #f1bf66}.site-header .nav-category-trigger:focus-visible{outline-offset:2px;outline:2px solid #f1bf66}.site-header .nav-mega-panel a:focus-visible{outline-offset:2px;outline:2px solid #f1bf66}.site-header .mobile-menu a:focus-visible{outline-offset:2px;outline:2px solid #f1bf66}.site-header .mobile-nav-group>summary:focus-visible{outline-offset:2px;outline:2px solid #f1bf66}.site-header .mobile-menu.open{display:none}@media (max-width:1399px){.site-header .nav-category-icon{display:none}}@media (max-width:1179px){.site-header .nav-category-trigger>i{display:none}.site-header .nav-home,.site-header .nav-category-trigger{padding:9px 6px}.site-header .brand-copy small{display:none}.site-header .nav-shell{gap:16px}}@media (max-width:999px){.site-header .desktop-nav{display:none}.site-header .menu-btn{display:block}.site-header .nav-actions{margin-left:auto}.site-header .mobile-menu.open{background:#0a223d;gap:2px;max-height:calc(100dvh - 72px);padding:12px max(20px,50vw - 480px) 22px;display:grid;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 20px 40px #040f1c47}.site-header .mobile-home,.site-header .mobile-nav-group>summary{color:#fff;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;font-weight:700;display:flex}.site-header .mobile-home:hover,.site-header .mobile-nav-group>summary:hover,.site-header .mobile-nav-group[open]>summary{background:#ffffff17}.site-header .mobile-nav-group>summary{list-style:none}.site-header .mobile-nav-group>summary::-webkit-details-marker{display:none}.site-header .mobile-nav-group>summary span{color:#b9c9d9;font-size:12px;font-weight:500}.site-header .mobile-topic-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px 14px 12px 24px;display:grid}.site-header .mobile-topic-links a{color:#dbe7f3;border-radius:8px;padding:9px 11px;font-size:14px}:is(.site-header .mobile-topic-links a:hover,.site-header .mobile-topic-links a:focus-visible,.site-header .mobile-topic-links a[aria-current=page]){color:#fff;background:#ffffff1f}.site-header .mobile-topic-links .mobile-category-link{color:#f1bf66;grid-column:1/-1;font-size:12px;font-weight:700}}@media (max-width:620px){.site-header .mobile-menu.open{max-height:calc(100dvh - 64px);padding:10px 14px 20px}.site-header .mobile-topic-links{grid-template-columns:1fr}}.account-btn{color:#f1bf66;cursor:pointer;background:#efc16d1f;border:1px solid #efc16d80;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-weight:800;display:grid;overflow:hidden}.account-btn img{object-fit:cover;width:100%;height:100%}.account-btn:disabled{opacity:.5;cursor:default}.account-menu{position:relative}.account-pop{z-index:80;background:#17120d;border:1px solid #efc16d59;border-radius:12px;gap:10px;min-width:200px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #00000073}.account-pop-who{color:#f5ecd8;word-break:break-all;gap:2px;display:grid}.account-pop-who small{color:#b9ad95}.account-logout{color:#f1bf66;cursor:pointer;background:#efc16d1f;border:1px solid #efc16d80;border-radius:8px;width:100%;padding:9px 12px;font-weight:700}.account-logout:hover{background:#efc16d38}.account-logout:disabled{opacity:.6;cursor:default}.login-btn{color:#f1bf66;cursor:pointer;white-space:nowrap;background:#efc16d24;border:1px solid #efc16d99;border-radius:999px;padding:8px 16px;font-weight:700}.login-btn:hover{background:#efc16d42}.login-overlay{z-index:200;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.login-dialog{color:#f5ecd8;text-align:center;background:#17120d;border:1px solid #efc16d59;border-radius:16px;width:min(380px,100%);padding:28px 24px;position:relative;box-shadow:0 20px 50px #0000008c}.login-dialog h2{margin:0 0 6px;font-size:22px}.login-dialog p{color:#b9ad95;margin:0 0 20px}.login-close{color:#b9ad95;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:8px;right:10px}.login-provider{color:#222;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:15px;font-weight:700;display:flex}.login-provider:hover{background:#f1f1f1}.login-provider:disabled{opacity:.6;cursor:default}.account-link{color:#f5ecd8;text-align:center;border-radius:8px;padding:9px 12px;font-weight:700;display:block}:is(.account-link:hover,.account-link:focus-visible){color:#f1bf66;background:#efc16d24}.cm{margin:8px 0 64px}.cm-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cm-search{border:1px solid var(--line);background:var(--white);border-radius:12px;flex:260px;min-width:0;padding:11px 14px}.cm-sort{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:11px 12px}.cm-primary,.cm-secondary,.cm-danger{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:900}.cm-primary{color:#39270c;background:linear-gradient(#f6cf85,#e8aa43);border-color:#e6b35d}.cm-secondary{background:var(--white);border-color:var(--line);color:var(--ink)}.cm-danger{color:#fff;background:#b3261e}.cm-primary:disabled,.cm-secondary:disabled,.cm-danger:disabled{opacity:.6;cursor:default}.cm-count{color:var(--muted);align-items:center;gap:12px;margin:14px 2px 10px;font-size:14px;display:flex}.cm-notice{color:#2f6b3a;font-weight:700}.cm-empty,.cm-gate{text-align:center;background:var(--white);border:1px dashed var(--line);color:var(--muted);border-radius:16px;padding:48px 24px}.cm-gate{margin:8px 0 64px}.cm-gate h2{font-family:var(--serif);color:var(--ink);margin:0 0 8px}.cm-overlay{z-index:250;background:#04111fb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.cm-dialog{background:var(--white);border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:24px;overflow:auto;box-shadow:0 30px 80px #00000059}.cm-dialog.small{width:min(400px,100%)}.cm-dialog h2{font-family:var(--serif);margin:0 0 16px}.cm-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cm-field{align-content:start;gap:6px;display:grid}.cm-field.full{grid-column:1/-1}.cm-field>span{color:var(--muted);font-size:13px;font-weight:700}.cm-field input,.cm-field textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:10px;width:100%;padding:10px 12px}.cm-field input:focus,.cm-field textarea:focus,.cm-search:focus,.cm-sort:focus{outline:2px solid var(--gold2);outline-offset:1px}.cm-seg{border:1px solid var(--line);border-radius:10px;width:fit-content;display:inline-flex;overflow:hidden}.cm-seg button{background:var(--white);color:var(--muted);cursor:pointer;border:0;padding:9px 28px;font-weight:700}.cm-seg button.on.m{background:var(--blueSoft);color:#153b65}.cm-seg button.on.f{background:var(--roseSoft);color:#9b2c3d}.cm-error{background:var(--roseSoft);color:#b3261e;border-radius:8px;margin:14px 0 0;padding:9px 12px;font-size:14px}.cm-dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.cm-sort-mobile{display:none}.cm-table-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow2);border-radius:16px;overflow:hidden}.cm-table-scroll{overflow-x:auto}.cm-table{border-collapse:collapse;width:100%;font-size:14px}.cm-table th{text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);color:#7a5a24;letter-spacing:.06em;background:#faf7f0;padding:12px 16px;font-size:12px;font-weight:900}.cm-table th button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.cm-table th button i{opacity:.4;font-size:10px;font-style:normal}.cm-table th[aria-sort=ascending] button i,.cm-table th[aria-sort=descending] button i{opacity:1;color:var(--gold)}.cm-table th button:hover{color:var(--ink)}.cm-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.cm-table tbody tr:last-child td{border-bottom:0}.cm-table tbody tr:hover{background:#fbfaf6}.cm-who{align-items:center;gap:12px;min-width:150px;display:flex}.cm-avatar{width:36px;height:36px;font-family:var(--serif);border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:700;display:grid}.cm-who-text{min-width:0;line-height:1.35;display:grid}.cm-who-text b{word-break:break-all;font-size:15px}.cm-who-text small{color:var(--muted)}.cm-num{font-variant-numeric:tabular-nums;white-space:nowrap}.cm-dim{color:#a6adb6}.cm-contact{color:var(--muted);word-break:break-all;line-height:1.45;display:grid}.cm-note-cell{max-width:220px}.cm-note-cell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cm-th-actions{text-align:right!important}.cm-actions-cell{white-space:nowrap;width:1%}.cm-actions{justify-content:flex-end;gap:6px;display:flex}.cm-pager{border-top:1px solid var(--line);color:var(--muted);background:#fcfbf8;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;font-size:13px;display:flex}.cm-pager-info{flex:auto}.cm-pager-size{align-items:center;gap:6px;display:flex}.cm-pager-size select{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:5px 8px}.cm-pager-nav{align-items:center;gap:4px;display:flex}.cm-pager-nav button{border:1px solid var(--line);background:var(--white);min-width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 8px;font-weight:700}.cm-pager-nav button:hover:not(:disabled){background:var(--blueSoft)}.cm-pager-nav button.on{background:var(--navy);border-color:var(--navy);color:#fff}.cm-pager-nav button:disabled{opacity:.4;cursor:default}.cm-pager-gap{padding:0 4px}@media (max-width:760px){.cm-sort-mobile{display:block}.cm-toolbar .cm-primary{width:100%}.cm-table thead{display:none}.cm-table,.cm-table tbody,.cm-table tr,.cm-table td{display:block}.cm-table tr{border-bottom:1px solid var(--line);padding:12px 16px}.cm-table tbody tr:last-child{border-bottom:0}.cm-table td{border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;display:flex}.cm-table td[data-label]:before{content:attr(data-label);color:var(--muted);flex:none;font-size:12px}.cm-table td[data-label=客戶]{padding-bottom:8px}.cm-table td[data-label=客戶]:before{display:none}.cm-contact,.cm-note-cell{text-align:right;max-width:none}.cm-note-cell span{white-space:normal}.cm-actions-cell{width:auto;padding-top:8px!important}.cm-actions{width:100%}.cm-actions button{flex:1}.cm-pager{justify-content:center}.cm-pager-info{text-align:center;flex-basis:100%}.cm-grid{grid-template-columns:1fr}}.cm-avatar.m,.cm-sex.m{background:var(--blueSoft);color:#153b65}.cm-avatar.f,.cm-sex.f{background:var(--roseSoft);color:#9b2c3d}.cm-sex{border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700;display:inline-block}.cm-actions button{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 14px;font-weight:700}.cm-actions button:hover{background:var(--blueSoft)}.cm-actions .danger{color:#b3261e}.cm-actions .danger:hover{background:var(--roseSoft)}.site-header .nav-group:hover:after,.site-header .nav-group:focus-within:after{content:"";height:30px;position:fixed;top:56px;left:0;right:0}.site-header .nav-mega-panel{transition:opacity .16s .18s,transform .16s .18s,visibility 0s linear .34s}.site-header .nav-group:hover>.nav-mega-panel,.site-header .nav-group:focus-within>.nav-mega-panel{transition-delay:0s}.ql-section{padding-bottom:0}.ql-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(150deg,#0a2643 0%,#123a61 100%);border:1px solid #efc16d47;border-radius:26px;padding:26px;position:relative;overflow:hidden}.ql-card:before{content:"";pointer-events:none;border:1px solid #efc16d2e;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-90px;box-shadow:0 0 0 30px #efc16d0a,0 0 0 60px #efc16d08}.ql-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.ql-title{align-items:center;gap:14px;display:flex}.ql-badge{color:#f3c66f;width:50px;height:50px;font-family:var(--serif);background:#efc16d29;border:1px solid #efc16d73;border-radius:16px;place-items:center;font-size:24px;font-weight:900;display:grid}.ql-title h2{font-family:var(--serif);color:#f7d58f;margin:0;font-size:28px;line-height:1.2}.ql-title p{color:#c6d4e2;margin:2px 0 0;font-size:14px}.ql-head-side{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ql-tutorial{color:#39270c;background:linear-gradient(#f6cf85,#e8aa43);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:900;transition:all .18s;display:inline-flex}.ql-tutorial:hover{filter:brightness(1.03);transform:translateY(-1px)}.ql-tutorial span{font-size:10px}.ql-tutorial.disabled{color:#9fb0c0;cursor:not-allowed;background:#ffffff14;border:1px dashed #ffffff40;transform:none}.ql-progress{align-items:center;gap:12px;display:flex}.ql-ring{--p:0;background:conic-gradient(#f1bf66 calc(var(--p)*1%),#ffffff1f 0);border-radius:50%;place-items:center;width:58px;height:58px;transition:background .4s;display:grid}.ql-ring b{color:#f7d58f;background:#0f3154;border-radius:50%;place-items:center;width:46px;height:46px;font-size:13px;display:grid}.ql-progress-copy{color:#c6d4e2;font-size:12px;line-height:1.5;display:grid}.ql-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 16px;display:grid;position:relative}.ql-tabs button{color:#dbe7f3;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;padding:10px 12px;transition:all .18s;display:grid}.ql-tabs button:hover{background:#ffffff1a}.ql-tabs button.active{color:var(--ink);background:#fff;border-color:#fff}.ql-tabs b{font-size:15px}.ql-tabs small{opacity:.7;font-size:11px}.ql-body{background:var(--paper);color:var(--ink);border-radius:18px;min-height:300px;padding:22px;position:relative}.ql-cards{justify-items:center;gap:14px;display:grid}.ql-flip{cursor:pointer;perspective:1200px;width:min(560px,100%);height:200px;font:inherit;background:0 0;border:0;padding:0;position:relative}.ql-face{text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--shadow2);border-radius:18px;place-content:center;justify-items:center;gap:6px;padding:22px;transition:transform .5s cubic-bezier(.2,.7,.3,1);display:grid;position:absolute;inset:0}.ql-front{border:1px solid var(--line);background:#fff}.ql-back{background:linear-gradient(140deg,#fff8eb,#fdebc8);border:1px solid #f0d8ad;transform:rotateY(180deg)}.ql-flip.flipped .ql-front{transform:rotateY(-180deg)}.ql-flip.flipped .ql-back{transform:rotateY(0)}.ql-face small{color:#9c6b26;letter-spacing:.08em;font-size:12px;font-weight:900}.ql-front strong{font-family:var(--serif);color:#12253d;font-size:38px;line-height:1.2}.ql-front em{color:var(--muted);font-size:12px;font-style:normal}.ql-back>span{color:#3b3226;max-width:460px;font-size:18px;line-height:1.7}.ql-dots{gap:8px;display:flex}.ql-dots button{cursor:pointer;background:#d9d3c8;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.ql-dots button.known{background:#7fb07f}.ql-dots button.current{background:var(--navy);border-radius:999px;width:26px}.ql-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ql-ghost,.ql-primary{cursor:pointer;border-radius:11px;align-items:center;padding:10px 16px;font-size:13px;font-weight:900;transition:all .18s;display:inline-flex}.ql-ghost{border:1px solid var(--line);color:#3c4b5b;background:#fff}.ql-ghost:hover{border-color:#cfc6b8}.ql-primary{background:var(--navy);border:1px solid var(--navy);color:#fff}.ql-primary:hover{background:var(--navy2)}.ql-quiz{max-width:680px;margin:auto}.ql-quiz-meta{color:#9c6b26;letter-spacing:.06em;justify-content:space-between;font-size:12px;font-weight:900;display:flex}.ql-bar{background:#e8e3da;border-radius:999px;height:6px;margin:8px 0 18px;overflow:hidden}.ql-bar i{border-radius:inherit;background:linear-gradient(90deg,#e8aa43,#f1bf66);height:100%;transition:width .3s;display:block}.ql-question{font-family:var(--serif);color:#24364a;margin:0 0 16px;font-size:20px;line-height:1.6}.ql-question small{font-family:var(--sans);color:var(--muted);font-size:13px}.ql-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ql-options button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;padding:14px;font-size:16px;font-weight:900;transition:all .18s}.ql-options button:not(:disabled):hover{background:#fffaf0;border-color:#e6b35d}.ql-options button:disabled{cursor:default}.ql-options button.right{background:var(--greenSoft);color:#2f6b34;border-color:#9cc59c}.ql-options button.wrong{background:var(--roseSoft);color:#9e4e42;border-color:#e7a9ae}.ql-options button.dim{opacity:.5}.ql-feedback{border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;font-weight:900;display:flex}.ql-feedback.right{background:var(--greenSoft);color:#2f6b34}.ql-feedback.wrong{background:var(--roseSoft);color:#9e4e42}.ql-result{text-align:center;justify-items:center;gap:8px;padding:20px 0;display:grid}.ql-score{font-family:var(--serif);color:var(--muted);font-size:26px}.ql-score b{color:var(--navy);font-size:64px;line-height:1}.ql-result h3{font-family:var(--serif);margin:0 0 10px;font-size:22px}.ql-notes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ql-note{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.ql-note-wide{grid-column:1/-1}.ql-note h4{color:#9c6b26;letter-spacing:.12em;margin:0 0 8px;font-size:12px}.ql-one{font-family:var(--serif);color:#24364a;margin:0;font-size:21px;font-weight:900}.ql-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ql-tags span{background:var(--goldSoft);color:#8f6528;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.ql-terms,.ql-steps,.ql-myths{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.ql-terms li{grid-template-columns:84px 1fr;gap:10px;display:grid}.ql-terms b{color:#12253d}.ql-terms span{color:var(--muted)}.ql-steps{counter-reset:s}.ql-steps li{counter-increment:s;color:#3c4b5b;align-items:baseline;gap:10px;display:flex}.ql-steps li:before{content:counter(s);background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid}.ql-myths li{gap:2px;display:grid}.ql-myths .x{color:#9e4e42}.ql-myths .o{color:#2f6b34}@media (max-width:620px){.ql-card{border-radius:20px;padding:18px}.ql-title h2{font-size:24px}.ql-head-side{justify-content:space-between;width:100%}.ql-tabs small{display:none}.ql-body{padding:14px}.ql-flip{height:220px}.ql-front strong{font-size:32px}.ql-options,.ql-notes{grid-template-columns:1fr}.ql-terms li{grid-template-columns:1fr;gap:0}.ql-feedback{display:grid}}.pt{gap:18px;margin:8px 0 64px;display:grid}.pt-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow2);border-radius:16px;padding:20px 22px}.pt-card h2{font-family:var(--serif);margin:0 0 12px;font-size:20px}.pt-balance{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 40px;display:flex}.pt-label{color:var(--muted);font-size:13px;font-weight:700}.pt-amount{font-family:var(--serif);color:var(--navy2);font-size:44px;font-weight:700;line-height:1.2}.pt-id{min-width:0;max-width:100%}.pt-id-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.pt-id code{word-break:break-all;background:#f6f5f2;border-radius:8px;padding:6px 10px;font-size:13px}.pt-note{color:var(--muted);margin:0 0 12px;font-size:14px}.pt-packages{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.pt-package{border:1px solid var(--line);cursor:pointer;text-align:center;background:#fffdf8;border-radius:14px;gap:4px;padding:16px;display:grid}.pt-package b{font-family:var(--serif);color:var(--navy2);font-size:22px}.pt-package span{color:var(--muted);font-size:14px}.pt-package:hover:not(:disabled){border-color:var(--gold2);background:var(--goldSoft)}.pt-package:disabled{opacity:.55;cursor:default}.pt-package{padding-top:22px;position:relative}.pt-package small{color:var(--muted);font-size:13px;font-weight:700}.pt-package span{color:var(--ink);font-size:16px;font-weight:800}.pt-package i{color:var(--muted);font-size:12px;font-style:normal}.pt-package.featured{border:2px solid var(--gold2);background:var(--goldSoft)}.pt-badge{background:var(--gold2);color:var(--navy);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.pt-currency{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:18px;display:flex}.pt-currency .cm-seg button{padding:8px 16px}.pt-currency .cm-seg button.on{background:var(--goldSoft);color:var(--navy2)}.pt-currency .cm-seg button:disabled{cursor:default}.pt-order{border:1px dashed var(--gold2);background:var(--goldSoft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;padding:12px 14px;display:flex}.pt-order-actions{gap:8px;display:flex}.pt-transfer{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.pt-list{margin:0 0 12px;padding:0;list-style:none}.pt-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.pt-list li:last-child{border-bottom:0}.pt-list li>div{gap:2px;min-width:0;display:grid}.pt-list small{color:var(--muted);word-break:break-all}.pt-list li>span{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.pt-in{color:#2f6b3a}.pt-out{color:#b3261e}.pt-dim{color:var(--muted)}@media (max-width:620px){.pt-transfer{grid-template-columns:1fr}.pt-amount{font-size:36px}}.dt-group{gap:6px;max-width:100%;display:flex}.dt-group select{border:1px solid var(--line);width:72px;color:var(--ink);font:inherit;background:#fbfaf8;border-radius:10px;outline:0;flex:none;padding:10px 8px}.dt-group select.dt-y{width:100px}.dt-group select:focus{border-color:var(--gold)}.dt-group select:invalid{color:var(--muted)}.geo-btn{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;white-space:nowrap;background:#fbfaf8;border-radius:11px;max-width:100%;padding:10px 12px;font-size:14px}.geo-btn:hover{border-color:var(--gold)}.geo-btn.geo-empty{color:var(--muted)}.geo-btn:disabled{opacity:.6;cursor:wait}.geo-err{color:#b3261e;font-size:12px}.gender-group{gap:6px;display:inline-flex}.gender-btn{border:1px solid var(--line);min-width:68px;height:42px;font:inherit;cursor:pointer;color:var(--muted);background:#fbfaf8;border-radius:11px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.gender-btn .gender-icon{font-size:22px;line-height:1}.gender-btn:hover{border-color:var(--gold)}.gender-btn.male[aria-checked=true]{color:#2a5fa8;background:#e6effb;border-color:#4a7fc9}.gender-btn.female[aria-checked=true]{color:#b83a64;background:#fbe8ee;border-color:#d65a82}.bz-field select.dt-y,.bz-field select.dt-m,.bz-field select.dt-d,.bz-field select.dt-h,.bz-field select.dt-i{width:128px}.cd-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.cd-heading h2{order:1;margin:0!important}.cd-picker{display:contents}.cd-picker .cd-icon-btn{flex:none;order:0}.cd-picker .cd-picked{border-left:1px solid var(--line);order:2;margin-left:4px;padding-left:12px}.cd-icon-btn{border:1px solid var(--line);color:#2563eb;cursor:pointer;background:#fbfaf8;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.cd-icon-btn:hover,.cd-icon-btn[aria-expanded=true]{background:#eaf2fe;border-color:#7fa9ec}.cd-icon-btn.on{background:#dbe8fd;border-color:#6aa0f0}.cd-icon-btn:disabled{color:var(--muted);opacity:.5;cursor:not-allowed}.cd-picked{text-overflow:ellipsis;white-space:nowrap;color:#1d4ed8;max-width:140px;font-size:14px;font-weight:700;overflow:hidden}.cd{z-index:90;visibility:hidden;background:#f3f4f6;border-right:1px solid #d6dae0;flex-direction:column;width:300px;max-width:86vw;transition:transform .22s,visibility 0s .22s;display:flex;position:fixed;top:72px;bottom:0;left:0;transform:translate(-100%)}.cd.open{visibility:visible;transition:transform .22s;transform:none;box-shadow:6px 0 24px #11182724}.cd-head{border-bottom:1px solid #d6dae0;align-items:center;gap:10px;padding:14px 16px;display:flex}.cd-head h2{color:#111827;flex:1;margin:0;font-size:19px}.cd-head-icon{color:#2563eb;display:grid}.cd-add{color:#fff;cursor:pointer;background:#e08a45;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.cd-add:hover{background:#d27a35}.cd-search{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:8px;margin:12px;padding:0 12px;display:flex}.cd-search input{min-width:0;font:inherit;color:#111827;background:0 0;border:0;outline:0;flex:1;padding:11px 0}.cd-list{flex:1;margin:0;padding:0 8px 16px;list-style:none;overflow:auto}.cd-list li{margin:2px 0}.cd-row{position:relative}.cd-item{color:#111827;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cd-item:hover{background:#e8ebf0}.cd-item.on{background:#dbe8fd;border-color:#6aa0f0}.cd-av{color:#6b7280;background:#e5e7eb;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.cd-item.on .cd-av{color:#1d4ed8;background:#c3dafb}.cd-text{flex:1;min-width:0}.cd-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;line-height:1.3;display:block;overflow:hidden}.cd-sub{color:#6b7280;font-size:13.5px;display:block}.cd-acts{gap:4px;display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cd-row:hover .cd-acts,.cd-row:focus-within .cd-acts{display:flex}.cd-acts button{color:#4b5563;cursor:pointer;background:#fff;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 1px 3px #1118272e}.cd-acts button:hover{color:#1d4ed8}.cd-acts button.danger:hover{color:#b3261e}.cd-msg{color:#6b7280;padding:12px;font-size:14px}.cd-link{color:#2563eb;cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.cd-toggle{color:#fff;cursor:pointer;background:#0b0b0b;border:3px solid #cfd4dc;border-radius:50%;place-items:center;width:36px;height:36px;padding:0 0 3px;font-size:22px;line-height:1;display:grid;position:absolute;top:44px;right:-18px}.cd-backdrop{display:none}@media (hover:none){.cd-acts{display:flex}.cd-row .cd-text{padding-right:70px}}@media (max-width:900px){.cd-backdrop{z-index:89;background:#04111f66;display:block;position:fixed;inset:72px 0 0}}@media (max-width:620px){.cd,.cd-backdrop{top:64px}}.adv-gear{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);cursor:pointer;background:#fbfaf8;border-radius:50%;place-items:center;padding:0;display:grid}.adv-gear:hover{border-color:var(--gold);color:#8f6528}.adv-gear.on{background:var(--goldSoft);border-color:var(--gold);color:#8f6528}.adv-panel{background:#c790380d;border:1px dashed #d8d2c8;border-radius:14px;margin-top:14px;padding:12px 14px}.adv-title{color:#8f6528;letter-spacing:.06em;flex:1 0 100%;font-size:12px;font-weight:800}