:root{--bg: #ffffff;--bg-card: #f8fafc;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--accent: #0284c7;--accent-light: #e0f2fe;--danger: #dc2626;--radius: 16px;--shadow: 0 8px 24px rgba(15, 23, 42, .08)}[data-theme=dark]{--bg: #0f172a;--bg-card: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--border: #334155;--accent: #38bdf8;--accent-light: rgba(56, 189, 248, .16);--danger: #f87171;--shadow: 0 8px 24px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wrap,.hero{animation:fadeIn .3s ease-out}.card{animation:fadeIn .3s ease-out;animation-fill-mode:both}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}:root{--transition: .2s ease}[data-theme=dark]{--transition: .2s ease}nav,.card,button,input,select,.plan-card,.pill{transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:960px;margin:0 auto;padding:24px 20px}nav{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg)}nav .brand{font-weight:700;font-size:16px}nav .spacer{flex:1}nav a,nav button{font-size:13px;color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}button,.btn{border:0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}button.secondary{background:var(--border);color:var(--text)}button.danger{background:var(--danger);color:#fff}input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;background:var(--bg);color:var(--text);outline:none}h1{font-size:24px;margin-bottom:8px}h2{font-size:18px;margin-bottom:12px}h3{font-size:15px;margin-bottom:8px}p,li{font-size:14px;color:var(--text)}.muted{color:var(--text-muted);font-size:13px}.pill{display:inline-block;border-radius:999px;padding:3px 10px;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:600}.error{color:var(--danger);font-size:13px}.hero{text-align:center;padding:80px 20px 60px}.hero h1{font-size:36px;margin-bottom:12px}.hero p{font-size:16px;color:var(--text-muted);margin-bottom:24px}.section-title{text-align:center;margin:40px 0 24px}.plan-card{border:2px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.plan-card.active{border-color:var(--accent)}.plan-card h3{margin-bottom:4px}.plan-card .price{font-size:28px;font-weight:700;margin:8px 0}.plan-card .price small{font-size:14px;font-weight:400;color:var(--text-muted)}.plan-card ul{list-style:none;padding:0;margin:12px 0;text-align:left}.plan-card li{padding:4px 0;font-size:13px}.plan-card li:before{content:"✓ ";color:var(--accent)}footer{text-align:center;padding:24px;color:var(--text-muted);border-top:1px solid var(--border);margin-top:40px}.stat-card{text-align:center}.stat-card .value{font-size:32px;font-weight:700;color:var(--accent)}.stat-card .label{font-size:13px;color:var(--text-muted)}.job-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.job-item:last-child{border-bottom:none}.tabs{display:flex;gap:0;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-bottom:16px}.tab{flex:1;text-align:center;padding:10px;font-size:14px;font-weight:600;cursor:pointer;background:var(--bg-card);color:var(--text-muted);border:none;border-radius:0}.tab.active{background:var(--accent);color:#fff}.stack{display:grid;gap:10px}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1;min-width:0}.toggle-row{display:flex;align-items:center;gap:8px}.toggle-row label{font-size:13px;cursor:pointer}.theme-toggle,.lang-toggle{background:none;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--text-muted)}
