:root{--bg-primary:#090d16;--bg-secondary:#111726;--bg-card:#141b2da6;--bg-card-hover:#1e2945d9;--bg-glass:#0f172abf;--border-glass:#ffffff1a;--border-glass-hover:#ffffff38;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--analyst-color:#8b5cf6;--analyst-glow:#8b5cf640;--diplomat-color:#10b981;--diplomat-glow:#10b98140;--sentinel-color:#0ea5e9;--sentinel-glow:#0ea5e940;--explorer-color:#f59e0b;--explorer-glow:#f59e0b40;--brand-primary:#8b5cf6;--brand-gradient:linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #3b82f6 100%);--brand-glow:#8b5cf666;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--shadow-glass:0 8px 32px 0 #0000005e;--shadow-glow:0 0 25px var(--brand-glow)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Plus Jakarta Sans,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.bg-ambient-lights{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-blob{filter:blur(120px);opacity:.28;border-radius:50%;animation:16s ease-in-out infinite alternate floatLight;position:absolute}.blob-1{background:radial-gradient(circle,#8b5cf6 0%,#8b5cf600 70%);width:550px;height:550px;top:-100px;left:10%}.blob-2{background:radial-gradient(circle,#ec4899 0%,#ec489900 70%);width:600px;height:600px;animation-delay:-5s;bottom:5%;right:5%}.blob-3{background:radial-gradient(circle,#0ea5e9 0%,#0ea5e900 70%);width:450px;height:450px;animation-delay:-10s;top:40%;left:45%}@keyframes floatLight{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.1)}to{transform:translate(-30px,50px)scale(.95)}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--border-glass-hover)}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);background:#090d16d9}.glass-button{color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;background:#ffffff12;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.glass-button:hover{border-color:var(--border-glass-hover);background:#ffffff26;transform:translateY(-2px)}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 20px var(--brand-glow);border:none}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 28px #8b5cf699}.btn-kofi{color:#fff;background:linear-gradient(135deg,#ff5e5b,#ff8a5b);border:none;font-weight:700;box-shadow:0 4px 16px #ff5e5b59}.btn-kofi:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 24px #ff5e5b8c}.kofi-floating-btn{z-index:99;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5e5b,#ff8a5b);border:1px solid #fff3;border-radius:9999px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);animation:3s infinite pulseGlow;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #ff5e5b73}.kofi-floating-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 32px #ff5e5ba6}@keyframes pulseGlow{0%,to{box-shadow:0 8px 24px #ff5e5b73}50%{box-shadow:0 8px 36px #ff5e5bbf}}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.container{z-index:1;max-width:1240px;margin:0 auto;padding:0 20px;position:relative}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:80px;padding-bottom:60px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[dir=rtl]{text-align:right;direction:rtl}@media (width<=768px){.kofi-floating-btn{padding:10px 16px;font-size:14px;bottom:16px;right:16px}}