:root{color-scheme:light;--paper:#fff;--soft:#f7f8fa;--ink:#202124;--muted:#64748b;--line:#e5e7eb;--green:#16a34a;--green-text:#13743a;--mint:#edf8f0;--site-font:"Noto Sans TC Variable","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}
.white-site{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--site-font)}.white-site a{color:inherit;text-decoration:none}.white-site a:hover{color:var(--green-text)}.white-site a:focus-visible,.white-site button:focus-visible,.white-site summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.white-site :is(h1,h2,h3,p){overflow-wrap:anywhere}.white-wrap{width:min(1180px,calc(100% - 56px));margin-inline:auto}.white-header{border-bottom:1px solid var(--line)}.white-nav{display:flex;min-height:72px;align-items:center;gap:15px}.white-brand{display:inline-flex;align-items:center;gap:8px;font-size:23px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.white-brand span{display:grid;place-items:center;width:32px;height:32px;color:var(--green-text);background:var(--mint);border-radius:9px}.white-nav nav{display:flex;justify-content:center;gap:22px;flex:1;color:#475569;font-size:14px;font-weight:600}.quiet-button,.green-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;cursor:pointer;transition:background .16s,border-color .16s}.quiet-button:hover{background:var(--soft);border-color:#cbd5e1}.white-site .green-button{background:#16663a;border-color:#16663a;color:white}.white-site .green-button:hover{background:#114f2d;color:white}.stock-search{background:var(--soft)}.white-mobile{display:none}.white-demo{background:var(--soft);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.white-demo .white-wrap{display:flex;gap:10px;align-items:center;min-height:36px}.white-demo b{color:var(--green-text);letter-spacing:.12em}.white-demo a{margin-left:auto;font-weight:650;white-space:nowrap}
.white-hero{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:55px;padding-block:60px 35px}.white-eyebrow{display:inline-block;color:var(--green-text);font-size:11px;font-weight:800;letter-spacing:.17em}.hero-intro h1{font-size:clamp(34px,4.2vw,61px);font-weight:800;letter-spacing:-.075em;line-height:1.22;margin:10px 0 15px}.hero-intro p{color:var(--muted);max-width:33em;margin:0}.white-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.white-card{border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}.white-market{padding:18px 21px 12px}.market-top,.market-axis,.research-label{display:flex;justify-content:space-between;gap:8px;align-items:start}.white-muted,.market-axis{color:var(--muted);font-size:13px}.market-top h2{font-size:clamp(24px,3.3vw,38px);font-weight:780;letter-spacing:-.06em;margin:2px 0}.market-top h2 small{font-size:13px;color:var(--green-text);letter-spacing:0}.white-pill{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:2px 8px;background:var(--soft);color:#49576b;font-size:11px;white-space:nowrap}.market-periods{display:flex;gap:4px;margin-block:8px 3px}.market-periods button{padding:3px 8px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:12px}.market-periods [aria-pressed=true]{background:var(--mint);color:var(--green-text);font-weight:750}.white-chart{display:block;width:100%;height:auto}.chart-rules{fill:none;stroke:var(--line)}#trend-area{fill:#e9f7ee}#trend-line{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.market-axis{border-top:1px solid var(--line);padding-top:7px}
.white-quote-grid,.white-article-grid,.academy-grid{display:grid;gap:12px}.white-quote-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.white-quote{display:flex;justify-content:space-between;gap:4px;padding:13px 14px}.white-quote div:last-child{text-align:right}.white-quote small{display:block;color:var(--muted);font-size:11px}.white-quote .gain{color:var(--green-text)}.white-quote .loss{color:#aa3451}.white-section{padding-block:40px 12px}.white-section-head{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:13px}.white-section-head h2{font-size:clamp(25px,3vw,35px);margin:3px 0;font-weight:780;letter-spacing:-.05em}.white-section-head p,.research-card p{color:var(--muted);margin:4px 0 8px}.white-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.research-card{padding:17px;transition:border-color .18s,transform .18s}.research-card:hover{border-color:#b5c9bd;transform:translateY(-2px)}.research-label>span:last-child{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.research-card h3{font-size:19px;font-weight:750;margin:9px 0 5px}.white-site .text-link{color:var(--green-text);font-size:13px;font-weight:700}.white-band{background:var(--soft);margin-top:24px;border-block:1px solid var(--line);padding-bottom:25px}.academy-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.academy-grid a{padding:13px;display:flex;justify-content:space-between;font-weight:650;gap:4px}.academy-grid a span{color:var(--green-text)}.white-footer{border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:40px;padding-block:16px;color:var(--muted);font-size:12px}.white-dialog{width:min(440px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.white-dialog::backdrop{background:#20212455}.white-dialog h2{font-size:23px}.white-dialog ul{margin-block:12px}.skip-link{position:absolute;left:8px;top:8px;transform:translateY(-150%);background:#fff;padding:8px;z-index:5}.skip-link:focus{transform:none}.white-reading{width:min(750px,calc(100% - 40px));margin:35px auto;line-height:1.9}.white-reading nav{color:var(--muted);font-size:13px;margin-bottom:25px}.white-reading header{border-bottom:1px solid var(--line);padding-bottom:22px}.white-reading h1{font-weight:800;font-size:clamp(30px,4vw,46px);line-height:1.35;margin-block:12px}.white-reading header p{color:var(--muted);font-size:18px}.white-reading section,.white-reading aside{margin-block:22px}.white-reading h2{font-size:23px;font-weight:750}.white-reading aside{padding:12px 16px;background:var(--soft)}.white-reading aside p{margin:0}
@media(max-width:960px){.white-wrap{width:calc(100% - 36px)}.white-nav{gap:8px}.white-nav nav{gap:12px}.white-hero{gap:25px;padding-top:36px}.white-quote{padding:10px;font-size:13px}}
@media(max-width:740px){.white-wrap{width:calc(100% - 28px)}.white-nav{flex-wrap:wrap;min-height:56px;padding-block:8px;gap:5px}.white-brand{margin-right:auto;font-size:19px}.white-brand span{width:26px;height:26px}.white-mobile{display:inline-flex}.white-nav .quiet-button{font-size:11px;padding:5px 7px}.white-nav nav{display:none;order:5;flex-basis:100%;justify-content:start;flex-wrap:wrap;padding:7px 2px}.white-nav nav.is-open{display:flex}.white-demo .white-wrap{gap:5px;font-size:11px}.white-hero{grid-template-columns:1fr;gap:18px;padding-block:24px 16px}.hero-intro h1{margin-block:5px 8px}.white-actions{margin-top:13px}.white-market{padding:12px}.white-quote-grid,.academy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.white-article-grid{grid-template-columns:1fr;gap:8px}.white-section{padding-top:24px}.white-footer{flex-wrap:wrap;margin-top:25px}.research-card{padding:13px}}
@media(prefers-reduced-motion:reduce){.white-site *{transition:none!important}}
.academy-topic{padding:12px 13px}.academy-topic summary{cursor:pointer;font-weight:650}.academy-topic p{margin:5px 0 0;color:var(--muted);font-size:13px}
