#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-size:14px}.app-header{background:linear-gradient(135deg,rgba(20,184,166,.05),rgba(45,212,191,.05));padding:15px 20px;border-bottom:1px solid rgba(20,184,166,.1);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header .logo{cursor:pointer;transition:transform .3s ease}.app-header .logo:hover{transform:scale(1.02)}.container{min-height:calc(100vh - 140px);padding:20px 15px 80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px rgba(20,184,166,.1);display:flex;justify-content:space-around;padding:12px 0;z-index:1000;border-top:1px solid rgba(20,184,166,.1)}.nav-item{flex:1;text-align:center;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.nav-item.active{color:var(--primary-color);background:rgba(20,184,166,.1)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item:hover{background:rgba(20,184,166,.05)}.nav-icon{font-size:20px;margin-bottom:4px;transition:transform .3s ease}.nav-text{font-size:11px;font-weight:500}@media(max-width:768px){.app-header{padding:12px 15px}.container{padding:15px 10px 70px}.bottom-nav{padding:8px 0}.nav-icon{font-size:18px}.nav-text{font-size:10px}}:root{--primary-color:#14b8a6;--primary-light:#2dd4bf;--primary-dark:#0f766e;--secondary-color:#6b7280;--success-color:#10b981;--info-color:#06b6d4;--warning-color:#f59e0b;--danger-color:#ef4444;--light-color:#f8fafc;--dark-color:#374151;--text-color:#374151;--text-muted:#6b7280;--border-color:#d1d5db;--background-color:#f0f9ff;--card-shadow:0 4px 6px -1px rgba(20,184,166,.1),0 2px 4px -1px rgba(20,184,166,.06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--background-color);color:var(--text-color);font-size:14px;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 15px}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}.btn.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;box-shadow:0 4px 14px 0 rgba(20,184,166,.39)}.btn.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(20,184,166,.5)}.btn.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn.btn-secondary:hover{background-color:#4b5563}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--card-shadow);margin-bottom:15px;border:1px solid rgba(20,184,166,.1);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(20,184,166,.2)}.logo{gap:12px}.logo,.logo .logo-icon{display:flex;align-items:center}.logo .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;justify-content:center;color:#fff;font-size:20px;font-weight:700}.logo .logo-text .brand-name{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.logo .logo-text .brand-subtitle{font-size:12px;color:var(--text-muted);margin:0;letter-spacing:1px}@media(max-width:768px){.container{padding:0 10px}.logo .logo-icon{width:32px;height:32px;font-size:16px}.logo .logo-text .brand-name{font-size:16px}.logo .logo-text .brand-subtitle{font-size:10px}}