.admin-frame{width:100%;height:100vh;background:var(--white);overflow:hidden;display:flex;border:none;box-shadow:none}:root{--blue: #3B82F6;--blue-dark: #1D4ED8;--blue-light: #EFF6FF;--green: #10B981;--green-light: #ECFDF5;--amber: #F59E0B;--amber-light: #FFFBEB;--red: #EF4444;--red-light: #FEF2F2;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-700: #374151;--gray-900: #111827;--white: #FFFFFF;--wx-green: #07C160;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans SC,-apple-system,PingFang SC,Helvetica Neue,sans-serif;background:#f0f2f5;min-height:100vh;margin:0;padding:0}#app{width:100%;min-height:100vh;display:flex;padding:0}.phone-frame{width:375px;height:812px;background:var(--white);border-radius:44px;overflow:hidden;display:flex;flex-direction:column;border:8px solid var(--gray-900);box-shadow:0 25px 60px #00000038,0 0 0 1px #0000000d,inset 0 0 0 1px #ffffff1a;position:relative}.status-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--white);flex-shrink:0}.status-bar .time{font-size:15px;font-weight:600;color:var(--gray-900)}.status-bar .icons{display:flex;gap:5px;align-items:center}.status-bar .battery{width:22px;height:11px;border:1.5px solid var(--gray-900);border-radius:3px;position:relative}.status-bar .battery:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:5px;background:var(--gray-900);border-radius:1px}.status-bar .battery:before{content:"";position:absolute;right:-4px;top:2.5px;width:2px;height:4px;background:var(--gray-900);border-radius:0 1px 1px 0}.nav-bar{height:48px;display:flex;align-items:center;padding:0 16px;background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0;position:relative}.nav-bar .back{position:absolute;left:12px;cursor:pointer;font-size:24px;color:var(--gray-700);padding:4px 8px;line-height:1;transition:opacity .15s}.nav-bar .back:active{opacity:.5}.nav-bar .title{flex:1;text-align:center;font-size:16px;font-weight:600;color:var(--gray-900)}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll-area::-webkit-scrollbar{display:none}.tab-bar{height:64px;display:flex;border-top:1px solid var(--gray-200);background:var(--white);flex-shrink:0;padding-bottom:8px}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:color .15s;position:relative}.tab-item .icon{font-size:20px;line-height:1}.tab-item .label{font-size:10px}.tab-item.active{color:var(--blue)}.tab-item:not(.active){color:var(--gray-400)}.tab-badge{position:absolute;top:6px;right:50%;margin-right:-16px;width:7px;height:7px;border-radius:50%;background:var(--red)}.page-enter-active{animation:slideIn .25s ease-out}.page-leave-active{animation:slideOut .2s ease-in}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{opacity:1}to{opacity:0}}.btn-primary{height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--white);background:var(--blue);cursor:pointer;border:none;width:100%;transition:background .15s}.btn-primary:active{background:var(--blue-dark)}.btn-primary.disabled{background:var(--gray-300);cursor:default}.btn-primary.danger{background:var(--red)}.btn-primary.wx{background:var(--wx-green)}.btn-outline{height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--gray-500);border:1px solid var(--gray-300);cursor:pointer;background:var(--white);width:100%}.section-gap{height:10px;background:var(--gray-50)}.section-title{font-size:15px;font-weight:700;color:var(--gray-900);display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px}.section-title .more{font-size:12px;color:var(--gray-400);font-weight:400;cursor:pointer}.info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid var(--gray-100)}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--gray-500)}.info-row .value{color:var(--gray-900);font-weight:500}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);transition:all .15s}.chip.active{border-color:var(--blue);background:var(--blue-light);color:var(--blue)}.badge{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:500}.badge.success{background:var(--green-light);color:var(--green)}.badge.danger{background:var(--red-light);color:var(--red)}.badge.warning{background:var(--amber-light);color:var(--amber)}.progress-bar{height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--blue);border-radius:4px;transition:width .5s}