@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{--ink:#2a1a0d;--orange:#f57c00;--cream:#fbf8f2;--apricot:#fff0d8;--muted:#6f6257;--line:#eae2d8;--pink:#c62467}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans TC',sans-serif}button,a{font:inherit}button{cursor:pointer}.site-header,main,footer{max-width:1200px;margin:auto}.site-header{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--ink);color:#fff;font:500 11px 'DM Mono'}.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav-cta,.button{border-radius:11px;font-weight:700;border:0}.nav-cta{padding:10px 15px;background:var(--apricot);color:var(--ink);font-size:13px}.hero{min-height:558px;display:grid;grid-template-columns:1.05fr .8fr;gap:70px;align-items:center;padding:60px 48px 70px}.eyebrow,.card-label{font:500 11px 'DM Mono';letter-spacing:.11em;text-transform:uppercase;color:var(--orange);margin:0 0 14px}.hero h1{font-size:clamp(39px,5.2vw,64px);line-height:1.18;letter-spacing:-.075em;margin:0}.hero-copy>p:not(.eyebrow):not(.example-note){color:var(--muted);font-size:16px;line-height:1.85;max-width:520px;margin:24px 0}.hero-actions{display:flex;gap:12px}.button{padding:14px 18px;text-decoration:none;font-size:14px}.primary{background:var(--orange);color:var(--ink)}.primary span{margin-left:24px}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.example-note{font-size:11px;color:var(--muted);margin-top:17px}.signal-card{height:366px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;padding:25px;box-shadow:0 20px 35px rgba(73,42,10,.07)}.signal-top,.signal-footer{display:flex;justify-content:space-between;position:relative;z-index:1;font:12px 'DM Mono';color:var(--muted)}.live-dot{color:var(--pink);background:#fff1f6;border-radius:99px;padding:4px 8px;margin-top:-4px}.signal-number{position:relative;z-index:1;margin-top:48px;font:700 80px/1 'DM Mono';letter-spacing:-.1em;color:var(--ink)}.signal-number small{font:500 14px 'Noto Sans TC';letter-spacing:0;margin-left:13px}.signal-lines{display:flex;gap:9px;align-items:end;height:81px;position:relative;z-index:1;margin:12px 0 25px}.signal-lines i{width:14px;background:var(--orange);border-radius:7px 7px 2px 2px}.signal-lines i:nth-child(1){height:28px}.signal-lines i:nth-child(2){height:46px}.signal-lines i:nth-child(3){height:38px}.signal-lines i:nth-child(4){height:62px}.signal-lines i:nth-child(5){height:77px;background:var(--pink)}.signal-footer{border-top:1px solid var(--line);padding-top:16px}.signal-footer strong{color:var(--orange);font-size:16px;margin-left:auto;margin-right:10px}.arc{position:absolute;border:1px solid #ffdba8;border-radius:50%;width:360px;height:360px;right:-190px;top:-130px}.arc-2{width:270px;height:270px;right:-143px;top:-83px}.node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange)}.n1{right:74px;top:75px}.n2{right:140px;top:116px;background:var(--pink)}.n3{right:90px;top:177px}.topics-section,.detail-section,.trend-section,.method{padding:90px 48px;border-top:1px solid var(--line)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:33px}.section-intro h2,.detail-lead h2,.trend-copy h2,.method h2{font-size:clamp(28px,3.7vw,43px);line-height:1.28;letter-spacing:-.06em;margin:0}.section-intro>p{max-width:370px;color:var(--muted);line-height:1.75;font-size:14px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.topic-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px;min-height:276px;display:flex;flex-direction:column;transition:.2s}.topic-card:hover,.topic-card.active{transform:translateY(-4px);border-color:var(--orange);box-shadow:0 12px 22px rgba(97,50,0,.08)}.rank{font:12px 'DM Mono';color:var(--muted)}.topic-card-top{display:flex;justify-content:space-between;margin:20px 0 13px}.topic-tag{display:inline-block;background:var(--apricot);color:var(--ink);border-radius:99px;padding:4px 8px;font-size:11px}.change{font:12px 'DM Mono';color:var(--orange)}.topic-card strong{font-size:20px;letter-spacing:-.04em}.topic-summary{font-size:12px;line-height:1.7;color:var(--muted);margin-top:11px}.score{margin-top:auto;font:11px 'DM Mono';color:var(--muted);display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:4px}.score b{font-size:24px;color:var(--orange);letter-spacing:-.08em}.score i{height:4px;background:#f3ece4;margin:0 0 5px 5px;border-radius:4px;overflow:hidden}.score em{display:block;height:100%;background:var(--orange)}.detail-section{background:#fff}.detail-heading{display:flex;justify-content:space-between;align-items:center}.detail-heading>span{font:12px 'DM Mono';color:var(--muted)}.detail-lead{display:flex;justify-content:space-between;gap:30px;padding:7px 0 39px}.detail-lead h2{font-size:44px;margin:12px 0}.detail-lead p{max-width:680px;color:var(--muted);line-height:1.75;margin:0}.heat-box{min-width:150px;align-self:end;border-left:1px solid var(--line);padding-left:25px}.heat-box span,.heat-box small{display:block;color:var(--muted);font-size:12px}.heat-box strong{display:block;font:700 52px 'DM Mono';letter-spacing:-.12em;color:var(--orange);margin:5px 0}.heat-box small{color:var(--orange)}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.detail-grid article{border:1px solid var(--line);border-radius:16px;padding:21px;min-height:210px}.dark-card{background:var(--ink);border-color:var(--ink)!important;color:#fff}.dark-card .card-label{color:#ffba62}.dark-card h3{font-size:21px;line-height:1.4;margin:0 0 13px}.dark-card p:not(.card-label){font-size:13px;line-height:1.8;color:#ecdfd3}.platforms{display:flex;gap:6px;margin-top:16px}.platforms span{border:1px solid #6f5540;padding:4px 7px;border-radius:5px;font:10px 'DM Mono';color:#ffd8a4}.card-label{color:var(--muted);margin-bottom:16px}.question-list{padding:0;margin:0;list-style:none}.question-list li{font-size:13px;line-height:1.5;padding:9px 0;border-top:1px solid var(--line)}.question-list li:before{content:'↗';color:var(--orange);margin-right:7px}.angle{font-size:16px;line-height:1.55;font-weight:700}.angle-copy{color:var(--muted);font-size:13px;line-height:1.75}.risk-card{grid-column:2/4;background:#fff6f9}.risk-card .card-label{color:var(--pink)}.risk-card p:last-child{font-size:14px;line-height:1.75;margin:0}.trend-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.trend-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:26px}.legend i{display:inline-block;width:18px;height:3px;background:var(--orange);margin-right:5px;vertical-align:middle}.legend .brown{background:var(--ink)}.chart-wrap{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px 22px 14px}.chart-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.chart-top span:first-child{color:var(--ink);font-weight:700}.chart-weeks{display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono';padding:0 7px}.grid-lines line{stroke:#eee5da;stroke-width:1}.average{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:5 5;opacity:.55}.trend-line{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#fff;stroke:var(--orange);stroke-width:3}.chart-dot.latest{fill:var(--pink);stroke:#fff;stroke-width:4}.chart-wrap text{font:500 13px 'DM Mono';fill:var(--pink)}.method{display:grid;grid-template-columns:.85fr 1.4fr;gap:60px}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.method-steps span{font:12px 'DM Mono';color:var(--orange)}.method-steps h3{font-size:16px;margin:12px 0 8px}.method-steps p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}footer{padding:29px 48px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:11px;line-height:1.6}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,100px);background:var(--ink);color:#fff;border-radius:10px;padding:12px 18px;font-size:13px;opacity:0;transition:.25s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){.site-header{padding:0 20px}.site-header nav a{display:none}.hero,.trend-section,.method{grid-template-columns:1fr;gap:40px}.hero{padding:45px 24px 60px}.signal-card{max-width:500px}.topics-section,.detail-section,.trend-section,.method{padding:64px 24px}.topic-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.dark-card{grid-column:span 2}.risk-card{grid-column:span 2}.method-steps{gap:15px}.section-intro{align-items:start;flex-direction:column;gap:16px}}@media(max-width:540px){.site-header{height:70px}.brand{font-size:14px}.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:start}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:206px}.detail-lead{flex-direction:column}.heat-box{align-self:start;border-left:0;border-top:1px solid var(--line);padding:16px 0 0;width:100%}.detail-grid{grid-template-columns:1fr}.dark-card,.risk-card{grid-column:span 1}.method-steps{grid-template-columns:1fr}.trend-section{gap:28px}.chart-wrap{padding:14px 8px}.chart-top{padding:0 12px}.chart-weeks{padding:0 11px}footer{padding:25px 24px 35px;display:block}footer span{display:block;margin:6px 0}}