*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:none;user-select:none;color:#cfd6e4;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:radial-gradient(120% 120% at 50% 0,#2b3140 0%,#171b25 55%,#0d0f15 100%);justify-content:center;align-items:center;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.phone-stage{width:var(--phone-w,424px);height:var(--phone-h,748px)}.phone-stage>.phone-body{transform:scale(var(--phone-scale,1));transform-origin:0 0}body:after{content:"NOKIA · 青春回忆机 — 2000";text-align:center;letter-spacing:3px;color:#4b5568;font-size:11px;position:fixed;bottom:14px;left:0;right:0}@media (width<=480px),(height<=600px){body:after{display:none}}@keyframes crt-flicker{0%{opacity:.96}50%{opacity:1}to{opacity:.96}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:1s step-end infinite blink}.phone-body{background:linear-gradient(160deg,#6d7f95 0%,#515f73 45%,#3c475637 100%);border-radius:46px;flex-direction:column;align-items:center;width:380px;height:820px;padding:24px 22px;display:flex;position:relative;box-shadow:inset 0 2px 2px #ffffff59,inset 0 -3px 6px #00000059,0 30px 60px #0000008c}.phone-body:after{content:"";background:#ffffff2e;border-radius:4px;height:3px;position:absolute;bottom:10px;left:14px;right:14px}.phone-top{justify-content:space-between;align-items:center;width:100%;padding:2px 6px 12px;display:flex}.phone-speaker{background:linear-gradient(#1a2330,#33404f);border-radius:6px;width:90px;height:7px;margin-left:auto;box-shadow:inset 0 1px 1px #0009}.power-key{cursor:pointer;background:linear-gradient(#88999f,#5a6a70);border:none;border-radius:6px;width:30px;height:12px;box-shadow:inset 0 1px 1px #fff6,0 2px 3px #0006}.power-key:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080}.phone-screen{background:linear-gradient(#2b3644,#1c2430);border-radius:14px;width:300px;padding:12px 10px;position:relative;box-shadow:inset 0 2px 5px #0009,0 2px 4px #00000059}.lcd{color:#26331a;background:#a9b06d;border-radius:6px;padding:6px 8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000047,0 0 0 1px #00000040}.lcd:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff24 0%,#0000 40%);position:absolute;inset:0}.lcd-statusbar{border-bottom:1px solid #26331a59;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:3px;display:flex}.lcd-status-center{flex:1;justify-content:center;display:flex}.lcd-status-right{align-items:center;gap:4px;display:flex}.lcd-time{display:flex}.lcd-content{color:#26331a;min-height:168px;padding:4px 2px;font-family:Courier New,monospace;position:relative}.soft-text{color:#26331a;letter-spacing:1px;font-family:Courier New,monospace;font-size:12px;font-weight:700;line-height:1}.lcd-softbar{border-top:1px solid #26331a59;justify-content:space-between;margin-top:4px;padding-top:4px;display:flex}.keypad{flex-direction:column;align-items:center;gap:12px;width:300px;margin-top:18px;display:flex}.keypad button,.power-key{touch-action:manipulation;-webkit-touch-callout:none;user-select:none}.fn-row{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.soft-key{color:#222a33;cursor:pointer;background:linear-gradient(#8b9aa8,#6a7684);border:none;border-radius:10px;width:64px;height:46px;margin-top:2px;font-size:13px;font-weight:700;box-shadow:inset 0 1px 1px #fff6,0 3px 5px #00000059}.nav-pad{background:radial-gradient(circle at 34% 30%,#93a4b3,#6a7884 65%,#55606b);border-radius:50%;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;place-items:center;width:132px;height:132px;display:grid;position:relative;box-shadow:inset 0 2px 3px #fff6,0 4px 8px #00000073}.nav-btn{color:#1d242d;cursor:pointer;background:linear-gradient(#7f8f9c,#5d6a77);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff6}.nav-btn:active,.soft-key:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000080}.nav-ok{background:linear-gradient(#aebdc9,#7f8f9c);width:56px;height:56px;font-size:15px}.clear-key{color:#3a2323;cursor:pointer;background:linear-gradient(#c98a8a,#b06d6d);border:none;border-radius:10px;width:64px;height:40px;font-size:14px;font-weight:700;box-shadow:inset 0 1px 1px #fff6,0 3px 5px #00000059}.clear-key:active{transform:translateY(1px)}.digit-pad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.digit-key{color:#1c232c;cursor:pointer;background:linear-gradient(#93a3b1,#64717f);border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:62px;font-size:26px;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 1px 1px #ffffff6b,0 4px 6px #0006}.digit-key small{letter-spacing:1px;color:#2a323c;margin-top:5px;font-size:10px;font-weight:600}.digit-key:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #00000080}