:root{--paper:#f3f0e8;--ink:#252b2c;--muted:#697174;--red:#71383f;--line:#d7d5cc;--dark:#182326;--gold:#c9a452}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 system-ui,-apple-system,"Noto Sans CJK SC","Microsoft Yahei",sans-serif}a{color:inherit;text-underline-offset:4px}button,a.button{cursor:pointer;border:1px solid var(--line);background:transparent;color:inherit;padding:11px 20px;font:inherit;text-decoration:none;display:inline-block}button:hover,a.button:hover{background:#dedbd2}button.active,.button.primary{background:var(--red);color:#fff;border-color:var(--red)}.wrap{max-width:1280px;margin:auto;padding:0 48px}nav{background:#f3f0e8ee;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}.brand{font-size:18px;letter-spacing:4px;text-decoration:none;font-weight:700}.navlinks{display:flex;gap:28px;font-size:13px}.navlinks a{text-decoration:none}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}h1{font-size:clamp(38px,5vw,72px);line-height:1.18;font-weight:500;margin:22px 0}h2{font-size:32px;line-height:1.4;font-weight:500;margin:10px 0 28px}h3{font-size:19px;font-weight:600;margin:0 0 15px}p{margin:0 0 20px}.hero{background:var(--dark);color:var(--paper);overflow:hidden}.hero .wrap{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;min-height:790px;gap:30px}.hero .eyebrow{color:#b4b9af}.hero .copy{padding:64px 0;position:relative;z-index:2}.hero p{color:#b9c0bd;max-width:420px}.hero img{width:100%;height:790px;object-fit:contain;mix-blend-mode:lighten}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero .button{border-color:#687171}.hero .button:hover{background:#404b4e}.hero .button.primary{background:var(--red);border-color:var(--red)}.tag{border:1px solid #687171;border-radius:20px;font-size:11px;padding:5px 11px;display:inline-block;color:#ced1c7}.specs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:0}.spec{padding:35px 20px 35px 0}.spec strong{font-size:29px;font-weight:500;display:block}.spec span{color:var(--muted);font-size:12px}section{padding:72px 0;border-bottom:1px solid var(--line)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:50px}.sectionhead p{max-width:560px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);background:#faf8f2}.card img{width:100%;display:block;aspect-ratio:1.35;object-fit:cover}.card .body{padding:22px}.card p{font-size:13px;color:var(--muted);margin:0}.card a{text-decoration:none}.palette{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.swatch{display:flex;gap:10px;align-items:center;font-size:12px}.dot{height:25px;width:25px;border-radius:50%;border:1px solid #0002}.notice{background:#e9e5d9;border-left:3px solid var(--gold);padding:20px 24px;margin:24px 0;font-size:14px}.dark{background:var(--dark);color:var(--paper)}.dark .eyebrow{color:#a1aaa5}.viewer-layout{display:grid;grid-template-columns:1fr 300px;border:1px solid #455051;min-height:650px}.canvas-wrap{position:relative;min-height:650px;background:#1d2b2d}#canvas{display:block;width:100%;height:100%;position:absolute}#loading{position:absolute;top:24px;left:24px;font-size:13px;color:#c5ccc6}#view-label{position:absolute;bottom:16px;left:20px;max-width:calc(100% - 40px);font-size:11px;color:#c3cec7;background:#1d2b2ddb;padding:4px 7px;pointer-events:none}.controls{padding:25px;background:#223034}.controls button{border-color:#596466;padding:7px 12px;font-size:12px}.controls button:hover{background:#3e4b4e}.controls .row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.controls h3{font-size:15px}.controls label{font-size:12px;color:#c0c9c4;display:block;margin:20px 0 7px}.controls input[type=range]{width:100%;accent-color:#cfb677}.controls select{width:100%;padding:10px;background:#182326;color:#e8e3d7;border:1px solid #596466}.small{font-size:12px;color:var(--muted)}.controls .small{color:#aebbb4}.step-text{min-height:100px;color:#d8dfd7;font-size:13px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:11px;letter-spacing:1px;font-weight:600}code{font-family:ui-monospace,SFMono-Regular,monospace;background:#00000009;padding:2px 5px;font-size:.92em}.downloads{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.download{padding:28px;background:var(--paper);text-decoration:none;display:flex;justify-content:space-between;align-items:center}.download:hover{background:#e7e4da}.download strong{font-weight:600;display:block}.download span{color:var(--muted);font-size:12px}.arrow{font-size:24px!important}.report{max-width:1040px;padding-top:60px;padding-bottom:80px}.report h1{font-size:44px}.report h2{font-size:25px;margin-top:50px}.report h3{margin-top:30px}.report li{margin-bottom:8px}.report table{margin:25px 0}.report pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e6e3db;padding:20px}.status{border:1px solid #c4cbbd;color:#3e5d46;padding:2px 7px;font-size:11px;white-space:nowrap}.status.pending{color:#87612f;border-color:#d2c29c}footer{padding:45px 0;color:var(--muted);font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:20px}.compare img{width:100%;border:1px solid var(--line);margin:15px 0 30px}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.comparison-grid img{width:100%}summary{cursor:pointer;font-weight:600;padding:16px 0}details{border-bottom:1px solid var(--line)}@media(max-width:800px){.wrap{padding:0 22px}.hero .wrap{grid-template-columns:1fr;gap:0}.hero .copy{padding:42px 0 0}.hero img{height:600px}.hero .wrap{min-height:0}.navlinks{gap:13px;font-size:11px}.brand{font-size:14px;letter-spacing:2px}.specs{grid-template-columns:repeat(2,1fr)}.spec{padding:20px 0}.grid{grid-template-columns:1fr}.sectionhead{display:block}.viewer-layout{grid-template-columns:1fr}.canvas-wrap{min-height:600px}.controls{padding:22px}.downloads{grid-template-columns:1fr}section{padding:48px 0}h2{font-size:27px}.comparison-grid{grid-template-columns:1fr}footer .wrap{display:block}.hero h1{font-size:49px}}
