:root{--color-t1:255,255,255;--color-t2:255,255,255;--color-b3:30,30,50;--color-b5:20,20,40;--accent:#0a84ff;--accent-hover:#409cff;--accent-warm:#f59e0b;--glass-bg:rgba(255,255,255,0.10);--glass-bg-strong:rgba(255,255,255,0.14);--glass-border:rgba(255,255,255,0.16);--glass-shadow:inset 0 0 0 1px rgba(255,255,255,0.08),0 16px 32px -18px rgba(0,0,0,0.45);--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--blur:24px;--text-shadow-sm:0 1px 3px rgba(0,0,0,0.35);--text-shadow-md:0 2px 10px rgba(0,0,0,0.45);--font-h1:700 42px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-title:600 17px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-body:400 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-small:400 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{font:var(--font-body);color:rgb(var(--color-t1));background:#1c1c1e;position:relative}button,input,select{font:inherit}.wallpaper-layer{position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image 0.8s ease}.wallpaper-overlay{position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,0.38)}.wp-0{background-image:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.wp-1{background-image:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%)}.wp-2{background-image:linear-gradient(135deg,#1b2735 0%,#090a0f 50%,#2c3e50 100%)}.wp-3{background-image:linear-gradient(135deg,#0d1b2a 0%,#1b2838 40%,#415a77 100%)}.wp-4{background-image:linear-gradient(135deg,#1a120b 0%,#2c1810 40%,#4a3728 100%)}.wp-5{background-image:linear-gradient(135deg,#0a1628 0%,#1a2744 50%,#2d4a7a 100%)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);color:rgb(var(--color-t1));overflow:hidden}.panel-header{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,0.08);font:var(--font-title);text-shadow:var(--text-shadow-sm)}.panel-header .panel-icon{font-size:19px}.panel-body{padding:16px 18px}.top-actions button{background:var(--glass-bg);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:999px;color:rgb(var(--color-t1));font:var(--font-small);font-weight:500;padding:9px 16px;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease;text-shadow:var(--text-shadow-sm)}.top-actions button:hover{background:var(--glass-bg-strong);transform:translateY(-1px)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal{background:rgba(30,30,50,0.94);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-lg);padding:28px 32px;min-width:360px;box-shadow:0 24px 64px rgba(0,0,0,0.45)}.modal h3{font:var(--font-title);margin-bottom:20px;text-shadow:var(--text-shadow-sm)}.modal label{display:block;font:var(--font-small);color:rgb(var(--color-t2));opacity:0.7;margin-bottom:6px}.modal input{width:100%;padding:10px 14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-sm);color:rgb(var(--color-t1));font:var(--font-body);outline:none}.modal input:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.modal-actions button{padding:9px 22px;border-radius:999px;font:var(--font-body);font-weight:500;cursor:pointer}.btn-primary{background:var(--accent);border:none;color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);color:rgb(var(--color-t1))}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.45);border-radius:8px}@media (max-width:720px){.modal{min-width:0;width:calc(100% - 32px);padding:22px 20px}}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:10px 20px;background:var(--accent);color:#fff;font-weight:600;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-decoration:none;transition:top 0.2s ease}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}