: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}*{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-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:#0f0f12d9;-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:60px}.logo{display:flex;align-items:baseline;gap:8px;color:var(--text)}.logo-text{font-size:1.25rem;font-weight:800;color:var(--primary)}.logo-sub{font-size:.85rem;color:var(--text-muted)}.nav{display:flex;align-items:center;gap:16px}.nav a{color:var(--text-muted);font-size:.95rem}.nav a:hover,.nav a.active{color:var(--text)}.main{min-height:calc(100vh - 120px);padding:32px 0}.footer{border-top:1px solid var(--border);padding:20px 0;text-align:center;color:var(--text-muted);font-size:.9rem}