:root{--ink:#171814;--paper:#f4f1e9;--card:#fffdf7;--muted:#727269;--line:#d9d4c8;--red:#e94d35;--green:#2d5d4d;--yellow:#e9b949}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.shell{max-width:1240px;margin:auto;padding:0 28px 60px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;gap:12px;align-items:center}.logo-mark{width:37px;height:37px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-weight:900}.logo b{display:block}.logo small{color:var(--muted)}nav{display:flex;gap:6px}button{font:inherit;cursor:pointer}nav button,.ghost{border:0;background:transparent;padding:10px 13px;border-radius:99px;color:var(--muted)}nav button.active,nav button:hover{background:var(--ink);color:white}.hero{padding:66px 0 38px;display:grid;grid-template-columns:1.35fr .65fr;gap:35px;align-items:end}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:800}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-.06em;margin:12px 0 22px}.hero p{font-size:18px;color:var(--muted);max-width:700px;line-height:1.75}.hero-note{border-left:1px solid var(--line);padding:20px 0 20px 28px}.hero-note b{font-size:36px;display:block}.hero-note span{color:var(--muted)}.start{background:var(--ink);color:white;border:0;border-radius:8px;padding:14px 20px;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}.step{padding:24px;border-right:1px solid var(--line)}.step:last-child{border:0}.step i{font-style:normal;color:var(--red);font-weight:800}.step b{display:block;font-size:18px;margin:25px 0 8px}.step span{color:var(--muted);font-size:14px}.advisor{display:grid;grid-template-columns:330px 1fr;gap:24px;margin-top:25px}.panel,.result{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.progress{height:5px;background:#e8e3d8;border-radius:9px;margin-bottom:24px}.progress i{display:block;height:100%;background:var(--red);border-radius:9px}.question h2{font-size:25px;margin:8px 0 7px}.question p{color:var(--muted);margin:0 0 20px}.options{display:grid;gap:9px}.option{border:1px solid var(--line);background:white;text-align:left;padding:14px;border-radius:9px}.option:hover,.option.selected{border-color:var(--ink);box-shadow:inset 3px 0 var(--red)}.option b{display:block}.option small{color:var(--muted)}.back{margin-top:16px;border:0;background:none;color:var(--muted)}.result-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.result h2{font-size:32px;margin:7px 0}.brief{color:var(--muted);line-height:1.7}.budget-pill{white-space:nowrap;background:#ece8dd;padding:9px 12px;border-radius:99px}.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.camera-card{border:1px solid var(--line);border-radius:12px;padding:17px;background:white;position:relative}.camera-card.best{border:2px solid var(--red)}.badge{position:absolute;right:12px;top:12px;background:var(--red);color:white;border-radius:99px;padding:4px 8px;font-size:11px}.camera-card h3{margin:17px 0 6px;font-size:20px}.camera-card .price{font-size:23px;font-weight:800}.camera-card p,.camera-card li{font-size:13px;color:var(--muted);line-height:1.6}.camera-card ul{padding-left:17px}.fit{display:inline-block;color:var(--green);background:#e5f0eb;border-radius:5px;padding:4px 7px;font-size:12px}.warning{margin-top:20px;padding:14px;background:#fff3da;border-radius:8px;font-size:13px}.section-head{margin:55px 0 20px;display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:36px;margin:8px 0 0}.section-head p{max-width:540px;color:var(--muted)}.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.term{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.term .plain{font-size:20px;font-weight:800;margin:10px 0}.term p{color:var(--muted);line-height:1.65;font-size:14px}.term .tip{border-top:1px solid var(--line);padding-top:12px;color:var(--green);font-size:13px}.chart{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.brand-row{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;margin:19px 0}.brand-row b{font-size:18px}.track{height:53px;background:linear-gradient(90deg,#eeeae0 0 25%,#e5e1d7 25% 50%,#dcd8ce 50% 75%,#d4d0c6 75%);position:relative;border-radius:7px}.model{position:absolute;top:7px;height:39px;border-radius:6px;padding:5px 8px;color:white;font-size:12px;overflow:hidden;white-space:nowrap}.model small{display:block;opacity:.8}.canon{background:#b83b30}.nikon{background:#3c3828}.sony{background:#314d63}.fuji{background:#2f6654}.axis{margin-left:106px;display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;color:var(--muted)}.personality{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.personality div{padding:15px;border-left:3px solid var(--red);background:#f2eee5}.personality b{display:block}.personality span{font-size:12px;color:var(--muted)}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check{background:var(--card);border:1px solid var(--line);padding:17px;border-radius:10px}.check b{display:block;margin-bottom:7px}.check span{font-size:13px;color:var(--muted)}footer{margin-top:55px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.hide{display:none}@media(max-width:850px){.hero,.advisor{grid-template-columns:1fr}.hero-note{border-left:0;border-top:1px solid var(--line);padding-left:0}.rec-grid,.terms{grid-template-columns:1fr}.personality{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}nav{display:none}.brand-row{grid-template-columns:62px 1fr}.axis{margin-left:78px}.model{font-size:10px;padding:6px 4px}}@media(max-width:520px){.shell{padding:0 16px 40px}.hero{padding-top:40px}.hero h1{font-size:44px}.checklist,.personality{grid-template-columns:1fr}.chart{padding:14px}.brand-row{display:block}.track{margin-top:8px}.axis{margin-left:0}.section-head{display:block}.result-top{display:block}}
.compare-block{margin-top:28px}.compare-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 12px}.compare-title h3{font-size:25px;margin:5px 0}.compare-title p{max-width:570px;margin:0;color:var(--muted);font-size:13px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}.spec-table{width:100%;min-width:920px;border-collapse:collapse;text-align:left}.spec-table th,.spec-table td{padding:13px 12px;border-bottom:1px solid #e7e2d8;font-size:13px;vertical-align:top}.spec-table th{background:#eeeadf;color:#5e5d56;font-size:12px;white-space:nowrap}.spec-table tr:last-child td{border-bottom:0}.spec-table td:first-child{font-weight:800;white-space:nowrap}.brand-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--red)}.good{color:var(--green);font-weight:700}.tradeoff{color:#a64b36}.table-note{margin:10px 3px 0;color:var(--muted);font-size:12px;line-height:1.6}.lens-use{display:inline-block;padding:3px 6px;background:#e6efe9;color:var(--green);border-radius:4px;font-size:11px;white-space:nowrap}@media(max-width:650px){.compare-title{display:block}.compare-title p{margin-top:7px}.table-scroll{margin-right:-16px;border-radius:10px 0 0 10px}.spec-table th,.spec-table td{padding:11px 10px}}
.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.system-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.system-card h4{font-size:20px;margin:8px 0 14px}.system-card dl{margin:0}.system-card dl div{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:8px 0;border-top:1px solid #e8e3d9;font-size:12px}.system-card dt{color:var(--muted)}.system-card dd{margin:0}.system-card .verdict{margin-top:12px;padding:10px;border-radius:7px;background:#efebe2;font-size:12px;line-height:1.55}.buy-formula{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.formula-card{padding:16px;background:#1d1e1a;color:white;border-radius:10px}.formula-card span{font-size:11px;color:#bbbcb5}.formula-card b{display:block;font-size:18px;margin:8px 0}.formula-card small{color:#cfcfc9;line-height:1.5;display:block}@media(max-width:900px){.system-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.system-grid,.buy-formula{grid-template-columns:1fr}}
.stock-source{margin-top:14px;padding:12px 14px;border:1px solid #cddfd7;background:#edf5f1;border-radius:8px;font-size:13px}.stock-source b{color:var(--green)}.lens-rec{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#f5f1e8}.lens-rec b{display:block;margin-bottom:5px}.lens-rec span{font-size:13px;color:var(--muted)}
.start{position:relative;animation:start-breathe 2.2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(233,77,53,.34);transition:transform .2s ease,box-shadow .2s ease}.start:hover,.start:focus-visible{animation-play-state:paused;transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,24,20,.2)}@keyframes start-breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(233,77,53,.34)}50%{transform:scale(1.035);box-shadow:0 0 0 11px rgba(233,77,53,0)}}@media(prefers-reduced-motion:reduce){.start{animation:none}}
.need-summary{margin:16px 0;padding:14px;border-radius:9px;background:#edf5f1;border:1px solid #cddfd7}.need-summary p{margin:7px 0 0;color:#364c44;font-size:13px;line-height:1.7}.answer-summary{margin:14px 0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.answer-summary-head{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;background:#eeeadf;font-size:12px}.answer-summary-head span{color:var(--muted)}.answer-item{width:100%;display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:center;padding:10px 12px;border:0;border-top:1px solid #ebe6dc;background:white;text-align:left}.answer-item:hover{background:#f8f5ee}.answer-item span{font-size:11px;color:var(--muted)}.answer-item b{font-size:12px}.answer-item i{font-size:11px;color:var(--red);font-style:normal}.restart{margin-top:4px;animation:none;font-size:12px;padding:10px 13px}@media(max-width:520px){.answer-summary-head{display:block}.answer-summary-head span{display:block;margin-top:4px}.answer-item{grid-template-columns:1fr auto}.answer-item span{grid-column:1/-1}}
.inventory-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:15px;background:var(--card);border:1px solid var(--line);border-radius:12px}.inventory-toolbar label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.inventory-toolbar select{min-width:150px;padding:9px 30px 9px 10px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font:inherit}.inventory-toolbar select:disabled{opacity:.45}.inventory-modes{display:flex;gap:5px;margin-right:auto}.inventory-modes button{border:1px solid var(--line);background:white;padding:9px 13px;border-radius:7px}.inventory-modes button.active{background:var(--ink);color:white;border-color:var(--ink)}.inventory-count{margin:16px 2px;color:var(--muted);font-size:13px}.inventory-count b{color:var(--ink)}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stock-model-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:17px}.stock-model-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.stock-model-top>b{font-size:12px;color:var(--green)}.stock-model-card h3{font-size:18px;margin:13px 0 6px}.stock-model-card h4{font-size:16px;margin:7px 0}.stock-spec{font-size:13px;color:var(--green);font-weight:700;margin-bottom:10px}.stock-model-card dl{margin:0}.stock-model-card dl div{display:grid;grid-template-columns:70px 1fr;gap:6px;padding:5px 0;border-top:1px solid #ebe6dc;font-size:12px}.stock-model-card dt{color:var(--muted)}.stock-model-card dd{margin:0}.stock-model-card p{font-size:11px;color:var(--muted);line-height:1.5}.price-note{font-size:11px;color:var(--red)}.kit-card{padding-top:42px}.kit-card .badge{top:12px;right:12px}.kit-plus{font-size:20px;color:var(--red);font-weight:900}@media(max-width:900px){.stock-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.stock-grid{grid-template-columns:1fr}.inventory-toolbar{align-items:stretch}.inventory-toolbar label,.inventory-toolbar select{width:100%}.inventory-modes{width:100%;margin:0}.inventory-modes button{flex:1}}
@media(max-width:850px){header{height:auto;min-height:76px;display:block;padding:14px 0 9px}.logo{margin-bottom:11px}header nav{display:flex;width:100%;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 0 5px;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}header nav button{display:block;flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding:9px 13px;border:1px solid var(--line);background:var(--card)}header nav button.active{border-color:var(--ink)}.hero{padding-top:40px}}
.kit-result h4{font-size:16px;margin:7px 0}.kit-part{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.kit-part span{font-size:11px;color:var(--muted)}.kit-part b{font-size:14px}.kit-part small{grid-column:1/-1;color:var(--muted)}.kit-connector{font-size:20px;color:var(--red);font-weight:900;text-align:center}.kit-total{margin:10px 0;padding:11px;background:#fff3da;border-radius:7px}.kit-total span{display:block;font-size:11px;color:#7d6840}.kit-total strong{display:block;margin-top:4px;font-size:18px;color:var(--red)}.kit-price-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #ebe6dc;font-size:12px}.kit-price-line span{color:var(--muted)}