:root { --navy:#071c30; --ink:#182634; --muted:#617080; --paper:#f4f0e8; --green:#087c5c; --red:#bd3c3c; --amber:#b87916; --serif:"Noto Serif TC","Songti TC","PMingLiU",serif; --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif; --wrap:min(1440px,calc(100vw - 64px)); --line:rgba(24,38,52,.16); --light:rgba(255,255,255,.18) }
* { box-sizing:border-box } html { scroll-behavior:smooth } body { margin:0; background:#fbfaf6; color:var(--ink); font:16px/1.65 var(--sans) } a { color:inherit; text-decoration:none } button { font:inherit; cursor:pointer } .wrap { width:var(--wrap); margin:auto } .skip-link { position:absolute; left:-999px; top:8px; z-index:10; background:#fff; padding:8px } .skip-link:focus { left:8px }
.data-notice { min-height:32px; background:#153a5a; color:#e9f0f6; font-size:13px; border-bottom:1px solid var(--light) } .data-notice .wrap { min-height:32px; display:flex; align-items:center; gap:16px } .data-notice strong { background:#f4cf70; color:#102c45; padding:2px 9px; font-size:13px } .data-notice time { margin-left:auto; color:#b7c9d8; white-space:nowrap }
.site-header,.overview,.event-strip,.research-section { background:var(--navy); color:#f8f4e9 } .masthead { min-height:76px; display:flex; align-items:center; gap:30px } .brand { display:grid; gap:2px } .brand span,.eyebrow { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#76b6dc; font-weight:700 } .brand strong { font:700 28px/1 var(--serif); letter-spacing:.09em } .edition { margin-left:auto; color:#b6c7d4; font-size:14px } .menu-button { display:none; background:transparent; border:1px solid var(--light); color:#fff; padding:6px 12px } .site-nav { height:46px; display:flex; align-items:stretch; border-top:1px solid var(--light) } .site-nav a { padding:12px 22px 11px 0; margin-right:24px; color:#dbe5ec; font-weight:700; white-space:nowrap } .site-nav a:hover { color:#fff; border-bottom:3px solid #e6bc54 }
.overview { border-top:1px solid var(--light) } .overview-main { display:grid; grid-template-columns:1.03fr .97fr; min-height:500px } .overview-lead { padding:43px 60px 38px 0; border-right:1px solid var(--light) } .overview h1,.section-heading h2,.research-section h2 { margin:10px 0 16px; font:700 clamp(40px,4.5vw,62px)/1.12 var(--serif); letter-spacing:.07em } .hero-focus { max-width:560px; margin:-5px 0 16px; padding-left:13px; border-left:2px solid #e6bc54; color:#c5d6e1; font-size:13px; line-height:1.55 } .hero-deck { max-width:630px; margin:0 0 20px; color:#eff3f3; font-size:19px; line-height:1.6 } .regime-line { display:flex; align-items:baseline; gap:12px; padding:11px 0; border-top:1px solid var(--light); border-bottom:1px solid var(--light) } .regime-line span:first-child { color:#9fb5c6; font-size:13px } .regime-line strong { font-size:19px } .confidence { color:#f0d17c; font-size:13px } .evidence-list { display:grid; gap:5px; margin-top:14px } .evidence-list p { position:relative; margin:0; padding-left:17px; color:#d8e3ea; font-size:14px } .evidence-list p:before { content:""; position:absolute; left:0; top:.72em; width:5px; height:5px; border-radius:50%; background:#6ebd9d } .counter-evidence { margin-top:13px; padding:10px 13px; border-left:3px solid #d36c65; background:rgba(180,58,58,.15); color:#f0d7d2; font-size:13px }
.signal-flow { padding:38px 0 28px 45px } .section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:27px } .section-heading h2 { margin:4px 0 0; font-size:34px; letter-spacing:.05em } .section-heading>p { max-width:535px; margin:0; color:var(--muted); font-size:14px } .signal-heading { margin-bottom:14px } .signal-heading h2 { color:#fff } .coverage-tag { padding:4px 8px; border:1px solid var(--light); color:#bbd1df; font-size:12px } .signal-columns,.signal-row { display:grid; grid-template-columns:1.03fr 1.35fr 1.05fr; gap:16px } .signal-columns { padding:0 0 7px; border-bottom:1px solid var(--light); color:#87a5ba; font-size:12px; letter-spacing:.08em } .signal-row { min-height:84px; padding:13px 0; border-bottom:1px solid var(--light) } .signal-row h3 { margin:0 0 3px; color:#fff; font-size:15px } .signal-row p { margin:0; color:#e1eaef; font-size:14px; line-height:1.55 } .signal-row .signal-label { color:#9bb9ce; font-size:12px } .signal-row .verify p { color:#f3d587 } .signal-icon { display:inline-grid; place-items:center; width:23px; height:23px; margin-right:8px; border:1px solid #77accc; color:#b9d5e6; font-size:11px }
.scanner-section { padding:51px 0 62px; background:var(--paper) } .scanner-table { border-top:2px solid var(--ink); border-bottom:1px solid var(--ink) } .scanner-columns,.scanner-group { display:grid; grid-template-columns:110px 1.15fr .82fr .78fr 1.6fr .9fr 92px; gap:16px } .scanner-columns { padding:13px 12px; border-bottom:1px solid var(--ink); color:#5e6a71; font-size:12px; font-weight:700 } .scanner-group { align-items:start; padding:23px 12px; border-bottom:1px solid var(--line) } .scanner-group:last-child { border-bottom:0 } .scanner-market { font:700 20px/1.3 var(--serif) } .scanner-market small { display:block; margin-top:4px; color:var(--muted); font:12px var(--sans) } .metric-stack { display:grid; gap:8px } .metric-stack div { min-height:23px } .metric-stack small { color:var(--muted); font-size:11px } .scanner-value { font-family:var(--serif); font-weight:700; letter-spacing:.02em } .scanner-change,.scanner-reading,.signal-word,.deep-link,.unavailable { font-size:14px } .scanner-reading { line-height:1.55 } .signal-word,.deep-link { font-weight:700 } .deep-link { text-decoration:underline; text-underline-offset:4px } .up { color:var(--green) } .down { color:var(--red) } .flat { color:var(--amber) } .unavailable { color:#7d756d }
.event-strip { padding:28px 0 0 } .event-strip>.wrap:first-child { display:grid; grid-template-columns:1.05fr 1.7fr 1.05fr auto; gap:28px; align-items:center } .event-strip h2 { margin:5px 0; font:700 26px/1.1 var(--serif) } .event-title .eyebrow { color:#83b4d1 } .next-event { display:grid; gap:1px; padding-left:25px; border-left:1px solid var(--light) } .next-event strong { font-size:16px } .next-event span,.next-event time,.event-risk small { color:#a7c0d1; font-size:13px } .event-risk { display:grid; gap:2px } .event-risk span { color:#8eb0c7; font-size:12px } .event-risk strong { font-size:15px } .outline-button { padding:10px 13px; border:1px solid #d8bc69; background:transparent; color:#f6efdd; font-size:14px; white-space:nowrap } .event-scenario { padding-top:18px } .event-scenario details { border-top:1px solid var(--light); border-bottom:1px solid var(--light); padding:11px 0 } .event-scenario summary { color:#e7ca76; cursor:pointer; font-size:14px; font-weight:700; list-style:none } .event-scenario summary::-webkit-details-marker { display:none } .event-scenario summary::after { content:"＋"; margin-left:8px } .event-scenario details[open] summary::after { content:"−" } .event-scenario p { max-width:108ch; margin:10px 0 4px; color:#d2e0e7; font-size:13px; line-height:1.65 } .event-scenario ul { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:11px 0 4px; padding:0; list-style:none } .event-scenario li { padding-left:10px; border-left:2px solid #6d9ab4; color:#dce6eb; font-size:13px; line-height:1.55 } .event-scenario li strong { display:block; margin-bottom:2px; color:#f3d587; font-size:12px } .today-timeline { display:flex; gap:10px; overflow:auto; padding:23px 0 } .timeline-item { min-width:190px; padding:0 14px; border-left:1px solid #6b91aa } .timeline-item time { color:#e6c65d; font-size:12px } .timeline-item strong { display:block; margin:4px 0; font-size:14px } .timeline-item small { color:#a9c0d0; font-size:12px } .week-events { border-top:1px solid var(--light); background:#0b2940 } .week-events .wrap { padding:28px 0 37px } .week-head { display:flex; justify-content:space-between; align-items:center } .week-head h3 { margin:4px 0 0; font:700 26px var(--serif) } .text-button { border:0; background:transparent; color:#e7ca76; text-decoration:underline } .week-timeline { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:25px } .week-day { padding-top:10px; border-top:1px solid #86a7bc } .week-day time { display:block; margin-bottom:8px; color:#e5c665; font-size:12px } .week-day div { margin-top:8px; color:#d8e3eb; font-size:13px }
.event-reaction { margin-top:2px; padding:19px 0 24px; border-top:1px solid var(--light) } .event-reaction header { display:flex; justify-content:space-between; gap:20px; align-items:baseline } .event-reaction h3 { margin:3px 0 0; font:700 21px/1.25 var(--serif) } .event-reaction header span,.event-reaction p { color:#a9c0d0; font-size:13px } .reaction-list { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:15px } .reaction-list article { padding:10px 0; border-top:1px solid rgba(255,255,255,.25) } .reaction-list span { display:block; color:#9eb9ca; font-size:12px } .reaction-list strong { display:block; margin-top:2px; color:#f8f4e9; font:700 18px/1.2 var(--serif) } .reaction-list small { color:#d5e2e9; font-size:12px }
.brief-section,.news-section { padding:72px 0; background:#fff } .brief-grid { display:grid; grid-template-columns:1.15fr 1fr .85fr; gap:48px } .brief-section h2 { margin:8px 0 17px; font:700 39px/1.2 var(--serif) } .brief-lead { margin:0; font-size:19px; line-height:1.75 } .brief-reasons { display:grid; align-content:start; gap:16px; padding-left:28px; border-left:1px solid var(--line) } .brief-reasons p { margin:0; font-size:15px } .brief-reasons strong { display:block; margin-bottom:2px; color:var(--green); font-size:13px } .brief-counter { padding-top:13px; border-top:3px solid var(--red) } .brief-counter span { color:var(--red); font-size:12px; font-weight:700 } .brief-counter strong { display:block; margin:5px 0; font:700 21px/1.4 var(--serif) } .brief-counter p,.brief-counter small { margin:0; color:var(--muted); font-size:14px }
.risk-monitor { padding:58px 0; background:#f4f0e8; border-top:1px solid #d7d0c2; border-bottom:1px solid #d7d0c2 } .risk-monitor-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:2px solid var(--ink); border-bottom:1px solid var(--line) } .risk-monitor-grid article { min-height:142px; padding:17px 21px 18px 0 } .risk-monitor-grid article+article { padding-left:21px; border-left:1px solid var(--line) } .risk-monitor-grid span { display:block; color:var(--muted); font-size:12px } .risk-monitor-grid strong { display:block; margin:7px 0 4px; font:700 29px/1.15 var(--serif) } .risk-monitor-grid p { margin:0; color:#4d5c62; font-size:13px; line-height:1.55 } .risk-monitor-note { margin:13px 0 0; color:var(--muted); font-size:12px; line-height:1.55 }
.detail-section { padding:72px 0; background:#e9f0f3 } .detail-section.paper,.source-section { background:var(--paper) } .detail-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink) } .metric-reading { margin-right:28px; padding:23px 26px 22px 0; border-bottom:1px solid var(--line) } .metric-reading:nth-child(3n) { margin-right:0 } .metric-reading span { color:var(--muted); font-size:13px } .metric-reading strong { display:block; margin:6px 0; font:700 30px/1.15 var(--serif) } .metric-reading p { margin:0; font-size:14px; line-height:1.6 } .macro-history { margin-top:48px; padding-top:24px; border-top:2px solid var(--ink) } .macro-history h3 { margin:5px 0 20px; font:700 27px/1.25 var(--serif) } .macro-history-table { border-top:1px solid var(--line) } .macro-history-head,.macro-history-row { display:grid; grid-template-columns:1.45fr repeat(4,1fr); gap:12px; align-items:baseline; padding:11px 0; border-bottom:1px solid var(--line) } .macro-history-head { color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.05em } .macro-history-row strong { font-size:14px } .macro-history-row span { font:700 18px/1.2 var(--serif) } .macro-trend-visual { display:grid; grid-template-columns:1fr auto; gap:8px 24px; margin-top:32px; padding-top:24px; border-top:1px solid var(--line) } .macro-trend-visual h3 { margin:4px 0 0; font-size:26px } .macro-trend-visual svg { grid-column:1/-1; width:100%; max-width:760px; height:auto; overflow:visible } .trend-grid { stroke:rgba(24,38,52,.16); stroke-width:1; fill:none } .trend-path { fill:none; stroke-width:3; vector-effect:non-scaling-stroke } .trend-path.cpi { stroke:#177b9c } .trend-path.core { stroke:#bd6c35; stroke-dasharray:7 5 } .trend-legend { display:flex; gap:14px; align-items:center; color:var(--muted); font-size:12px } .trend-legend span:before { content:""; display:inline-block; width:18px; margin-right:6px; border-top:3px solid currentColor; vertical-align:middle } .trend-legend .cpi-line { color:#177b9c } .trend-legend .core-line { color:#bd6c35 } .trend-legend .core-line:before { border-top-style:dashed } .trend-axis { display:flex; justify-content:space-between; grid-column:1/-1; max-width:760px; color:var(--muted); font-size:12px } .macro-trend-visual>.source-note { grid-column:1/-1; max-width:760px; margin:6px 0 0 } .coverage-panel { padding:28px; border:2px solid #876b48; background:rgba(255,255,255,.34); font-size:17px } .coverage-panel strong { display:block; margin-bottom:6px; font:700 25px var(--serif) } .coverage-panel p,.earnings-panel { margin:0 } .earnings-panel { margin-top:28px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:14px } .earnings-panel>p { margin:.45rem 0 1rem; max-width:74ch } .earnings-disclosure { border-top:1px solid var(--line); padding:.6rem 0 } .earnings-disclosure:last-child { border-bottom:1px solid var(--line) } .earnings-disclosure summary { cursor:pointer; display:flex; justify-content:space-between; gap:1rem; color:var(--ink); font-weight:700; list-style:none } .earnings-disclosure summary::-webkit-details-marker { display:none } .earnings-disclosure summary::after { content:"＋"; margin-left:auto; color:var(--blue) } .earnings-disclosure[open] summary::after { content:"−" } .earnings-disclosure summary span { color:var(--muted); font-size:.72rem; letter-spacing:.06em; margin-right:.5rem } .earnings-disclosure>div { padding:.7rem 0 .25rem; color:var(--ink) }
.crypto-assets { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink) } .asset-row { padding:20px 22px 20px 0; border-bottom:1px solid var(--line) } .asset-row:not(:first-child) { padding-left:22px; border-left:1px solid var(--line) } .asset-row span { color:var(--muted); font-size:13px } .asset-row strong { display:block; margin:5px 0; font:700 30px var(--serif) } .asset-row p { margin:0; font-size:14px } .crypto-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; margin-top:40px } .reading-panel { padding:7px 0 7px 20px; border-left:4px solid var(--green) } .reading-panel h3,.crypto-grid h3 { margin:5px 0 12px; font:700 25px var(--serif) } .reading-panel p { margin:0 } .derivative-list { display:grid; gap:12px } .derivative-list div { display:flex; justify-content:space-between; padding-bottom:7px; border-bottom:1px solid var(--line); font-size:14px } .source-note { color:var(--muted); font-size:12px }
.news-list { border-top:2px solid var(--ink) } .news-item { display:grid; grid-template-columns:150px 1fr auto; gap:22px; align-items:start; padding:20px 0; border-bottom:1px solid var(--line) } .news-item time,.news-item>span { color:var(--muted); font-size:13px } .news-item a { font-size:17px; font-weight:700 } .news-item a:hover { text-decoration:underline } .news-impact { margin-top:9px } .news-impact summary { display:inline-block; color:#285a7c; cursor:pointer; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:3px; list-style:none } .news-impact summary::-webkit-details-marker { display:none } .news-impact summary::after { content:"＋"; margin-left:7px } .news-impact[open] summary::after { content:"−" } .news-impact dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 26px; margin:13px 0 2px; padding:13px 0 3px; border-top:1px solid var(--line) } .news-impact dl div:last-child { grid-column:1/-1; padding-top:5px; border-top:1px dashed var(--line) } .news-impact dt { color:#365a70; font-size:12px; font-weight:700 } .news-impact dd { margin:2px 0 0; color:var(--muted); font-size:13px; line-height:1.55 } .research-section { padding:75px 0 } .research-section h2 { margin:4px 0 28px; color:#fff; font-size:40px } .research-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--light) } .research-grid article { padding:25px 40px 25px 0; border-bottom:1px solid var(--light) } .research-grid article+article { padding-left:40px; border-left:1px solid var(--light) } .research-grid span { color:#e5c86e; font-size:12px } .research-grid h3 { margin:6px 0 9px; font:700 25px var(--serif) } .research-grid p { margin:0; color:#d0dce4 } .change-view { margin:26px 0 0; color:#edcf79; font-size:15px }
.source-section { padding:60px 0 } .coverage-detail { display:grid; grid-template-columns:1fr 1fr; gap:36px; margin:26px 0 32px; padding:22px 0; border-top:2px solid var(--ink); border-bottom:1px solid var(--line) } .coverage-detail article+article { border-left:1px solid var(--line); padding-left:36px } .coverage-detail h3 { margin:4px 0 8px; font:700 22px/1.25 var(--serif) } .coverage-detail p { margin:0; color:var(--muted); font-size:14px; line-height:1.65 } .coverage-detail .scope-ok { color:var(--green) } .coverage-detail .scope-gap { color:#9f5b26 } .provider-health { display:grid; grid-template-columns:repeat(3,1fr); gap:14px } .provider { padding:13px 15px; border-left:3px solid var(--amber); background:rgba(255,255,255,.4); font-size:14px } .provider.live { border-color:var(--green) } .provider.unavailable { border-color:var(--red) } .provider strong { display:block; font-size:15px } .discrepancy-alerts:not(:empty) { margin-top:26px; padding:18px 22px; border-left:4px solid #b87916; background:#fff8e7 } .discrepancy-alerts h3 { margin:4px 0 10px; font:700 22px var(--serif) } .discrepancy-alerts p { margin:8px 0 0; color:var(--muted); font-size:14px } footer { padding:25px 0; background:#102b43; color:#c9d7df; font-size:13px } footer .wrap { display:flex; justify-content:space-between; gap:15px } footer strong { color:#f3ebd8; font:700 20px var(--serif) }
.company-financial-summary>p { margin:.7rem 0; max-width:72ch; color:var(--muted) } .company-financial-list { margin-top:.8rem; border-top:1px solid var(--line) } .company-financial-head,.company-financial-row { display:grid; grid-template-columns:1.45fr 1fr .75fr .65fr auto; gap:12px; align-items:baseline; padding:11px 0; border-bottom:1px solid var(--line) } .company-financial-head { color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.04em } .company-financial-row strong { font-size:14px } .company-financial-row strong small { display:block; color:var(--muted); font-weight:400; font-size:12px } .company-financial-row>span { font:700 16px/1.2 var(--serif) } .company-financial-row .deep-link { font-size:13px }
@media(max-width:760px) { .news-impact dl { grid-template-columns:1fr } }
@media(max-width:760px) { .event-scenario ul { grid-template-columns:1fr } }
@media(max-width:760px) { .risk-monitor { padding:48px 0 } .risk-monitor-grid { grid-template-columns:1fr } .risk-monitor-grid article,.risk-monitor-grid article+article { min-height:0; padding:16px 0; border-left:0; border-top:1px solid var(--line) } .risk-monitor-grid article:first-child { border-top:0 } }
@media(max-width:1050px) { :root { --wrap:min(100% - 40px,1440px) } .overview-lead { padding-right:40px } .signal-flow { padding-left:32px } .scanner-columns,.scanner-group { grid-template-columns:86px 1.1fr .8fr .7fr 1.3fr .75fr 74px; gap:9px } .event-strip>.wrap:first-child { grid-template-columns:1fr 1.45fr 1fr } .event-strip .outline-button { grid-column:2/4; justify-self:start } .brief-grid { gap:28px } .site-nav a { margin-right:16px; padding-right:12px } }
@media(max-width:760px) { :root { --wrap:calc(100vw - 32px) } body { font-size:15px } .data-notice .wrap { align-items:flex-start; flex-wrap:wrap; gap:5px; padding:8px 0 } .data-notice time { width:100%; margin:0 } .masthead { min-height:86px } .brand strong { font-size:25px } .edition { display:none } .menu-button { display:block; margin-left:auto } .site-nav { display:none; height:auto; flex-wrap:wrap; padding:8px 0 } .site-nav.open { display:flex } .site-nav a { margin:0 13px 0 0; padding:8px 12px 8px 0 } .overview-main,.brief-grid,.crypto-grid,.coverage-detail { grid-template-columns:1fr } .overview-lead { padding:44px 0 34px; border-right:0 } .overview h1 { font-size:43px } .hero-deck { font-size:18px } .signal-flow { padding:33px 0 } .signal-columns { display:none } .signal-row { grid-template-columns:1fr; gap:7px; padding:17px 0 } .signal-row>div:before { display:block; margin-bottom:2px; color:#8eafc4; font-size:11px } .signal-row .meaning:before { content:"這代表什麼" } .signal-row .verify:before { content:"下一個驗證" } .scanner-section,.detail-section,.news-section,.brief-section { padding:48px 0 } .section-heading { display:block } .section-heading>p { margin-top:9px } .scanner-table { overflow-x:auto } .scanner-columns,.scanner-group { min-width:820px } .event-strip>.wrap:first-child { grid-template-columns:1fr; gap:16px } .next-event { padding:13px 0 0; border-top:1px solid var(--light); border-left:0 } .event-strip .outline-button { grid-column:auto } .week-timeline { grid-template-columns:1fr 1fr } .detail-grid,.crypto-assets,.provider-health { grid-template-columns:1fr } .metric-reading,.metric-reading:nth-child(3n) { margin-right:0 } .asset-row,.asset-row:not(:first-child) { padding:16px 0; border-left:0 } .research-grid { grid-template-columns:1fr } .research-grid article+article { padding-left:0; border-left:0 } .research-grid article { padding-right:0 } .news-item { grid-template-columns:1fr; gap:5px } .news-item span { display:none } footer .wrap { display:grid } .coverage-panel { padding:20px } .coverage-detail article+article { border-left:0; border-top:1px solid var(--line); padding:18px 0 0 } .brief-reasons { padding:20px 0 0; border-top:1px solid var(--line); border-left:0 } .company-financial-head { display:none } .company-financial-row { grid-template-columns:1fr 1fr; gap:8px } .company-financial-row strong { grid-column:1/-1 } .company-financial-row>a { justify-self:start } }