:root{--color-bg: #f5f0eb;--color-text: #1f1f1f;--color-muted: #6b6b6b;--color-safe: #16a34a;--color-warn: #e85d2c;--color-danger: #dc2626;--radius: 14px;--shadow: 0 4px 20px rgba(45, 45, 45, .08);--phone-w: 393px;--phone-h: 852px;font-family:SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:15px;line-height:1.45;color:var(--color-text);background:#121214}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#121214;-webkit-tap-highlight-color:transparent;overflow-x:hidden}#root{min-height:100dvh}button{font:inherit;cursor:pointer;border:none;border-radius:var(--radius)}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-warn);outline-offset:2px}a{color:inherit;text-decoration:none}.phone-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 20%,#2a2a32,#121214 55%)}.phone-scale{--phone-max-h: min(852px, calc(100dvh - 40px) );width:min(393px,calc(100vw - 32px),calc(var(--phone-max-h) * 393 / 852));aspect-ratio:393 / 852;height:auto;max-height:var(--phone-max-h);flex-shrink:0;box-sizing:border-box}.phone-bezel{width:100%;height:100%;border-radius:47px;padding:10px;background:linear-gradient(145deg,#3a3a42,#0a0a0c);box-shadow:0 0 0 1px #ffffff0f inset,0 24px 60px #0000008c,0 4px 16px #0006}.phone-inner{width:100%;height:100%;border-radius:40px;background:#1a1a1c;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-island{position:absolute;top:14px;left:50%;transform:translate(-50%);width:110px;height:32px;background:#000;border-radius:20px;z-index:20;pointer-events:none}.phone-screen{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden;position:relative}.phone-routes{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg)}.phone-home-indicator{position:absolute;bottom:max(6px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);height:5px;width:126px;background:#0003;border-radius:100px;z-index:45;pointer-events:none}@media (max-width: 520px),(max-width: 932px) and (max-height: 450px){:root{background:var(--color-bg)}body{background:var(--color-bg)}#root{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column}.phone-stage{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:100dvh;min-height:100svh;padding:0;background:var(--color-bg)}.phone-scale{flex:1;width:100%;min-width:0;min-height:0;height:auto;max-height:none;aspect-ratio:unset;display:flex;flex-direction:column}.phone-bezel{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:0;padding:0;background:transparent;box-shadow:none}.phone-inner{flex:1;min-height:0;border-radius:0;background:var(--color-bg)}.phone-island,.phone-home-indicator{display:none}.phone-screen,.phone-routes{flex:1;min-height:0}}.status-bar-fixed{position:absolute;top:0;left:0;right:0;z-index:50;background:#f5f0ebe0;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(0,0,0,.06);padding-top:env(safe-area-inset-top,0px)}.app-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.role-root>.app-scroll,.pre-login-shell>.app-scroll{padding-top:calc(46px + env(safe-area-inset-top,0px))}.pre-login-shell{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;width:100%}.app-scroll::-webkit-scrollbar{display:none;width:0;height:0}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.sheet-body,.overlay-panel-bottom{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.sheet-body::-webkit-scrollbar,.overlay-panel-bottom::-webkit-scrollbar{width:4px}.sheet-body::-webkit-scrollbar-thumb,.overlay-panel-bottom::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.page-pad{padding:0 16px 108px}.card{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.btn-primary{width:100%;padding:14px 18px;font-weight:600;font-size:16px;color:#fff;border-radius:var(--radius)}.btn-ghost{background:transparent;color:var(--color-muted);padding:10px}.tag-safe{color:var(--color-safe);font-weight:600}.tag-danger{color:var(--color-danger);font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-card-elevated{background:#fff;border-radius:16px;box-shadow:0 1px #0000000a,0 8px 24px #0f172a14;border:1px solid rgba(0,0,0,.04)}.ui-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000073;display:flex;align-items:flex-end;justify-content:stretch;padding:0;box-sizing:border-box}.sheet-panel{width:100%;max-height:min(78dvh,85%);background:#fff;border-radius:20px 20px 0 0;padding:8px 16px 22px;padding-bottom:calc(22px + env(safe-area-inset-bottom));animation:sheet-in .28s ease;box-sizing:border-box}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000080;display:flex;align-items:flex-end;justify-content:stretch;box-sizing:border-box}.overlay-panel-bottom{width:100%;max-height:min(82dvh,88%);overflow:auto;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;box-shadow:0 -8px 32px #0000001f}.overlay-backdrop-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.overlay-emergency{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;background:#dc2626f0;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}@keyframes sheet-in{0%{transform:translateY(12px);opacity:.9}to{transform:translateY(0);opacity:1}}.sheet-grab{width:40px;height:4px;background:#e5e5e5;border-radius:2px;margin:4px auto 12px}.sheet-title{margin:0 0 12px;font-size:18px;font-weight:800}.sheet-body{font-size:14px;color:#444;line-height:1.65;max-height:50dvh;overflow-y:auto}.sheet-primary-btn{width:100%;margin-top:16px;padding:14px;border-radius:14px;font-weight:700;color:#fff;border:none}