#app{width:100%;height:100vh;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#1a1a1a;line-height:1.5}:root{--color-primary:#1890ff;--color-primary-hover:#40a9ff;--color-success:#52c41a;--color-warning:#faad14;--color-danger:#ff4d4f;--color-text-primary:#1a1a1a;--color-text-secondary:#595959;--color-text-tertiary:#8c8c8c;--color-text-disabled:#bfbfbf;--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f5f5f5;--color-border:#e8e8e8;--color-border-light:#f0f0f0;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 4px 16px rgba(0,0,0,.12);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px}.mobile-container{width:100%;height:100vh;display:flex;flex-direction:column;background:#f5f7fa;overflow:hidden}.mobile-header{padding:12px 16px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:100}.mobile-header .header-title{font-size:18px;font-weight:600;color:#1a1a1a;text-align:center}.mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:60px}.mobile-footer{position:fixed;bottom:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);box-shadow:0 -2px 10px rgba(0,0,0,.1);display:flex;z-index:100;border-top:1px solid #f0f0f0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c;font-size:12px;cursor:pointer;transition:all .2s ease;position:relative}.nav-item .nav-icon{font-size:22px;margin-bottom:4px;transition:transform .2s ease}.nav-item.active{color:#1890ff;font-weight:500}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:32px;height:3px;background:#1890ff;border-radius:0 0 3px 3px}.nav-item:active{opacity:.7}.card{background:#fff;border-radius:12px;padding:16px;margin:12px 16px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .2s ease}.card:active{transform:scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.12)}.gradient-bg,.primary-gradient{background:linear-gradient(135deg,#1890ff,#096dd9)}.success-gradient{background:linear-gradient(135deg,#52c41a,#389e0d)}.warning-gradient{background:linear-gradient(135deg,#faad14,#d48806)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;background:#f0f0f0;color:#666}.badge.primary{background:#e6f7ff;color:#1890ff}.badge.success{background:#f6ffed;color:#52c41a}.badge.warning{background:#fffbe6;color:#faad14}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.text-primary{color:#1890ff}.text-success{color:#52c41a}.text-warning{color:#faad14}.text-danger{color:#ff4d4f}.text-muted{color:#8c8c8c}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}