:root{--bg: #0f0f12;--bg-card: #1a1a22;--bg-hover: #252532;--text: #e8e8ed;--text-muted: #9898a6;--primary: #e85a8a;--primary-hover: #ff7aa8;--border: #2e2e3a;--success: #4ade80;--danger: #f87171;--radius: 12px;--header-bg: rgba(15, 15, 18, .92)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;background-size:cover;background-position:center;background-attachment:fixed}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}.container{max-width:1100px;margin:0 auto;padding:0 16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-block{width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.error{color:var(--danger);font-size:.9rem;margin-top:8px}.success{color:var(--success);font-size:.9rem;margin-top:8px}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:20px}.header{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}.header-left{display:flex;align-items:center;gap:12px}.menu-btn{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);display:grid;place-items:center;font-size:1.1rem;line-height:1}.menu-btn:hover{background:var(--bg-hover)}.logo{display:flex;align-items:center;color:var(--text)}.logo-text{font-size:1.6rem;font-weight:900;color:var(--primary);letter-spacing:1px}.nav{display:flex;align-items:center;gap:14px}.nav a{color:var(--text-muted);font-size:.95rem}.nav a:hover{color:var(--text)}.avatar-wrap{position:relative}.avatar-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--bg-hover);overflow:hidden;padding:0;display:block}.avatar-btn img{width:100%;height:100%;object-fit:cover}.dropdown{position:absolute;right:0;top:46px;min-width:160px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0006;padding:6px;z-index:200}.dropdown button,.dropdown a{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;color:var(--text);border-radius:8px;font-size:.95rem}.dropdown button:hover,.dropdown a:hover{background:var(--bg-hover);color:var(--text)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:150}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-card);border-right:1px solid var(--border);z-index:160;padding:20px 14px;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-title{font-size:1.1rem;font-weight:700;margin-bottom:16px;padding:0 8px;color:var(--text)}.sidebar a{display:block;padding:12px;border-radius:10px;color:var(--text-muted);margin-bottom:4px}.sidebar a:hover{background:var(--bg-hover);color:var(--text)}.main{min-height:calc(100vh - 120px);padding:28px 0}.footer{background:var(--header-bg);border-top:1px solid var(--border);padding:16px 0;text-align:center;color:var(--text-muted);font-size:.9rem}.profile-banner{height:160px;background:linear-gradient(135deg,#2a1a28,#1a1a2e);border-radius:var(--radius) var(--radius) 0 0;position:relative}.profile-header{display:flex;gap:16px;align-items:flex-end;padding:0 20px;margin-top:-40px}.profile-avatar{width:88px;height:88px;border-radius:50%;border:4px solid var(--bg-card);background:var(--bg-hover);object-fit:cover}.profile-meta{flex:1;padding-bottom:8px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.stat{color:var(--text-muted);font-size:.9rem}.stat strong{color:var(--text);margin-right:4px}