@import "https://fonts.googleapis.com/css2?family=Quicksand&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}:root{font-size:15px}html,body{background-color:#fff;background-image:radial-gradient(closest-side,#eb694e,#eb694e00),radial-gradient(closest-side,#ffb5e6,#f30ba400),radial-gradient(closest-side,#feea83,#feea8300),radial-gradient(closest-side,#aa8ef5,#aa8ef500),radial-gradient(closest-side,#f8c093,#f8c09300);background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax;background-repeat:no-repeat;background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;width:100%;min-height:100vh;margin:0;padding:0;font-family:Quicksand,sans-serif;animation:10s linear infinite movement}[data-theme=dark] html,[data-theme=dark] body{background-color:#1a1a2e;background-image:radial-gradient(closest-side,#8b5cf6cc,#8b5cf600),radial-gradient(closest-side,#ec4899cc,#ec489900),radial-gradient(closest-side,#3b82f6cc,#3b82f600),radial-gradient(closest-side,#a855f7cc,#a855f700),radial-gradient(closest-side,#22d3eecc,#22d3ee00)}body:after{content:"";-webkit-backdrop-filter:blur(10px);z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;top:0;left:0}@keyframes movement{0%,to{background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax;background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax}25%{background-position:-60vmax -90vmax,50vmax -40vmax,0 -20vmax,-40vmax -20vmax,40vmax 60vmax;background-size:100vmax 100vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,60vmax 60vmax}50%{background-position:-50vmax -70vmax,40vmax -30vmax,10vmax 0,20vmax 10vmax,30vmax 70vmax;background-size:80vmax 80vmax,110vmax 110vmax,80vmax 80vmax,60vmax 60vmax,80vmax 80vmax}75%{background-position:-50vmax -40vmax,50vmax -30vmax,20vmax 0,-10vmax 10vmax,40vmax 60vmax;background-size:90vmax 90vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,70vmax 70vmax}}#root{z-index:1;width:100%;position:relative}:root{--bg-navbar:#ffffffbf;--bg-navbar-dark:#111827bf;--shadow-navbar:0 8px 32px #0000001f;--shadow-navbar-dark:0 8px 32px #00000080;--nav-text-color:#1e293b;--nav-text-color-dark:#f9fafb;--nav-text-hover:#f472b6;--nav-hover-bg:#f472b61a;--border-color-navbar:#fff6;--border-color-navbar-dark:#4b556366}.navbar{background:var(--bg-navbar);-webkit-backdrop-filter:blur(20px);z-index:100;height:60px;box-shadow:var(--shadow-navbar);border-bottom:1px solid var(--border-color-navbar);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .navbar{background:var(--bg-navbar-dark);box-shadow:var(--shadow-navbar-dark);border-bottom-color:var(--border-color-navbar-dark)}.navbar a,.navbar a:hover,.navbar a:active,.navbar a:focus{text-decoration:none}.navbar-brand{color:#1e293b;letter-spacing:.5px;cursor:pointer;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}[data-theme=dark] .navbar-brand{color:#f9fafb}.navbar-brand img{height:36px}.navbar-menu{gap:8px;display:flex}.nav-item{color:var(--nav-text-color);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{color:var(--nav-text-hover);background:var(--nav-hover-bg)}[data-theme=dark] .nav-item{color:var(--nav-text-color-dark)}.mobile-menu-btn{cursor:pointer;z-index:101;background:0 0;border:none;padding:8px;display:none}.mobile-menu-icon{flex-direction:column;gap:5px;padding:4px;display:flex}.mobile-menu-icon span{background:var(--nav-text-color);border-radius:1px;width:24px;height:2px;transition:all .3s}[data-theme=dark] .mobile-menu-icon span{background:var(--nav-text-color-dark)}.mobile-menu-icon.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-menu-icon.open span:nth-child(2){opacity:0}.mobile-menu-icon.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-menu-overlay{z-index:100;opacity:0;visibility:hidden;transition:all .3s;display:none;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#fff;border-radius:0 0 0 12px;width:120px;padding:12px 0;transition:transform .3s;position:absolute;top:60px;right:0;transform:translate(100%);box-shadow:-4px 4px 20px #00000026}[data-theme=dark] .mobile-menu{background:#1e293bf2}.mobile-menu-overlay.open .mobile-menu{transform:translate(0)}.mobile-nav-item{color:var(--nav-text-color);border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-icon{flex-shrink:0;width:18px;height:18px}[data-theme=dark] .mobile-nav-item{color:var(--nav-text-color-dark)}.mobile-nav-item:hover,.mobile-nav-item.active{background:var(--nav-hover-bg);color:var(--nav-text-hover);border-left-color:var(--nav-text-hover)}.mobile-sidebar-btn{cursor:pointer;color:var(--nav-text-color);z-index:101;background:0 0;border:none;padding:8px 12px;font-size:20px;display:none}[data-theme=dark] .mobile-sidebar-btn{color:var(--nav-text-color-dark)}.sidebar-icon{font-size:20px}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;display:none;position:fixed;inset:0}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;flex-direction:column;width:280px;height:100%;padding-top:60px;transition:transform .3s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}[data-theme=dark] .mobile-sidebar{background:#1e293bf2}.mobile-sidebar-overlay.open .mobile-sidebar{transform:translate(0)}.mobile-sidebar-close{cursor:pointer;color:#666;background:#0000001a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}[data-theme=dark] .mobile-sidebar-close{color:#ccc;background:#ffffff1a}.mobile-sidebar-close:hover{background:#0003}.mobile-sidebar-content{flex:1;padding:16px;overflow-y:auto}.sidebar-open-hook{display:none}.navbar,.sidebar,.float-btn,.pop-overlay{position:fixed}.float-btn{cursor:pointer;z-index:999;-webkit-backdrop-filter:blur(20px);opacity:0;background:#ffffff4d;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;transition:all .3s;display:flex;position:fixed;bottom:30px;transform:translateY(20px);box-shadow:0 10px 40px #0003,0 4px 16px #0000001a}.float-btn.show{opacity:1;transform:translateY(0)}.float-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 16px 48px #00000040,0 6px 20px #00000026}.float-btn svg{color:#333;fill:none;stroke:#333;stroke-width:4px;width:24px;height:24px}.float-btn:active{transform:translateY(-2px)scale(1.02)}.float-btn.refresh-btn{bottom:96px;right:30px}.float-btn.top-btn{bottom:30px;right:30px}.float-btn.refresh-btn:hover svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .float-btn{background:#1f293799;border:1px solid #37415180;box-shadow:0 10px 40px #00000080,0 4px 16px #0000004d}[data-theme=dark] .float-btn svg{color:#f1f5f9;stroke:#f1f5f9}@media (width<=768px){.navbar{padding:0 8px}.navbar-title{color:var(--text-primary);font-size:18px;font-weight:600;display:block}.mobile-sidebar-btn{display:none}.navbar-brand{gap:8px}.navbar-brand img{height:32px}.navbar-menu{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.mobile-menu-overlay{display:block}.float-btn{width:48px;height:48px}.float-btn.refresh-btn{bottom:140px;right:20px}.float-btn.top-btn{bottom:80px;right:20px}.float-btn svg{width:20px;height:20px}}.login-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;width:90%;max-width:420px;padding:40px;animation:.3s modalSlideIn;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.login-modal-close:hover{color:#1e293b;background:#0000000d}.login-modal-title{color:#1e293b;text-align:center;margin:0 0 8px;font-size:28px;font-weight:700}.login-modal-subtitle{color:#64748b;text-align:center;margin:0 0 24px;font-size:14px}.login-modal-error{color:#dc2626;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.login-modal-form{margin-bottom:20px}.login-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.login-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f472b64d}.login-modal-btn:active:not(:disabled){transform:translateY(0)}.login-modal-btn:disabled{opacity:.6;cursor:not-allowed}.login-modal-footer{text-align:center;color:#64748b;font-size:14px}.login-modal-footer p{margin:0}[data-theme=dark] .login-modal{background:#1f2937fa;box-shadow:0 20px 60px #00000080}[data-theme=dark] .login-modal-close{color:#94a3b8}[data-theme=dark] .login-modal-close:hover{color:#f9fafb;background:#ffffff1a}[data-theme=dark] .login-modal-title{color:#f9fafb}[data-theme=dark] .login-modal-subtitle{color:#94a3b8}[data-theme=dark] .login-modal-error{color:#fca5a5;background:#ef444426;border-color:#ef44444d}[data-theme=dark] .login-modal-btn{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)}[data-theme=dark] .login-modal-btn:hover:not(:disabled){box-shadow:0 8px 20px #a78bfa4d}[data-theme=dark] .login-modal-footer{color:#94a3b8}@media (width<=480px){.login-modal-overlay{padding:10px}.login-modal{border-radius:16px;width:95%;max-width:95%;padding:24px 20px}.login-modal-title{margin-bottom:20px;font-size:20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:13px}.form-group input{border-radius:10px;padding:10px 12px;font-size:14px}.login-modal-btn{border-radius:10px;margin-top:16px;padding:12px;font-size:14px}.login-modal-footer{margin-top:16px;font-size:13px}.login-modal-link{font-size:13px}}.register-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.register-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;width:90%;max-width:420px;max-height:90vh;padding:40px;animation:.3s modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.register-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.register-modal-close:hover{color:#1e293b;background:#0000000d}.register-modal-title{color:#1e293b;text-align:center;margin:0 0 8px;font-size:28px;font-weight:700}.register-modal-subtitle{color:#64748b;text-align:center;margin:0 0 24px;font-size:14px}.register-modal-error{color:#dc2626;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.register-modal-form{margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{color:#1e293b;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input{box-sizing:border-box;background:#fffc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#f472b6;outline:none;box-shadow:0 0 0 3px #f472b61a}.captcha-group{margin-bottom:16px}.captcha-row{align-items:center;gap:8px;display:flex}.captcha-row input{flex:1;min-width:0}.captcha-refresh{cursor:pointer;color:#f472b6;background:#f472b61a;border:1px solid #f472b633;border-radius:8px;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex}.captcha-refresh:hover:not(:disabled){background:#f472b633}.captcha-refresh:disabled{opacity:.5;cursor:not-allowed}.captcha-code{letter-spacing:4px;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #e2e8f0;border-radius:8px;min-width:90px;padding:12px 16px;font-size:18px;font-weight:700;transition:all .2s}.captcha-code:hover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-color:#cbd5e1}.register-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.register-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f472b64d}.register-modal-btn:active:not(:disabled){transform:translateY(0)}.register-modal-btn:disabled{opacity:.6;cursor:not-allowed}.register-modal-footer{text-align:center;color:#64748b;font-size:14px}.register-modal-footer p{margin:0}.switch-btn{color:#f472b6;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-weight:600;transition:all .2s}.switch-btn:hover{color:#ec4899;text-decoration:underline}[data-theme=dark] .register-modal{background:#1f2937fa;box-shadow:0 20px 60px #00000080}[data-theme=dark] .register-modal-close{color:#94a3b8}[data-theme=dark] .register-modal-close:hover{color:#f9fafb;background:#ffffff1a}[data-theme=dark] .register-modal-title{color:#f9fafb}[data-theme=dark] .register-modal-subtitle{color:#94a3b8}[data-theme=dark] .register-modal-error{color:#fca5a5;background:#ef444426;border-color:#ef44444d}[data-theme=dark] .form-group input{color:#f9fafb;background:#0003;border-color:#4b556380}[data-theme=dark] .form-group input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] .register-modal-btn{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)}[data-theme=dark] .register-modal-btn:hover:not(:disabled){box-shadow:0 8px 20px #a78bfa4d}[data-theme=dark] .register-modal-footer{color:#94a3b8}[data-theme=dark] .switch-btn{color:#a78bfa}[data-theme=dark] .switch-btn:hover{color:#8b5cf6}[data-theme=dark] .captcha-refresh{color:#a78bfa;background:#a78bfa26;border-color:#a78bfa4d}[data-theme=dark] .captcha-refresh:hover:not(:disabled){background:#a78bfa40}[data-theme=dark] .captcha-code{color:#e2e8f0;background:linear-gradient(135deg,#334155 0%,#1e293b 100%);border-color:#4b556380}[data-theme=dark] .captcha-code:hover{background:linear-gradient(135deg,#475569 0%,#334155 100%);border-color:#64748b80}@media (width<=480px){.register-modal-overlay{padding:10px}.register-modal{border-radius:16px;width:95%;max-width:95%;padding:24px 20px}.register-modal-title{margin-bottom:20px;font-size:20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:13px}.form-group input{border-radius:10px;padding:10px 12px;font-size:14px}.register-modal-btn{border-radius:10px;margin-top:16px;padding:12px;font-size:14px}.register-modal-footer{margin-top:16px;font-size:13px}.register-modal-link{font-size:13px}.captcha-group{margin-bottom:16px}.captcha-row{flex-direction:row;gap:8px}.captcha-row input{flex:1;min-width:0}.captcha-refresh{flex-shrink:0;width:36px;height:36px;padding:0}.captcha-code{flex-shrink:0;min-width:60px;padding:8px 10px;font-size:14px}}:root{--bg-primary:#fffaefe6;--bg-secondary:#ffffffe6;--bg-sidebar:#fff9;--bg-content:#ffffffe6;--text-primary:#1f2937;--text-secondary:#6b7280;--accent-color:#f472b6;--border-color:#ffffff80;--shadow-soft:0 8px 32px #0000001a;--shadow-medium:0 10px 40px #00000026;--shadow-strong:0 12px 48px #0003}[data-theme=dark]{--bg-primary:#1f2937cc;--bg-secondary:#111827b3;--bg-sidebar:#1f293799;--bg-content:#1f2937e6;--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#37415180;--shadow-soft:0 8px 32px #0000004d;--shadow-medium:0 10px 40px #0006;--shadow-strong:0 12px 48px #00000080}.game-library{z-index:1;background:0 0;width:100%;position:relative}.banner-swiper{z-index:1;width:100%;max-width:1200px;height:350px;min-height:350px;margin:0 auto;padding-bottom:16px;position:relative;overflow:visible}.banner-list{width:100%;height:100%;transition:transform 1s cubic-bezier(.4,0,.2,1);display:flex}.banner-item{cursor:pointer;background-position:50%;background-size:cover;min-width:100%;height:100%;position:relative}.banner-item:before{content:"";background:linear-gradient(135deg,#f472b633 0%,#0000 50%,#1f29374d 100%);position:absolute;inset:0}.banner-item:after{content:"";background:linear-gradient(#0000 40%,#1f2937e6 100%);position:absolute;inset:0}.banner-stacked-container{-webkit-backdrop-filter:blur(20px);width:100%;max-width:1200px;height:100%;box-shadow:var(--shadow-medium);background:#fff6;border:1px solid #ffffff80;border-radius:16px;justify-content:center;align-items:center;margin:0 auto;padding:40px;display:flex;position:relative}.banner-stacked-item{cursor:pointer;background-position:50%;background-size:cover;border-radius:16px;width:70%;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:20px;bottom:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.banner-stacked-item.active:hover{transform:scale(1.02);box-shadow:0 16px 48px #00000073}.banner-stacked-item.active:hover .banner-info{transform:translateY(-8px)}.banner-stacked-item.active:hover:after{background:linear-gradient(#0000 20%,#1f2937fa 100%)}.banner-stacked-item:after{content:"";background:linear-gradient(#0000 30%,#1f2937f2 100%);position:absolute;inset:0}.banner-info{color:#fff;z-index:5;width:100%;padding:50px 28px 20px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.banner-name{text-shadow:0 2px 8px #00000080;margin-bottom:8px;font-size:22px;font-weight:700}.banner-id{opacity:.85;font-size:14px}.banner-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-btn:hover{background:#fff6;transform:translateY(-50%)scale(1.1)}.banner-prev{left:10px}.banner-next{right:10px}@media (width<=768px){.banner-swiper{z-index:1;max-width:768px;height:200px;min-height:200px;margin:0 auto;padding-bottom:16px;position:relative;overflow:visible}}.app-body{width:100%;position:relative}:root{--tw-ring-offset-color:transparent}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);width:50px;min-width:50px;box-shadow:var(--shadow-medium);border-right:1px solid var(--border-color);z-index:99;border-radius:0;flex-shrink:0;height:calc(100vh - 60px);padding:16px 8px;transition:width .3s,min-width .3s,padding .3s;position:fixed;top:60px;left:0;overflow:hidden}.sidebar:hover{width:220px;min-width:220px;padding:16px}[data-theme=dark] .sidebar{box-shadow:var(--shadow-medium);background:#1e293b99;border-right:1px solid #37415180}.sidebar-content{white-space:nowrap;flex-direction:column;gap:4px;display:flex}.sidebar-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 8px;font-size:13px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.sidebar-item:hover{background:#f472b61a}.sidebar-item.active{color:#f472b6}.sidebar-item.active:hover{background:#f472b61a}.sort-toggle-container{flex-direction:column;gap:4px;display:flex}.sort-toggle-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 8px;transition:background .3s;display:flex}.sort-toggle-btn:hover{background:#f472b61a}.sort-toggle-btn .sidebar-icon{width:24px;min-width:24px;height:24px}.sort-toggle-btn .sidebar-label{font-size:14px;font-weight:400}[data-theme=dark] .sort-toggle-btn:hover{background:#4b55634d}[data-theme=dark] .sort-toggle-btn{color:#d1d5db}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.sidebar-icon svg{width:20px;height:20px}.sidebar-label{opacity:0;flex:1;transition:opacity .3s}.sidebar:hover .sidebar-label{opacity:1}.sidebar-separator{background:var(--border-color);opacity:0;height:1px;margin:8px 0;transition:opacity .3s}.sidebar:hover .sidebar-separator{opacity:1}.sidebar-count{color:#f472b6;opacity:0;background:#f472b61a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;transition:opacity .3s}.sidebar:hover .sidebar-count{opacity:1}.sidebar-item.active .sidebar-count{color:#f472b6;background:#f472b61a}.sidebar-user-info{opacity:0;background:linear-gradient(135deg,#f472b6 0%,#1f2937 100%);border-radius:8px;flex-direction:column;gap:8px;margin-top:8px;padding:12px;transition:opacity .3s;display:flex;overflow:hidden}.sidebar:hover .sidebar-user-info{opacity:1}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:#fff;font-size:14px;font-weight:600}.admin-badge{color:#fff;background:#ef4444;border-radius:4px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;width:100%;padding:8px;font-size:13px;transition:background .3s}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6 0%,#1f2937 100%);border:none;border-radius:6px;width:100%;padding:10px;font-size:13px;transition:transform .2s}.login-btn:hover{transform:scale(1.02)}.main-content{width:calc(100% - 50px);box-shadow:none;text-align:left;background:0 0;border-radius:0;min-height:auto;margin-left:50px;padding:80px 20px 20px;overflow-y:visible}.search-bar-container{max-width:1200px;margin-bottom:20px;margin-left:auto;margin-right:auto}.search-input{-webkit-backdrop-filter:blur(20px);width:100%;max-width:350px;color:var(--text-primary);box-shadow:var(--shadow-soft);background:#fff9;border:1px solid #ffffff4d;border-radius:8px;padding:10px 14px;font-size:13px;transition:border-color .3s,box-shadow .3s}.search-input:focus{border-color:#f472b6;outline:none}.search-input::placeholder{color:var(--text-secondary)}[data-theme=dark] .search-input{color:#fff;background:#1e293be6;border:1px solid #fff3}.content-tabs{gap:8px;max-width:856px;margin:0 auto 20px;padding:0;display:flex}.content-tab{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.content-tab:hover{color:#334155;background:#e2e8f0}.content-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-theme=dark] .content-tab{color:#94a3b8;background:#1e293b}[data-theme=dark] .content-tab:hover{color:#e2e8f0;background:#334155}[data-theme=dark] .content-tab.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.article-section{max-width:856px;margin:0 auto}.article-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.article-section-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.article-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}[data-theme=dark] .article-section-title{color:#e5e7eb}[data-theme=dark] .article-subtitle{color:#94a3b8}.category-tag{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.category-tag:hover{color:#334155;background:#e2e8f0}.category-tag.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-theme=dark] .category-tag{color:#94a3b8;background:#334155}.article-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000001a}.article-card.active{background:#f8fafc;border-color:#667eea}[data-theme=dark] .article-card:hover{border-color:#475569}[data-theme=dark] .article-card.active{background:#334155;border-color:#667eea}.article-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.article-title{color:#1f2937;flex:1;margin:0;font-size:16px;font-weight:600}.action-btn:hover{background:#e2e8f0}.article-content{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.content-body{padding:8px 0}.content-body p{color:#475569;text-align:justify;margin:0 0 12px;font-size:15px;line-height:1.8}.content-body p:last-child{margin-bottom:0}[data-theme=dark] .article-content{border-top-color:#334155}[data-theme=dark] .content-body p,[data-theme=dark] .article-content p{color:#cbd5e1}.article-form-modal{flex-direction:column;width:600px;max-height:80vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #0000004d}.article-form-title{color:#1f2937;border-bottom:1px solid #e2e8f0;margin:0;padding:20px 24px;font-size:20px;font-weight:600}[data-theme=dark] .article-form-title{color:#e5e7eb;border-bottom-color:#334155}.article-form{flex-direction:column;gap:16px;padding:24px;display:flex}[data-theme=dark] .form-group label{color:#d1d5db}.form-group input,.form-group textarea{color:#1f2937;resize:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{color:#e5e7eb;background:#1e293b;border-color:#334155}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:#667eea}.form-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#f8fafc}[data-theme=dark] .btn-cancel{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .btn-cancel:hover{background:#334155}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}[data-theme=dark] .game-count{color:#9ca3af}[data-theme=dark] .game-grid{background:#1f293799;border:1px solid #37415180}[data-theme=dark] .game-card{background:#111827e6}[data-theme=dark] .banner-stacked-container,[data-theme=dark] .game-container{background:#1f293799;border:1px solid #37415180}[data-theme=dark] .game-list-title{border-bottom:1px solid #37415180}[data-theme=dark] .platform-title{color:#f9fafb}[data-theme=dark] .platform-title.ps5{color:#818cf8}[data-theme=dark] .platform-title.ps4{color:#67e8f9}[data-theme=dark] .platform-title.all{color:#a78bfa}.game-container{-webkit-backdrop-filter:blur(20px);max-width:1200px;box-shadow:var(--shadow-medium);background:#fff6;border:1px solid #ffffff80;border-radius:16px;margin:0 auto;padding:0}.game-list-title{box-sizing:border-box;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:0;padding:16px 20px;display:flex}.platform-title{color:#5c5c5c;font-size:18px;font-weight:600}.game-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(200px,250px));justify-content:center;gap:16px;width:100%;padding:16px 20px;display:grid;position:relative}.game-card{cursor:pointer;aspect-ratio:1;width:100%;max-width:280px;box-shadow:var(--shadow-soft);background:#fffffff2;border-radius:8px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-strong);transform:scale(1.05)}.game-card-bg{background-color:#f1f5f9;background-position:50%;background-size:110%;position:absolute;inset:0}.game-card-bg:after{content:"";background:linear-gradient(#0000 0%,#000c 100%);position:absolute;inset:50% 0 0}.game-card-info{color:#fff;z-index:1;padding:8px;position:absolute;bottom:0;left:0;right:0}.game-card-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:12px;font-weight:600;overflow:hidden}.game-card-id{opacity:.9;font-size:10px}.platform-badge-img{z-index:2;object-fit:contain;width:32px;height:32px;position:absolute;top:6px;left:6px}.version-count-badge{color:#fff;z-index:2;background:#0009;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:500;position:absolute;top:6px;right:6px}.format-icons{z-index:2;gap:4px;display:flex;position:absolute;bottom:50px;left:6px}.format-icon{color:#fff;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.format-icon.shn{background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%)}.format-icon.mc4{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.format-icon.json{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.format-icon.eboot{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.format-icon.bin{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.pagination{justify-content:center;align-items:center;gap:6px;max-width:1200px;margin-top:24px;margin-left:auto;margin-right:auto;display:flex}.page-btn{min-width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:#ffffffe6;border:1px solid #ffffff4d;border-radius:6px;padding:0 10px;font-size:12px;transition:all .2s}.page-btn:hover:not(:disabled),.page-btn.active{color:#fff;background:#f472b6;border-color:#f472b6}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-dots{color:#fff;padding:0 6px}[data-theme=dark] .page-btn{color:#fff;background:#1e293be6;border:1px solid #fff3}.game-count{color:#ff57ae;text-shadow:0 1px 2px #0003;margin-bottom:12px;font-size:13px}.mobile-nav{display:none}@media (width<=1200px){.game-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sidebar{display:none}.mobile-sidebar-overlay{display:block}.main-content{width:100%;margin-left:0;padding:80px 12px}.search-bar-container{margin-bottom:16px;display:block}.search-input{width:100%;max-width:100%;padding:12px 16px;font-size:14px}.mobile-nav{-webkit-backdrop-filter:blur(20px);z-index:1000;height:60px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}[data-theme=dark] .mobile-nav{background:#111827f2;border-top:1px solid #37415133}.mobile-nav-item{color:#9ca3af;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:auto;min-width:48px;height:auto;min-height:48px;margin:0;padding:0;transition:color .25s,transform .25s;display:flex;position:relative}.mobile-nav-item:hover{color:#6b7280}.mobile-nav-item.active{color:#f472b6;transform:scale(1.1)}.mobile-nav-item:nth-child(3){z-index:500}.mobile-nav-icon{flex-shrink:0;width:28px;height:28px;transition:transform .25s}.mobile-nav-icon path,.mobile-nav-icon circle{transition:fill .25s,stroke .25s}.mobile-nav-label{display:none}.mobile-nav-badge{color:#fff;background:linear-gradient(135deg,#f472b6,#fb7185);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-2px;right:-4px;box-shadow:0 2px 8px #f472b666}.mobile-nav-item.has-badge{position:relative}.game-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.game-card{aspect-ratio:1;max-width:none}.game-card-bg{background-size:110%}.game-card-name{font-size:12px}.game-card-id{font-size:10px}.game-card-title{font-size:14px}.game-card-cusa{font-size:11px}.search-bar{padding:10px 14px;font-size:13px}.search-bar input{font-size:13px}.sort-section{flex-direction:column;gap:10px;padding:10px}.sort-btn{padding:8px 14px;font-size:13px}.game-list-title{padding:10px 12px;font-size:16px}.banner-swiper{height:80px}.banner-stacked-container{border-radius:8px;max-height:200px;padding:6px}.banner-stacked-item{border-radius:8px;width:80%;top:6px;bottom:6px}.banner-info{padding:18px 10px 6px}.banner-name{margin-bottom:2px;font-size:16px}.banner-id{font-size:9px}.banner-btn{width:22px;height:22px;font-size:12px}.banner-prev{left:10px}.banner-next{right:10px}.banner-dots{gap:4px;bottom:4px}.dot{width:4px;height:4px}.modal-content{width:90%;max-width:90%;max-height:85vh;margin:12px;overflow-y:auto}.game-grid-container{padding-bottom:100px}.format-icons{gap:2px;bottom:40px;left:4px}.format-icon{padding:1px 4px;font-size:8px}.game-card-info{padding:8px}.version-badge{padding:2px 6px;font-size:10px;bottom:8px;right:8px}.pagination{gap:6px;padding:12px}.page-btn{padding:6px 12px;font-size:12px}.page-info{font-size:12px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-close{color:#fff;cursor:pointer;z-index:20;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#ffffff80;transform:scale(1.1)}.game-detail-modal{flex-direction:column;width:1000px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.game-detail-header{-webkit-backdrop-filter:blur(20px);color:#fff;text-align:left;z-index:10;background:#696969b3;border:1px solid #ffffff1a;border-radius:0;align-items:center;gap:16px;width:100%;padding:20px;display:flex;position:relative}.header-main{flex-direction:column;flex:1;gap:6px;display:flex}.game-detail-title{letter-spacing:.5px;margin:0;font-size:22px;font-weight:700}.header-sub{opacity:.85;gap:16px;font-size:13px;display:flex}.game-detail-id{background:#ffffff1a;border-radius:4px;padding:2px 8px;font-family:SF Mono,Consolas,monospace;font-size:13px}.game-detail-author{font-size:13px}.version-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;padding:14px 20px;display:flex}.version-tab{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .3s;display:flex}.version-tab:hover{border-color:#f472b6;transform:translateY(-1px)}.version-tab.active{color:#fff;background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);border-color:#0000;box-shadow:0 4px 12px #f472b64d}.version-tab-name{font-weight:600}.version-tab-format{opacity:.8;background:#00000026;border-radius:6px;padding:2px 8px;font-size:11px}.version-tab.active .version-tab-format{background:#fff3}.cheat-main-content{background:#f8fafc;flex:1;padding:20px;overflow-y:auto}.detail-footer{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;display:flex}.json-tip{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.download-buttons{gap:16px;display:flex}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);border:none;border-radius:24px;min-width:120px;padding:12px 40px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #f472b659}.download-btn.shn-btn{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);box-shadow:0 6px 20px #10b98159}.download-btn.shn-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98173}.download-btn.host-btn{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);box-shadow:0 6px 20px #6366f159}.download-btn.host-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}.download-btn.host-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%)}.download-btn.host-btn:disabled:hover{box-shadow:none;transform:none}.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f472b673}.download-btn:active{transform:translateY(0)}.host-selector-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:16px}.host-selector-title{color:#475569;text-align:center;margin-bottom:12px;font-size:14px;font-weight:600}.host-selector-options{justify-content:center;gap:12px;display:flex}.host-option-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;max-width:200px;padding:16px 12px;transition:all .3s;display:flex}.host-option-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.host-option-btn.kylin:hover{background:#eef2ff;border-color:#6366f1}.host-option-btn.yncore:hover{background:#fdf2f8;border-color:#ec4899}.host-option-btn .host-icon{font-size:28px}.host-option-btn .host-name{color:#334155;font-size:15px;font-weight:700}.host-option-btn .host-path{color:#94a3b8;font-family:monospace;font-size:11px}.host-selector-note{text-align:center;color:#d97706;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:10px;padding:6px 12px;font-size:12px}.host-download-status{text-align:center;border-radius:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500}.host-download-status.loading{color:#0284c7;background:#e0f2fe;border:1px solid #7dd3fc}.host-download-status.success{color:#059669;background:#d1fae5;border:1px solid #6ee7b7}.host-download-status.error,.host-download-status.warning{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.loading{text-align:center;color:#999;padding:40px;font-size:13px}.no-versions{text-align:center;color:#999;font-size:12px}.cheat-content{flex-direction:column;gap:16px;display:flex}.cheat-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.cheat-section-title{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.cheat-section-title:before{content:"";background:linear-gradient(#f472b6 0%,#ec4899 100%);border-radius:5px;width:10px;height:10px}.cheat-items{grid-template-columns:1fr;gap:5px;padding:14px;display:grid}.cheat-item{cursor:pointer;background:linear-gradient(145deg,#fafbfc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;transition:all .3s;position:relative;overflow:hidden}.cheat-item:hover{border-color:#f472b6;transform:translateY(-3px);box-shadow:0 6px 20px #f472b62e}.cheat-item:hover:before{opacity:1}.cheat-item:active{transform:translateY(-1px)}.cheat-item-title{color:#1e293b;white-space:normal;word-break:break-word;font-size:13px;font-weight:600;line-height:1.5}.no-cheats{text-align:center;color:#999;padding:40px;font-size:13px}.cheat-raw{white-space:pre-wrap;word-break:break-all;color:#333;background:#fafafa;border-radius:8px;margin:0;padding:12px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6}@media (width<=600px){.game-detail-modal{width:98%;max-height:90vh}.game-detail-title{font-size:16px}.header-sub{gap:8px;font-size:11px}.version-tabs{gap:5px;padding:8px 12px}.version-tab{padding:5px 10px;font-size:11px}.cheat-main-content{padding:10px}.cheat-items{grid-template-columns:1fr;gap:6px}.cheat-item{padding:8px 10px}.cheat-item-title{font-size:11px}.detail-footer{padding:10px}.download-btn{padding:8px 28px;font-size:12px}}@media (width<=768px){.modal-overlay{padding:10px}.game-detail-modal{border-radius:16px;width:95%;max-width:95%;max-height:85vh}.modal-close{width:32px;height:32px;font-size:18px;top:12px;right:12px}.game-detail-title{font-size:18px}.header-sub{gap:10px;font-size:12px}.game-detail-id{padding:2px 6px;font-size:12px}.game-detail-author{font-size:12px}.version-tabs{gap:6px;padding:10px 14px}.version-tab{padding:6px 12px;font-size:12px}.version-tab-name{font-weight:600}.version-tab-format{padding:2px 6px;font-size:10px}.cheat-main-content{padding:14px}.cheat-section{border-radius:12px}.cheat-section-title{padding:12px 14px;font-size:13px}.cheat-section-title:before{width:8px;height:8px}.cheat-items{gap:8px;padding:12px}.cheat-item{border-radius:10px;padding:10px 12px}.cheat-item-title{font-size:12px}.detail-footer{padding:12px 14px}.json-tip{padding:6px 12px;font-size:12px}.download-buttons{gap:10px}.download-btn{min-width:100px;padding:10px 32px;font-size:13px}.host-selector-options{flex-direction:column}.host-option-btn{max-width:100%}.loading{padding:30px;font-size:12px}.no-versions{font-size:11px}.no-cheats{padding:30px;font-size:12px}.article-form-modal{border-radius:16px;width:95%;max-width:95%;max-height:85vh}.article-form-title{padding:16px 18px;font-size:18px}.article-form{gap:12px;padding:18px}.form-group{gap:4px}.form-group label{font-size:13px}.form-group input,.form-group textarea{border-radius:6px;padding:10px 12px;font-size:13px}.form-actions{flex-direction:column;gap:8px;margin-top:10px}.btn-cancel,.btn-submit{width:100%;padding:10px 20px;font-size:13px}}.site-footer{background:#fff;border-top:1px solid #eee;margin-top:20px;padding:40px 0}.footer-content{text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.footer-info{flex-direction:column;gap:12px;display:flex}.footer-brand{color:#333;font-size:16px;font-weight:600}.footer-copyright{color:#999;font-size:13px}.footer-links{justify-content:center;gap:24px;margin-top:8px;display:flex}.footer-link{color:#666;font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#ec4899}.game-library.dark .site-footer{background:#1f2937;border-top-color:#374151}.game-library.dark .footer-brand{color:#f3f4f6}.game-library.dark .footer-copyright{color:#9ca3af}.game-library.dark .footer-link{color:#d1d5db}.game-library.dark .footer-link:hover{color:#f472b6}.blog-page{background:0 0;min-height:100vh;padding:80px 20px 40px}[data-theme=dark] .blog-page{background:0 0}.blog-container{max-width:900px;margin:0 auto}.blog-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.blog-title{color:#1f2937;margin:0;font-size:32px;font-weight:700}.blog-subtitle{color:#64748b;margin:8px 0 0;font-size:16px}[data-theme=dark] .blog-title{color:#e5e7eb}[data-theme=dark] .blog-subtitle{color:#94a3b8}.btn-publish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-publish:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.category-filter{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:20px;display:flex}[data-theme=dark] .category-filter{border-bottom-color:#334155}.category-tag{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:25px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 1px 3px #0000001a}.category-tag:hover{color:#334155;background:#f1f5f9;transform:translateY(-1px)}.category-tag.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}[data-theme=dark] .category-tag{color:#94a3b8;background:#1e293b;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .category-tag:hover{color:#e2e8f0;background:#334155}.article-list{flex-direction:column;gap:16px;display:flex}.article-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #00000014}.article-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}[data-theme=dark] .article-card{background:#1e293b;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .article-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0006}.article-card-header{align-items:flex-start;gap:16px;display:flex}.article-index{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.article-main{flex:1}.article-title{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4}[data-theme=dark] .article-title{color:#e5e7eb}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-category{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.article-tag{color:#64748b;background:#e2e8f0;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}[data-theme=dark] .article-tag{color:#94a3b8;background:#334155}.article-actions{gap:10px;display:flex}.action-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn:hover{background:#e2e8f0;transform:scale(1.1)}.edit-btn:hover{color:#3b82f6;background:#dbeafe}.delete-btn:hover{color:#ef4444;background:#fee2e2}[data-theme=dark] .action-btn{color:#94a3b8;background:#334155}[data-theme=dark] .action-btn:hover{background:#475569}.article-meta{color:#64748b;gap:20px;margin-top:12px;font-size:14px;display:flex}[data-theme=dark] .article-meta{color:#94a3b8}.article-preview{color:#475569;margin-top:12px;font-size:14px;line-height:1.6}[data-theme=dark] .article-preview{color:#94a3b8}.empty-articles{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:80px 40px;display:flex}.empty-articles svg{color:#94a3b8}.empty-articles p{color:#64748b;margin:0;font-size:16px}.btn-create-first{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;margin-top:12px;padding:12px 28px;font-size:15px;font-weight:500;transition:all .2s}.btn-create-first:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}[data-theme=dark] .empty-articles{background:#1e293b}[data-theme=dark] .empty-articles p{color:#94a3b8}.loading-state,.error-state{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:80px 40px;display:flex}[data-theme=dark] .loading-state,[data-theme=dark] .error-state{background:#1e293b}.btn-back{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:500;transition:all .2s}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.article-detail-container{padding-top:20px}.btn-back-to-list{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.btn-back-to-list:hover{color:#334155;background:#f1f5f9;transform:translate(-4px)}[data-theme=dark] .btn-back-to-list{color:#94a3b8;background:#1e293b}[data-theme=dark] .btn-back-to-list:hover{color:#e2e8f0;background:#334155}.article-detail{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 16px #0000001a}[data-theme=dark] .article-detail{background:#1e293b;box-shadow:0 4px 16px #0006}.article-detail-header{border-bottom:2px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}[data-theme=dark] .article-detail-header{border-bottom-color:#334155}.article-detail-title{color:#1f2937;margin:0 0 20px;font-size:28px;font-weight:700;line-height:1.4}[data-theme=dark] .article-detail-title{color:#e5e7eb}.article-detail-meta{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.meta-item{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}[data-theme=dark] .meta-item,.meta-item svg{color:#94a3b8}.article-detail-tags{flex-wrap:wrap;gap:10px;display:flex}.detail-tag{color:#64748b;background:#e2e8f0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}[data-theme=dark] .detail-tag{color:#94a3b8;background:#334155}.article-detail-content{color:#475569;font-size:16px;line-height:1.8}.article-detail-content p{text-align:justify;margin:0 0 16px}.article-detail-content p:last-child{margin-bottom:0}[data-theme=dark] .article-detail-content{color:#cbd5e1}.article-detail-footer{border-top:2px solid #e2e8f0;justify-content:center;margin-top:32px;padding-top:24px;display:flex}[data-theme=dark] .article-detail-footer{border-top-color:#334155}.btn-back-bottom{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-back-bottom:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (width<=768px){.blog-page{padding:70px 12px 30px}.blog-title{margin-bottom:16px;font-size:22px}.blog-header{flex-direction:column;align-items:flex-start;gap:12px}.blog-search{width:100%}.blog-search input{width:100%;padding:10px 14px;font-size:14px}.btn-publish{justify-content:center;width:100%;padding:12px;font-size:14px}.article-list{gap:12px}.article-card{border-radius:12px;padding:16px}.article-title{font-size:16px}.article-meta{gap:8px;font-size:12px}.article-summary{font-size:13px}.article-detail{border-radius:12px;padding:20px}.article-detail-title{font-size:20px}.article-detail-meta{flex-direction:column;gap:10px;font-size:13px}.article-detail-content{font-size:14px;line-height:1.7}.article-actions{flex-direction:column;gap:10px}.article-actions button{justify-content:center;width:100%}.article-detail-container{padding-top:16px}.btn-back-to-list{border-radius:8px;margin-bottom:16px;padding:8px 16px;font-size:13px}.btn-back-to-list svg{width:18px;height:18px}.article-detail-header{margin-bottom:24px;padding-bottom:16px}.article-detail-tags{gap:8px}.detail-tag{padding:4px 10px;font-size:12px}.article-detail-footer{margin-top:24px;padding-top:16px}.btn-back-bottom{border-radius:8px;padding:10px 24px;font-size:14px}.btn-back-bottom svg{width:18px;height:18px}.loading-state,.error-state{padding:40px 20px}.error-state svg{width:40px;height:40px}.error-state p{font-size:14px}.btn-back{border-radius:8px;padding:10px 24px;font-size:14px}}.tools-page{background:0 0;min-height:100vh;padding-top:60px}[data-theme=dark] .tools-page{background:0 0}.tools-container{max-width:1200px;margin:0 auto;padding:24px}.tools-header{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 2px 10px #3b82f64d}.tools-title{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.tools-subtitle{color:#64748b;font-size:16px}.tools-main{background:#fff;border-radius:0 0 16px 16px;padding:24px;box-shadow:0 4px 20px #00000014}.tools-content-row{align-items:stretch;gap:20px;margin-bottom:20px;display:flex}.tools-left-panel{flex:0 0 280px}.tools-right-panel{flex:1}.tools-panel-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014}[data-theme=dark] .tools-panel-box{background:#1e293b;border-color:#374151}.tools-section-title{color:#1e293b;margin-bottom:8px;font-size:16px;font-weight:600}[data-theme=dark] .tools-section-title{color:#e5e7eb}.tools-tip-text{color:#64748b;margin-bottom:16px;font-size:13px}.tools-upload-area{margin-bottom:12px;position:relative}#tools-file-select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.tools-upload-label{color:#475569;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:28px 12px;font-size:14px;transition:all .2s;display:flex}.tools-upload-label:hover{background:#f1f5f9;border-color:#3b82f6}[data-theme=dark] .tools-upload-label{color:#d1d5db;background:#374151;border-color:#4b5563}[data-theme=dark] .tools-upload-label:hover{background:#4b5563;border-color:#3b82f6}.tools-drop-zone{text-align:center;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-top:12px;padding:24px;transition:all .3s}[data-theme=dark] .tools-drop-zone{background:#374151;border-color:#4b5563}.tools-drop-zone:hover,.tools-drop-zone-active{background:#3b82f61a;border-color:#3b82f6}.tools-drop-zone-active{background:#3b82f626;border-style:solid}.tools-drop-icon{margin-bottom:8px;font-size:36px}.tools-drop-text{color:#475569;margin-bottom:4px;font-size:14px;font-weight:500}[data-theme=dark] .tools-drop-text{color:#e5e7eb}.tools-drop-hint{color:#94a3b8;font-size:12px}[data-theme=dark] .tools-drop-hint{color:#6b7280}.tools-buttons{flex-direction:column;gap:8px;margin-top:16px;display:flex}.tool-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 10px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000014}.tool-btn:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.tool-btn:active{transform:translateY(0)}.tool-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.decrypt-btn{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1)}.convert-btn{color:#fff;background:linear-gradient(135deg,#06b6d4,#22d3ee)}.read-btn{color:#fff;background:linear-gradient(135deg,#10b981,#34d399)}.translate-btn{color:#fff;background:linear-gradient(135deg,#ec4899,#f472b6)}.save-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.tools-btn-row{gap:12px;margin-top:12px;display:flex}.tools-btn-row .tool-btn{flex:1;margin:0}.tools-textarea{resize:vertical;color:#1e293b;white-space:pre-wrap;word-wrap:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;min-height:200px;padding:14px;font-family:Monaco,Menlo,monospace;font-size:13px}[data-theme=dark] .tools-textarea{color:#e5e7eb;background:#1e293b;border-color:#374151}.tools-textarea:focus{border-color:#3b82f6}.tools-preview{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-height:200px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .tools-preview{color:#e5e7eb;background:#1e293b;border-color:#374151}.tools-no-preview{color:#94a3b8;text-align:center;padding:40px;font-size:14px}.tools-menu-title{color:#3b82f6;background:#3b82f61a;border-radius:8px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:600}.tools-menu-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;margin:6px 0;padding:10px 12px;font-size:13px;display:flex}[data-theme=dark] .tools-menu-item{background:#374151;border-color:#4b5563}.tools-menu-item:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=dark] .tools-menu-item:hover{background:#475056;border-color:#6b7280}.tools-menu-left{flex-direction:column;flex:1;gap:2px;margin-right:10px;display:flex}.tools-menu-edit{width:100%;color:inherit;background:0 0;border:none;border-radius:4px;outline:none;padding:4px;font-size:13px}.tools-menu-edit:focus{background:#e0f2ff}.tools-menu-desc-edit{color:#64748b;background:0 0;border:none;border-radius:4px;outline:none;width:100%;margin-top:4px;padding:4px;font-size:11px}[data-theme=dark] .tools-menu-desc-edit{color:#9ca3af}.tools-menu-desc-edit:focus{background:#e0f2ff}.tools-menu-switch{background:#e2e8f0;border-radius:99px;flex-shrink:0;width:34px;height:20px;transition:all .2s;position:relative}[data-theme=dark] .tools-menu-switch{background:#4b5563}.tools-menu-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.tools-help{margin:0;padding:0;list-style:none}.tools-help li{color:#64748b;font-size:13px;line-height:1.8}[data-theme=dark] .tools-help li{color:#9ca3af}.tools-footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:20px;padding:20px;font-size:13px}[data-theme=dark] .tools-footer{color:#6b7280;border-top-color:#374151}.tools-footer span{color:#3b82f6;font-weight:600}.tools-loading{margin-top:10px;display:none}.tools-loading.active{display:block}.tools-loading-text{text-align:center;color:#4f46e5;margin-bottom:8px;font-size:14px;font-weight:600}.tools-progress-base{background:#e2e8f0;border-radius:99px;width:100%;height:6px;overflow:hidden}.tools-progress-animation{background:linear-gradient(90deg,#4f46e5,#22d3ee,#4f46e5) 0 0/200% 100%;border-radius:99px;width:100%;height:100%;animation:1.5s linear infinite toolsAnim}@keyframes toolsAnim{0%{background-position:200% 0}to{background-position:0 0}}@media (width<=900px){.tools-content-row{flex-direction:column}.tools-left-panel{flex:none;width:100%}.tools-buttons{flex-flow:wrap}.tool-btn{flex:1;min-width:120px}}@media (width<=768px){.tools-page{padding-top:70px}.tools-container{padding:12px}.tools-header{border-radius:12px 12px 0 0;padding:12px 16px}.tools-title{font-size:16px}.tools-main{border-radius:0 0 12px 12px;padding:16px}.tools-panel-box{border-radius:12px;padding:16px}.tools-section-title{font-size:14px}.tools-upload-label{padding:20px 12px;font-size:13px}.tools-drop-zone{padding:16px}.tools-drop-icon{font-size:28px}.tools-buttons{gap:6px}.tool-btn{border-radius:8px;padding:10px 8px;font-size:13px}.tools-textarea{border-radius:10px;min-height:150px;padding:12px;font-size:12px}}.tools-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tools-modal-container{background:#fff;border-radius:8px;width:480px;max-width:95%;padding:24px}[data-theme=dark] .tools-modal-container{background:#1e293b}.tools-modal-title{margin:0 0 20px;font-size:16px}[data-theme=dark] .tools-modal-title{color:#e5e7eb}.tools-modal-group{margin-bottom:16px}.tools-modal-label{color:#374151;margin-bottom:6px;font-weight:500;display:block}[data-theme=dark] .tools-modal-label{color:#e5e7eb}.tools-modal-textarea{box-sizing:border-box;resize:none;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;height:70px;padding:8px;font-size:14px}[data-theme=dark] .tools-modal-textarea{color:#e5e7eb;background:#374151;border-color:#4b5563}.tools-modal-textarea:focus{border-color:#3b82f6}.tools-modal-buttons{text-align:right}.tools-modal-btn{cursor:pointer;border-radius:4px;padding:7px 18px;font-size:14px;transition:all .2s}.tools-modal-btn-cancel{color:#374151;background:#fff;border:1px solid #ccc;margin-right:12px}.tools-modal-btn-cancel:hover{background:#f5f5f5}[data-theme=dark] .tools-modal-btn-cancel{color:#e5e7eb;background:#374151;border-color:#4b5563}[data-theme=dark] .tools-modal-btn-cancel:hover{background:#4b5563}.tools-modal-btn-confirm{color:#fff;background:#3b82f6;border:none}.tools-modal-btn-confirm:hover{background:#2563eb}.login-container{z-index:1;justify-content:center;align-items:center;width:100%;max-width:400px;min-height:100vh;padding:20px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;width:100%;padding:40px;box-shadow:0 20px 60px #0000004d}.login-title{color:#1e293b;text-align:center;margin-bottom:8px;font-size:32px;font-weight:700}.login-subtitle{color:#64748b;text-align:center;margin-bottom:30px;font-size:14px}.login-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group input{border:2px solid #e2e8f0;border-radius:8px;outline:none;padding:14px 16px;font-size:14px;transition:all .3s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background:#f1f5f9}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;transition:all .3s;position:relative}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px}.login-footer p{color:#64748b;margin:8px 0;font-size:14px}.login-footer a{color:#667eea;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (width<=480px){.login-container{padding:12px}.login-card{border-radius:14px;padding:24px 20px}.login-title{margin-bottom:6px;font-size:24px}.login-subtitle{margin-bottom:24px;font-size:13px}.login-error{border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-form{gap:16px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input{border-radius:6px;padding:12px 14px;font-size:14px}.login-btn{border-radius:6px;padding:12px;font-size:14px}.login-footer{margin-top:20px}.login-footer p{margin:6px 0;font-size:13px}}.register-container{z-index:1;justify-content:center;align-items:center;width:100%;max-width:450px;min-height:100vh;padding:20px;display:flex;position:relative}.register-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;width:100%;padding:40px;box-shadow:0 20px 60px #0000004d}.register-title{color:#1e293b;text-align:center;margin-bottom:8px;font-size:32px;font-weight:700}.register-subtitle{color:#64748b;text-align:center;margin-bottom:30px;font-size:14px}.register-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.register-form{flex-direction:column;gap:20px;display:flex}.register-footer{text-align:center;margin-top:24px}.register-footer p{color:#64748b;margin:8px 0;font-size:14px}.register-footer a{color:#667eea;font-weight:500;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (width<=480px){.register-container{padding:12px}.register-card{border-radius:14px;padding:24px 20px}.register-title{margin-bottom:6px;font-size:24px}.register-subtitle{margin-bottom:24px;font-size:13px}.register-error{border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px}.register-form{gap:16px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input{border-radius:6px;padding:12px 14px;font-size:14px}.register-footer{margin-top:20px}.register-footer p{margin:6px 0;font-size:13px}}.admin-container{background:0 0;min-height:100vh}.admin-loading{color:#64748b;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}.admin-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px 20px}.admin-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 4px 20px #0000001a}.admin-header h1{color:#fff;margin-bottom:8px;font-size:24px}.back-link{color:#fff;opacity:.8;font-size:14px;text-decoration:none}.back-link:hover{opacity:1}.header-user{align-items:center;gap:15px;display:flex}.header-user span{color:#fff;font-size:14px}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:8px 16px;transition:all .3s}.logout-btn:hover{background:#ffffff4d}.admin-content{max-width:1200px;margin:30px auto;padding:0 20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.stat-card h3{color:#64748b;margin-bottom:10px;font-size:14px}.stat-card .value{color:#1e293b;font-size:32px;font-weight:700}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000000d}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header h2{color:#1e293b;font-size:18px}.search-box{gap:10px;display:flex}.search-box input{border:2px solid #e2e8f0;border-radius:8px;outline:none;width:250px;padding:10px 15px;font-size:14px}.search-box input:focus{border-color:#667eea}.search-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 20px;transition:all .3s}.search-box button:hover{transform:translateY(-2px)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 15px}.table th{color:#64748b;font-size:14px;font-weight:600}.table td{color:#1e293b;font-size:14px}.table tr:hover{background:#f8fafc}.role-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.role-admin{color:#dc2626;background:#fee2e2}.role-user{color:#16a34a;background:#dcfce7}.action-btns{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;text-decoration:none;transition:all .2s}.edit-btn{color:#4f46e5;background:#e0e7ff}.edit-btn:hover{background:#c7d2fe}.delete-btn{color:#dc2626;background:#fee2e2}.delete-btn:hover{background:#fecaca}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-content{background:#fff;border-radius:30px;width:70%;max-width:90%;padding:0}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:#1e293b;font-size:20px}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:24px}.modal-form{flex-direction:column;gap:15px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#475569;font-size:14px;font-weight:500}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;outline:none;padding:12px 15px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#667eea}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-btn{cursor:pointer;border-radius:8px;padding:12px 24px;font-size:14px;transition:all .2s}.modal-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.modal-btn-secondary{color:#475569;background:#f1f5f9;border:none}@media (width<=768px){.admin-header{flex-direction:column;gap:12px;padding:16px 20px}.admin-header h1{margin-bottom:4px;font-size:20px}.back-link{font-size:13px}.header-user{flex-wrap:wrap;justify-content:center;gap:10px}.header-user span{font-size:13px}.logout-btn{padding:6px 12px;font-size:13px}.admin-content{margin:20px auto;padding:0 12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{border-radius:10px;padding:16px}.stat-card h3{margin-bottom:8px;font-size:12px}.stat-card .value{font-size:24px}.card{border-radius:10px;padding:16px}.card-header{flex-direction:column;gap:12px;margin-bottom:16px}.card-header h2{font-size:16px}.search-box{flex-direction:column;gap:8px;width:100%}.search-box input{width:100%;padding:10px 12px;font-size:13px}.search-box button{width:100%;padding:10px 16px}.table{font-size:13px}.table th,.table td{padding:10px 12px}.table th{font-size:12px}.table td{font-size:13px}.role-badge{padding:3px 10px;font-size:11px}.action-btns{flex-direction:column;gap:6px}.action-btn{padding:5px 10px;font-size:11px}.modal-content{border-radius:20px;width:95%;max-width:95%;padding:0}.modal-header{margin-bottom:16px}.modal-header h3{font-size:18px}.modal-close{width:32px;height:32px;font-size:20px}.modal-form{gap:12px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input,.form-group select{border-radius:6px;padding:10px 12px;font-size:13px}.modal-actions{flex-direction:column;gap:8px;margin-top:16px}.modal-btn{width:100%;padding:10px 20px;font-size:13px}}.wish-pool-page{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 50%,#f5d0fe 100%);min-height:100vh}.wish-pool-container{max-width:600px;margin:0 auto;padding:100px 20px 20px;position:relative}.danmaku-container{pointer-events:none;z-index:10;position:fixed;inset:80px 0 0;overflow:hidden}.danmaku-item{white-space:nowrap;color:#333;pointer-events:auto;background:#fffffff2;border-radius:20px;padding:12px 20px;font-size:15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 15px #0003}.wish-pool{z-index:20;position:relative}.wish-header{text-align:center;margin-bottom:30px}.wish-header h2{color:#ff6b6b;text-shadow:0 2px 4px #ff6b6b4d;margin:0;font-size:28px}.wish-count{color:#999;margin-top:8px;font-size:14px}.wish-form-container{background:linear-gradient(135deg,#fff5f5 0%,#ffe5e5 100%);border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 4px 15px #ff6b6b1a}.wish-limit-message{color:#8b7355;background:#ffd7001a;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:16px;display:flex}.limit-icon{font-size:24px}.wish-form{flex-direction:column;gap:16px;display:flex}.wish-textarea{resize:vertical;box-sizing:border-box;background:#fff;border:2px solid #ffd6d6;border-radius:12px;width:100%;min-height:120px;padding:16px;font-size:15px;line-height:1.6;transition:border-color .3s,box-shadow .3s}.wish-textarea:focus{border-color:#ff6b6b;outline:none;box-shadow:0 0 0 3px #ff6b6b1a}.wish-textarea::placeholder{color:#ccc}.wish-form-footer{justify-content:space-between;align-items:center;display:flex}.char-count{color:#999;font-size:14px}.wish-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);border:none;border-radius:30px;padding:12px 32px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s}.wish-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b4d}.wish-submit-btn:disabled{cursor:not-allowed;background:#ccc}.wish-message{text-align:center;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:14px}.wish-message.success{color:#4caf50;background:#4caf501a}.wish-message.error{color:#f44336;background:#f443361a}.wish-login-prompt{text-align:center;color:#9c27b0;background:#9c27b00d;border:1px dashed #ce93d8;border-radius:12px;margin-bottom:30px;padding:24px}.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:48px;display:block}.empty-state p{margin:0;font-size:16px}.floating-dog-container{z-index:998;cursor:grab;will-change:transform;backface-visibility:hidden;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s,transform .3s;display:flex;position:fixed;transform:translateZ(0)}.floating-dog-container.dragging{cursor:grabbing;opacity:.9;will-change:left, top;transition:none;transform:scale(1.1)translateZ(0)}.floating-dog-container.docked-left{opacity:.7;transform:translate(-15px)}.floating-dog-container.docked-right{opacity:.7;transform:translate(15px)}.floating-dog-container.docked-left:hover,.floating-dog-container.docked-right:hover{opacity:1;transform:translate(0)}.dog-close{color:#fff;cursor:pointer;opacity:0;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:-20px;right:-10px;box-shadow:0 2px 8px #ef444466}.floating-dog-container:hover .dog-close{opacity:1}.dog-close:hover{background:#dc2626;transform:scale(1.1)}.dog-bubble{-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#fffffff2;border:1px solid #ffffff80;border-radius:20px;padding:8px 16px;animation:.3s ease-out bubbleAppear;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.dog-bubble span{color:#1e293b;font-size:14px;font-weight:600}.bubble-arrow{border-top:8px solid #fffffff2;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bubbleAppear{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dog-body{will-change:transform;backface-visibility:hidden;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s,box-shadow .3s;animation:3s ease-in-out infinite float;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.dog-image{object-fit:contain;object-position:center;width:80%;height:80%}.dog-body:hover{transform:scale(1.15);box-shadow:0 6px 25px #00000026}.dog-body.hovered{animation:none}.dog-body.dragging{animation:none;transform:scale(1.15);box-shadow:0 8px 30px #0003}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dog-hint{color:#fffc;text-shadow:0 1px 2px #0000004d;font-size:12px;animation:2s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}[data-theme=dark] .dog-bubble{background:#1f2937f2;border-color:#4b556380}[data-theme=dark] .dog-bubble span{color:#f9fafb}[data-theme=dark] .bubble-arrow{border-top-color:#1f2937f2}[data-theme=dark] .dog-hint{color:#fff9}.dog-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-radius:12px;margin-bottom:10px;padding:8px;animation:.2s menuSlideIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}@keyframes menuSlideIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dog-menu-item{cursor:pointer;white-space:nowrap;color:#1e293b;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.dog-menu-item:hover{color:#f472b6;background:#f472b626}.dog-menu-item:first-child{margin-bottom:4px}[data-theme=dark] .dog-menu{background:#1f2937f2;box-shadow:0 8px 32px #0006}[data-theme=dark] .dog-menu-item{color:#f9fafb}[data-theme=dark] .dog-menu-item:hover{color:#a78bfa;background:#9333ea33}.donate-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.donate-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;width:90%;max-width:400px;padding:32px;animation:.3s modalSlideIn;position:relative;box-shadow:0 20px 60px #0000004d}.donate-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .2s;position:absolute;top:16px;right:16px}.donate-modal-close:hover{color:#1e293b;background:#0000000d}.donate-modal-title{color:#1e293b;text-align:center;margin:0 0 24px;font-size:24px;font-weight:700}.donate-modal-content{text-align:center}.donate-group-number{color:#f472b6;background:#f472b61a;border-radius:12px;margin:0 0 16px;padding:12px 20px;font-size:18px;font-weight:600;display:inline-block}.donate-qr-code{object-fit:cover;border-radius:12px;width:200px;height:200px;margin:0 0 16px;box-shadow:0 4px 12px #0000001a}.donate-hint{color:#64748b;margin:0;font-size:14px}[data-theme=dark] .donate-modal{background:#1f2937fa;box-shadow:0 20px 60px #00000080}[data-theme=dark] .donate-modal-close{color:#94a3b8}[data-theme=dark] .donate-modal-close:hover{color:#f9fafb;background:#ffffff1a}[data-theme=dark] .donate-modal-title{color:#f9fafb}[data-theme=dark] .donate-group-number{color:#a78bfa;background:#9333ea26}[data-theme=dark] .donate-hint{color:#94a3b8}@media (width<=600px){.floating-dog-container{transform:scale(.85)}.dog-body{width:45px;height:45px}.dog-close{width:20px;height:20px;top:-8px;right:-8px}.dog-hint{font-size:10px}.dog-bubble{padding:6px 10px;font-size:12px;bottom:55px}.dog-menu{width:100px;bottom:55px}.dog-menu-item{padding:8px 12px;font-size:12px}.donate-modal-content{width:90%;max-width:280px;padding:20px}.donate-modal-title{font-size:16px}.donate-modal-qrcode{width:150px;height:150px}.donate-modal-info{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{color:#64748b;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}a{color:#667eea;text-decoration:none}a:hover{text-decoration:underline}