:root{--ink:#163340;--muted:#4d656d;--paper:#f7f7f2;--line:#d9e2df;--accent:#a5352f;--navy:#15313e;--soft:#e8efeb}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 system-ui,"Microsoft JhengHei",sans-serif}
a{color:inherit;text-underline-offset:4px}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b13c32;outline-offset:4px}
img{display:block;max-width:100%;height:auto}
.sp-shell{max-width:1160px;margin:auto;padding:0 28px}
.sp-fallback{border-bottom:1px solid var(--line);background:#fff}
.sp-fallback .sp-shell{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px}
.sp-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}
.sp-logo img{width:72px;height:48px;object-fit:contain}
.sp-fallback nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}
.sp-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-top:26px;padding-bottom:24px}
.sp-eyebrow{display:block;color:var(--accent);font-size:13px;letter-spacing:.12em;font-weight:800;margin-bottom:16px}
.sp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:52px;align-items:center;padding:26px 0 60px}
.sp-hero h1{font-size:clamp(38px,4.7vw,60px);line-height:1.2;letter-spacing:-.035em;margin:0 0 24px;font-weight:800}
.sp-lead{font-size:18px;line-height:1.9;color:var(--muted);margin:0 0 26px}
.sp-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.sp-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid var(--navy);border-radius:6px;background:var(--navy);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;line-height:1.5}
.sp-button.secondary{color:var(--ink);background:transparent;border-color:#b8cac6}
.sp-button:hover{background:#244b5c;color:white}
.sp-button.secondary:hover{background:var(--soft);color:var(--ink)}
.sp-hero-note{font-size:13px;color:var(--muted);margin-top:18px}
.sp-stage{background:#e7ece7;border:1px solid #d4dfd6;border-radius:16px;padding:28px;min-width:0}
.sp-stage-head{display:flex;justify-content:space-between;align-items:start;gap:14px}
.sp-model{font-size:25px;line-height:1.35;font-weight:800;letter-spacing:-.015em;color:var(--ink);overflow-wrap:anywhere;margin:0}
.sp-model a{text-decoration:none}
.sp-stage .sp-model{font-size:27px}
.sp-badge{font-size:12px;font-weight:750;border:1px solid #b9ccc1;border-radius:100px;padding:5px 10px;white-space:nowrap;background:#f7faf7}
.sp-stage-photo{width:100%;height:300px;object-fit:contain;margin:22px 0 4px}
.sp-stage-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bccdc2;padding-top:16px;gap:20px}
.sp-stage-bottom strong{font-size:29px;line-height:1.2;display:block}
.sp-stage-bottom span{font-size:13px;color:var(--muted)}
.sp-stage-caption{font-size:12px;color:var(--muted);margin:15px 0 0}
.sp-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}
.sp-benefit{display:flex;gap:14px;align-items:start}
.sp-benefit>span{font:700 14px/1.5 ui-monospace,monospace;color:var(--accent)}
.sp-benefit h2{font-size:17px;margin:0 0 5px}
.sp-benefit p{font-size:14px;color:var(--muted);margin:0}
.sp-section{padding:64px 0;scroll-margin-top:85px}
.sp-section+.sp-section{border-top:1px solid var(--line)}
.sp-section-title{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.sp-section-title h2,.sp-panel-title{font-size:clamp(27px,3vw,37px);line-height:1.3;letter-spacing:-.025em;margin:0 0 10px}
.sp-section-title p{color:var(--muted);margin:0;max-width:610px}
.sp-count{white-space:nowrap;color:var(--muted);font-size:14px}
.sp-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.sp-filters{display:flex;gap:7px;flex-wrap:wrap}
.sp-filter{border:1px solid #bdcbc6;background:transparent;color:var(--ink);border-radius:100px;padding:8px 15px;cursor:pointer;min-height:42px;font-size:14px}
.sp-filter[aria-pressed="true"]{background:var(--navy);color:white;border-color:var(--navy)}
.sp-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #8ea8a0;padding:4px 0;min-width:230px}
.sp-search input{border:0;background:transparent;min-width:0;width:100%;padding:6px 0;color:var(--ink);border-radius:0}
.sp-search span{font-size:14px;white-space:nowrap;color:var(--muted)}
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sp-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;flex-direction:column;gap:16px;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}
.sp-card:hover{border-color:#a8bcb2;box-shadow:0 9px 26px #173d2e0b}
.sp-card[hidden]{display:none}
.sp-card-top{display:flex;flex-direction:column;gap:10px}
.sp-type{font-size:12px;font-weight:700;color:#526c5c;letter-spacing:.04em}
.sp-card-photo{width:100%;height:170px;object-fit:contain;background:#fff}
.sp-card-specs{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #e3ebe7;border-bottom:1px solid #e3ebe7;padding:14px 0;gap:14px}
.sp-card-specs div{min-width:0}
.sp-card-specs dt{font-size:12px;color:var(--muted)}
.sp-card-specs dd{margin:3px 0 0;font-size:18px;font-weight:800;line-height:1.35}
.sp-card-desc{font-size:14px;color:var(--muted);margin:0;flex:1}
.sp-card .sp-button{font-size:15px;padding:11px 14px;width:100%}
.sp-price{font-size:16px;font-weight:800;margin:0}
.sp-empty{padding:28px;background:var(--soft);border-radius:8px}
.sp-note{font-size:13px;color:var(--muted);line-height:1.85}
.sp-wide-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;max-width:100%}
.sp-compare{width:100%;border-collapse:collapse;min-width:730px;font-size:14px}
.sp-compare th,.sp-compare td{padding:17px 20px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.75}
.sp-compare thead th{background:#edf2ee;font-size:13px;color:#3c594c}
.sp-compare tbody th{font-size:16px;max-width:220px}
.sp-compare tbody tr:last-child th,.sp-compare tbody tr:last-child td{border-bottom:0}
.sp-service{background:var(--navy);color:#fff;border-radius:14px;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px}
.sp-service h2{font-size:32px;line-height:1.4;margin:0 0 18px}
.sp-service p{color:#d4e2e5;font-size:15px}
.sp-service .sp-eyebrow{color:#e9bab2}
.sp-service .sp-button{background:#fff;color:var(--ink);border-color:#fff}
.sp-steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.sp-steps li{display:grid;grid-template-columns:30px 1fr;gap:14px}
.sp-steps span{color:#e9bab2;font:700 14px/1.8 ui-monospace,monospace}
.sp-steps strong{font-size:17px}
.sp-steps p{margin:4px 0 0;font-size:14px}
.sp-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}
.sp-faq h2{font-size:32px;line-height:1.4;margin:0}
.sp-faq details{border-top:1px solid var(--line);padding:19px 0}
.sp-faq details:last-child{border-bottom:1px solid var(--line)}
.sp-faq summary{font-size:17px;font-weight:750;cursor:pointer;line-height:1.6}
.sp-faq details p{font-size:15px;color:var(--muted);margin-bottom:0}
.sp-footer{background:#eaf0eb;border-top:1px solid var(--line);margin-top:35px}
.sp-footer .sp-shell{padding-top:32px;padding-bottom:32px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sp-footer strong{font-size:18px}
.sp-footer p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.sp-product-title{font-size:clamp(30px,4vw,47px);line-height:1.25;letter-spacing:-.025em;margin:0 0 30px;overflow-wrap:anywhere}
.sp-product-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:start}
.sp-product-image{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px}
.sp-product-image img{height:340px;width:100%;object-fit:contain}
.sp-product-text h2{font-size:29px;line-height:1.4;margin:16px 0}
.sp-product-metric{font-size:45px;font-weight:800;line-height:1.2;letter-spacing:-.03em}
.sp-product-metric small{font-size:16px;font-weight:600;letter-spacing:0}
.sp-product-text>p{color:var(--muted)}
.sp-buy-fields{display:grid;grid-template-columns:100px 1fr;gap:14px;margin:22px 0}
.sp-buy-fields label{display:block;font-size:13px;font-weight:700}
.sp-buy-fields input,.sp-buy-fields select{display:block;width:100%;border:1px solid #b8cac0;background:#fff;color:var(--ink);padding:10px 12px;border-radius:6px;margin-top:6px;min-height:46px}
.sp-spec-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px;align-items:start}
.sp-spec-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;border-top:2px solid var(--navy);font-size:15px}
.sp-spec-table th,.sp-spec-table td{padding:16px 19px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.sp-spec-table th{width:33%;background:#eef3ef;font-weight:650}
.sp-spec-table caption{font-size:14px;color:var(--muted);padding-bottom:15px;text-align:left}
.sp-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sp-related a{padding:17px;background:#fff;border:1px solid var(--line);border-radius:7px;font-weight:750;font-size:16px;text-decoration:none;overflow-wrap:anywhere}
.sp-legacy-link{padding:24px 0;text-align:center;font-size:14px;color:var(--muted)}
@media(min-width:1000px){.sp-spec-layout>div:first-child{position:sticky;top:100px}}
@media(max-width:950px){.sp-hero{gap:28px}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-faq{gap:30px}.sp-stage{padding:22px}.sp-service{gap:30px;padding:32px}.sp-product-hero{gap:26px}.sp-spec-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.sp-stage .sp-model{font-size:24px}.sp-hero h1{font-size:44px}}
@media(max-width:700px){.sp-shell{padding:0 20px}.sp-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:8px 0 35px}.sp-hero h1{font-size:40px;line-height:1.22;margin-bottom:20px}.sp-lead{font-size:16px}.sp-stage-photo{height:230px;margin:14px 0}.sp-benefits{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 0}.sp-section{padding:42px 0}.sp-section-title{align-items:start;gap:15px;flex-direction:column}.sp-faq,.sp-service,.sp-product-hero,.sp-spec-layout{grid-template-columns:minmax(0,1fr);gap:25px}.sp-service{padding:27px 23px}.sp-service h2{font-size:28px}.sp-faq h2{font-size:28px}.sp-product-title{font-size:34px;margin-bottom:24px}.sp-product-image{padding:20px}.sp-product-image img{height:270px}.sp-product-text h2{font-size:26px}.sp-spec-layout .sp-panel-title{font-size:28px}.sp-spec-table th,.sp-spec-table td{padding:13px 12px}.sp-fallback nav{gap:12px}.sp-related{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-footer .sp-shell{display:block}.sp-footer .sp-shell>div+div{margin-top:20px}}
@media(max-width:470px){.sp-shell{padding:0 16px}.sp-grid{grid-template-columns:minmax(0,1fr)}.sp-card{padding:22px}.sp-card-photo{height:210px}.sp-tools{align-items:stretch;gap:17px}.sp-search{width:100%}.sp-filter{font-size:13px;padding:8px 12px}.sp-actions .sp-button{flex:1}.sp-hero h1{font-size:36px}.sp-stage{padding:20px}.sp-stage .sp-model{font-size:24px}.sp-stage-head{display:block}.sp-stage-head .sp-badge{display:inline-block;margin-top:12px}.sp-crumbs{font-size:12px;padding-top:20px;padding-bottom:22px}.sp-eyebrow{font-size:12px}.sp-related{grid-template-columns:minmax(0,1fr)}.sp-product-metric{font-size:40px}.sp-spec-table{font-size:14px}.sp-spec-table th{width:35%}.sp-fallback nav{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sp-card{transition:none}}