.parameter{display:grid;grid-template-columns:120px minmax(60px,1fr) 42px;gap:12px;align-items:center;margin:12px 0}.parameter input{width:100%;accent-color:#625648}.parameter output{font-variant-numeric:tabular-nums}#tuning{max-width:560px}#tuning select,#tuning button{margin:12px 8px 8px 0}
*{box-sizing:border-box}body{margin:0;background:#f5f1e9;color:#302c27;font:15px/1.7 system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:32px 20px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.2em;color:#807361}h1{font-size:clamp(22px,3vw,34px);font-weight:500;margin:0 0 32px}#card{display:flex;justify-content:center;margin:30px auto;min-height:200px}.controls{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:32px}select,button{font:inherit;border:1px solid #d5cdbf;border-radius:20px;padding:6px 14px;background:#fffdf8;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}#status{color:#756b5d;font-size:13px}details{text-align:left;margin:30px auto;max-width:850px}#layers{display:flex;gap:14px;overflow:auto;padding:12px}#layers figure{min-width:180px;margin:0}#layers img{width:180px;background:repeating-conic-gradient(#e9e7e2 0 25%,#bbb9b3 0 50%) 0/16px 16px}#layers figcaption{font-size:12px}


/* ===== 全息舞台（Holo Showcase） ===== */
body.showcase{background:radial-gradient(1100px 600px at 50% -10%,#232a4d 0%,#0b0e1a 55%,#070910 100%);color:#eef1fb}
body.showcase .eyebrow,body.showcase h1,body.showcase #status,body.showcase details,body.showcase .controls,body.showcase main>p{display:none}
body.showcase main{max-width:1200px;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}
body.showcase #card{position:relative;margin:0;perspective:1200px;flex:1}
body.showcase #card::before{content:"";position:absolute;left:50%;bottom:-2%;width:86%;height:16%;transform:translateX(-50%);z-index:0;
  background:radial-gradient(ellipse at center,rgba(232,184,102,.30) 0%,rgba(232,184,102,.08) 42%,transparent 70%);filter:blur(2px);pointer-events:none}
body.showcase .lhc{position:relative;z-index:1;transform-style:preserve-3d;will-change:transform}
body.showcase .lhc-plane{transform-style:preserve-3d}
body.showcase .lhc::after{content:"";position:absolute;left:50%;bottom:-6%;width:92%;height:10%;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(232,184,102,.22),transparent 66%);filter:blur(6px);pointer-events:none}
#showcase-btn{font-family:inherit}