.app-header{z-index:1000;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);height:64px;transition:all .3s;position:fixed;top:0;left:0;right:0}@media (width<=768px){.app-header{height:56px}}.header-inner{max-width:1200px;margin:0 auto;padding:0 20px}@media (width<=768px){.header-inner{padding:0 16px}}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header-logo{color:var(--color-text);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo .logo-icon{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-logo .logo-icon span{color:#fff;font-size:12px;font-weight:700}.header-logo .logo-text h1{color:var(--color-text);font-size:16px;font-weight:700;line-height:1.2}.header-logo .logo-text p{color:var(--color-text-secondary);font-size:11px;line-height:1.2}.header-nav{align-items:center;gap:4px;display:flex}@media (width<=768px){.header-nav{display:none}}.nav-item{color:var(--color-text-secondary);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--color-primary);background:var(--color-primary-bg)}.nav-item.active{color:var(--color-primary);font-weight:600}.nav-badge{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:8px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.theme-btn{color:var(--color-text-secondary)!important}@media (width<=768px){.theme-btn .theme-label{display:none}}.login-btn{font-weight:600;background:linear-gradient(135deg,#6366f1,#818cf8)!important;border:none!important;border-radius:20px!important}@media (width<=768px){.login-btn{display:none!important}}.points-pill{color:#fff;background:linear-gradient(135deg,#ffc400,#ffad00);border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:86px;height:38px;padding:0 14px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #ffb1003d}.points-pill .anticon{font-size:17px}@media (width<=768px){.points-pill{min-width:64px;height:34px;padding:0 10px;font-size:14px}}.user-avatar{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.user-avatar:hover{background:var(--color-bg-secondary)}.user-avatar .user-name{color:var(--color-text);font-size:14px}@media (width<=768px){.user-avatar .user-name{display:none}}.menu-btn{display:none!important}@media (width<=768px){.menu-btn{display:inline-flex!important}}.drawer-nav{flex-direction:column;gap:4px;display:flex}.drawer-nav-item{color:var(--color-text);border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:15px;text-decoration:none;transition:all .15s;display:flex}.drawer-nav-item:hover,.drawer-nav-item.active{background:var(--color-primary-bg);color:var(--color-primary)}.drawer-nav-item.active{font-weight:600}.mobile-drawer .ant-drawer-content-wrapper{width:280px!important}.app-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px}@media (width<=768px){.footer-inner{padding:0 16px}}.footer-inner{justify-content:space-between;gap:40px;padding-top:48px;padding-bottom:32px;display:flex}@media (width<=768px){.footer-inner{flex-direction:column;padding-top:32px;padding-bottom:24px}}.footer-info{max-width:320px}.footer-info .footer-logo{align-items:center;gap:8px;margin-bottom:12px;display:flex}.footer-info .footer-logo .logo-icon{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.footer-info .footer-logo .logo-icon span{color:#fff;font-size:10px;font-weight:700}.footer-info .footer-logo span{color:var(--color-text);font-size:16px;font-weight:700}.footer-info p{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.footer-links{gap:60px;display:flex}@media (width<=768px){.footer-links{gap:40px}}.link-group{flex-direction:column;gap:8px;display:flex}.link-group h4{color:var(--color-text);margin-bottom:4px;font-size:14px;font-weight:600}.link-group a{color:var(--color-text-secondary);font-size:13px;text-decoration:none;transition:color .15s}.link-group a:hover{color:var(--color-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding:0 20px}@media (width<=768px){.footer-bottom{padding:0 16px}}.footer-bottom{text-align:center;border-top:1px solid var(--color-border-light);padding:16px 0}.footer-bottom p{color:var(--color-text-tertiary);font-size:13px}.app-layout{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}@media (width<=768px){.page-container{padding-top:56px}}:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-primary-bg:#eef2ff;--color-bg:#fff;--color-bg-secondary:#f8f9fc;--color-bg-tertiary:#f1f3f9;--color-text:#1a1a2e;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--header-bg:#ffffffd9;--card-bg:#fff}[data-theme=dark]{--color-primary:#818cf8;--color-primary-light:#a5b4fc;--color-primary-dark:#6366f1;--color-primary-bg:#1e1b4b;--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-border:#334155;--color-border-light:#1e293b;--header-bg:#0f172ad9;--card-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}@media (width<=768px){html{font-size:14px}}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto}#root{flex-direction:column;min-height:100vh;display:flex}.page-container{flex:1;padding-top:64px}@media (width<=768px){.page-container{padding-top:56px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}