:root{--color-primary:#165DFF;--color-primary-hover:#4080FF;--color-primary-active:#0D42E0;--color-primary-light:#F2F7FF;--color-success:#00B42A;--color-success-1:#E6FBF4;--color-warning:#FF7D00;--color-warning-1:#FFF7E6;--color-danger:#F53F3F;--color-danger-1:#FFF1F0;--color-text-primary:#1D2129;--color-text-secondary:#4E5969;--color-text-placeholder:#86909C;--color-border:#E5E6EB;--color-border-light:#F2F3F5;--color-bg-page:#F2F3F5;--color-bg-card:#FFFFFF;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);--shadow-lg:0 4px 16px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;font-size:14px;color:var(--color-text-primary);background:#0a0a0a;-webkit-font-smoothing:antialiased}ul,ol{list-style:none}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}svg{display:block}.stage{min-height:100vh;background:#0a0a0a;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.phone{background:#fff;border-radius:36px;overflow:hidden;width:375px;max-width:100%;margin:0 auto;flex-shrink:0;box-shadow:0 0 0 4px #333,0 0 0 6px #222,0 24px 64px #00000080;position:relative}.phone .page{height:760px;overflow-y:auto;background:var(--color-bg-page);position:relative}.phone .page::-webkit-scrollbar{width:0}.phone-notch{height:44px;background:#fff;display:flex;align-items:center;justify-content:center}.phone-notch:before{content:"";width:120px;height:28px;background:#000;border-radius:0 0 16px 16px}.app-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;padding:0 16px;height:44px}.app-header.glass{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header .h-left,.app-header .h-right{width:44px;display:flex;align-items:center}.app-header .h-right{justify-content:flex-end}.app-header .h-title{flex:1;text-align:center;font-size:15px;font-weight:600}.icon-btn{cursor:pointer;background:none;border:none;padding:4px;display:flex;align-items:center;color:var(--color-text-primary)}.tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:500;border-radius:var(--radius-sm)}.tag-success{background:var(--color-success-1);color:var(--color-success)}.tag-warning{background:var(--color-warning-1);color:var(--color-warning)}.tag-danger{background:var(--color-danger-1);color:var(--color-danger)}.tag-info{background:var(--color-primary-light);color:var(--color-primary)}.tag-gray{background:#f2f3f5;color:var(--color-text-placeholder)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #165dff40}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active)}.btn-secondary{background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-danger-ghost{background:transparent;color:var(--color-danger)}.btn-lg{padding:14px 24px;font-size:16px}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.quota-bar{width:100%;height:4px;background:var(--color-border-light);border-radius:99px;overflow:hidden}.quota-bar-fill{height:100%;border-radius:inherit;transition:width .4s}.quota-bar-fill.plenty{background:var(--color-success)}.quota-bar-fill.warning{background:var(--color-warning)}.quota-bar-fill.full{background:var(--color-danger)}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-secondary{color:var(--color-text-secondary)!important}.fw-semibold{font-weight:600}.fw-medium{font-weight:500}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.w-full{width:100%}.icon-sm svg{width:14px;height:14px}.icon-md svg{width:20px;height:20px}.app-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:#fff;border-top:1px solid var(--color-border-light);display:flex;padding:6px 0 14px;box-shadow:0 -1px 8px #0000000f;z-index:100;width:100%;max-width:375px}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;cursor:pointer;color:var(--color-text-placeholder);font-size:10px;background:none;border:none}.tabbar-item.active{color:var(--color-primary)}.tabbar-item svg{width:20px;height:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%{opacity:1}to{opacity:.3}}@keyframes scanLine{0%{top:14px}50%{top:calc(100% - 16px)}to{top:14px}}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:64px 0;text-align:center;color:var(--color-text-placeholder)}.empty-icon{font-size:48px;margin-bottom:12px}@media(max-width:768px),(pointer:coarse){.stage{min-height:100dvh;background:var(--color-bg-page);padding:0;align-items:stretch;justify-content:stretch}.phone{width:100%;max-width:none;border-radius:0;box-shadow:none;flex:1 1 auto;display:flex;flex-direction:column}.phone-notch{display:none}.phone .page{height:auto;min-height:100dvh;flex:1;overflow-y:auto;overflow-x:hidden}}