:root{--blue:#3fa9ff;--amber:#ffb347;--glass:rgba(10,16,34,.72);--glass2:rgba(255,255,255,.08);--line:rgba(255,255,255,.16);--grad:linear-gradient(135deg,#2f8fff,#ff9d3d)}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#070b18;color:#f4f6ff;min-height:100vh}
/* Photo background on a fixed layer (smooth on mobile, no background-attachment jank) */
body::before{content:"";position:fixed;inset:0;z-index:-2;background:#070b18 url(/static/mic-bg.jpg) left center/cover no-repeat;background-image:image-set(url(/static/mic-bg.webp) type("image/webp"),url(/static/mic-bg.jpg) type("image/jpeg"))}
a{color:var(--amber)}
button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:.6em 1em;background:var(--grad);color:#fff;font-weight:650;box-shadow:0 4px 16px rgba(47,143,255,.25);text-shadow:0 1px 2px rgba(0,0,0,.3)}
button:active{transform:scale(.97)}
button.sec{background:var(--glass2);border:1px solid var(--line);box-shadow:none}button:disabled{opacity:.45;cursor:default}
input,select{font:inherit;padding:.65em .8em;border-radius:12px;border:1px solid var(--line);background:rgba(8,14,30,.6);color:#fff;width:100%}
input:focus,select:focus{outline:2px solid var(--blue);outline-offset:1px}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.hidden{display:none!important}
.status{position:fixed;top:6px;left:50%;transform:translateX(-50%);background:#c33;padding:4px 12px;border-radius:8px;z-index:99;font-size:14px}
.note{background:rgba(10,16,34,.75);border:1px solid rgba(255,179,71,.4);color:#ffd9a0;padding:10px;border-radius:12px;font-size:14px}
input[type=radio],input[type=checkbox]{width:auto;accent-color:var(--blue);margin-right:6px}
@media (max-aspect-ratio:1/1){body::before{background-position:28% center;background-size:cover}}
body{text-shadow:0 1px 3px rgba(0,0,0,.55)}
h1{text-shadow:none!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
