*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--primary:#2563eb;--primary-light:#3b82f6;--primary-lighter:#eff6ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--text:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--bg:#f8fafc;--card:#fff;--card-soft:#f8fafc;--input:#fff;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 10px 25px rgba(0,0,0,.08),0 4px 10px rgba(0,0,0,.04);--overlay:rgba(15,23,42,.48);--code-bg:#0d1117}html.dark{color-scheme:dark;--primary-lighter:#172554;--text:#e5e7eb;--text-secondary:#a3adc2;--text-muted:#7f8aa3;--border:#334155;--bg:#0b1120;--card:#111827;--card-soft:#172033;--input:#0f172a;--shadow:0 1px 3px rgba(0,0,0,.24),0 8px 24px rgba(0,0,0,.14);--shadow-lg:0 16px 40px rgba(0,0,0,.32);--overlay:rgba(2,6,23,.7);--code-bg:#090d14}html{overflow-x:hidden;max-width:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-tap-highlight-color:transparent;overflow-x:hidden;max-width:100%}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:14px;outline:none}.icon{width:16px;height:16px;stroke-width:2;vertical-align:middle;flex-shrink:0}.icon-sm{width:14px;height:14px}.icon-lg{width:20px;height:20px}.home-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.home-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}html.dark .home-nav{background:rgba(11,17,32,.7)}.home-nav .nav-brand{display:flex;align-items:center;gap:10px}.home-nav .nav-links{display:flex;gap:32px;align-items:center}.home-nav .nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s;text-decoration:none}.home-nav .nav-links a:hover{color:var(--primary)}.home-nav .nav-actions{display:flex;gap:8px;align-items:center}.home-nav .theme-toggle{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.home-nav .theme-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-lighter);transform:translateY(-1px)}.home-nav .btn{height:38px;min-width:64px;padding:0 18px;font-size:13px;font-weight:600;border-radius:10px;transition:all .2s;cursor:pointer;border:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1}.home-nav .btn-outline{border:1px solid var(--border);background:var(--card);color:var(--text-secondary)}.home-nav .btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-lighter);transform:translateY(-1px)}.home-nav .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.home-nav .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.home-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:100px 48px 80px;position:relative;overflow:hidden}.home-hero::before{content:'';position:absolute;top:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 65%);border-radius:50%;animation:float 8s ease-in-out infinite}.home-hero::after{content:'';position:absolute;bottom:-250px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 65%);border-radius:50%;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}.hero-content{max-width:800px;text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.2);border-radius:100px;font-size:13px;font-weight:600;color:var(--primary);margin-bottom:28px;backdrop-filter:blur(10px)}.hero-title{font-size:68px;font-weight:800;line-height:1.08;margin-bottom:28px;letter-spacing:-1.5px}.hero-title .gradient{background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-desc{font-size:18px;color:var(--text-secondary);margin-bottom:44px;line-height:1.8;max-width:620px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-actions .btn{border-radius:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-actions .btn-primary{box-shadow:0 8px 24px rgba(59,130,246,.35)}.hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(59,130,246,.45)}.hero-actions .btn-outline:hover{transform:translateY(-2px);border-color:var(--primary);background:var(--primary-lighter)}.hero-stats{display:flex;gap:0;max-width:520px;margin:56px auto 0;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px 0;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.06)}html.dark .hero-stats{box-shadow:0 4px 20px rgba(0,0,0,.2)}.hero-stat{flex:1;text-align:center;padding:0 16px;border-right:1px solid var(--border)}.hero-stat:last-child{border-right:none}.hero-stat .num{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-stat .label{font-size:11px;color:var(--text-muted);margin-top:4px;font-weight:500}.home-features{padding:90px 48px;background:var(--card);border-top:1px solid var(--border);position:relative}.home-features::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:4px;background:linear-gradient(90deg,var(--primary),#8b5cf6);border-radius:0 0 4px 4px}.section-header{text-align:center;margin-bottom:60px}.section-tag{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;display:inline-block;padding:6px 14px;background:var(--primary-lighter);border-radius:100px}.section-title{font-size:40px;font-weight:800;margin-bottom:18px;letter-spacing:-.5px}.section-desc{font-size:17px;color:var(--text-secondary);max-width:620px;margin:0 auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}.feature-card{padding:36px 32px;background:var(--bg);border-radius:24px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8b5cf6);opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,.12);border-color:transparent}.feature-card:hover::before{opacity:1}html.dark .feature-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.4)}.feature-card .fc-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px;box-shadow:0 8px 20px rgba(59,130,246,.3);transition:transform .3s}.feature-card:hover .fc-icon{transform:scale(1.08) rotate(-3deg)}.feature-card h3{font-size:19px;font-weight:700;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.home-scenarios{padding:90px 48px;background:var(--bg);position:relative}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.scenario-card{padding:32px;background:var(--card);border-radius:20px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.scenario-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,.12);border-color:transparent}html.dark .scenario-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.4)}.scenario-card .sc-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px;box-shadow:0 8px 20px rgba(59,130,246,.3);transition:transform .3s}.scenario-card:hover .sc-icon{transform:scale(1.08) rotate(-3deg)}.scenario-card h3{font-size:19px;font-weight:700;margin-bottom:12px}.scenario-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.home-cta{padding:100px 48px;text-align:center;position:relative;overflow:hidden}.home-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(139,92,246,.08) 100%)}.home-cta::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 60%);border-radius:50%}.cta-content{position:relative;z-index:1;max-width:620px;margin:0 auto}.cta-content h2{font-size:42px;font-weight:800;margin-bottom:18px;letter-spacing:-.5px}.cta-content p{font-size:17px;color:var(--text-secondary);margin-bottom:36px;line-height:1.7}.cta-content .btn{border-radius:14px;font-weight:600;box-shadow:0 8px 24px rgba(59,130,246,.35);transition:all .3s}.cta-content .btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(59,130,246,.45)}.home-footer{padding:40px 48px;border-top:1px solid var(--border);text-align:center;font-size:13px;color:var(--text-muted);background:var(--card)}.home-footer a{color:var(--primary);text-decoration:none;transition:opacity .2s}.home-footer a:hover{opacity:.8}.home-footer .footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.home-footer .footer-links a{color:var(--text-secondary);font-size:13px}.home-footer .footer-links a:hover{color:var(--primary)}@media(max-width:768px){.home-nav{padding:14px 16px}.home-nav .nav-links{display:none}.home-nav .btn{height:36px;min-width:56px;padding:0 14px;font-size:12px;border-radius:9px}.home-nav .theme-toggle{width:36px;height:36px;border-radius:9px}.home-nav .nav-actions{gap:6px}.home-hero{padding:48px 20px}.hero-title{font-size:36px}.hero-desc{font-size:15px}.hero-stats{margin-top:36px;padding:16px 0;border-radius:16px}.hero-stat{padding:0 8px}.hero-stat .num{font-size:20px}.hero-stat .label{font-size:10px}.hero-stat .num{font-size:28px}.home-features{padding:48px 20px}.home-scenarios{padding:48px 20px}.scenarios-grid{grid-template-columns:1fr;gap:16px}.section-title{font-size:28px}.features-grid{grid-template-columns:1fr}.home-cta{padding:48px 20px}.cta-content h2{font-size:28px}.home-footer{padding:24px 20px}}.login-page{display:flex;min-height:100vh}.login-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:60px;background:linear-gradient(135deg,#f0f7ff 0%,#e8f0fe 50%,#f5f0ff 100%);position:relative;overflow:hidden}.login-left::before{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%}.brand-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand-icon{width:44px;height:44px;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.brand-name{font-size:20px;font-weight:700;color:var(--text)}.brand-sub{font-size:11px;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase}.login-hero{position:relative;z-index:1;max-width:480px}.login-hero .tag{font-size:12px;font-weight:600;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.login-hero h1{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:24px}.login-hero h1 .highlight{color:var(--primary)}.login-hero p{font-size:15px;color:var(--text-secondary);margin-bottom:40px}.features{display:flex;flex-direction:column;gap:20px}.feature{display:flex;align-items:flex-start;gap:14px}.feature-icon{width:32px;height:32px;background:var(--primary-lighter);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.feature-text h4{font-size:14px;font-weight:600;margin-bottom:2px}.feature-text p{font-size:12px;color:var(--text-secondary);margin:0}.login-footer{position:relative;z-index:1;font-size:12px;color:var(--text-muted)}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--card)}.login-card{width:100%;max-width:380px}.login-card .welcome{font-size:11px;font-weight:600;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.login-card h2{font-size:28px;font-weight:700;margin-bottom:8px}.login-card .desc{font-size:13px;color:var(--text-secondary);margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--text)}.form-group label .required{color:var(--danger)}.input-wrap{position:relative}.input-wrap .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;pointer-events:none}.form-input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;transition:all .2s;background:var(--input);color:var(--text)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input::placeholder{color:var(--text-muted)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .2s;cursor:pointer;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:#fef2f2;color:var(--danger)}.btn-danger:hover{background:#fee2e2}.btn-success{background:#ecfdf5;color:var(--success)}.btn-success:hover{background:#d1fae5}.btn-warning{background:#fffbeb;color:#92400e}.btn-warning:hover{background:#fef3c7}.btn-sm{padding:7px 14px;font-size:13px}.login-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--text-secondary)}.login-switch a{font-weight:600}.login-tip{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;color:var(--text-muted);justify-content:center}.login-page-v2 .login-left{position:relative;overflow:hidden}.login-decor{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;pointer-events:none;z-index:0}.login-decor-1{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.5),transparent 70%);top:-80px;right:-80px;animation:float1 8s ease-in-out infinite}.login-decor-2{width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.4),transparent 70%);bottom:20%;left:-60px;animation:float2 10s ease-in-out infinite}.login-decor-3{width:180px;height:180px;background:radial-gradient(circle,rgba(16,185,129,.3),transparent 70%);bottom:-40px;right:30%;animation:float3 12s ease-in-out infinite}@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,20px) scale(1.1)}}@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-30px) scale(1.05)}}@keyframes float3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,-20px) scale(1.15)}}.login-page-v2 .brand-logo,.login-page-v2 .login-hero,.login-page-v2 .login-footer{position:relative;z-index:1}.login-card-v2{animation:slideUp .5s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-action{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.input-action:hover{color:var(--text);background:var(--bg)}.btn-login{width:100%;height:46px;font-size:15px;font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden;transition:all .25s ease}.btn-login:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,99,235,.35)}.btn-login:active{transform:translateY(0)}.btn-login .loading{margin-right:8px}.login-page-v2 .form-input{height:46px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-page-v2 .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.login-page-v2 .input-wrap{position:relative}.login-page-v2 .input-icon{left:14px}.login-page-v2 .form-input{padding-left:42px;padding-right:42px}@media(max-width:768px){.login-decor{display:none}}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;transition:transform .3s ease}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}.sidebar .brand{padding:20px 16px;border-bottom:1px solid var(--border)}.sidebar-nav{flex:1;padding:12px 8px}.nav-section{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding:12px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .15s;margin-bottom:2px}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--primary-lighter);color:var(--primary);font-weight:600}.nav-item .nav-icon{display:flex;flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.sidebar-footer .status-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-right:6px}.main{flex:1;margin-left:220px;display:flex;flex-direction:column;min-height:100vh;min-width:0}.topbar{height:56px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.hamburger-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:var(--text-secondary)}.hamburger-btn:hover{background:var(--bg)}.topbar-left .breadcrumb-sep{color:var(--text-muted)}.topbar-left .current{color:var(--text);font-weight:500}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .15s;position:relative}.topbar-icon:hover{background:var(--bg)}.topbar-icon .badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--danger);border-radius:50%;display:none}.topbar-icon .badge.show{display:block}.notification-dropdown{position:absolute;top:48px;right:0;width:320px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:200;overflow:hidden;display:none}.notification-dropdown.show{display:block}.notification-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notification-header h4{font-size:14px;font-weight:600}.notification-list{max-height:360px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:10px;cursor:pointer;transition:background .15s}.notification-item:hover{background:var(--bg)}.notification-item:last-child{border-bottom:none}.notification-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.info{background:var(--primary-lighter);color:var(--primary)}.notification-icon.success{background:#ecfdf5;color:var(--success)}.notification-icon.warning{background:#fffbeb;color:var(--warning)}.notification-content{flex:1;min-width:0}.notification-title{font-size:13px;font-weight:500;margin-bottom:2px}.notification-desc{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:10px;color:var(--text-muted);margin-top:2px}.notification-empty{padding:40px 16px;text-align:center;color:var(--text-muted)}.user-menu{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .15s}.user-menu:hover{background:var(--bg)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0}.user-info{text-align:right;display:none}.admin-chart{display:flex;align-items:flex-start;min-width:0;padding:8px 0 2px}.admin-chart-axis{width:28px;height:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:2px 0 24px;color:var(--text-muted);font-size:9px;line-height:1}.admin-chart-main{position:relative;flex:1;height:150px;margin-left:8px;min-width:0}.admin-chart-grid{position:absolute;inset:2px 0 24px;background:repeating-linear-gradient(to bottom,rgba(148,163,184,.16) 0,rgba(148,163,184,.16) 1px,transparent 1px,transparent 50%);border-bottom:1px solid rgba(148,163,184,.22);border-radius:4px}.admin-chart-bars{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:0 4px}.admin-chart-col{height:150px;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.admin-chart-value{height:18px;font-size:10px;font-weight:700;color:var(--text-secondary);line-height:18px}.admin-chart-bar-wrap{height:128px;width:min(38px,72%);display:flex;align-items:flex-end;justify-content:center}.admin-chart-bar{width:100%;min-height:3px;background:linear-gradient(180deg,var(--primary-light),var(--primary));border-radius:6px 6px 2px 2px;box-shadow:0 3px 8px rgba(59,130,246,.12);transition:height .25s ease}.admin-chart-bar.is-zero{background:var(--border);box-shadow:none}.admin-chart-label{height:24px;padding-top:5px;font-size:9px;color:var(--text-secondary);white-space:nowrap}.admin-chart-footer{display:flex;justify-content:space-between;gap:12px;margin:8px 4px 0 36px;font-size:10px;color:var(--text-muted)}body{transition:background-color .22s ease,color .22s ease}.app,.main,.content,.sidebar,.topbar,.card,.stat-card,.bot-card,.api-section,.modal,.toast,.notification-dropdown,.login-right,.form-input,.btn-outline{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}.login-left{background:linear-gradient(135deg,#f0f7ff 0%,#e8f0fe 50%,#f5f0ff 100%)}html.dark .login-left{background:linear-gradient(135deg,#0f1b34 0%,#111c36 52%,#1b1630 100%)}html.dark .login-right{background:var(--bg)}html.dark .sidebar-overlay{background:var(--overlay)}html.dark .btn-danger{background:#3a171d;color:#fca5a5}html.dark .btn-success{background:#0f2d25;color:#6ee7b7}html.dark .btn-warning{background:#35250b;color:#fbbf24}html.dark .status-badge.active{background:#0f2d25;color:#6ee7b7}html.dark .status-badge.inactive{background:#263244;color:#cbd5e1}html.dark .status-badge.error,html.dark .status-badge.disabled{background:#3a171d;color:#fca5a5}html.dark .stat-icon.green{background:#0f2d25}html.dark .stat-icon.purple{background:#241a3d}html.dark .stat-icon.orange{background:#35250b}html.dark .stat-icon.red{background:#3a171d}html.dark .notification-icon.success{background:#0f2d25}html.dark .notification-icon.warning{background:#35250b}html.dark .hero-banner{background:linear-gradient(135deg,#14254a 0%,#241c3d 100%)}html.dark .api-endpoint,html.dark .api-box,html.dark .data-table th{background:var(--card-soft)}html.dark .api-table td,html.dark .data-table td{border-color:var(--border)}html.dark .admin-chart-grid{background:repeating-linear-gradient(to bottom,rgba(148,163,184,.12) 0,rgba(148,163,184,.12) 1px,transparent 1px,transparent 50%);border-bottom-color:rgba(148,163,184,.2)}html.dark .admin-chart-bar.is-zero{background:#334155}html.dark .toggle-slider{background:#334155}html.dark .empty-icon{background:var(--card-soft);color:var(--text-muted)}html.dark .modal-overlay{background:rgba(2,6,23,.72)}html.dark .form-input::placeholder{color:#64748b}html.dark select.form-input{background-color:var(--input)}html.dark img[src*="icons/qq.svg"],html.dark img[src*="icons/wecom.svg"],html.dark img[src*="icons/telegram.svg"],html.dark img[src*="icons/feishu.svg"],html.dark img[src*="icons/wechat.svg"]{filter:brightness(0) invert(1)}.overview-tip{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);border-radius:15px;box-shadow:0 10px 30px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%)}html.dark .overview-tip{background:rgba(30,41,59,.30);border-color:rgba(148,163,184,.22);box-shadow:0 10px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.07)}.theme-toggle{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;position:relative;transition:all .18s ease}.theme-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-lighter);transform:translateY(-1px)}.theme-toggle .icon{width:17px;height:17px}.theme-toggle-float{position:fixed;right:16px;top:16px;z-index:120;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);backdrop-filter:blur(10px)}html.dark .theme-toggle-float{background:rgba(17,24,39,.9)}.theme-mode-label{font-size:10px;color:var(--text-muted);margin-left:2px;min-width:26px}.content{width:100%;max-width:1240px;margin:0 auto;padding:20px 24px 28px}.page-header{padding-top:2px}.admin-stats-page .page-header{margin-bottom:16px}.admin-chart{display:block;position:relative;padding:4px 0 0}.admin-chart-main{height:196px;margin:0 0 0 34px;position:relative}.admin-chart-axis{position:absolute;left:0;top:0;width:28px;height:170px;padding:2px 0 0;transform:translateX(-34px);z-index:2}.admin-chart-grid{inset:2px 0 28px}.admin-chart-bars{inset:0;gap:10px;padding:0 8px;justify-content:space-between}.admin-chart-col{height:196px;flex:1;max-width:96px}.admin-chart-value{height:20px;font-size:11px}.admin-chart-bar-wrap{height:150px;width:min(44px,68%)}.admin-chart-bar{min-height:3px;border-radius:7px 7px 3px 3px}.admin-chart-label{height:28px;padding-top:7px;font-size:10px}.admin-chart-footer{margin:10px 0 0 34px;padding-top:10px;border-top:1px solid var(--border);font-size:11px}@media(max-width:768px){.content{padding:14px 16px 24px;max-width:none}.page-header{margin-bottom:14px}.page-header h1{font-size:21px}.page-header p{font-size:12px}.page-header-with-actions{align-items:center}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.stat-card{padding:14px;min-height:142px}.stat-card .stat-icon{top:12px;right:12px;width:34px;height:34px}.stat-card .stat-label{font-size:11px;padding-right:40px}.stat-card .stat-value{font-size:25px;margin-top:2px}.stat-card .stat-sub{font-size:10px;line-height:1.5}.card{padding:16px;margin-bottom:12px}.card-header{margin-bottom:10px}.card-title{font-size:15px}.admin-chart-main{height:190px;margin-left:32px}.admin-chart-axis{height:164px;transform:translateX(-32px)}.admin-chart-bars{gap:5px;padding:0 4px}.admin-chart-col{height:190px;max-width:none}.admin-chart-bar-wrap{height:146px;width:min(30px,72%)}.admin-chart-value{font-size:10px}.admin-chart-label{font-size:9px}.admin-chart-footer{margin-left:32px;font-size:10px}.theme-toggle{width:34px;height:34px}}.ov-welcome .img-missing,.ov-workspace .img-missing{display:none !important}.ov-hero-img,.ov-workspace-img{display:block}@supports (padding-bottom:env(safe-area-inset-bottom)){#overviewBody{padding-bottom:calc(132px + env(safe-area-inset-bottom))}}@media(max-width:420px){.content{padding-left:14px;padding-right:14px}.stats-grid{gap:8px}.stat-card{padding:13px;min-height:136px}.stat-card .stat-value{font-size:24px}.admin-chart-main{margin-left:29px}.admin-chart-axis{transform:translateX(-29px)}.admin-chart-bars{gap:2px}.admin-chart-bar-wrap{width:min(26px,74%)}}@media(max-width:520px){.admin-chart-bars{gap:4px;padding:0 2px}.admin-chart-bar-wrap{width:min(28px,72%)}.admin-chart-footer{margin-left:36px}.admin-chart-value{font-size:9px}}@media(min-width:769px){.user-info{display:block}}.user-info .name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;justify-content:flex-end}.admin-badge{font-size:9px;background:var(--primary);color:#fff;padding:1px 5px;border-radius:3px;font-weight:700}.user-info .sub{font-size:11px;color:var(--text-muted)}.content{flex:1;padding:20px}.page-header{margin-bottom:20px}.page-header .tag{font-size:11px;font-weight:600;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.page-header h1{font-size:22px;font-weight:700;margin-bottom:4px}.page-header p{font-size:13px;color:var(--text-secondary)}.page-header-with-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px;min-width:0;max-width:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap}.card-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.card-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card .stat-icon{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-card .stat-label{font-size:11px;color:var(--text-secondary);margin-bottom:6px}.stat-card .stat-value{font-size:24px;font-weight:700}.stat-card .stat-sub{font-size:10px;color:var(--text-muted);margin-top:2px}.stat-icon.blue{background:var(--primary-lighter);color:var(--primary)}.stat-icon.green{background:#ecfdf5;color:var(--success)}.stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.stat-icon.orange{background:#fffbeb;color:var(--warning)}.stat-icon.red{background:#fef2f2;color:var(--danger)}.hero-banner{background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%);border-radius:var(--radius);padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;overflow:hidden;gap:16px}.hero-banner .hero-content{max-width:500px;flex:1}.hero-banner .hero-tag{font-size:10px;font-weight:600;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.hero-banner h2{font-size:20px;font-weight:700;margin-bottom:6px;line-height:1.3}.hero-banner h2 .highlight{color:var(--primary)}.hero-banner p{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.hero-banner .hero-actions{display:flex;gap:8px;flex-wrap:wrap}.hero-visual{width:120px;height:100px;position:relative;flex-shrink:0;display:none}@media(min-width:769px){.hero-visual{display:block}}.hero-visual .orbit{position:absolute;border:1px solid rgba(37,99,235,.2);border-radius:50%}.hero-visual .orbit-1{width:100px;height:100px;top:0;left:10px;animation:spin 20s linear infinite}.hero-visual .orbit-2{width:70px;height:70px;top:15px;left:25px;animation:spin 15s linear infinite reverse}.hero-visual .center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.4)}@keyframes spin{to{transform:rotate(360deg)}}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}.bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.bot-card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:all .2s;border:1px solid transparent}.bot-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-lighter)}.bot-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.bot-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.status-badge.active{background:#ecfdf5;color:var(--success)}.status-badge.inactive{background:#f3f4f6;color:var(--text-secondary)}.status-badge.error{background:#fef2f2;color:var(--danger)}.status-badge.disabled{background:#fef2f2;color:var(--danger)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.bot-name{font-size:15px;font-weight:600;margin-bottom:2px}.bot-platform{font-size:12px;color:var(--text-secondary)}.bot-info{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.bot-info-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0}.bot-info-row .label{color:var(--text-secondary)}.bot-info-row .value{font-weight:500}.bot-actions{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.bot-actions .btn{flex:1;min-width:70px;font-size:11px;padding:7px 6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group.full{grid-column:1/-1}textarea.form-input{resize:vertical;min-height:100px;padding:11px 14px}.api-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.api-endpoint{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg);border-radius:var(--radius-sm);margin:14px 0;font-family:'SF Mono',Monaco,Consolas,monospace;font-size:12px;overflow-x:auto;word-break:break-all;overflow-wrap:break-word;min-width:0;flex-wrap:wrap}.method-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.method-badge.post{background:var(--success)}.method-badge.get{background:var(--primary)}.api-url{flex:1;color:var(--text);word-break:break-all}.api-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:14px 0}.api-box{background:var(--bg);border-radius:var(--radius-sm);padding:14px}.api-box h4{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.api-box .code-line{font-family:'SF Mono',Monaco,Consolas,monospace;font-size:11px;color:var(--text-secondary);padding:3px 0}.api-table{width:100%;border-collapse:collapse;font-size:12px;margin:10px 0;display:block;overflow-x:auto;max-width:100%}.api-table th{text-align:left;padding:8px 10px;background:var(--bg);font-weight:600;font-size:11px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.api-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.api-table .required{color:var(--danger);font-weight:600}.messages-api-intro{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;background:linear-gradient(135deg,var(--primary-lighter),var(--card));border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:12px;margin:0 0 14px}.messages-api-intro .intro-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px rgba(37,99,235,.2)}.messages-api-intro .intro-title{font-size:13px;font-weight:700;margin-bottom:3px;color:var(--text)}.messages-api-intro .intro-text{font-size:11px;line-height:1.7;color:var(--text-secondary)}.api-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.api-guide-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:13px 14px;min-width:0}.api-guide-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.api-guide-icon{width:28px;height:28px;border-radius:8px;background:var(--primary-lighter);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:0 0 28px}.api-guide-title{font-size:12px;font-weight:700;color:var(--text)}.api-guide-desc{font-size:10px;color:var(--text-secondary);line-height:1.65;margin-bottom:7px}.api-header-code{display:block;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:8px;font:11px/1.5 'SF Mono',Monaco,Consolas,monospace;color:var(--text);overflow-wrap:anywhere;word-break:break-word}.api-header-code .api-code-key{color:var(--primary);font-weight:600}.api-header-code .api-code-value{color:var(--success)}.api-step{display:flex;align-items:center;gap:8px;margin:15px 0 8px}.api-step-num{width:23px;height:23px;border-radius:7px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 3px 8px rgba(37,99,235,.18);flex:0 0 23px}.api-step-title{font-size:13px;font-weight:700;color:var(--text)}.api-step-sub{font-size:10px;color:var(--text-muted);margin-left:1px}.api-notice{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;margin-top:14px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0;border-radius:10px;color:#166534;font-size:11px;line-height:1.7}.api-notice .notice-icon{width:28px;height:28px;border-radius:8px;background:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center;flex:0 0 28px}html.dark .api-notice{background:linear-gradient(135deg,#102b24,#0f2d25);border-color:#245444;color:#bbf7d0}html.dark .api-notice .notice-icon{background:#173f34;color:#86efac}@media(max-width:768px){.api-guide-grid{grid-template-columns:1fr;gap:10px}.messages-api-intro{padding:13px}.api-guide-card{padding:12px}.api-step{margin-top:13px}}.content table{display:block;overflow-x:auto;max-width:100%;box-sizing:border-box}.content{min-width:0;overflow-x:hidden}pre,.code-block,.code-example,.tut-code,div[style*="white-space:pre"],div[style*="overflow-x:auto"][style*="monospace"]{font-size:12px !important;line-height:1.6;overflow-x:auto;max-width:100%;width:100%;box-sizing:border-box;white-space:pre;min-width:0;display:block;scrollbar-width:thin;scrollbar-color:#475569 transparent}.code-block{background:#1e293b;color:#e2e8f0;padding:14px;border-radius:var(--radius-sm);font-family:'SF Mono',Monaco,Consolas,monospace;font-size:12px;overflow-x:auto;line-height:1.6;margin:10px 0;position:relative}.code-block .key{color:#94a3b8}.code-block .str{color:#86efac}.code-block .num{color:#fbbf24}.code-block .copy-code-btn{position:absolute!important;top:8px!important;right:8px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;padding:4px 12px!important;font-size:11px!important;cursor:pointer!important;opacity:1!important;transition:all .2s!important;z-index:10!important;font-weight:500!important}.code-block .copy-code-btn:hover{background:rgba(255,255,255,.3)!important;transform:scale(1.05)!important}.tut-code{position:relative;background:#1e293b;color:#e2e8f0;padding:12px 16px;border-radius:8px;font-family:monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;margin:10px 0}.tut-code .tut-copy-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.1);color:#e2e8f0;border:none;border-radius:6px;padding:4px 10px;font-size:10px;cursor:pointer;opacity:0;transition:opacity .2s;z-index:2;font-family:inherit}.tut-code:hover .tut-copy-btn{opacity:1}.tut-code .tut-copy-btn:hover{background:rgba(255,255,255,.2)}.universal-copy-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.12);color:#e2e8f0;border:none;border-radius:6px;padding:4px 10px;font-size:10px;cursor:pointer;opacity:0;transition:opacity .2s;z-index:5;font-family:inherit;line-height:1.4}.code-block:hover .universal-copy-btn,.code-example:hover .universal-copy-btn,pre:hover .universal-copy-btn,div[style*="white-space:pre"]:hover .universal-copy-btn{opacity:1}.universal-copy-btn:hover{background:rgba(255,255,255,.25) !important;opacity:1 !important}.lang-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px;padding:4px;background:var(--bg);border-radius:10px}.lang-tabs button{background:transparent;border:none;padding:6px 14px;font-size:12px;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s;font-weight:500}.lang-tabs button:hover{color:var(--text)}.lang-tabs button.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.3)}.code-example.hljs .hl-local-comment{color:#8b949e}.code-example.hljs .hl-local-keyword{color:#ff7b72}.code-example.hljs .hl-local-string{color:#a5d6ff}.code-example.hljs .hl-local-number{color:#79c0ff}.code-example.hljs .hl-local-function{color:#d2a8ff}.code-example.hljs .hl-local-variable{color:#ffa657}.code-example.hljs .hl-local-built_in{color:#79c0ff}.code-example.hljs .hl-local-class{color:#d2a8ff}.code-example.hljs .hl-local-attr{color:#7ee787}.code-example.hljs .hl-local-meta,.code-example.hljs .hl-local-special{color:#ffa657}.code-example.hljs .hl-local-plain{color:#e6edf3}.code-example.hljs{color:#e6edf3;background:#0d1117;white-space:pre;overflow-x:auto;max-width:100%;box-sizing:border-box;min-width:0}pre::-webkit-scrollbar,.code-block::-webkit-scrollbar,.code-example::-webkit-scrollbar,.tut-code::-webkit-scrollbar,div[style*="white-space:pre"]::-webkit-scrollbar,div[style*="overflow-x:auto"][style*="monospace"]::-webkit-scrollbar{height:6px;width:6px}pre::-webkit-scrollbar-track,.code-block::-webkit-scrollbar-track,.code-example::-webkit-scrollbar-track,.tut-code::-webkit-scrollbar-track,div[style*="white-space:pre"]::-webkit-scrollbar-track,div[style*="overflow-x:auto"][style*="monospace"]::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}pre::-webkit-scrollbar-thumb,.code-block::-webkit-scrollbar-thumb,.code-example::-webkit-scrollbar-thumb,.tut-code::-webkit-scrollbar-thumb,div[style*="white-space:pre"]::-webkit-scrollbar-thumb,div[style*="overflow-x:auto"][style*="monospace"]::-webkit-scrollbar-thumb{background:#64748b;border-radius:3px}pre::-webkit-scrollbar-thumb:hover,.code-block::-webkit-scrollbar-thumb:hover,.code-example::-webkit-scrollbar-thumb:hover,.tut-code::-webkit-scrollbar-thumb:hover,div[style*="white-space:pre"]::-webkit-scrollbar-thumb:hover,div[style*="overflow-x:auto"][style*="monospace"]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.api-endpoint{font-size:11px}.api-table{font-size:11px}.content table{font-size:11px}.card{min-width:0;overflow:hidden}.content{overflow-x:hidden;min-width:0}}.code-example.hljs .hljs-comment,.code-example.hljs .hljs-quote{color:#8b949e}.code-example.hljs .hljs-keyword,.code-example.hljs .hljs-selector-tag,.code-example.hljs .hljs-built_in{color:#ff7b72}.code-example.hljs .hljs-string,.code-example.hljs .hljs-attr{color:#a5d6ff}.code-example.hljs .hljs-number,.code-example.hljs .hljs-literal{color:#79c0ff}.code-example.hljs .hljs-title,.code-example.hljs .hljs-title.function_,.code-example.hljs .hljs-title.class_{color:#d2a8ff}.code-example.hljs .hljs-variable,.code-example.hljs .hljs-template-variable{color:#ffa657}.code-example.hljs .hljs-meta,.code-example.hljs .hljs-meta .hljs-keyword{color:#ffa657}.code-example.hljs .hljs-params{color:#e6edf3}.code-example.hljs .hljs-operator,.code-example.hljs .hljs-punctuation{color:#c9d1d9}.msg-history-item{padding:14px;border-bottom:1px solid var(--border);display:flex;gap:12px}.msg-history-item:last-child{border-bottom:none}.msg-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.msg-content{flex:1;min-width:0}.msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px;flex-wrap:wrap}.msg-bot-name{font-size:13px;font-weight:600}.msg-time{font-size:11px;color:var(--text-muted)}.msg-meta{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.msg-text{font-size:13px;color:var(--text);word-break:break-word}.msg-platform-id{font-size:10px;color:var(--text-muted);margin-top:4px;font-family:monospace;word-break:break-all}.apikey-item{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--border)}.apikey-item:last-child{border-bottom:none}.apikey-icon{width:36px;height:36px;border-radius:8px;background:var(--primary-lighter);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.apikey-info{flex:1;min-width:0}.apikey-name{font-size:13px;font-weight:600;margin-bottom:2px}.apikey-value{font-size:11px;color:var(--text-secondary);font-family:monospace;word-break:break-all}.apikey-meta{font-size:10px;color:var(--text-muted);margin-top:2px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:10px 12px;background:var(--bg);font-weight:600;font-size:11px;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.data-table tr:hover{background:var(--bg)}.table-actions{display:flex;gap:4px;flex-wrap:wrap}.table-actions .btn{padding:4px 8px;font-size:11px}.user-cell{display:flex;align-items:center;gap:8px}.user-cell .user-avatar{width:28px;height:28px;font-size:11px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px);padding:16px}.modal{background:var(--card);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.modal-close:hover{background:var(--bg)}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{flex:1;padding:10px 6px;text-align:center;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.qrcode-box{text-align:center;padding:20px 0}.qrcode-img{width:200px;height:200px;border:1px solid var(--border);border-radius:12px;padding:8px;background:#fff}.qrcode-tip{font-size:13px;color:var(--text-secondary);margin-top:14px}.qrcode-status{font-size:12px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px}.toast-container{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--card);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;font-size:13px;min-width:240px;animation:slideIn .3s ease;border-left:4px solid var(--primary)}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.empty-state{text-align:center;padding:36px 16px;color:var(--text-secondary)}.empty-state .empty-icon{font-size:40px;margin-bottom:12px;opacity:.5;display:flex;justify-content:center}.empty-state h3{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text)}.empty-state p{font-size:12px;margin-bottom:12px}.loading{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}.pagination button{padding:6px 12px;border:1px solid var(--border);background:var(--card);border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center}.pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .page-info{font-size:12px;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}input:checked + .toggle-slider{background-color:var(--primary)}input:checked + .toggle-slider:before{transform:translateX(18px)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.login-left{display:none}.login-right{flex:1;padding:24px}}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.api-two-col{grid-template-columns:1fr}.content{padding:14px}.page-header h1{font-size:19px}.hero-banner{padding:18px}.hero-banner h2{font-size:17px}.card{padding:16px}.notification-dropdown{width:calc(100vw - 32px);right:-8px}.topbar{padding:0 12px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card .stat-value{font-size:20px}.bots-grid{grid-template-columns:1fr}.header-actions{width:100%}.header-actions .btn{flex:1}}html.dark [style*="background:#fffbeb"]{background:#35250b !important;color:#fbbf24 !important}html.dark [style*="background:#eff6ff"]{background:#14254a !important;color:#bfdbfe !important}html.dark [style*="background:#f5f3ff"]{background:#241a3d !important}html.dark [style*="background:#ecfdf5"]{background:#0f2d25 !important}html.dark [style*="background:#fef2f2"]{background:#3a171d !important}.bot-switch .bot-switch-track{background:#ccc}.bot-switch.primary-switch input:checked ~ .bot-switch-track{background:var(--primary)}.bot-switch.success-switch input:checked ~ .bot-switch-track{background:var(--success)}.bot-switch input:checked ~ .bot-switch-thumb{transform:translateX(16px)}:root{--radius-sm:8px;--radius:12px;--bg-card:var(--card)}.ov-welcome,.ov-workspace,.ov-stat,.ov-panel{box-shadow:0 6px 24px rgba(31,41,55,.045)}.ov-welcome{background:radial-gradient(circle at 88% 18%,rgba(59,130,246,.075),transparent 28%),radial-gradient(circle at 72% 88%,rgba(139,92,246,.035),transparent 34%),linear-gradient(145deg,#ffffff 0%,#ffffff 58%,#fbfcff 100%) !important;border-color:rgba(148,163,184,.28) !important;box-shadow:0 8px 28px rgba(31,41,55,.055),inset 0 1px 0 rgba(255,255,255,.95)}html.dark .ov-welcome{background:radial-gradient(circle at 88% 18%,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at 72% 88%,rgba(139,92,246,.08),transparent 34%),linear-gradient(145deg,#111827 0%,#111827 58%,#141b2a 100%) !important;border-color:rgba(148,163,184,.18) !important}.ov-welcome{min-height:214px}.ov-workspace{min-height:238px}.ov-hero-img,.ov-workspace-img{filter:drop-shadow(0 12px 18px rgba(37,99,235,.10))}@media(max-width:768px){.topbar{height:60px;padding:0 12px}.topbar-left{gap:7px;font-size:14px}.topbar-left .current{font-size:15px}.topbar-right{gap:4px}.topbar-icon,.theme-toggle{width:36px;height:36px}.user-menu{padding:2px 4px;gap:4px}.user-avatar{width:34px;height:34px}.content{padding:14px 14px 28px;max-width:none;overflow-x:hidden}.ov-welcome{min-height:0;padding:18px 16px !important;border-radius:20px !important;align-items:flex-start !important;gap:4px !important;margin-bottom:14px !important}.ov-welcome > div:first-child{padding-top:2px}.ov-welcome h2{font-size:22px !important;line-height:1.25 !important;margin-bottom:7px !important}.ov-welcome p{font-size:12px !important;line-height:1.7 !important;margin-bottom:12px !important}.ov-welcome .actions,.ov-welcome > div:first-child > div:last-child{gap:8px !important;flex-wrap:nowrap !important;width:100% !important}.ov-welcome button{height:40px !important;padding:0 10px !important;border-radius:11px !important;font-size:12px !important;white-space:nowrap !important;flex-shrink:0 !important}.ov-welcome button:first-child{flex:0 0 43% !important;color:var(--primary) !important;border-color:var(--primary) !important;background:transparent !important}.ov-welcome button:last-child{flex:1 1 auto !important}.ov-welcome > div:last-child{width:126px !important;height:126px !important;margin-right:-5px;margin-top:4px}.ov-hero-img{width:126px !important;height:126px !important}.ov-workspace{min-height:0;padding:18px 16px 16px !important;border-radius:20px !important;display:block !important;position:relative;margin-bottom:14px !important}.ov-workspace > div:first-child{position:relative;z-index:2;padding-right:58px}.ov-workspace > div:last-child{position:absolute !important;right:4px;top:20px;width:112px !important;height:112px !important;opacity:.95}.ov-workspace-img{width:112px !important;height:112px !important}.ov-workspace h3{font-size:19px !important;line-height:1.42 !important;margin-bottom:6px !important}.ov-workspace p{font-size:11.5px !important;line-height:1.65 !important;margin-bottom:12px !important;max-width:260px}.ov-workspace button{width:100%;height:40px !important;border-radius:12px !important;font-size:12px !important}.ov-stats{grid-template-columns:1fr 1fr !important;gap:9px !important;margin-bottom:14px !important}.ov-stat{min-height:128px;padding:14px !important;border-radius:17px !important;display:block !important;position:relative}.ov-stat > div:first-child{width:40px !important;height:40px !important;border-radius:12px !important;margin-bottom:9px}.ov-stat > div:first-child i{width:20px !important;height:20px !important}.ov-stat > div:last-child{min-width:0}.ov-stat > div:last-child > div:first-child{font-size:11px !important;margin-bottom:3px !important}.ov-stat > div:last-child > div:nth-child(2){font-size:24px !important;line-height:1.15 !important}.ov-stat > div:last-child > div:last-child{font-size:10px !important;margin-top:4px !important}.ov-bottom{grid-template-columns:1fr !important;gap:12px !important;margin-bottom:110px !important}.ov-panel{border-radius:18px !important;padding:15px !important}.ov-panel > div:first-child span{font-size:14px !important}#overviewBody{padding-bottom:92px}#overviewBody > div[style*="position:fixed"]{left:14px !important;right:14px !important;bottom:max(8px,env(safe-area-inset-bottom)) !important;border-radius:15px !important;padding:6px 8px !important;gap:7px !important;min-height:0 !important;box-shadow:0 8px 26px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.60) !important;z-index:120 !important;background:rgba(255,255,255,.20) !important;border:1px solid rgba(255,255,255,.42) !important;backdrop-filter:blur(24px) saturate(170%) !important;-webkit-backdrop-filter:blur(24px) saturate(170%) !important}html.dark #overviewBody > div[style*="position:fixed"]{background:rgba(17,24,39,.34) !important;border:1px solid rgba(148,163,184,.22) !important;box-shadow:0 8px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07) !important;backdrop-filter:blur(24px) saturate(155%) !important;-webkit-backdrop-filter:blur(24px) saturate(155%) !important}#overviewBody > div[style*="position:fixed"] > div:first-child{width:28px !important;height:28px !important;margin-top:0 !important}#overviewBody > div[style*="position:fixed"] > div:first-child i{width:14px !important;height:14px !important}#overviewBody > div[style*="position:fixed"] > div:nth-child(2) > div:first-child{font-size:10px !important;line-height:1.35 !important;font-weight:500 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}#overviewBody > div[style*="position:fixed"] > div:nth-child(2) > div:last-child{font-size:9px !important;margin-top:2px !important;gap:8px !important}#overviewBody > div[style*="position:fixed"] > button{padding:2px !important;margin-top:-1px !important}#overviewBody > div[style*="position:fixed"] > button i{width:14px !important;height:14px !important}}@media(max-width:420px){.content{padding-left:12px;padding-right:12px}.ov-welcome{padding:18px 14px 14px !important;height:198px !important;min-height:198px !important;box-sizing:border-box;position:relative !important;overflow:hidden !important;align-items:flex-start !important}.ov-welcome h2{font-size:20px !important;line-height:1.25 !important}.ov-welcome > div:first-child{position:relative;z-index:2;padding-right:4px;transform:translateY(28px)}.ov-welcome > div:last-child{width:175px !important;height:175px !important;position:absolute !important;right:-18px !important;top:-22px !important;margin:0 !important;z-index:1}.ov-hero-img{width:175px !important;height:175px !important}.ov-welcome button{padding:0 8px !important}.ov-welcome button:first-child{flex-basis:43% !important}.ov-workspace > div:first-child{padding-right:72px}.ov-workspace > div:last-child{width:160px !important;height:160px !important;right:7px;top:-22px !important}.ov-workspace-img{width:160px !important;height:160px !important}.ov-stat{min-height:124px;padding:13px !important}}
/* ===== 全站统一代码块 ===== */
.unified-code-block{
  --uc-bg:#f8fafc;--uc-bg-deep:#eef2ff;--uc-border:rgba(99,102,241,.22);
  --uc-text:#1e293b;--uc-muted:#64748b;--uc-cyan:#0891b2;--uc-purple:#7c3aed;--uc-pink:#db2777;
  position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:12px 0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--uc-border)!important;
  border-radius:14px!important;background:var(--uc-bg)!important;color:var(--uc-text)!important;
  box-shadow:0 10px 30px rgba(79,70,229,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  box-sizing:border-box!important;
}
html.dark .unified-code-block{
  --uc-bg:#080d18;--uc-bg-deep:#10182b;--uc-border:rgba(129,140,248,.3);--uc-text:#e5e7eb;--uc-muted:#94a3b8;
  box-shadow:0 16px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.unified-code-toolbar{
  height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 0 12px;
  background:linear-gradient(110deg,#06b6d4 0%,#6366f1 38%,#8b5cf6 68%,#ec4899 100%);
  border-bottom:1px solid rgba(255,255,255,.2);box-sizing:border-box;
}
.unified-code-language{
  display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;
  font:800 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:1.4px;
  box-shadow:0 2px 8px rgba(15,23,42,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.unified-code-copy{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  height:28px!important;padding:0 10px!important;border-radius:8px!important;
  border:1px solid rgba(255,255,255,.34)!important;background:rgba(255,255,255,.14)!important;
  color:#fff!important;font:700 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;
}
.unified-code-copy:hover{background:rgba(255,255,255,.24)!important;transform:translateY(-1px)!important}
.unified-code-copy:active{transform:translateY(0)!important}
.unified-code-block>pre{
  display:block!important;margin:0!important;padding:16px!important;overflow-x:auto!important;overflow-y:hidden!important;
  background:linear-gradient(145deg,var(--uc-bg) 0%,var(--uc-bg-deep) 100%)!important;color:var(--uc-text)!important;
  font:12px/1.75 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace!important;
  white-space:pre!important;tab-size:2!important;-webkit-overflow-scrolling:touch!important;
}
.unified-code-block>pre>code,.unified-code-block code.hljs{
  display:block!important;margin:0!important;padding:0!important;background:transparent!important;color:var(--uc-text)!important;
  font:inherit!important;white-space:inherit!important;overflow:visible!important;min-width:max-content;
}
.unified-code-block .hljs-keyword,.unified-code-block .hljs-selector-tag,.unified-code-block .hljs-name{color:#f43f5e!important}
.unified-code-block .hljs-string,.unified-code-block .hljs-regexp,.unified-code-block .hljs-template-tag{color:#10b981!important}
.unified-code-block .hljs-number,.unified-code-block .hljs-literal{color:#f59e0b!important}
.unified-code-block .hljs-title,.unified-code-block .hljs-title.function_,.unified-code-block .hljs-title.class_{color:#a855f7!important}
.unified-code-block .hljs-built_in,.unified-code-block .hljs-type,.unified-code-block .hljs-attr{color:#06b6d4!important}
.unified-code-block .hljs-variable,.unified-code-block .hljs-template-variable{color:#f97316!important}
.unified-code-block .hljs-meta,.unified-code-block .hljs-meta-keyword{color:#ec4899!important}
.unified-code-block .hljs-comment,.unified-code-block .hljs-quote{color:#64748b!important;font-style:italic}
.unified-code-block .hljs-symbol,.unified-code-block .hljs-bullet{color:#84cc16!important}
.unified-code-block .hljs-attribute{color:#14b8a6!important}
.unified-code-block .hljs-punctuation{color:#94a3b8!important}
html.dark .unified-code-block .hljs-comment,html.dark .unified-code-block .hljs-quote{color:#64748b!important}
html.dark .unified-code-block .hljs-punctuation{color:#cbd5e1!important}
.unified-code-inline{display:block!important;margin:8px 0!important;border-radius:10px!important}
.unified-code-inline>pre{font-size:11px!important;padding:12px!important}
@media(max-width:768px){
  .unified-code-block{border-radius:12px!important;margin:10px 0!important}
  .unified-code-toolbar{height:38px;padding-left:10px}
  .unified-code-block>pre{padding:12px!important;font-size:11px!important;line-height:1.7!important}
  .unified-code-copy{height:26px!important;padding:0 9px!important}
}

/* ===== Code block visual consistency patch ===== */
.unified-code-block,
.unified-code-block pre,
.unified-code-block code,
.unified-code-block code span,
.unified-code-block code.hljs,
.unified-code-block code.hljs *{
  -webkit-text-size-adjust:none!important;
  text-size-adjust:none!important;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace!important;
  font-size:12px!important;
  line-height:1.72!important;
  font-weight:400!important;
  letter-spacing:0!important;
  font-variant-ligatures:none!important;
}
.unified-code-block>pre{font-size:12px!important;line-height:1.72!important}
.unified-code-block>pre>code{font-size:12px!important;line-height:1.72!important}
.unified-code-block .hljs-attr{color:#22d3ee!important}
.unified-code-block .hljs-string{color:#34d399!important}
.unified-code-block .hljs-number{color:#fbbf24!important}
.unified-code-block .hljs-literal{color:#fb7185!important}
.unified-code-block .hljs-keyword{color:#fb7185!important}
.unified-code-block .hljs-title,.unified-code-block .hljs-title.function_,.unified-code-block .hljs-title.class_{color:#c084fc!important}
.unified-code-block .hljs-built_in,.unified-code-block .hljs-type{color:#38bdf8!important}
.unified-code-block .hljs-variable,.unified-code-block .hljs-template-variable{color:#fb923c!important}
.unified-code-block .hljs-meta,.unified-code-block .hljs-meta-keyword{color:#f472b6!important}
.unified-code-block .hljs-comment,.unified-code-block .hljs-quote{color:#94a3b8!important}
.unified-code-block .hljs-symbol,.unified-code-block .hljs-bullet{color:#a3e635!important}
.unified-code-block .hljs-attribute{color:#2dd4bf!important}
.unified-code-block .hljs-punctuation{color:#cbd5e1!important}
html.dark .unified-code-block .hljs-punctuation{color:#e2e8f0!important}
@media(max-width:768px){
  .unified-code-block>pre,
  .unified-code-block>pre>code,
  .unified-code-block code.hljs,
  .unified-code-block code.hljs *{font-size:12px!important;line-height:1.72!important}
}
/* ===== qmsg brand logo ===== */
.qmsg-logo-picture{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}
.qmsg-logo-image{display:block;width:100%;height:100%;object-fit:contain}
.qmsg-logo-picture .qmsg-logo-dark{display:none}
html.dark .qmsg-logo-picture .qmsg-logo-light{display:none}
html.dark .qmsg-logo-picture .qmsg-logo-dark{display:block}
.brand-logo .qmsg-logo-picture{width:148px;height:56px}
.home-nav .qmsg-logo-picture{width:148px;height:56px}
.login-page-v2 .brand-logo .qmsg-logo-picture{width:160px;height:60px}
.public-doc-brand-logo .qmsg-logo-picture{width:142px;height:54px}
.topbar-logo{width:28px;height:28px;margin-right:6px}
.topbar-brand-name{font-weight:700;font-size:15px;letter-spacing:-.2px}
@media(max-width:768px){.brand-logo .qmsg-logo-picture,.home-nav .qmsg-logo-picture{width:126px;height:48px}.login-page-v2 .brand-logo .qmsg-logo-picture{width:150px;height:56px}.public-doc-brand-logo .qmsg-logo-picture{width:126px;height:48px}}