:root{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#27302f;background:#f4f4f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}header{height:78px;padding:0 28px;display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid #e4e5df}.brand{display:flex;gap:12px;align-items:center;font-weight:650;font-size:20px}.brandmark{font-size:15px;background:#313a37;color:#faf9ee;border-radius:12px;padding:14px 10px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#959c95;margin-top:4px}.projectname{font-size:13px;color:#717972}.projectname em{color:#bf8a4c;margin:0 8px}.revision{margin-left:auto;font-size:11px;color:#879088}.download{display:inline-block;background:#303d36;color:#fff;border-radius:8px;font-size:12px;font-weight:600;padding:12px 16px}.download:hover{background:#4a5b50}main{max-width:1900px;margin:0 auto;padding:0 20px}.introline{display:flex;justify-content:space-between;font-size:11px;color:#8b958a;padding:17px 4px}.studio{display:grid;grid-template-columns:238px minmax(360px,1fr) 278px;gap:12px}.control-panel,.detail-panel{padding:22px 18px;background:white;border:1px solid #e4e8e0;border-radius:14px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#8e9c90;margin:0 0 12px}h1{font-size:19px;margin:0 0 8px}h2{font-size:21px;line-height:1.45}h3{font-size:14px}.subtext{font-size:11px;line-height:1.8;color:#919b91}.variants{display:grid;gap:8px;margin:23px 0 15px}.variants button{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e6e8e1;background:#fafbf8;border-radius:10px;padding:13px 10px;color:#435046}.variants button.chosen{border-color:#87998a;background:#edf2ea;box-shadow:0 1px 5px #4e5b4a0d}.option-index{font-size:10px;color:#9ca99c}.variants b{font-size:12px;display:block}.variants small{font-size:9px;display:block;color:#919d91;margin-top:6px}.variants i{font-style:normal;font-size:8px;background:#677a63;color:white;border-radius:3px;padding:2px 3px;margin-left:3px}.optmark{margin-left:auto;flex-shrink:0;border:2px solid #d9ad70}.windowmark{width:18px;height:6px;border-radius:4px;background:#e6b873}.thinmark{width:17px;height:9px;border-radius:2px;background:#e7c992;opacity:.6}.ringmark{height:16px;width:16px;border-radius:50%}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#59685a;margin-top:23px}.switch{width:33px;height:19px;background:#bcc4b8;border-radius:14px;padding:2px}.switch span{display:block;height:15px;width:15px;background:#fff;border-radius:50%;transition:transform .2s}.switch.on{background:#c08d4d}.switch.on span{transform:translateX(14px)}.fine{font-size:10px;color:#9aa197;line-height:1.8}.part-header{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eceee8;margin-top:22px;padding-top:20px}.part-header .eyebrow{margin:0}.part-header button{background:none;font-size:10px;color:#74846f}.parts{max-height:355px;overflow:auto;margin-top:13px;scrollbar-width:thin}.part-row{display:flex;align-items:center;gap:8px;padding:7px 3px;border-radius:5px}.part-row.active{background:#eff1e9}.part-row input{accent-color:#61745c;cursor:pointer;margin:0}.part-row button{flex:1;background:none;text-align:left;padding:0;color:#6e7c6d;font-size:10px;line-height:1.5}.part-row i{width:7px;height:7px;background:var(--swatch);border:1px solid #0001;border-radius:50%}.scene-panel{min-height:740px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#eef0e9 60%,#e3e9df 100%);border:1px solid #dce2d7;border-radius:14px}.scene-head{position:absolute;top:24px;left:25px;right:25px;display:flex;align-items:start;justify-content:space-between;z-index:2;pointer-events:none}.scene-head h2{font-size:20px;margin:0;color:#4d5c4d}.scene-head .eyebrow{font-size:9px;color:#a2ad9e}.scene-head button{pointer-events:auto;width:31px;height:31px;border-radius:50%;background:#ffffffa6;font-size:20px;color:#8e9c87}#canvas{position:absolute;inset:0;touch-action:none}canvas{display:block}#loading,#error{position:absolute;top:46%;left:12%;right:12%;text-align:center;font-size:13px;color:#6b7d67;padding:20px;background:#ffffffd9;border-radius:10px}#error{color:#a85431}.viewbar{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;background:#fffffff0;border-radius:10px;padding:5px;box-shadow:0 5px 25px #354b3920;border:1px solid white;gap:3px}.viewbar button{font-size:11px;background:none;color:#83917e;padding:10px 14px;white-space:nowrap;border-radius:7px}.viewbar button.chosen{background:#3c4b3b;color:#fff}.scene-footer{position:absolute;left:23px;right:23px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#94a08c;font-size:9px}.scene-footer button{background:#fff8;border-radius:6px;padding:7px 9px;font-size:10px;color:#65775d}.detail-panel h2{font-size:20px;margin:0 0 12px}.description{font-size:12px;line-height:1.9;color:#7a8977}.path{padding:12px 10px;background:#f3f4ed;border-radius:8px;font-size:11px;line-height:1.8;color:#748364}.selected{border-block:1px solid #e9ede4;padding:20px 0;margin-top:24px;min-height:140px}.selected h3{margin:12px 0 8px;color:#52654c}.selected p{font-size:11px;line-height:1.9;color:#8a9883;margin:0}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.dimensions small{font-size:9px;color:#9ca691;display:block}.dimensions b{font-size:14px;font-weight:600;display:block;margin-top:6px;color:#65745b}.review-note{margin-top:24px;padding:13px;background:#faf4e9;border:1px solid #eee1ca;border-radius:9px}.review-note strong{font-size:11px;color:#a1814e}.review-note p{font-size:10px;line-height:1.8;color:#a78f6b;margin:8px 0 0}.explain,.comparison,.handoff{margin:32px 0;background:#fff;border:1px solid #e4e7df;border-radius:14px;padding:30px}.sectiontitle h2{margin:0 0 8px}.sectiontitle>p:last-child{font-size:12px;color:#8d9a85;line-height:1.8}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:25px}.principles article{border-left:2px solid #d4dec9;padding-left:17px}.principles b{font-size:14px}.principles p{font-size:12px;line-height:1.9;color:#87937d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.8;min-width:640px}th{font-size:10px;color:#a0aa94;border-bottom:1px solid #e4e8df;padding:15px 16px}td{padding:20px 16px;border-bottom:1px solid #ecefe7;color:#7d8b70}td:first-child{color:#485b3c;white-space:nowrap}.recommend{display:block;font-size:9px;color:#829a69}.alternative{font-size:12px;line-height:1.9;color:#89967c;margin:22px 16px 0}.handoff{display:grid;grid-template-columns:1fr 400px;gap:50px;align-items:center}.handoff h2{margin:0 0 12px}.handoff p{font-size:12px;line-height:1.9;color:#8f9a84;max-width:520px}.reference img{display:block;width:100%;border-radius:10px}.reference span{display:block;font-size:10px;color:#a1ab96;margin-top:9px;text-align:center}.sources{font-size:11px;color:#8a977e;line-height:1.9;padding:0 10px}.sources summary{cursor:pointer}.sources a{text-decoration:underline}.sources p{max-width:900px}footer{font-size:10px;color:#9aa48c;display:flex;justify-content:space-between;padding:28px 4px}button:focus-visible,a:focus-visible{outline:3px solid #c8d7b5;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1700px){.scene-panel{min-height:800px}.parts{max-height:430px}}@media(max-width:1150px){.studio{grid-template-columns:220px minmax(360px,1fr)}.detail-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.detail-panel .eyebrow{grid-column:1/-1}.selected{grid-column:2;grid-row:2/5;margin-top:0}.dimensions{margin-top:0}.review-note{grid-column:2;grid-row:5/7}.scene-panel{min-height:715px}.principles{grid-template-columns:1fr 1fr}.handoff{grid-template-columns:1fr 320px}}@media(max-width:700px){header{height:68px;padding:0 13px;gap:8px}.brand{font-size:17px}.brand small{font-size:7px}.brandmark{padding:11px 7px;font-size:12px}.projectname,.revision{display:none}.download{font-size:10px;padding:10px 12px}header .download{margin-left:auto}main{padding:0 10px}.introline{font-size:9px}.introline span:last-child{display:none}.studio{display:flex;flex-direction:column}.scene-panel{order:1;min-height:490px}.control-panel{order:2;padding:18px}.detail-panel{order:3;display:block;padding:20px}.variants{grid-template-columns:1fr;margin:13px 0}.variants button{padding:10px}.parts{display:grid;grid-template-columns:1fr 1fr;max-height:260px}.viewbar{bottom:56px}.viewbar button{padding:9px 12px}.scene-head{top:20px;left:18px;right:18px}.scene-head h2{font-size:18px}.scene-footer{left:14px;right:14px}.scene-footer span{max-width:65%;font-size:8px}.selected{margin-top:20px}.dimensions{margin-top:20px}.explain,.comparison,.handoff{margin:17px 0;padding:22px 18px}.principles{gap:15px}.principles p{font-size:11px}.handoff{display:block}.reference{display:block;margin-top:25px}.sectiontitle h2{font-size:19px}.comparison th,.comparison td{padding:14px 12px}footer{font-size:8px}.sources{font-size:10px}}

.confirmed-card{background:#edf2ea;border:1px solid #bdcbb6;border-radius:11px;padding:16px 13px;margin:20px 0}.confirm-badge{font-size:9px;color:#fff;background:#657b58;padding:3px 6px;border-radius:4px}.confirmed-card h3{font-size:13px;line-height:1.7;color:#4b6040}.confirmed-card p{font-size:11px;line-height:1.9;color:#829076}.stock-spec{border-top:1px solid #d5dfce;padding-top:12px}.stock-spec b{display:block;font-size:16px;color:#4b5e41}.stock-spec span{display:block;font-size:10px;margin-top:5px;color:#8a997c}.interface-card{padding:28px;background:#f4f6ee;border-radius:12px;color:#67795b}.interface-card h3{font-size:16px}.interface-card hr{border:0;border-top:1px solid #dfe6d6;margin:25px 0}.interface-card small{font-size:11px;color:#97a48b;line-height:1.8}