:root{--navy:#101a35;--navy-2:#17244a;--ink:#172039;--muted:#747d96;--paper:#f6f7fb;--panel:#eaf0ff;--blue:#5368d9;--orange:#ff795d;--line:#dde2ef;--white:#fff;--green:#278b6e;--yellow:#c7842b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans TC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.top-strip{height:30px;padding:0 32px;background:var(--navy);color:#aeb9df;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.04em}.top-strip span:first-child{color:#fff;font-weight:700}.site-header{height:78px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;padding:8px 7px;border-radius:11px;background:var(--orange);display:flex;flex-direction:column;justify-content:center;gap:3px}.brand-mark span{display:block;height:3px;border-radius:3px;background:#fff}.brand-mark span:nth-child(2){width:75%}.brand-mark span:nth-child(3){width:52%}.brand-mark.small{width:28px;height:28px;padding:5px;gap:2px;border-radius:8px}.brand-mark.small span{height:2px}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:16px;letter-spacing:.05em}.brand-copy small{margin-top:1px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.16em}.main-nav{display:flex;gap:31px;color:var(--muted);font-size:13px}.main-nav a:hover{color:var(--navy)}.nav-button{padding:10px 16px;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:#fff;font-size:12px}.hero-shell{max-width:1280px;margin:auto;padding:76px 32px 70px;display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.hero-kicker{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #278b6e18}.hero-copy h1{margin:20px 0 22px;font-size:clamp(43px,5.5vw,73px);line-height:1.08;letter-spacing:-.075em;font-weight:500}.hero-copy h1 strong{color:var(--blue);font-weight:800}.hero-lede{max-width:520px;margin:0 0 29px;color:var(--muted);font-size:16px;line-height:1.9}.search-bar{max-width:590px;height:61px;padding:6px 7px 6px 18px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:var(--white);box-shadow:0 14px 35px #34427a10}.search-icon{color:var(--blue);font-size:25px;line-height:1}.search-bar input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-bar input::placeholder{color:#a4aabd}.search-bar button{height:47px;padding:0 21px;border:0;border-radius:7px;background:var(--orange);color:#fff;font-size:12px;font-weight:800}.popular-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;color:var(--muted);font-size:11px}.popular-row button{padding:6px 11px;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--muted);font-size:11px}.hero-panel{position:relative;min-height:390px;padding:28px 30px 24px;overflow:hidden;border-radius:17px;background:var(--navy);color:#fff;box-shadow:0 22px 45px #101a3524}.hero-panel:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-110px;border:1px solid #8c9bea38;border-radius:50%;box-shadow:0 0 0 28px #8c9bea0b,0 0 0 56px #8c9bea08}.panel-top{position:relative;z-index:1;display:flex;justify-content:space-between;color:#8e9bd0;font-size:10px;font-weight:800;letter-spacing:.16em}.panel-date{color:#6878b7;font-weight:500;letter-spacing:.05em}.signal-copy{position:relative;z-index:1;margin-top:49px}.signal-copy span,.signal-copy small{display:block;color:#aeb9df;font-size:12px}.signal-copy strong{display:block;margin:5px 0 1px;color:#fff;font-size:38px;letter-spacing:-.06em}.signal-copy small{color:#ffad98}.hero-chart{position:relative;z-index:1;width:100%;height:160px;margin-top:13px}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round}.chart-point{fill:var(--orange);stroke:var(--navy);stroke-width:4}.chart-point.current{fill:#fff;stroke:var(--orange);stroke-width:4}.chart-labels{display:flex;justify-content:space-between;color:#7180b8;font-size:10px}.panel-foot{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid #ffffff16;color:#aeb9df;font-size:11px}.panel-foot span:first-child{display:flex;align-items:center;gap:7px;color:#fff}.orange-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.metrics-row{max-width:1216px;margin:0 auto 76px;padding:0 0;display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics-row article{min-height:116px;padding:22px 25px;border-right:1px solid var(--line)}.metric-label{display:block;color:var(--muted);font-size:11px}.metrics-row article strong{display:block;margin:6px 0 1px;font-size:28px;letter-spacing:-.05em}.metrics-row article small{color:var(--muted);font-size:11px}.metrics-note{background:var(--panel)}.metrics-note span{display:block;color:var(--blue);font-size:11px;font-weight:800}.metrics-note strong{font-size:20px!important}.metrics-note a{display:inline-block;margin-top:3px;color:var(--blue);font-size:11px;font-weight:700}.dashboard-section{max-width:1280px;margin:auto;padding:0 32px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-kicker{display:block;margin-bottom:7px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.18em}.section-heading h2,.guide-heading h2{margin:0;font-size:39px;line-height:1.12;letter-spacing:-.07em}.section-caption{color:var(--muted);font-size:11px}.dashboard-layout{display:grid;grid-template-columns:210px 1fr;gap:27px}.filter-panel{align-self:start;padding:19px 17px;border:1px solid var(--line);border-radius:12px;background:#fff}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;font-weight:800}.filter-title button{padding:0;border:0;background:transparent;color:var(--muted);font-size:10px}.filter-group{padding-bottom:18px;margin-bottom:17px;border-bottom:1px solid var(--line)}.filter-label{display:block;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em}.filter-option{width:100%;display:flex;align-items:center;gap:8px;padding:9px 2px;border:0;background:transparent;color:var(--muted);text-align:left;font-size:12px}.filter-option span{margin-left:auto;color:#abb2c2}.filter-option.active{color:var(--navy);font-weight:800}.filter-dot{width:7px;height:7px;border-radius:50%;background:#afb8cc}.all-dot{background:var(--blue)}.falling-dot{background:var(--orange)}.low-dot{background:var(--green)}.filter-tip{padding:13px;border-radius:9px;background:var(--panel)}.filter-tip span{color:var(--blue);font-size:10px;font-weight:800}.filter-tip p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.results-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:var(--muted);font-size:11px}.results-toolbar strong{color:var(--ink)}.results-toolbar label{display:flex;align-items:center;gap:8px}.results-toolbar select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:11px;outline:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product-card{min-height:302px;padding:17px 17px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-3px);border-color:#b7c0ea;box-shadow:0 15px 30px #33437a12}.product-card-top{display:flex;align-items:center;justify-content:space-between}.product-category{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.06em}.discount-badge{padding:4px 7px;border-radius:5px;background:#fff0ed;color:var(--orange);font-size:10px;font-weight:800}.product-card h3{margin:16px 0 4px;font-size:16px;line-height:1.45}.product-meta{margin:0;color:var(--muted);font-size:11px}.sparkline{width:100%;height:63px;margin-top:17px}.sparkline polyline{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.card-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:5px}.current-price{display:block;font-size:25px;font-weight:800;letter-spacing:-.06em}.normal-price{display:block;color:var(--muted);font-size:10px}.signal-pill{display:flex;align-items:center;gap:5px;padding-bottom:3px;font-size:10px;font-weight:700}.signal-pill i{width:6px;height:6px;border-radius:50%;background:#aab4c8}.signal-pill.falling{color:var(--orange)}.signal-pill.falling i{background:var(--orange)}.signal-pill.low{color:var(--green)}.signal-pill.low i{background:var(--green)}.card-link{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.card-link b{color:var(--blue);font-size:14px;font-weight:500}.empty-state{grid-column:1/-1;min-height:200px;display:grid;place-content:center;text-align:center;border:1px dashed #c6ccde;border-radius:12px;color:var(--muted)}.empty-state strong{color:var(--ink);font-size:16px}.empty-state span{margin-top:5px;font-size:12px}.guide-section{max-width:1280px;margin:auto;padding:95px 32px 115px;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;border-top:1px solid var(--line)}.guide-heading h2 strong{color:var(--blue)}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-cards article{padding:20px 17px;border-top:2px solid var(--navy);background:#fff}.guide-number{color:var(--orange);font-size:11px;font-weight:800}.guide-cards h3{margin:33px 0 7px;font-size:16px}.guide-cards p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}footer{max-width:1280px;margin:auto;padding:23px 32px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.hero-shell{grid-template-columns:1fr;gap:45px}.hero-panel{max-width:660px}.metrics-row{margin:0 20px 65px}.dashboard-layout{grid-template-columns:180px 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.guide-section{gap:45px}}@media(max-width:700px){.top-strip{height:auto;min-height:30px;padding:7px 18px;gap:4px;align-items:flex-start;flex-direction:column}.top-strip span:last-child{font-size:9px}.site-header{height:70px;padding:0 18px}.main-nav{display:none}.nav-button{padding:8px 12px;font-size:10px}.brand-copy strong{font-size:14px}.hero-shell{padding:53px 20px 48px}.hero-copy h1{font-size:45px}.hero-lede{font-size:14px}.search-bar{height:55px;padding-left:13px}.search-bar button{height:43px;padding:0 13px;font-size:11px}.popular-row{gap:6px}.hero-panel{min-height:330px;padding:22px 19px}.signal-copy{margin-top:36px}.signal-copy strong{font-size:32px}.hero-chart{height:135px}.metrics-row{margin:0 20px 58px;grid-template-columns:repeat(2,1fr)}.metrics-row article{min-height:102px;padding:17px 15px}.metrics-row article:nth-child(2){border-right:0}.metrics-row article:nth-child(3){border-top:1px solid var(--line)}.metrics-note{grid-column:1/-1;border-top:1px solid var(--line)!important;border-right:0!important}.dashboard-section{padding:0 20px 72px}.section-heading{display:block}.section-caption{display:block;margin-top:10px}.dashboard-layout{display:block}.filter-panel{margin-bottom:18px;padding:16px}.filter-group{display:flex;align-items:center;gap:5px;overflow:auto;margin-bottom:12px;padding-bottom:12px}.filter-label{min-width:55px;margin:0}.filter-option{width:auto;min-width:max-content;padding:7px 9px;border:1px solid var(--line);border-radius:99px}.filter-option span{display:none}.filter-tip{display:none}.results-toolbar{margin-bottom:12px}.product-grid{grid-template-columns:1fr;gap:11px}.product-card{min-height:280px}.guide-section{display:block;padding:72px 20px 78px}.guide-cards{grid-template-columns:1fr;margin-top:38px}.guide-cards article{padding:17px}.guide-cards h3{margin-top:17px}footer{padding:20px;display:block}footer>span{display:block;margin-top:9px}}