:root{--bg:#0a0e1a;--bg-soft:#131a2a;--border:#2a3450;--gold:#f5b544;--gold-dim:#d4941a;--text:#d4dde8;--text-dim:#8a95a8;--blue:#4a9eff;--green:#4caf50}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,-apple-system,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1140px;margin:0 auto;padding:0 24px}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:rgba(10,14,26,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.nav .logo{font-size:22px;font-weight:800;color:var(--gold);letter-spacing:2px}.nav .links{display:flex;gap:28px;align-items:center}.nav .links a{color:var(--text-dim);font-size:15px;transition:color .15s}.nav .links a:hover{color:var(--text)}.btn{display:inline-block;padding:10px 22px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:transform .12s,box-shadow .12s}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0a0e1a}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,181,68,.25)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.hero{text-align:center;padding:90px 0 70px}.hero h1{font-size:52px;font-weight:800;line-height:1.15;margin-bottom:20px}.hero h1 .accent{color:var(--gold)}.hero p.sub{font-size:19px;color:var(--text-dim);max-width:680px;margin:0 auto 36px}.hero .cta-row{display:flex;gap:16px;justify-content:center}.features{padding:40px 0 80px}.features h2{text-align:center;font-size:32px;margin-bottom:12px}.features .sub{text-align:center;color:var(--text-dim);margin-bottom:48px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:28px 24px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card .icon{font-size:32px;margin-bottom:14px}.card h3{font-size:19px;margin-bottom:8px;color:#e8f0ff}.card p{color:var(--text-dim);font-size:15px}.section-title{text-align:center;font-size:32px;margin-bottom:12px}.section-sub{text-align:center;color:var(--text-dim);margin-bottom:48px}.pricing{padding:40px 0 90px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;max-width:860px;margin:0 auto}.price-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:32px 28px;text-align:center;position:relative}.price-card.featured{border-color:var(--gold)}.price-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:#0a0e1a;font-size:12px;font-weight:700;padding:3px 14px;border-radius:12px}.price-card .tier{font-size:17px;color:var(--text-dim);margin-bottom:8px}.price-card .amount{font-size:40px;font-weight:800;color:var(--gold)}.price-card .amount .unit{font-size:16px;color:var(--text-dim);font-weight:400}.price-card ul{list-style:none;margin:22px 0;text-align:left}.price-card li{padding:7px 0;color:var(--text-dim);font-size:15px}.price-card li:before{content:"✓ ";color:var(--green);font-weight:700}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px;background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;padding:40px 36px}.auth-logo{display:block;font-weight:800;color:var(--gold);letter-spacing:3px;margin-bottom:24px}.auth-logo,.auth-title{text-align:center;font-size:26px}.auth-title{margin-bottom:6px}.auth-sub{text-align:center;color:var(--text-dim);font-size:14px;margin-bottom:28px}.auth-label{display:block;font-size:13px;color:var(--text-dim);margin:16px 0 6px}.auth-input{width:100%;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s}.auth-input:focus{border-color:var(--gold)}.auth-err{margin-top:14px;padding:10px 12px;background:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.4);border-radius:8px;color:#ff8a80;font-size:14px}.auth-submit{width:100%;margin-top:24px;padding:12px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:22px;color:var(--text-dim);font-size:14px}.auth-switch a{color:var(--gold)}.dash-loading{align-items:center;justify-content:center;color:var(--text-dim)}.dash,.dash-loading{min-height:100vh;display:flex}.dash-side{width:230px;flex-shrink:0;background:var(--bg-soft);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px}.dash-logo{font-size:24px;font-weight:800;color:var(--gold);letter-spacing:3px;padding:0 12px 24px}.dash-nav{flex:1 1;display:flex;flex-direction:column;gap:4px}.dash-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;color:var(--text-dim);font-size:15px;transition:background .12s,color .12s}.dash-link:hover{background:hsla(0,0%,100%,.04);color:var(--text)}.dash-link.active{background:rgba(245,181,68,.12);color:var(--gold)}.dash-ic{width:20px;text-align:center}.dash-user{border-top:1px solid var(--border);padding-top:16px}.dash-uname{padding:0 12px 10px;font-weight:600;color:#e8f0ff}.dash-logout{width:100%;padding:9px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:14px;cursor:pointer}.dash-logout:hover{border-color:#ff8a80;color:#ff8a80}.dash-main{flex:1 1;padding:36px 40px;overflow-x:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-head h1{font-size:28px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:40px}.stat-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:22px 24px}.stat-num{font-size:34px;font-weight:800;color:var(--gold)}.stat-label{color:var(--text-dim);font-size:14px;margin-top:4px}.sec-h{font-size:19px;margin-bottom:18px}.muted{color:var(--text-dim)}.strong{font-weight:600;color:#e8f0ff}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:var(--text-dim)}.empty{text-align:center;padding:60px 0;background:var(--bg-soft);border:1px dashed var(--border);border-radius:12px}.empty p{color:var(--text-dim);margin-bottom:18px}.tbl{width:100%;border-collapse:collapse;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tbl th{text-align:left;font-size:13px;color:var(--text-dim);font-weight:600}.tbl td,.tbl th{padding:14px 16px;border-bottom:1px solid var(--border)}.tbl td{font-size:14px}.tbl tr:last-child td{border-bottom:none}.tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.tag-green{background:rgba(76,175,80,.15);color:#81c784}.tag-red{background:rgba(244,67,54,.15);color:#ff8a80}.tag-gray{background:rgba(138,149,168,.15);color:var(--text-dim)}select.auth-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%238a95a8' stroke-width='1.5' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.ok-msg{padding:10px 12px;background:rgba(76,175,80,.12);border:1px solid rgba(76,175,80,.4);border-radius:8px;color:#81c784;font-size:14px}.gen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:18px;gap:18px}.gen-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:24px}.gen-name{font-size:19px;font-weight:700;color:#e8f0ff;margin-bottom:8px}.gen-meta{color:var(--text-dim);font-size:13px;margin-bottom:4px}.how-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:24px 28px}.how-box p{margin-bottom:12px}.how-steps{margin:12px 0 12px 20px}.how-steps li{padding:8px 0;color:var(--text)}.how-code{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px 14px;margin:10px 0;font-family:ui-monospace,Consolas,monospace;font-size:13px;color:var(--gold);overflow-x:auto}.link-btn{background:none;border:none;color:#ff8a80;cursor:pointer;font-size:14px;padding:0}.link-btn:hover{text-decoration:underline}.footer{border-top:1px solid var(--border);padding:36px 0;text-align:center;color:var(--text-dim);font-size:14px}@media (max-width:820px){.hero h1{font-size:36px}.grid,.price-grid{grid-template-columns:1fr}.nav .links a:not(.btn){display:none}}