/* CKMU demand research: shared visual language for discovery and private evidence. */
:root{--rx-bg:#07111f;--rx-panel:#0b1a2c;--rx-line:rgba(130,172,208,.18);--rx-text:#edf5ff;--rx-muted:#a0b4cd;--rx-blue:#69d5ff;--rx-mint:#77e0c3;--rx-radius:20px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
html[data-ckmu-report]{background:#07111f}
body.demand-experience,html[data-ckmu-report] body{background:var(--rx-bg);color:var(--rx-text);font-family:system-ui,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.75;isolation:isolate}
.rx-ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 92% 7%,rgba(28,126,157,.16),transparent 48%),radial-gradient(ellipse at 0 60%,rgba(29,66,112,.13),transparent 50%)}
.rx-ambient canvas{width:100%;height:100%;display:block;opacity:.65}
.demand-experience main{width:min(100%,1360px);max-width:1360px;padding:0 36px 80px;margin-top:0}
.demand-experience .rx-hero{padding:68px 0 34px;position:relative;isolation:isolate}
.demand-experience .rx-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(105,213,255,.11);border-radius:50%;right:5%;top:28px;box-shadow:0 0 0 40px rgba(105,213,255,.025),0 0 0 80px rgba(105,213,255,.015);z-index:-1}
.demand-experience .eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.17em;font-size:12px;font-weight:650;color:var(--rx-mint)}
.demand-experience .eyebrow:before{content:"";width:24px;height:1px;background:currentColor}
.demand-experience .rx-hero h1{font-size:clamp(32px,4.4vw,57px);letter-spacing:-.045em;line-height:1.25;max-width:880px;margin:22px 0}
.demand-experience .rx-hero .intro{max-width:690px;font-size:18px;color:var(--rx-muted);line-height:1.9}
.rx-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0}
.demand-experience a.rx-primary,.demand-experience button.rx-primary{background:var(--rx-blue);color:#06121e;text-decoration:none;font-weight:700;border:1px solid var(--rx-blue);padding:13px 22px;border-radius:12px;box-shadow:0 7px 28px rgba(60,185,232,.13);display:inline-flex;align-items:center;gap:18px;min-height:48px}
.demand-experience a.rx-secondary{display:inline-flex;padding:12px 18px;border:1px solid var(--rx-line);border-radius:12px;color:var(--rx-text);text-decoration:none;background:rgba(10,27,46,.65)}
.rx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rx-line);border-bottom:1px solid var(--rx-line);margin:34px 0 0}
.rx-metric{padding:21px 24px 21px 0;min-width:0}.rx-metric+.rx-metric{border-left:1px solid var(--rx-line);padding-left:24px}.rx-metric strong{display:block;font-size:30px;line-height:1.4;font-weight:550;letter-spacing:-.04em;color:var(--rx-text)}.rx-metric span{font-size:13px;color:var(--rx-muted)}
.rx-section-nav{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0 24px;border-bottom:1px solid var(--rx-line)}.rx-section-nav a{font-size:14px;text-decoration:none!important;color:var(--rx-muted);padding:8px 15px;border-radius:30px}.rx-section-nav a:hover,.rx-section-nav a:focus-visible{background:#142c43;color:var(--rx-blue)}
.demand-experience main>section{padding:28px;margin:30px 0;background:linear-gradient(130deg,rgba(14,34,54,.94),rgba(9,23,39,.94));border:1px solid var(--rx-line);border-radius:var(--rx-radius);box-shadow:0 15px 48px rgba(0,0,0,.09)}
.demand-experience main>section h2{font-size:23px;letter-spacing:-.025em;margin-top:0}.demand-experience main>section>p{color:var(--rx-muted);font-size:15px;max-width:1050px}
.demand-experience .trend-grid{gap:16px}.demand-experience .trend-card{background:rgba(4,17,32,.6);padding:23px;border:1px solid var(--rx-line);border-radius:14px;transition:border-color .2s,transform .2s,background .2s}.demand-experience .trend-card:hover{border-color:rgba(105,213,255,.38);background:rgba(14,38,59,.7);transform:translateY(-2px)}
.demand-experience .trend-card h3{font-size:18px;letter-spacing:-.015em;margin:0 0 14px}.demand-experience .trend-card p,.demand-experience .trend-card li{font-size:15px;color:#b4c6dc}.demand-experience .trend-card .value{font-size:28px;color:var(--rx-blue)}
.demand-experience #discovery .trend-card button{font-size:13px;padding:7px 11px;min-height:34px;border-color:var(--rx-line);border-radius:30px;margin:4px 5px 4px 0;background:#102a40;color:#cce6f8}.demand-experience #discovery .trend-card button:hover{background:#1e4661;border-color:#4ba3c3}
.demand-experience label{font-size:14px;color:var(--rx-muted)}.demand-experience input,.demand-experience select,.demand-experience textarea{min-height:46px;border-color:var(--rx-line);border-radius:10px;background:#071524}.demand-experience :is(input,select,textarea):focus{outline:2px solid rgba(105,213,255,.6);outline-offset:2px}.demand-experience button{border-radius:10px}
.demand-experience #report-status{padding:17px 20px;background:rgba(19,51,70,.65);border:1px solid rgba(105,213,255,.23);border-radius:13px;color:#bde8fb;max-width:850px}.demand-experience #report-list{margin:30px 0}.demand-experience #report-list h2{font-size:20px;min-height:58px}.demand-experience #report-list a{display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-weight:650}.demand-experience #report-list a:after{content:"↗";font-size:20px}.rx-card-kicker{color:var(--rx-mint)!important;font-size:11px!important;letter-spacing:.15em;margin:0 0 14px}
.rx-read-note{font-size:13px;color:var(--rx-muted);padding-top:20px;border-top:1px solid var(--rx-line)}
html[data-ckmu-report] body{max-width:1320px;margin:35px auto;padding:0 28px 70px;font-size:17px;background:transparent}html[data-ckmu-report] body>h1{font-size:clamp(29px,3.4vw,44px);line-height:1.3;letter-spacing:-.04em;max-width:950px;margin:32px 0 18px}html[data-ckmu-report] a{color:var(--rx-blue);text-underline-offset:4px}html[data-ckmu-report] body>p{color:var(--rx-muted);font-size:14px}
html[data-ckmu-report] :is(section,article){border:1px solid var(--rx-line);background:linear-gradient(140deg,#0f2237,#0b1a2b);border-radius:18px;padding:26px;margin:23px 0;min-width:0}html[data-ckmu-report] h2{font-size:22px;letter-spacing:-.02em}html[data-ckmu-report] h3{font-size:21px;line-height:1.5}html[data-ckmu-report] :is(p,li){overflow-wrap:anywhere}html[data-ckmu-report] .meta{font-size:14px;color:var(--rx-mint)}html[data-ckmu-report] .warn{color:#edcc8c;font-size:15px}html[data-ckmu-report] summary{padding:12px 0;font-size:15px;color:var(--rx-blue);min-height:44px}
html[data-ckmu-report] :is(input,select){border:1px solid #2a4961;border-radius:10px;min-height:46px;background:#071524;color:var(--rx-text);font:inherit;padding:9px 12px;max-width:100%;min-width:0}html[data-ckmu-report] table{font-size:15px}html[data-ckmu-report] th{color:var(--rx-muted);font-size:12px;font-weight:550;background:rgba(9,23,39,.5)}html[data-ckmu-report] :is(td,th){padding:13px 16px;border-color:var(--rx-line)}html[data-ckmu-report] td{font-variant-numeric:tabular-nums}html[data-ckmu-report] #matched{color:var(--rx-mint);font-size:14px}
.rx-to-filter{position:fixed;bottom:22px;right:24px;z-index:15;padding:10px 16px;color:#bde8fb;background:#102d43;border:1px solid #315a73;border-radius:30px;font:14px/1.5 system-ui;cursor:pointer;box-shadow:0 5px 20px #0005}.rx-to-filter:hover{background:#19445f}
@media(min-width:1050px){.demand-experience #discovery{grid-template-columns:repeat(5,minmax(0,1fr))}.demand-experience #discovery .trend-card{padding:18px}.demand-experience #discovery .trend-card h3{font-size:16px}}
@media(max-width:700px){.demand-experience main{padding:0 18px 70px}.demand-experience .rx-hero{padding:38px 0 24px}.demand-experience .rx-hero:after{width:110px;height:110px;top:20px;right:3%}.demand-experience .rx-hero h1{font-size:34px;max-width:90%}.demand-experience .rx-hero .intro{font-size:16px}.rx-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.rx-metric{padding:16px 12px}.rx-metric+.rx-metric{padding-left:18px}.rx-metric:nth-child(3){border-left:0;border-top:1px solid var(--rx-line);padding-left:12px}.rx-metric:nth-child(4){border-top:1px solid var(--rx-line)}.rx-metric strong{font-size:26px}.demand-experience main>section{padding:20px;margin:22px 0}.rx-section-nav{gap:2px;padding-bottom:18px}.rx-section-nav a{font-size:12px;padding:7px 10px}.demand-experience .trend-grid{grid-template-columns:1fr}.rx-actions a{font-size:14px}.demand-experience #report-list h2{min-height:0}html[data-ckmu-report] body{padding:0 17px 75px;font-size:16px}html[data-ckmu-report] :is(section,article){padding:20px}html[data-ckmu-report] h3{font-size:19px}html[data-ckmu-report] label{display:block;margin:15px 0}html[data-ckmu-report] :is(input,select){width:100%}.rx-to-filter{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demand-experience .trend-card{transition:none}.demand-experience .trend-card:hover{transform:none}}