:root{--bg:#f5f4f0;--ink:#282d29;--muted:#747a73;--line:#daddd5;--green:#496453;--tint:#e7ece4;--white:#fcfcf9;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:6px;padding:12px 20px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}button:hover{border-color:var(--green);background:var(--tint)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#37503f;color:white}.quiet{border:0;padding:8px 0;color:var(--green)}.small{font-size:13px;color:var(--muted);line-height:1.65}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,2.6vw,42px);font-weight:500;line-height:1.42;letter-spacing:-.035em}h2{font-size:clamp(26px,2.5vw,38px);font-weight:500;letter-spacing:-.035em}h3{font-size:23px;font-weight:500}.lead{font-size:15px;color:var(--muted);line-height:1.7;margin-top:12px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--muted);margin-bottom:12px}.topbar{height:88px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;background:#f5f4f0ed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);gap:28px}.brand{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:5px}.brand strong{font-size:23px;font-weight:600;letter-spacing:-.04em}.brand span{font-size:10px;color:var(--muted)}.topbar nav{display:flex;gap:35px;margin-left:auto}.topbar nav button{font-size:13px;border:0;color:var(--muted);padding:8px}.topbar nav button.active{color:var(--green);font-weight:600}.topbar nav span{margin-left:6px}.utilities{display:flex;gap:15px}.utilities button{font-size:12px;border:0;padding:8px;color:var(--muted)}#pages{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.page{height:100dvh;min-height:780px;scroll-snap-align:start;scroll-snap-stop:always;padding:115px 4vw 65px;position:relative;overflow:hidden}.choose-page{padding-top:115px}.choose-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(380px,1fr);gap:4.8vw;height:100%;position:relative;z-index:2}.hero{display:flex;flex-direction:column;min-height:0;position:relative}.hero>div:first-child{z-index:1}.hero h1{max-width:600px}.hero .lead{font-size:14px}.hero #hero-bike{flex:1;min-height:230px;position:relative;padding-top:18px}.model-heading{position:absolute;left:8px;top:18px;z-index:2;pointer-events:none}.model-heading h2{font-size:clamp(32px,3.7vw,56px);line-height:1.1;letter-spacing:-.045em}.model-heading p{font-size:14px;margin-top:9px;color:var(--muted)}.hero-bike-image{position:absolute;width:100%;height:calc(100% + 35px);object-fit:contain;inset:8px 0 auto;object-position:center 75%}.hero-bottom{position:relative;z-index:3}#hero-price{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}#hero-price .price{font-size:26px;margin-top:3px;font-weight:500}.series-tabs{display:flex;gap:14px}.series-tabs button{flex:1;text-align:left;font-size:16px;padding:10px 18px;white-space:nowrap}.series-tabs button.active{background:var(--green);color:white;border-color:var(--green)}.hero-tools{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:11px}.hero-tools button{border:0;font-size:11px;color:var(--muted);padding:4px 0}.right-panel{height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:4px;overscroll-behavior:contain}.panel-title{font-size:23px;margin-bottom:8px}.panel-description{font-size:12px;color:var(--muted);margin-bottom:20px;line-height:1.7}.question{margin:18px 0 0}.question h3{font-size:16px;font-weight:500;margin-bottom:10px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.choices.single{grid-template-columns:1fr}.choice{padding:7px 10px;font-size:12px;text-align:left;min-height:31px;line-height:1.35;border-radius:5px}.choice[aria-pressed=true]{background:var(--tint);border-color:var(--green);color:var(--green)}.question .small{font-size:11px;margin-bottom:9px}.assist-explanation{margin:10px 0;padding:12px;background:var(--tint);font-size:13px;line-height:1.8}.supplement{font-size:12px;color:var(--green);margin:18px 0 6px;line-height:1.8}.extras-links{display:flex;gap:12px;flex-wrap:wrap;margin:9px 0 12px}.extras-links button{font-size:12px;border:0;padding:3px 0;color:var(--muted)}.wide{width:100%}.right-panel .primary.wide{margin-top:7px;min-height:46px}.inline-input{width:100%;padding:9px;background:var(--white);border:1px solid var(--line);margin-top:9px;border-radius:5px}#background-video{position:absolute;inset:88px 0 0;width:100%;height:calc(100% - 88px);object-fit:cover;opacity:.14;transition:opacity .5s;pointer-events:none}#background-video.paused{opacity:.055}.video-mask{position:absolute;inset:88px 0 0;background:linear-gradient(90deg,#f5f4f020 0%,#f5f4f060 48%,#f5f4f0ee 66%,var(--bg) 100%);pointer-events:none}.config-panel{min-height:100%;display:flex;flex-direction:column}.config-panel .panel-title{margin:18px 0 26px}.config-group{border-top:1px solid var(--line);padding:17px 0}.config-group summary{display:flex;justify-content:space-between;cursor:pointer;font-size:17px;list-style:none}.config-group summary:after{content:'＋';color:var(--muted)}.config-group[open] summary:after{content:'−'}.config-group summary::-webkit-details-marker{display:none}.config-group .summary-value{font-size:12px;color:var(--muted);margin:10px 0}.config-list{display:grid;gap:7px;margin-top:15px;max-height:270px;overflow:auto;overscroll-behavior:contain;padding:3px}.sku-option{text-align:left;padding:11px 12px;font-size:13px;display:flex;justify-content:space-between;gap:10px}.sku-option.selected{border-color:var(--green);background:var(--tint)}.sku-option small{display:block;color:var(--muted);margin-top:4px}.swatches{display:flex;gap:23px;align-items:center;flex-wrap:wrap;padding:22px 5px 44px;min-height:105px}.swatch{padding:0;width:28px;height:28px;border-radius:50%;background:var(--swatch);border:1px solid #adb3ac;position:relative;isolation:isolate}.swatch:hover{background:var(--swatch);transform:scale(1.12)}.swatch.selected{outline:2px solid var(--green);outline-offset:5px}.swatch .tooltip{visibility:hidden;position:absolute;top:42px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:white;padding:7px 10px;border-radius:5px;font-size:11px;z-index:5;pointer-events:none}.swatch:hover .tooltip,.swatch:focus-visible .tooltip{visibility:visible}.sizes{display:flex;gap:12px;padding:20px 0}.sizes .selected{background:var(--tint);border-color:var(--green)}.config-total{position:sticky;bottom:0;background:var(--bg);margin-top:auto;padding:17px 0 0;border-top:1px solid var(--line);z-index:6}.total-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.total-row strong{font-size:26px;font-weight:500}.warnings{margin:12px 0;font-size:12px;color:#766344;line-height:1.75;padding:10px 13px;border-left:2px solid #b5a783;background:#eee9dc77}.warnings ul{margin:0;padding-left:15px}.page-heading{margin-bottom:24px}.page-heading .lead{max-width:1050px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;height:calc(100% - 155px)}.compare-card{min-width:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.card-topline{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;color:var(--muted)}.candidate-tabs{display:flex;gap:6px;flex-wrap:wrap}.candidate-tabs button{font-size:12px;padding:8px 12px}.candidate-tabs .active{border-color:var(--green);background:var(--tint);color:var(--green)}.card-title{margin-top:13px}.card-title h3{font-size:29px}.card-title p{font-size:14px;color:var(--muted);margin-top:6px}.compare-bike{width:100%;height:clamp(190px,29vh,310px);object-fit:contain;margin:0 auto}.card-price{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:27px;gap:10px}.card-price small{font-size:14px;color:var(--green)}.spec-lines{font-size:14px;line-height:1.9}.reason{font-size:14px;color:var(--green);margin-top:13px}.card-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:14px;padding-bottom:6px}.card-actions button{font-size:14px;min-width:140px}.compare-card details{font-size:12px;line-height:1.8;margin-top:8px}.compare-card details summary{cursor:pointer;color:var(--green)}.empty-state{padding:35px 0;max-width:700px}.empty-state h3{margin-bottom:16px}.empty-state p{line-height:1.9;color:var(--muted)}.empty-state .actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px}.ask-list{display:grid;gap:9px;margin-top:20px}.ask-list button{text-align:left;font-size:13px}.below-compare{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.below-compare button{font-size:14px;color:var(--green);border:0;padding-left:0}.comparison-mode{height:calc(100% - 130px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.competitor-select{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.competitor-select select{padding:10px;max-width:560px}.competitor-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px}.competitor-table th,.competitor-table td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--line);line-height:1.6}.competitor-table th{font-weight:500;width:19%}.competitor-table td{width:40%}.competitor-table img{height:150px;width:100%;object-fit:contain}.competitor-table a{color:var(--green)}.final-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;height:calc(100% - 115px)}.final-bike{display:flex;flex-direction:column;min-height:0}.final-bike h3{font-size:44px}.final-bike>p{margin-top:10px}.final-bike img{width:100%;flex:1;min-height:180px;object-fit:contain}.final-bike .final-metadata{display:flex;gap:45px;font-size:14px;padding-bottom:20px}.final-details{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px}.final-details h3{font-size:23px}.final-details .price{font-size:42px;margin-top:9px}.final-block{padding:21px 0;border-bottom:1px solid var(--line)}.final-block h4{font-size:16px;font-weight:500;margin:0 0 10px}.final-block p{font-size:14px;line-height:1.8}.final-actions{position:sticky;bottom:0;background:var(--bg);padding-top:12px}.secondary-actions{display:flex;justify-content:space-between;margin-top:8px}.secondary-actions button{border:0;font-size:13px;color:var(--green);padding:7px 0}.site-footer{position:fixed;bottom:0;left:3.5vw;right:3.5vw;height:39px;display:flex;justify-content:space-between;align-items:center;background:#f5f4f0ed;border-top:1px solid var(--line);font-size:10px;color:var(--muted);z-index:12;pointer-events:none}.page-dots{position:fixed;right:17px;top:45%;z-index:15;display:grid;gap:4px}.page-dots button{width:18px;height:22px;padding:0;border:0;position:relative}.page-dots button:before{content:'';width:5px;height:5px;background:var(--line);position:absolute;left:6px;top:8px;border-radius:50%}.page-dots button.active:before{background:var(--green);width:7px;height:7px;left:5px;top:7px}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:34px;max-width:640px;width:calc(100% - 40px);max-height:85dvh;overflow:auto}dialog::backdrop{background:#19271d66;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin-bottom:20px}dialog p{line-height:1.9;font-size:14px;margin:14px 0}dialog .close{position:absolute;right:16px;top:12px;border:0;font-size:24px;padding:4px 12px}dialog label{font-size:14px;display:block;margin:18px 0 8px}dialog input:not([type=radio]),dialog select,dialog textarea{background:var(--white);border:1px solid var(--line);padding:11px;width:100%;border-radius:5px}dialog textarea{min-height:115px;resize:vertical}dialog .actions{display:flex;gap:12px;margin-top:24px}.wechat{font-size:34px;font-weight:500}.field-row{display:flex;gap:14px;align-items:center}.field-row label{margin:8px 0}#toast{position:fixed;bottom:62px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--ink);color:white;padding:13px 22px;border-radius:6px;max-width:80vw;z-index:80;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#cyclist{position:fixed;left:0;top:0;width:43px;height:32px;color:var(--green);pointer-events:none;z-index:100;display:none;filter:drop-shadow(0 1px 1px var(--bg))}#cyclist svg{width:100%;height:100%}.cycling .pedal{transform-origin:38px 30px;animation:pedal .3s linear infinite alternate}@keyframes pedal{to{transform:rotate(35deg)}}@media(pointer:fine) and (prefers-reduced-motion:no-preference){body.custom-cursor,body.custom-cursor button,body.custom-cursor a,body.custom-cursor summary{cursor:none}body.custom-cursor #cyclist{display:block}body.typing,body.typing input,body.typing textarea{cursor:text}body.typing #cyclist{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}#background-video{display:none}}@media(max-width:1180px){.topbar{padding:0 26px;gap:15px}.topbar nav{gap:12px}.utilities{gap:0}.choose-grid{gap:35px;grid-template-columns:minmax(0,1.2fr) minmax(380px,1fr)}.page{padding-left:35px;padding-right:40px}.series-tabs{gap:8px}.series-tabs button{padding:10px 13px}.hero #hero-bike{min-height:260px}.model-heading{top:30px}.model-heading h2{font-size:38px}.hero-bike-image{top:35px}.compare-grid,.final-grid{gap:40px}.choice{font-size:11px}.eyebrow{font-size:9px}.card-price{font-size:24px}}@media(max-height:850px) and (min-width:1000px){.page{min-height:720px;padding-top:107px}.topbar{height:78px}.question{margin-top:14px}.panel-description{margin-bottom:12px}.question h3{font-size:14px;margin-bottom:7px}.choice{min-height:28px;padding:5px 9px;font-size:11px}.choices{gap:5px}.panel-title{font-size:21px}.question .small{margin-bottom:6px}.supplement{margin-top:10px}.extras-links{margin:6px 0;gap:10px}.hero #hero-bike{min-height:220px}.hero .lead{font-size:12px}.hero h1{font-size:31px}.model-heading h2{font-size:38px}.compare-bike{height:23vh}.page-heading{margin-bottom:16px}.final-block{padding:14px 0}}@media(max-width:999px){.topbar{height:76px;padding:0 18px}.brand strong{font-size:19px}.topbar nav{gap:5px}.topbar nav span{display:none}.utilities button{font-size:10px}.page{height:auto;min-height:100dvh;padding:105px 24px 65px;overflow:visible}.choose-grid,.compare-grid,.final-grid{display:block;height:auto}.hero{min-height:650px}.right-panel{height:auto;overflow:visible;margin:40px 0 20px}.hero #hero-bike{min-height:310px}.compare-card{overflow:visible;margin-bottom:35px}.compare-bike{height:280px}.page-dots{right:3px}.final-bike img{height:390px}.final-details{overflow:visible}.final-actions{position:static}#pages{scroll-snap-type:y proximity}.comparison-mode{height:auto;overflow:visible}.competitor-table{font-size:11px}.competitor-table th,.competitor-table td{padding:10px 5px}.site-footer{left:18px;right:18px;font-size:8px}.card-actions{margin-top:15px}.final-bike .final-metadata{gap:20px}}@media print{.topbar,.site-footer,.page-dots,#choose,#compare,.secondary-actions,.final-actions,#cyclist{display:none!important}#pages{height:auto;overflow:visible}#save{height:auto;min-height:0;padding:20px}.final-grid{display:block;height:auto}.final-bike img{height:300px}.final-details{overflow:visible}}