:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-gold:#d97706;--accent-gold-light:#f59e0b;--accent-green:#16a34a;--accent-blue:#2563eb;--accent-red:#dc2626;--accent-purple:#7c3aed;--border:#e5e7eb;--radius:12px;--radius-sm:8px;--radius-xs:4px;--shadow:0 12px 32px rgba(15,23,42,.08);--transition:all 0.25s ease;--font-mono:"SF Mono","Fira Code","Cascadia Code",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.glass-card{background:hsla(0,0%,100%,.96);border:1px solid var(--border);box-shadow:0 14px 36px rgba(15,23,42,.08);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-card:hover{box-shadow:0 16px 42px rgba(15,23,42,.1)}.scrollbar-hide{scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.camo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);height:40px}.camo-toolbar-left{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted)}.camo-toolbar-right{display:flex;align-items:center;gap:8px}.camo-skin-btn{padding:6px 14px;border-radius:var(--radius-xs);font-size:12px;cursor:pointer;border:1.5px solid transparent;background:transparent;color:var(--text-muted);transition:var(--transition);font-weight:500;letter-spacing:.5px}.camo-skin-btn:hover{border-color:var(--border);color:var(--text-primary);background:var(--bg-hover)}.camo-skin-btn.active{background:rgba(245,166,35,.12);border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.camo-close-btn{padding:6px 14px;border-radius:var(--radius-xs);font-size:12px;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);transition:var(--transition);font-weight:500}.camo-close-btn:hover{color:var(--accent-red);border-color:var(--accent-red);background:hsla(0,91%,71%,.08)}.camo-body{display:flex;height:calc(100vh - 80px)}#view-camouflage,.camo-body{position:relative}.camo-sidebar{width:52px;background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;padding-top:10px;gap:8px;flex-shrink:0}.camo-side-icon,.camo-sidebar{display:flex;align-items:center}.camo-side-icon{width:38px;height:38px;border-radius:8px;justify-content:center;font-size:16px;cursor:pointer;color:var(--text-muted);transition:var(--transition);position:relative;border:2px solid transparent}.camo-side-icon:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border);transform:scale(1.08)}.camo-side-icon:active{transform:scale(.95)}.camo-side-icon.active{color:var(--accent-gold);background:rgba(245,166,35,.12);border-color:var(--accent-gold)}.camo-side-icon .badge{position:absolute;top:-3px;right:-5px;min-width:18px;height:18px;border-radius:10px;background:var(--accent-red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid var(--bg-card)}.camo-main{flex:1 1;overflow:auto;position:relative}.demo-body .demo-main,.skin-code .camo-main{background:var(--bg-primary);padding:20px 24px;font-family:var(--font-mono);font-size:13px;line-height:1.9;color:var(--text-secondary)}.demo-body .line-num,.skin-code .line-num{display:inline-block;width:36px;text-align:right;color:var(--text-muted);margin-right:16px}.demo-body .kw,.skin-code .kw{color:#c084fc}.demo-body .str,.skin-code .str{color:var(--accent-green)}.demo-body .fn,.skin-code .fn{color:var(--accent-blue)}.demo-body .cm,.skin-code .cm{color:#6b7280;font-style:italic}.demo-body .gold,.skin-code .gold{color:var(--accent-gold)}.demo-body .demo-main,.skin-excel .camo-main{background:#fff;padding:0;font-family:var(--font-sans);color:#333}.demo-body .excel-toolbar,.skin-excel .excel-toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f1f3f4;border-bottom:1px solid #dadce0;font-size:12px}.demo-body .excel-formula,.skin-excel .excel-formula{padding:4px 12px;background:#fff;border-bottom:1px solid #dadce0;font-size:12px;color:#666;font-family:var(--font-mono)}.demo-body table,.skin-excel table{border-collapse:collapse;width:100%;font-size:12px}.demo-body td,.demo-body th,.skin-excel td,.skin-excel th{border:1px solid #dadce0;padding:4px 10px;min-width:70px}.demo-body th,.skin-excel th{background:#f8f9fa;color:#5f6368;font-weight:500;text-align:center}.demo-body td,.skin-excel td{color:#202124}.demo-body .row-num,.skin-excel .row-num{background:#f8f9fa;color:#5f6368;text-align:center;width:40px}.demo-body .demo-main.skin-chat-demo,.skin-chat .camo-main{display:flex;background:#f5f5f5;padding:0;font-family:var(--font-sans)}.demo-body .chat-list,.skin-chat .chat-list{width:220px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}.demo-body .chat-list-header,.skin-chat .chat-list-header{padding:16px;font-size:15px;font-weight:600;color:#333;border-bottom:1px solid #e8e8e8}.demo-body .chat-item,.skin-chat .chat-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px;font-size:13px;color:#333}.demo-body .chat-item:hover,.skin-chat .chat-item:hover{background:#f5f5f5}.demo-body .chat-item.active,.skin-chat .chat-item.active{background:#e8f0fe}.demo-body .chat-avatar,.skin-chat .chat-avatar{width:36px;height:36px;border-radius:4px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.demo-body .chat-window,.skin-chat .chat-window{flex:1 1;display:flex;flex-direction:column;background:#f5f5f5}.demo-body .chat-msgs,.skin-chat .chat-msgs{flex:1 1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.demo-body .msg-left,.skin-chat .msg-left{align-self:flex-start;background:#fff;padding:10px 14px;border-radius:0 10px 10px 10px;max-width:65%;font-size:13px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.demo-body .msg-right,.skin-chat .msg-right{align-self:flex-end;background:#95ec69;padding:10px 14px;border-radius:10px 0 10px 10px;max-width:65%;font-size:13px}.demo-body .msg-name,.skin-chat .msg-name{font-size:11px;color:#999;margin-bottom:3px}.demo-body .chat-input-area,.skin-chat .chat-input-area{padding:12px 16px;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:8px}.demo-body .chat-input-area input,.skin-chat .chat-input-area input{flex:1 1;border:1px solid #e0e0e0;border-radius:4px;padding:8px 12px;font-size:13px;outline:none}.demo-body .chat-input-area button,.skin-chat .chat-input-area button{padding:8px 20px;background:#07c160;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.demo-body .demo-main.skin-pdf-demo,.skin-pdf .camo-main{background:#f1f5f9;padding:20px;display:flex;justify-content:center}.demo-body .pdf-page,.skin-pdf .pdf-page{width:650px;background:#fff;padding:48px 52px;box-shadow:0 12px 32px rgba(15,23,42,.12);color:var(--text-primary);line-height:2;font-family:Georgia,Songti SC,serif;font-size:15px;min-height:600px}.demo-body .pdf-page h2,.skin-pdf .pdf-page h2{text-align:center;font-size:20px;margin-bottom:20px}.demo-body .pdf-page .pdf-meta,.skin-pdf .pdf-page .pdf-meta{text-align:center;color:#888;font-size:12px;margin-bottom:24px}.demo-body .pdf-page .highlight,.skin-pdf .pdf-page .highlight{background:#fff3cd;padding:0 4px}.demo-body .pdf-toolbar,.skin-pdf .pdf-toolbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#fff;color:var(--text-secondary);font-size:12px;border-bottom:1px solid var(--border)}.camo-statusbar{justify-content:space-between;padding:6px 16px;background:var(--bg-card);border-top:1px solid var(--border);height:40px;font-size:12px;color:var(--text-muted)}.camo-statusbar,.status-timer{display:flex;align-items:center}.status-timer{gap:6px;color:var(--accent-green);font-weight:500}.status-timer .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status-points{display:flex;align-items:center;gap:4px;color:var(--accent-gold);font-weight:600}.status-points-pop{position:absolute;font-size:11px;font-weight:700;color:var(--accent-gold);animation:floatUp 2s ease-out forwards;pointer-events:none}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}.moyu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.moyu-logo{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.moyu-quick{display:flex;align-items:center;gap:12px}.moyu-quick kbd{padding:2px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono)}.moyu-esc,.moyu-quick kbd{font-size:11px;color:var(--text-muted)}.dashboard{max-width:900px;margin:0 auto;padding:24px}.dash-points-card{background:linear-gradient(135deg,#fff,#fff7ed);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.dash-points-label{font-size:13px;color:var(--text-muted)}.dash-points-val{font-size:42px;font-weight:800;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dash-points-info{font-size:12px;color:var(--text-muted)}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}@media(max-width:768px){.dash-grid{grid-template-columns:1fr}}.dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:var(--transition);text-align:center}.dash-card:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:var(--shadow)}.dash-card-icon{font-size:32px;margin-bottom:10px}.dash-card h3{font-size:15px;margin-bottom:4px}.dash-card p{font-size:12px;color:var(--text-muted)}.dash-card.disabled{opacity:.4;pointer-events:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.24);z-index:200;display:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center}.overlay.show{display:flex}.blindbox-modal{background:#fff;border:1px solid var(--border);border-radius:var(--radius);width:380px;max-width:90vw;overflow:hidden;box-shadow:0 24px 64px rgba(15,23,42,.16)}.bb-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.bb-header h3{font-size:16px}.bb-close{cursor:pointer;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:14px}.bb-close:hover{color:var(--text-primary)}.bb-body{padding:24px 20px;text-align:center;min-height:200px}.bb-box{font-size:80px;cursor:pointer;transition:transform .1s}.bb-box:hover{transform:scale(1.08)}.bb-box.shaking{animation:shake .5s ease-in-out 3}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.bb-opening{animation:openBox 1s ease-out forwards}@keyframes openBox{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(0);opacity:0}}.bb-result{font-size:15px}.bb-result .prize-icon{font-size:64px;margin-bottom:12px}.bb-result .prize-name{font-size:18px;font-weight:700;color:var(--accent-gold);margin-bottom:8px}.bb-result .prize-desc{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.bb-info{font-size:12px;color:var(--text-muted);margin-top:8px}.bb-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;border:1px solid var(--border);transition:var(--transition);font-weight:500}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),#e8961a);color:#fff;border:none;flex:1 1}.btn-primary:hover{opacity:.9}.btn-secondary{background:transparent;color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-gold)}.btn:disabled{opacity:.4;cursor:not-allowed}.toast-container{position:fixed;top:20px;right:20px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;font-size:14px;display:flex;align-items:center;gap:8px;animation:slideIn .4s ease-out,slideOut .4s ease-in 2.6s forwards;box-shadow:0 12px 28px rgba(15,23,42,.12)}.toast.warning{border-color:var(--accent-gold)}.koi-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;background:rgba(245,166,35,.15);color:var(--accent-gold);margin-left:8px}.celebrate{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:300}.celebrate-particle{position:absolute;font-size:24px;animation:partyBurst 2s ease-out forwards}@keyframes partyBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.vent-overlay-content{width:500px;max-width:95vw;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 64px rgba(15,23,42,.16)}.vent-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:hsla(0,91%,71%,.08)}.vent-header h3{font-size:16px;color:var(--accent-red)}.vent-body{padding:24px;text-align:center}.vent-modes{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.vent-mode-btn{padding:10px 20px;border-radius:20px;font-size:13px;background:var(--bg-card)}.vent-big-btn{width:120px;height:120px;border-radius:50%;font-size:48px;cursor:pointer;border:3px solid var(--accent-red);background:linear-gradient(135deg,hsla(0,91%,71%,.15),hsla(0,91%,71%,.05));transition:all .15s;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;position:relative}.vent-big-btn:hover{transform:scale(1.08);box-shadow:0 0 32px hsla(0,91%,71%,.3)}.vent-big-btn:active{transform:scale(.9)}.vent-big-btn.pressed{animation:ventShake .6s ease-out;box-shadow:0 0 48px hsla(0,91%,71%,.5)}@keyframes ventShake{0%,to{transform:rotate(0)}15%{transform:rotate(-8deg) scale(1.1)}30%{transform:rotate(8deg) scale(1.05)}45%{transform:rotate(-6deg) scale(1.1)}60%{transform:rotate(6deg) scale(1.05)}75%{transform:rotate(-3deg)}}.vent-effect-words{position:absolute;font-size:16px;font-weight:700;color:var(--accent-red);pointer-events:none;animation:ventWordFly 1.5s ease-out forwards}@keyframes ventWordFly{0%{opacity:1;transform:translate(0) scale(.5)}50%{opacity:1;transform:translate(var(--vx),var(--vy)) scale(1.2)}to{opacity:0;transform:translate(var(--vx2),var(--vy2)) scale(.3)}}.vent-count{font-size:12px;color:var(--text-muted);margin-top:8px}.sound-wave{display:flex;gap:3px;align-items:flex-end;justify-content:center;height:30px;margin:8px 0}.sound-wave .bar{width:4px;background:var(--accent-red);border-radius:2px;animation:soundBounce .5s ease-in-out infinite alternate}.sound-wave .bar:first-child{height:10px;animation-delay:0s}.sound-wave .bar:nth-child(2){height:20px;animation-delay:.1s}.sound-wave .bar:nth-child(3){height:15px;animation-delay:.2s}.sound-wave .bar:nth-child(4){height:25px;animation-delay:.3s}.sound-wave .bar:nth-child(5){height:12px;animation-delay:.4s}@keyframes soundBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.community-overlay-content{width:650px;max-width:95vw;max-height:85vh;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(15,23,42,.16)}.community-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.community-header h3{font-size:16px}.community-tabs{display:flex;gap:4px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.community-tab{padding:6px 16px;border-radius:16px;font-size:12px}.community-tab.active{background:var(--bg-card);border-color:var(--border)}.community-body{flex:1 1;overflow-y:auto;padding:16px}.community-post-box{padding:12px;margin-bottom:12px}.community-post-input{min-height:60px;font-size:14px}.community-post-footer{margin-top:8px;padding-top:8px}.community-post-hint{font-size:11px}.community-post-btn{padding:6px 18px;font-size:13px}.community-post-btn:hover{opacity:.85}.community-card{padding:14px 16px;margin-bottom:10px;transition:var(--transition)}.community-card:hover{border-color:var(--accent-gold)}.community-card-header{gap:8px;margin-bottom:8px}.community-avatar{width:28px;height:28px;font-size:14px}.community-nick{font-size:12px}.community-card-body{font-size:14px;line-height:1.6;margin-bottom:8px}.community-card-footer{display:flex;gap:12px}.community-reaction{display:flex;gap:4px;font-size:12px;padding:2px 8px;border-radius:12px}.community-reaction:hover{color:var(--accent-gold);background:rgba(245,166,35,.08)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px}.addr-modal{background:#fff;border:1px solid var(--border);border-radius:var(--radius);width:400px;max-width:90vw;padding:24px;box-shadow:0 24px 64px rgba(15,23,42,.16)}.addr-modal h3{margin-bottom:16px;font-size:16px}.addr-field{margin-bottom:12px}.addr-field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.addr-field input,.addr-field textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none}.addr-field input:focus{border-color:var(--accent-gold)}.quotes-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.quotes-bar .quote-icon{font-size:18px;flex-shrink:0}.quotes-bar .quote-text{flex:1 1}.quotes-bar .quote-like{cursor:pointer;padding:4px 10px;border-radius:var(--radius-xs);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;transition:var(--transition);flex-shrink:0}.quotes-bar .quote-like:hover{border-color:var(--accent-red);color:var(--accent-red)}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.login-box{width:380px;padding:40px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 48px rgba(15,23,42,.12)}.login-box h1{text-align:center;font-size:22px;margin-bottom:4px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-box .sub{text-align:center;font-size:12px;color:var(--text-muted);margin-bottom:28px}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.login-field input{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:var(--transition)}.login-field input:focus{border-color:var(--accent-gold);background:#fff;box-shadow:0 0 0 3px rgba(217,119,6,.12)}.login-err{color:var(--accent-red);font-size:12px;text-align:center;margin-bottom:8px;min-height:18px}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary);transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-sm:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#fffaf0}.btn-sm.primary,.btn.primary{background:var(--accent-gold);color:#fff;border:none}.btn-sm.primary:hover,.btn.primary:hover{background:var(--accent-gold-light);color:#fff}.btn-sm.danger{color:var(--accent-red)}.btn-sm.danger:hover{border-color:var(--accent-red);background:rgba(220,38,38,.08)}.btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:var(--transition);margin-right:4px}.btn-xs:hover{border-color:var(--accent-gold);color:var(--text-primary)}.btn-xs.primary{background:var(--accent-gold);color:#fff;border:none}.btn-xs.danger{color:var(--accent-red)}.btn-xs.danger:hover{border-color:var(--accent-red);background:rgba(220,38,38,.08)}.admin-layout{display:flex;height:100vh;background:var(--bg-primary)}.admin-sidebar{width:210px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;box-shadow:8px 0 24px rgba(15,23,42,.04)}.sidebar-header{padding:18px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.sidebar-header h2{font-size:15px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-version{font-size:10px;color:var(--text-muted);margin-left:auto}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.nav-section{padding:8px 16px 4px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.nav-item{padding:10px 16px;font-size:13px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;gap:10px;border-left:2px solid transparent}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-gold);background:rgba(245,166,35,.06);border-left-color:var(--accent-gold)}.nav-item .ni-icon{font-size:15px;width:20px;text-align:center}.nav-item .ni-badge{margin-left:auto;font-size:10px;padding:1px 7px;border-radius:8px;background:rgba(245,166,35,.15);color:var(--accent-gold)}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.sidebar-footer button{font-size:11px}.admin-main{flex:1 1;overflow-y:auto;padding:24px 28px;background:var(--bg-primary)}.page{display:none}.page.active{display:block}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h2{font-size:20px;font-weight:700}.page-header p{font-size:12px;color:var(--text-muted);margin-top:4px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.05)}.stat-card .sc-icon{font-size:28px;margin-bottom:6px}.stat-card .sc-value{font-size:28px;font-weight:800;color:var(--accent-gold)}.stat-card .sc-label{font-size:12px;color:var(--text-muted);margin-top:2px}.stat-card .sc-change{font-size:11px;margin-top:4px;display:flex;align-items:center;gap:3px}.sc-up{color:var(--accent-green)}.sc-down{color:var(--accent-red)}.charts-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:20px}.chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.chart-box h4{font-size:13px;color:var(--text-muted);margin-bottom:12px;font-weight:500}.chart-placeholder{height:200px;display:flex;align-items:flex-end;gap:8px;padding:8px 0}.chart-bar-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px}.chart-bar{width:100%;max-width:32px;border-radius:4px 4px 0 0;transition:height .5s;min-height:4px}.chart-bar.gold{background:linear-gradient(to top,var(--accent-gold),var(--accent-gold-light))}.chart-bar.green{background:linear-gradient(to top,#22c55e,var(--accent-green))}.chart-bar.blue{background:var(--accent-blue)}.chart-bar-label{font-size:9px;color:var(--text-muted)}.chart-bar-val{font-size:10px;color:var(--text-secondary)}.pie-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.pie-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.pie-dot{width:10px;height:10px;border-radius:3px}.live-feed{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:14px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.live-feed h4{font-size:13px;color:var(--text-muted);margin-bottom:10px}.live-item{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;color:var(--text-secondary);border-bottom:1px solid rgba(229,231,235,.9)}.live-item .li-time{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.live-item .li-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);flex-shrink:0}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.05)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);gap:12px}.table-toolbar .tt-left{display:flex;align-items:center;gap:8px}.table-toolbar input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;color:var(--text-primary);font-size:12px;outline:none;width:200px}.table-toolbar input:focus{border-color:var(--accent-gold)}.table-toolbar select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text-secondary);font-size:12px;outline:none}table{width:100%;border-collapse:collapse}th{background:var(--bg-hover);text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}td,th{padding:10px 14px;border-bottom:1px solid var(--border)}td{font-size:13px;color:var(--text-secondary)}tr:hover td{background:var(--bg-hover)}.config-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.config-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.config-card h4{font-size:14px;margin-bottom:4px}.config-card .cc-desc{font-size:11px;color:var(--text-muted);margin-bottom:12px}.config-card .cc-row{display:flex;align-items:center;gap:12px}.config-card input[type=number],.config-card input[type=text]{width:100px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;text-align:center}.config-card input:focus{border-color:var(--accent-gold)}.config-card .cc-unit{font-size:12px;color:var(--text-muted)}.config-card .cc-switch{position:relative;width:44px;height:24px;cursor:pointer}.config-card .cc-switch input{display:none}.config-card .cc-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--border);border-radius:12px;transition:var(--transition)}.config-card .cc-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:var(--transition)}.config-card input:checked+.cc-slider{background:var(--accent-green)}.config-card input:checked+.cc-slider:before{transform:translateX(20px)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;line-height:1.5}.badge-success{background:rgba(22,163,74,.1);color:var(--accent-green)}.badge-warning{background:rgba(217,119,6,.12);color:var(--accent-gold)}.badge-info{background:rgba(37,99,235,.1);color:var(--accent-blue)}.badge-danger{background:rgba(220,38,38,.1);color:var(--accent-red)}.badge-default{background:hsla(220,9%,46%,.1);color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.24);z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);width:500px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px rgba(15,23,42,.16)}.modal-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:15px}.modal-body{padding:20px}.modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.modal-close{cursor:pointer;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:14px}.modal-close:hover{color:var(--text-primary)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold)}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.detail-grid div{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary)}.detail-grid span{display:block;margin-bottom:4px;color:var(--text-muted);font-size:11px}.detail-grid strong{display:block;color:var(--text-primary);font-size:12px;word-break:break-all;line-height:1.45}.txt-upload-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:14px;border:1px dashed rgba(217,119,6,.45);border-radius:var(--radius-sm);background:#fffaf0}.txt-upload-box strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:2px}.txt-upload-box p{font-size:11px;color:var(--text-muted)}.content-textarea{min-height:180px!important;line-height:1.7}.btn-sm:disabled{opacity:.58;cursor:not-allowed}.reading-body p{margin:0 0 1em;text-indent:2em;white-space:normal}.reading-body h3{margin:1.4em 0 .75em;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.toast-wrap{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 18px;font-size:13px;color:var(--text-primary);animation:slideIn .3s ease-out,slideOut .3s ease-in 2.5s forwards;max-width:360px}.toast.success{border-color:var(--accent-green)}.toast.error{border-color:var(--accent-red)}@keyframes slideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.prob-bar{height:4px;border-radius:2px;transition:width .3s}.prob-bar.gold{background:var(--accent-gold)}.prob-bar.purple{background:var(--accent-purple)}.prob-bar.blue{background:var(--accent-blue)}.prob-bar.green{background:var(--accent-green)}@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}.charts-row,.config-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-stats{grid-template-columns:repeat(2,1fr)}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 32px}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:18px;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-actions{display:flex;align-items:center;gap:8px}.nav-btn{padding:8px 18px;border-radius:8px;font-size:13px;cursor:pointer;border:1.5px solid transparent;background:transparent;color:var(--text-secondary);transition:var(--transition);font-weight:500}.nav-btn-outline{border-color:var(--border)}.nav-btn-outline:hover{color:var(--text-primary);border-color:var(--accent-gold)}.nav-btn-primary{background:linear-gradient(135deg,var(--accent-gold),#e8961a);color:#fff;border:none;font-weight:600}.nav-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.hero{max-width:1200px;margin:0 auto;padding:80px 32px 60px;text-align:center}.hero-content{max-width:780px;margin:0 auto}.hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;background:rgba(245,166,35,.1);color:var(--accent-gold);font-size:12px;font-weight:600;margin-bottom:24px;border:1px solid rgba(245,166,35,.3)}.hero h1{font-size:64px;font-weight:800;line-height:1.15;margin-bottom:24px;letter-spacing:0}.hero h1 .fish{color:#60a5fa}.hero h1 .gold{color:var(--accent-gold)}.hero-desc{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px}.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.btn-lg{padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-gold{background:linear-gradient(135deg,var(--accent-gold),#e8961a);color:#fff}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,166,35,.35)}.btn-dark{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-dark:hover{border-color:var(--accent-gold)}.fish-emoji{font-size:18px}.hero-shortcut{font-size:13px;color:var(--text-muted)}.hero-shortcut kbd{padding:3px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:11px;margin:0 2px;color:var(--text-primary)}.stats-strip{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:36px 32px}.stats-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;text-align:center}@media(max-width:768px){.stats-inner{grid-template-columns:repeat(2,1fr)}}.stat-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.stat-label{font-size:13px;color:var(--text-muted)}.cta-section,.demo-section,.features,.flow,.skins{max-width:1200px;margin:0 auto;padding:80px 32px}.section-label{font-size:12px;font-weight:600;color:var(--accent-gold);letter-spacing:2px;text-transform:uppercase}.section-label,.section-title{text-align:center;margin-bottom:12px}.section-title{font-size:36px;font-weight:700;letter-spacing:0}.section-sub{text-align:center;font-size:15px;color:var(--text-muted);margin-bottom:48px}.demo-switcher{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.demo-tab{padding:10px 20px;border-radius:8px;font-size:13px;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);transition:var(--transition);font-weight:500}.demo-tab:hover{border-color:var(--accent-gold);color:var(--text-primary)}.demo-tab.active{background:rgba(245,166,35,.1);border-color:var(--accent-gold);color:var(--accent-gold)}.demo-tab .icon{margin-right:4px}.demo-preview{max-width:900px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 48px rgba(15,23,42,.1)}.demo-preview-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.demo-dot{width:12px;height:12px;border-radius:50%}.demo-dot.r{background:#f87171}.demo-dot.y{background:#f5a623}.demo-dot.g{background:#4ade80}.demo-url{flex:1 1;text-align:center;font-size:12px;color:var(--text-muted);font-family:var(--font-mono);padding:4px 12px;background:var(--bg-primary);border-radius:6px;margin-left:12px}.demo-body{display:flex;height:320px}.demo-sidebar{width:52px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:8px;flex-shrink:0}.demo-sidebar-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.demo-sidebar-icon:hover{color:var(--text-primary);background:var(--bg-hover)}.demo-sidebar-icon.active{color:var(--accent-gold);background:rgba(245,166,35,.12)}.demo-main{flex:1 1;overflow:auto}.demo-status-bar{justify-content:space-between;padding:8px 16px;background:var(--bg-card);border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.demo-status-bar,.demo-timer{display:flex;align-items:center}.demo-timer{gap:6px;color:var(--accent-green);font-weight:500;animation:pulse 2s ease-in-out infinite}.demo-timer .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite}.demo-points{color:var(--accent-gold);font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px 24px;transition:var(--transition)}.feature-card:hover{border-color:var(--accent-gold);transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,23,42,.1)}.feature-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px}.fi-camo{background:rgba(96,165,250,.15)}.fi-timer{background:rgba(74,222,128,.15)}.fi-box{background:rgba(245,166,35,.15)}.fi-game{background:rgba(192,132,252,.15)}.fi-read{background:hsla(0,91%,71%,.15)}.fi-quote{background:rgba(245,166,35,.15)}.feature-card h3{font-size:18px;margin-bottom:8px;font-weight:600}.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.6}.skins-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media(max-width:900px){.skins-grid{grid-template-columns:repeat(2,1fr)}}.skin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px 20px;text-align:center;transition:var(--transition)}.skin-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.skin-icon{font-size:40px;margin-bottom:12px}.skin-card h4{font-size:15px;margin-bottom:8px}.skin-url{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--accent-gold);background:rgba(245,166,35,.1);padding:2px 8px;border-radius:4px;margin-bottom:4px}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media(max-width:768px){.flow-steps{grid-template-columns:repeat(2,1fr)}}.flow-step{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px 20px;text-align:center}.flow-num{width:48px;height:48px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-gold),#e8961a);color:#fff;font-size:20px;font-weight:700}.flow-step h4{font-size:15px;margin-bottom:6px}.flow-step p{font-size:13px;color:var(--text-muted)}.cta-section{padding-bottom:120px}.cta-box{max-width:700px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#fff,#fff7ed);border:1px solid var(--border);border-radius:16px;padding:60px 40px;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent)}.cta-box h2{font-size:32px;margin-bottom:12px}.cta-box p{font-size:15px;color:var(--text-secondary);margin-bottom:28px}.footer{border-top:1px solid var(--border);padding:32px;text-align:center;color:var(--text-muted);font-size:13px}.footer a{color:var(--text-secondary);text-decoration:none;margin:0 4px}.footer a:hover{color:var(--accent-gold)}.view{display:none}.view.active{display:block}.float-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.2);z-index:80;display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.float-backdrop.show{display:block}.float-window{position:fixed;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;z-index:90;display:none;box-shadow:0 24px 64px rgba(15,23,42,.16);min-width:360px;min-height:300px;width:480px;height:420px;overflow:hidden}.float-window.show{display:flex;flex-direction:column}.float-window.maximized{border-radius:10px;box-shadow:0 28px 72px rgba(15,23,42,.18)}.float-titlebar{padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:space-between;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.float-window.maximized .float-titlebar{cursor:default}.float-titlebar .win-title{font-size:13px;font-weight:500}.float-titlebar .win-dots{display:flex;gap:6px}.float-titlebar .win-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;transition:.2s}.float-titlebar .win-dot.max{background:#4ade80}.float-titlebar .win-dot.min{background:#fbbf24}.float-titlebar .win-dot.close{background:#f87171}.float-titlebar .win-dot:hover{color:#fff}.float-body{flex:1 1;padding:16px;overflow:auto;min-height:0}.float-window[data-float-type=read] .float-body{overflow:hidden;display:flex;flex-direction:column}.resize-handle{position:absolute;z-index:2;opacity:.8}.resize-handle-se{width:18px;height:18px;right:2px;bottom:2px;cursor:nwse-resize}.resize-handle-se:after{content:"";position:absolute;right:4px;bottom:4px;width:9px;height:9px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);border-radius:1px}.float-window.maximized .resize-handle{display:none}body.window-dragging,body.window-resizing{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.window-resizing{cursor:nwse-resize}.float-pill-stack{position:absolute;bottom:16px;right:16px;z-index:65;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.float-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--accent-gold);border-radius:20px;font-size:12px;color:var(--text-primary);cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.12);transition:var(--transition)}.float-pill:hover{transform:translateY(-2px);border-color:var(--accent-gold-light)}.float-pill .pill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green)}.float-pill .pill-dot.live{animation:pulse 1.5s infinite}.vent-mode-btn{padding:6px 14px;border-radius:16px;font-size:12px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-secondary);transition:var(--transition)}.vent-mode-btn.active,.vent-mode-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.vent-mode-btn.active{background:hsla(0,91%,71%,.12)}.vent-history{text-align:left;font-size:11px;margin-top:6px}.vent-history-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.vent-history-item .vh-emoji{font-size:14px}.vent-history-item .vh-time{margin-left:auto;font-size:10px;color:var(--text-muted)}.community-tab{padding:5px 12px;border-radius:12px;font-size:11px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-muted);transition:var(--transition)}.community-tab:hover{color:var(--text-primary)}.community-tab.active{background:rgba(245,166,35,.1);border-color:var(--accent-gold);color:var(--accent-gold)}.user-mood{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.mood-tag{padding:3px 10px;border-radius:12px;font-size:11px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:var(--transition)}.mood-tag.selected,.mood-tag:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.mood-tag.selected{background:rgba(245,166,35,.12)}.community-post-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;margin-bottom:10px}.community-post-input{width:100%;min-height:50px;background:transparent;border:none;color:var(--text-primary);font-size:12px;resize:none;outline:none;font-family:var(--font-sans)}.community-post-input::placeholder{color:var(--text-muted)}.community-post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.community-post-hint{font-size:10px;color:var(--text-muted)}.community-post-btn{padding:5px 14px;border-radius:var(--radius-sm);font-size:11px;cursor:pointer;border:none;background:var(--accent-red);color:#fff;transition:var(--transition);font-weight:500}.community-post-btn:disabled{opacity:.4;cursor:not-allowed}.community-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px}.community-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.community-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.community-nick{font-size:11px;color:var(--text-muted)}.community-time{font-size:10px;color:var(--text-muted);margin-left:auto}.community-card-body{font-size:12px;line-height:1.5;color:var(--text-secondary);margin-bottom:6px}.community-reaction{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted);cursor:pointer;padding:1px 6px;border-radius:10px;transition:var(--transition)}.community-reaction:hover{color:var(--accent-red);background:hsla(0,91%,71%,.08)}.community-reaction.liked{color:var(--accent-red)}.read-bookshelf{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:12px}.bookshelf-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;cursor:pointer;transition:var(--transition);position:relative}.bookshelf-item:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.bookshelf-item .book-icon{font-size:32px;margin-bottom:4px}.bookshelf-item .book-title{font-size:12px;font-weight:500;margin-bottom:4px}.bookshelf-item .book-progress{font-size:10px;color:var(--text-muted)}.bookshelf-item .book-fav{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.bookshelf-item .book-fav.active,.bookshelf-item .book-fav:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:rgba(217,119,6,.1)}.bookshelf-item .book-del{position:absolute;top:4px;right:4px;font-size:10px;cursor:pointer;padding:2px 6px;border-radius:4px;background:hsla(0,91%,71%,.15);color:var(--accent-red);display:none}.bookshelf-item:hover .book-del{display:block}.bookshelf-item .book-submit{margin-top:8px;padding:3px 8px;border:1px solid rgba(217,119,6,.35);border-radius:4px;background:rgba(217,119,6,.08);color:var(--accent-gold);font-size:10px;cursor:pointer}.bookshelf-item .book-submit:hover{background:rgba(217,119,6,.14)}.upload-zone{text-align:center;padding:20px;border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-size:12px;transition:var(--transition)}.upload-zone:hover{border-color:var(--accent-gold);color:var(--text-primary)}.reader-panel{min-height:0;height:100%;display:flex;flex-direction:column}.reader-header{flex-shrink:0}.reader-scroll{flex:1 1;min-height:0;overflow:auto;padding-right:4px}.story-title{font-size:18px;font-weight:700;margin-bottom:6px}.story-meta{font-size:12px;color:var(--text-muted);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.story-content{font-size:14px;line-height:1.8;color:var(--text-primary)}.story-content h3{font-size:16px;font-weight:700;margin:18px 0 12px}.story-content p{margin-bottom:12px;text-indent:2em}.reader-pager{display:flex;align-items:center;gap:8px;padding:8px 0 12px;border-bottom:1px solid var(--border);margin-bottom:14px}.reader-pager input[type=range],.reader-pager select{flex:1 1;min-width:120px;accent-color:var(--accent-gold)}.reader-pager select{height:30px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:12px;outline:none}.reader-pager-bottom{position:static;flex-shrink:0;z-index:5;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--border);border-bottom:none;background:var(--bg-card)}.reader-page-indicator{min-width:48px;text-align:center;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.reader-pager .btn-sm:disabled{opacity:.45;cursor:not-allowed}.win-toolbar{display:flex;gap:4px}.game-select-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.game-select-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 12px;text-align:center;cursor:pointer;transition:var(--transition)}.game-select-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.game-select-card .gs-icon{font-size:32px;margin-bottom:6px}.game-select-card .gs-title{font-size:13px;font-weight:600;margin-bottom:4px}.game-select-card .gs-desc{font-size:10px;color:var(--text-muted)}.game-boss-tip{margin-top:10px;padding:6px 10px;background:hsla(0,91%,71%,.08);border-left:3px solid var(--accent-red);border-radius:4px;font-size:11px;color:var(--text-muted)}.game-hud{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;margin-bottom:10px;font-size:12px}.game-hud-item{display:flex;gap:4px}.game-hud-item .label{color:var(--text-muted)}.game-hud-item .val{color:var(--accent-gold);font-weight:700}.game-canvas{background:var(--bg-secondary);border-radius:6px;padding:20px;min-height:200px;text-align:center}.game-btn{padding:8px 20px;border-radius:var(--radius-sm);border:none;background:var(--accent-gold);color:#fff;font-weight:600}.excel-cell,.game-btn{font-size:13px;cursor:pointer}.excel-cell{display:inline-block;padding:6px 12px;margin:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;min-width:30px;transition:.1s}.excel-cell:hover{background:var(--bg-hover)}.excel-cell.correct{background:var(--accent-green);color:#fff}.excel-cell.wrong{background:var(--accent-red);color:#fff}.skin-slot{aspect-ratio:1;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;font-size:11px;color:var(--text-muted);transition:var(--transition)}.skin-slot:hover{border-color:var(--accent-gold)}.skin-slot.has-image{border-style:solid}.skin-slot img{width:100%;height:100%;object-fit:cover}.skin-slot .slot-label{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:hsla(0,0%,100%,.88);color:var(--text-primary);font-size:9px;text-align:center}.skin-slot .slot-del{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:hsla(0,91%,71%,.9);color:#fff;font-size:11px;display:none;align-items:center;justify-content:center;cursor:pointer}.skin-slot:hover .slot-del{display:flex}.skin-slot .slot-edit{position:absolute;top:2px;left:2px;padding:2px 6px;border-radius:4px;background:hsla(0,0%,100%,.88);color:var(--text-primary);font-size:9px;display:none;cursor:pointer}.skin-slot:hover .slot-edit{display:block}.skin-img-full{width:100%;height:100%;object-fit:contain}.camo-main.has-skin-image{display:flex;align-items:center;justify-content:center}.camo-main.has-skin-image,.skin-img-full-mode .camo-main{background:var(--bg-secondary)!important;padding:0!important}