:root{--primary: #4f6ef7;--primary-dark: #3651d4;--secondary: #7C3AED;--accent: #22c55e;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--text-muted: #647085;--border: #e2e8f0;--shadow: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.03);--radius: 12px;--pc-max-width: 1200px;--pc-content-width: 960px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.page--no-tabbar{padding-bottom:24px}.section{padding:16px}.pc-container{width:100%;max-width:var(--pc-max-width);margin:0 auto;padding:0 16px}.pc-narrow{max-width:var(--pc-content-width);margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.gradient-bg{background:linear-gradient(135deg,#4f6ef7,#7c3aed);color:#fff}.gradient-btn{background:linear-gradient(135deg,#4f6ef7,#7c3aed)!important;border:none!important;color:#fff!important;transition:transform .2s,box-shadow .2s}.gradient-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f6ef766}.muted{color:var(--text-muted)}.title{font-size:18px;font-weight:700}.subtext{font-size:13px;color:var(--text-muted);line-height:1.6}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (min-width: 768px){.page{padding-bottom:32px}.section{padding:24px}.pc-container{padding:0 24px}.grid-2,.grid-3{gap:20px}.grid-4{gap:16px}.page>.van-nav-bar{display:none}.login-page,.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px}.login-page .form-card,.auth-page .form-card{width:100%;max-width:420px}.login-page .logo-area{margin-bottom:32px}.order-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ranking-list{max-width:800px;margin:0 auto}.chat-layout{display:grid;grid-template-columns:1fr;max-width:800px;margin:0 auto}.cta-area--fixed{position:static!important;max-width:400px;margin:32px auto 0;padding:0!important;background:none!important}.van-search{max-width:480px}}@media (min-width: 1024px){.pkg-grid{grid-template-columns:repeat(2,1fr)}.order-list-grid{grid-template-columns:repeat(3,1fr)}.agent-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.agent-dashboard-grid .balance-card,.agent-dashboard-grid .actions-area{grid-column:1 / -1}}@media (min-width: 1280px){.pkg-grid{grid-template-columns:repeat(4,1fr)}}.breathe{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}