:root{--ink:#11120f;--acid:#d9ff43;--cream:#f2f0e9;--muted:#77796f;--line:#d5d4cc;--coral:#ff6b4a;--blue:#769cff;--violet:#a88cff;--yellow:#ffc44d;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream)}button{font:inherit}.shell{width:min(1440px,100%);margin:auto;padding:0 34px}.topbar{height:84px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{font-weight:400}.privacy{font-size:12px;letter-spacing:.08em}.privacy i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4bb46a;margin-right:8px;box-shadow:0 0 0 4px rgba(75,180,106,.12)}.about{border:0;border-bottom:1px solid;background:transparent;padding:5px 0;cursor:pointer}.hero{display:flex;justify-content:space-between;align-items:end;padding:50px 0 38px}.kicker{font:700 11px/1 monospace;letter-spacing:.12em;margin:0 0 18px}.hero h1{font-size:clamp(48px,6.2vw,94px);line-height:.88;letter-spacing:-.07em;margin:0;font-weight:900}.hero h1 em{font-family:Georgia,serif;font-weight:400}.lede{max-width:530px;margin:28px 0 0;color:#56584f;font-size:15px;line-height:1.7}.live-pill{border:1px solid;border-radius:99px;padding:10px 14px;font-size:11px;display:flex;gap:8px;align-items:center}.live-pill span{width:7px;height:7px;border-radius:50%;background:#999}.live-pill.active span{background:#43b768;box-shadow:0 0 0 4px rgba(67,183,104,.14)}.dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);border:1px solid var(--ink);min-height:570px}.camera-card{position:relative;min-height:570px;background:#181915;overflow:hidden}.camera-card video,.camera-card canvas{position:absolute;inset:0;width:100%;height:100%}.camera-card video{object-fit:cover;transform:scaleX(-1);opacity:0}.camera-card canvas{z-index:2}.camera-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#e7e7df;z-index:1}.camera-empty strong{font-size:24px;margin-top:24px}.camera-empty p{color:#989b91;font-size:13px}.face-glyph{width:120px;height:150px;border:1px solid #66695f;border-radius:50% 50% 45% 45%;margin:auto;position:relative}.face-glyph span{position:absolute;top:55px;width:8px;height:8px;border-radius:50%;background:var(--acid)}.face-glyph span:first-child{left:32px}.face-glyph span:nth-child(2){right:32px}.face-glyph b{position:absolute;width:36px;height:12px;border-bottom:2px solid #aaa;left:42px;top:94px;border-radius:50%}.frame-corner{position:absolute;width:35px;height:35px;z-index:3}.tl{top:28px;left:28px;border-top:2px solid var(--acid);border-left:2px solid var(--acid)}.tr{top:28px;right:28px;border-top:2px solid var(--acid);border-right:2px solid var(--acid)}.bl{bottom:28px;left:28px;border-bottom:2px solid var(--acid);border-left:2px solid var(--acid)}.br{bottom:28px;right:28px;border-bottom:2px solid var(--acid);border-right:2px solid var(--acid)}.camera-tag{position:absolute;top:32px;left:75px;color:#ddd;font:11px monospace;z-index:3}.dominant{position:absolute;left:28px;bottom:28px;background:var(--acid);padding:12px 18px;z-index:4;min-width:150px}.dominant small{display:block;font-size:10px}.dominant strong{font-size:28px}.analysis{background:#fff;padding:34px;display:flex;flex-direction:column}.analysis-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.analysis-head p{font:10px monospace;letter-spacing:.12em;margin:0 0 6px}.analysis-head h2{font-size:28px;margin:0}.analysis-head span{font-size:11px;color:var(--muted)}.emotion-list{padding:20px 0;display:grid;gap:17px}.emotion-row{display:grid;grid-template-columns:76px 1fr 42px;align-items:center;gap:12px}.emotion-row label{font-size:13px}.bar{height:10px;background:#ecece6;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--c);transition:width .25s ease}.emotion-row b{text-align:right;font:700 13px monospace}.tip{margin-top:auto;border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:50px 1fr;gap:10px}.tip span{font-size:11px;color:var(--muted)}.tip p{font-size:13px;line-height:1.55;margin:0}.actions{display:grid;grid-template-columns:1fr 54px;gap:10px}.actions button{height:54px;border:1px solid var(--ink);cursor:pointer}.start{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-weight:700}.start:hover{background:var(--acid);color:var(--ink)}.reset{background:white;font-size:22px}.error{color:#b63d27;font-size:12px;margin:10px 0 0}footer{height:70px;display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:.1em;color:#777}dialog{max-width:520px;border:1px solid;padding:40px;background:var(--cream);line-height:1.7}dialog::backdrop{background:rgba(0,0,0,.65)}dialog button{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}dialog h2{font-size:34px;margin:0 0 15px}@media(max-width:850px){.shell{padding:0 16px}.hero{display:block}.live-pill{width:max-content;margin-top:24px}.dashboard{grid-template-columns:1fr}.camera-card{min-height:520px}.analysis{min-height:520px}.hero h1{font-size:15vw}}@media(max-width:520px){.privacy{display:none}.camera-card{min-height:440px}.analysis{padding:24px}.emotion-row{grid-template-columns:60px 1fr 40px}.hero{padding-top:36px}}