*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4ade80;--primary-hover: #22c55e;--primary-glow: rgba(74, 222, 128, .4);--bg: #0f172a;--card-bg: rgba(255, 255, 255, .08);--text: #e2e8f0;--text-light: rgba(255, 255, 255, .5);--border: rgba(255, 255, 255, .12);--danger: #f87171;--max-width: 960px;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--blur: blur(20px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none}body:before{width:600px;height:600px;background:#4ade8026;top:-200px;left:-100px}body:after{width:500px;height:500px;background:#38bdf81f;bottom:-150px;right:-100px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{background:#0f172a99;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:20px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px;text-shadow:0 0 20px var(--primary-glow)}.site-logo .hat{font-size:26px}.header-nav{display:flex;align-items:center;gap:20px}.header-nav a{font-size:14px;color:var(--text-light);transition:color .3s,text-shadow .3s}.header-nav a:hover{color:var(--primary);text-shadow:0 0 12px var(--primary-glow)}.page-container{max-width:var(--max-width);margin:0 auto;padding:30px 20px;min-height:calc(100vh - 130px)}.site-footer{text-align:center;padding:20px;font-size:13px;color:#ffffff4d;border-top:1px solid var(--glass-border);background:#0f172a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:1px solid var(--glass-border);border-radius:10px;font-size:14px;cursor:pointer;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);transition:all .3s}.btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#22c55e);color:#0f172a;border-color:transparent;font-weight:600;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 25px var(--primary-glow);transform:translateY(-2px)}.btn-danger{color:var(--danger);border-color:#f871714d}.btn-danger:hover{background:#f8717126;border-color:var(--danger);color:var(--danger)}.btn-sm{padding:4px 12px;font-size:13px}.input{width:100%;padding:10px 14px;border:1px solid var(--glass-border);border-radius:10px;font-size:14px;outline:none;transition:all .3s;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text)}.input::placeholder{color:var(--text-light)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4ade8026}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media(max-width:768px){.header-inner{padding:0 16px}.page-container{padding:20px 16px}}