:root{--deep:#050c1f;--deep-mid:#0d1f42;--panel:#0c172eeb;--accent:#19e0eb;--accent-soft:#59c7ff;--magenta:#eb47b8;--violet:#8561ff;--highlight:#ffc733;--success:#40eb8c;--danger:#ff596b;--zone-a:#14476b;--zone-b:#291f5c;--text:#f5f5f5;--text2:#8cb8d9;--border:#33bfd959;--tab:#081229;color:var(--text);background:var(--deep);font-family:SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:linear-gradient(165deg,#05101f 0%,#0f1a47 55%,#140a38 100%);overflow:hidden}#app{height:100dvh;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font:inherit}a{color:var(--accent);text-decoration:none}.tech-bg{background:linear-gradient(#19e0eb0a 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#19e0eb0a 1px,#0000 1px) 0 0/28px 28px,linear-gradient(165deg,#05101f 0%,#0f1a47 55%,#140a38 100%) 0 0/100% 100%;min-height:100%}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 0 24px #19e0eb38}.xl-btn{letter-spacing:.02em;border-radius:14px;width:100%;height:48px;font-weight:700;display:block}.xl-btn.primary{background:linear-gradient(90deg, var(--accent), var(--violet));color:#041018;box-shadow:0 0 18px #19e0eb59}.xl-btn.ghost{border:1px solid var(--border);color:var(--accent);background:#ffffff0a}.xl-btn:disabled{opacity:.45}.field{color:#fff;background:#ffffff0f;border:1px solid #19e0eb59;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px}.field::placeholder{color:#ffffff59}.toast{z-index:9999;border:1px solid var(--border);color:#fff;pointer-events:none;background:#081228eb;border-radius:12px;max-width:86vw;padding:10px 16px;font-size:14px;animation:.2s toastIn;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.nav-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050c1fe0;border-bottom:1px solid #19e0eb1f;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.nav-bar .title{font-size:17px;font-weight:700}.nav-bar .side{min-width:56px;color:var(--accent);font-size:15px}.nav-bar .side.right{text-align:right}.page{flex-direction:column;height:100%;display:flex;overflow:hidden}.page-body{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:12px;overflow:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tag{letter-spacing:.08em;color:var(--accent-soft);font-size:10px;font-weight:700}