:root{--green: #1a8a52;--green-deep: #0d5e37;--green-ink: #073d23;--gold: #d4ad57;--gold-light: #ecd49a;--danger: #e2483d;--danger-deep: #b5261c;--warning: #e6962f;--ok: #22c186;--offline: #98a2a8;--scr-bg: #07100c;--scr-bg-2: #0c1812;--card: rgba(255, 255, 255, .07);--card-strong: rgba(255, 255, 255, .12);--line: rgba(255, 255, 255, .1);--text: #f4f8f5;--text-2: #aeb9b2;--text-3: #7d877f;--scr-w: 368px;--scr-h: 448px;--scr-r: 46px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 50% -10%,#14392a 0%,transparent 60%),linear-gradient(160deg,#0a1f17,#06120d 55%,#05100b)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.scene{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 16px}.scene-title{text-align:center;color:var(--text)}.scene-title h1{font-size:20px;letter-spacing:1px;margin:0;display:flex;align-items:center;gap:8px;justify-content:center}.scene-title h1 b{color:var(--gold);font-weight:800}.scene-title p{margin:6px 0 0;font-size:13px;color:var(--text-2)}.device{position:relative;width:460px;display:block;filter:drop-shadow(0 30px 54px rgba(0,0,0,.55))}.watch-img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.crown,.sos-key{position:absolute;right:0;background:transparent;z-index:3;cursor:pointer}.crown{top:35%;height:9%;width:8%}.sos-key{top:47%;height:13%;width:6%}.screen{position:absolute;left:8.7%;top:20.2%;width:79.8%;height:53.4%;border-radius:19%/17%;overflow:hidden;background:var(--scr-bg);display:flex;flex-direction:column}.screen-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:80}.view-zoom{flex:1;min-height:0;display:flex;flex-direction:column}.view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;animation:view-in .26s ease}@keyframes view-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding:14px 16px 22px}.scroll::-webkit-scrollbar{display:none}.statusbar{height:26px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 18px 0;font-size:12px;color:var(--text-2)}.statusbar .sb-right{display:flex;align-items:center;gap:5px}.batt{display:inline-flex;align-items:center;gap:3px;font-weight:600}.batt.low{color:var(--warning)}.scr-head{flex:none;display:flex;align-items:center;gap:8px;padding:2px 16px 8px}.scr-head .ttl{font-size:19px;font-weight:800}.scr-head .back{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--text)}.scr-head .ico{margin-left:auto;color:var(--gold)}.w-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:12px}.w-card .ct{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-2);margin-bottom:10px}.big-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;border-radius:20px;font-size:19px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-deep));box-shadow:0 8px 20px #0d5e3766}.big-btn:active{transform:scale(.98)}.big-btn.danger{background:linear-gradient(135deg,#e85647,var(--danger-deep));box-shadow:0 8px 20px #b5261c73}.big-btn.gold{background:linear-gradient(135deg,var(--gold),#b88f3c);color:#2a1d05}.big-btn.ghost{background:var(--card-strong);color:var(--text);box-shadow:none}.hint{font-size:12px;color:var(--text-2);text-align:center;max-width:380px;line-height:1.7}.hint b{color:var(--gold-light)}.hint .key{display:inline-block;padding:1px 7px;border-radius:6px;background:#ffffff1a;color:var(--text);font-size:11px;margin:0 2px}.toast-host{position:absolute;left:0;right:0;top:34px;z-index:120;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;max-width:86%;padding:9px 14px;border-radius:14px;background:#08140eeb;border:1px solid var(--line);color:var(--text);font-size:13px;font-weight:600;box-shadow:0 8px 22px #00000080;animation:toast-in .24s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column}@keyframes pulse-ring{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 16px #fff0}}@keyframes blink{50%{opacity:.5}}@keyframes colon-blink{0%,50%{opacity:1}51%,to{opacity:0}}.colon{animation:colon-blink 1s steps(1,end) infinite}@keyframes anan-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes anan-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes anan-spin{to{transform:rotate(360deg)}}