*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#151515;background:#f6f3ed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{z-index:20;color:#fff;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;height:68px;padding:0 42px;display:flex;position:fixed;inset:0 0 auto}.brand,.topbar nav,.primary-link,.ghost-link,.side-title,.status-pill,.full-button,.primary-button{align-items:center;gap:10px;display:inline-flex}.brand{font-weight:800}.topbar nav{gap:28px;font-size:14px}.hero{color:#fff;align-items:center;min-height:92svh;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;filter:saturate(.9)contrast(1.04);width:100%;height:100%;animation:12s ease-in-out infinite alternate heroDrift;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#000000d1 0%,#0000008a 36%,#00000024 100%),linear-gradient(#0000 45%,#0000006b);position:absolute;inset:0}.hero-copy{width:min(620px,100% - 40px);margin-left:clamp(24px,8vw,120px);padding-top:40px;animation:.7s both riseIn;position:relative}.eyebrow{color:#f0d077;margin:0 0 18px;font-size:14px;font-weight:700}.eyebrow.dark{color:#6d4c00}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:18px;font-size:clamp(54px,8vw,108px);line-height:.92}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(34px,5vw,62px);line-height:1.02}.hero-text{color:#ffffffdb;max-width:520px;font-size:20px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-link,.ghost-link,.primary-button,.full-button{cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:0 18px;transition:transform .18s,background .18s,opacity .18s}.primary-link,.primary-button{color:#19160d;background:#f0c846;font-weight:800}.ghost-link{color:#fff;border:1px solid #ffffff5c}.primary-link:hover,.ghost-link:hover,.primary-button:hover,.full-button:hover{transform:translateY(-1px)}.band,.pricing,.console-shell{padding:92px clamp(20px,5vw,72px)}.product-band{background:#fffaf0}.section-title{justify-content:space-between;align-items:end;gap:36px;margin-bottom:42px;display:flex}.section-title p{color:#7a5d1a;font-weight:700}.flow{border-top:1px solid #e9dfca;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.flow>div{border-right:1px solid #e9dfca;padding:34px 34px 12px 0}.flow>div:last-child{border-right:0}.flow svg{color:#9b6c00;margin-bottom:24px}.flow p{color:#5f5a50;line-height:1.75}.pricing{background:#ebe4d6;grid-template-columns:minmax(260px,1fr) minmax(300px,520px);align-items:center;gap:52px;display:grid}.pricing-line{border-bottom:1px solid #15151529;justify-content:space-between;gap:20px;padding:22px 0;display:flex}.pricing-line strong{text-align:right}.console-shell{background:#f7f8f5;grid-template-columns:300px minmax(0,1fr);gap:28px;display:grid}.sidebar,.workspace{background:#fff;border:1px solid #e3e5dd;border-radius:8px}.sidebar{align-self:start;padding:22px;position:sticky;top:86px}.side-title{margin-bottom:22px;font-weight:800}label{color:#575b53;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:grid}input,textarea{color:#111;background:#fbfcf9;border:1px solid #d9ddd3;border-radius:8px;outline:none;width:100%;padding:12px}textarea{resize:vertical;min-height:88px}.full-button{color:#fff;background:#161a16;justify-content:center;width:100%}button:disabled{opacity:.48;cursor:not-allowed}.error{color:#b42318;word-break:break-word;background:#fef3f2;border:1px solid #fda29b;border-radius:8px;margin:14px 0 0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.55;display:block}.error:before{content:"⚠ ";margin-right:4px;font-weight:700}.workspace{min-width:0;padding:26px}.workspace-head,.records-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.workspace-head p,.records-head span,.tester p{color:#646a60}.workspace-head h2{font-size:34px}.status-pill{color:#2d611f;background:#eef6e8;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:700}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 18px;display:grid}.metric{border:1px solid #e3e5dd;border-radius:8px;align-content:space-between;min-height:126px;padding:18px;display:grid}.metric svg{color:#9b6c00}.metric span{color:#656a62}.metric strong{font-size:28px;line-height:1}.usage-strip{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.usage-strip span{background:#fbfcf9;border:1px solid #dfe3d9;border-radius:999px;padding:8px 12px;font-size:13px}.tester{border-top:1px solid #e3e5dd;border-bottom:1px solid #e3e5dd;gap:14px;padding:24px 0;display:grid}.upload-zone{cursor:pointer;background:#fbfcf9;border:1px dashed #aeb7a8;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:78px;margin:0;display:flex;position:relative}.upload-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.primary-button{justify-content:center;width:fit-content}pre{color:#ecf7e8;background:#121510;border-radius:8px;max-height:280px;padding:16px;overflow:auto}.records{margin-top:26px}.table{border:1px solid #e3e5dd;border-radius:8px;margin-top:14px;overflow:hidden}.table-row{border-bottom:1px solid #e8ebe3;grid-template-columns:1.4fr .7fr 2fr .8fr .7fr;align-items:center;gap:14px;padding:14px 16px;font-size:13px;display:grid}.records .table-row{grid-template-columns:1.4fr 1.2fr .7fr 2fr .8fr .7fr}.records .type-cell{color:#4a4f48;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.table-row:last-child{border-bottom:0}.table-head{background:#f1f3ed;font-weight:800}.badge{background:#ececec;border-radius:999px;width:fit-content;padding:5px 9px}.badge.success{color:#2d611f;background:#e6f4df}.badge.failed{color:#b42318;background:#fee4e2}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroDrift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.09)translate(18px)}}@media (width<=980px){.topbar{padding:0 18px}.topbar nav{display:none}.flow,.pricing,.console-shell,.metrics{grid-template-columns:1fr}.section-title,.workspace-head,.records-head{flex-direction:column;align-items:start}.sidebar{position:static}.table{overflow-x:auto}.table-row{min-width:840px}.hero-copy{margin-left:20px}.console-body{grid-template-columns:1fr}.console-side{flex-direction:row;overflow-x:auto}}.auth-shell{background:linear-gradient(160deg,#f6f3ed 0%,#ebe4d6 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-back{color:#5f5a50;font-size:14px;font-weight:700;position:absolute;top:22px;left:28px}.auth-card{background:#fff;border:1px solid #e3e5dd;border-radius:12px;width:min(420px,100%);padding:36px 32px;box-shadow:0 18px 40px -28px #0006}.auth-head{text-align:center;margin-bottom:22px}.auth-head svg{color:#9b6c00;margin-bottom:10px}.auth-head h1{margin-bottom:8px;font-size:26px}.auth-head p{color:#6e6a60;font-size:14px}.auth-card form{gap:14px;display:grid}.auth-card label{color:#575b53;gap:6px;margin:0;font-size:13px;font-weight:700;display:grid}.auth-card input{margin:0}.auth-card .primary-button{width:100%;height:44px}.auth-foot{text-align:center;color:#6e6a60;margin:18px 0 0;font-size:14px}.auth-foot a{color:#9b6c00;font-weight:700}.console-layout{background:#f7f8f5;flex-direction:column;min-height:100vh;display:flex}.console-top{background:#fff;border-bottom:1px solid #e3e5dd;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.console-top .brand{color:#19160d;font-weight:800}.console-user{align-items:center;gap:16px;display:flex}.user-name{color:#19160d;font-weight:700}.console-body{flex:1;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px clamp(20px,4vw,36px);display:grid}.console-side{background:#fff;border:1px solid #e3e5dd;border-radius:10px;flex-direction:column;align-self:start;gap:6px;padding:14px;display:flex;position:sticky;top:88px}.side-link{color:#4a4d44;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.side-link:hover{background:#f3f4ee}.side-link.router-link-active{color:#fff;background:#19160d}.console-main{background:#fff;border:1px solid #e3e5dd;border-radius:12px;min-width:0;padding:26px 30px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h2{font-size:26px}.page-head p{color:#646a60;margin-top:6px}.ghost-button{color:#19160d;cursor:pointer;background:0 0;border:1px solid #d9ddd3;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.ghost-button:hover{background:#f3f4ee}.danger-button{color:#fff;cursor:pointer;background:#b42318;border:0;border-radius:8px;align-items:center;gap:6px;margin-right:10px;padding:10px 18px;font-size:14px;font-weight:800;display:inline-flex}.danger-button:disabled{opacity:.6;cursor:not-allowed}.console-main .metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 0 18px}.key-card{background:#fbfcf9;border:1px solid #e3e5dd;border-radius:10px;padding:22px}.key-display{color:#ecf7e8;background:#121510;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.key-display code{white-space:nowrap;flex:1;font-size:14px;overflow-x:auto}.key-display .ghost-button{color:#ecf7e8;background:#1f2620;border-color:#ffffff2e}.key-hint{color:#5f5a50;font-size:13px;line-height:1.7}.key-hint code{word-break:break-all;background:#f1f3ed;border-radius:6px;margin-top:6px;padding:8px 10px;font-size:12px;display:inline-block}.key-rotate{background:#fff8e6;border:1px solid #ffe3a8;border-radius:10px;margin-top:24px;padding:22px}.rotate-head{gap:14px;margin-bottom:16px;display:flex}.rotate-head svg{color:#b76d00;flex:none}.rotate-head h3{margin:0 0 4px}.rotate-head p{color:#6e5a2c;margin:0;font-size:13px}.redeem-card{background:#fbfcf9;border:1px solid #e3e5dd;border-radius:10px;gap:14px;max-width:520px;padding:24px;display:grid}.redeem-card label{margin:0}.redeem-success{color:#2d611f;background:#e6f4df;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.redeem-success strong{display:block}.redeem-success p{margin:4px 0 0;font-size:13px}.preview{text-align:center;background:#fbfcf9;border:1px dashed #aeb7a8;border-radius:8px;padding:12px}.preview img{border-radius:6px;max-width:100%;max-height:320px}.table-empty{text-align:center;color:#888;padding:24px;font-size:13px}.result-panel{background:#fbfcf9;border:1px solid #e3e5dd;border-radius:10px;margin-top:18px;padding:18px 20px}.result-panel h3{margin-bottom:14px}.result-row{border-bottom:1px dashed #e8ebe3;grid-template-columns:100px 1fr;gap:12px;padding:8px 0;display:grid}.result-row:last-child{border-bottom:0}.result-row span{color:#646a60;font-size:13px;font-weight:700}.result-row strong{color:#19160d;font-weight:700}.result-row pre{color:#ecf7e8;white-space:pre-wrap;background:#121510;border-radius:6px;max-height:220px;margin:0;padding:12px 14px;font-size:12px}.pricing-section{background:#ebe4d6;padding:92px clamp(20px,5vw,72px)}.pricing-head{grid-template-columns:minmax(260px,1fr) minmax(300px,520px);align-items:end;gap:36px;margin-bottom:32px;display:grid}.pricing-head h2{margin-top:8px}.pricing-summary{gap:12px;display:grid}.summary-item{background:#fffaf0;border:1px solid #d9cfb0;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.summary-item svg{color:#9b6c00;flex:none}.summary-item strong{color:#19160d;font-size:15px;display:block}.summary-item span{color:#5f5a50;font-size:13px}.summary-item.highlight{background:#19160d;border-color:#19160d}.summary-item.highlight strong{color:#f0c846}.summary-item.highlight span{color:#ffffffc2}.summary-item.highlight svg{color:#f0c846}.pricing-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.pricing-tab{color:#5f5a50;cursor:pointer;background:#fffaf0;border:1px solid #c8bf9f;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .18s}.pricing-tab:hover{transform:translateY(-1px)}.pricing-tab.active{color:#f0c846;background:#19160d;border-color:#19160d}.pricing-summary-text{color:#5f5a50;margin:0 0 14px;font-size:14px}.pricing-table{background:#fffaf0;border:1px solid #d9cfb0;border-radius:10px;overflow:hidden}.pricing-row{color:#2d2a22;border-bottom:1px solid #e9dfca;grid-template-columns:80px 1.4fr .7fr 2.2fr;align-items:center;gap:14px;padding:14px 18px;font-size:13px;display:grid}.pricing-row:last-child{border-bottom:0}.pricing-row-head{color:#4a4530;background:#f1e8cf;font-weight:800}.cell-id{color:#8a5b00;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.cell-sample{background:#fffefa;border:1px solid #e0d7c2;border-radius:6px;justify-content:center;align-items:center;width:84px;height:56px;display:flex;overflow:hidden}.cell-sample img{object-fit:cover;border-radius:4px;max-width:100%;max-height:100%}.sample-placeholder{color:#b0a98e;font-size:18px;font-weight:700}.cell-name{font-weight:700}.cell-desc{color:#5f5a50;line-height:1.55}.pricing-note{color:#5f5a50;margin:16px 0 0;font-size:12px;line-height:1.7}@media (width<=980px){.pricing-head{grid-template-columns:1fr}.pricing-row,.pricing-row-head{grid-template-columns:70px 1fr .7fr}.pricing-row .cell-desc,.pricing-row-head span:last-child{color:#5f5a50;border-top:1px dashed #e9dfca;grid-column:1/-1;margin-top:4px;padding-top:8px}.pricing-row-head span:last-child{display:none}}.admin-layout{background:#f7f8f5;flex-direction:column;min-height:100vh;display:flex}.admin-top{color:#f0c846;background:#19160d;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.admin-top .brand{color:#f0c846;font-weight:800}.admin-user{align-items:center;gap:16px;display:flex}.admin-user .user-name{color:#f0c846}.admin-user .ghost-button{color:#f0c846;background:0 0;border-color:#f0c84666}.admin-gate{flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.gate-card{text-align:center;background:#fff;border:1px solid #e3e5dd;border-radius:12px;width:min(420px,100%);padding:36px 32px}.gate-card svg{color:#9b6c00;margin-bottom:10px}.gate-card h1{margin-bottom:8px;font-size:24px}.gate-card>p{color:#6e6a60;margin-bottom:18px;font-size:14px}.gate-card code{background:#f1f3ed;border-radius:4px;padding:2px 6px;font-size:12px}.gate-card form{text-align:left;gap:14px;display:grid}.gate-card label{margin:0}.admin-body{flex:1;grid-template-columns:1fr;gap:24px;padding:24px clamp(20px,4vw,36px);display:grid}.admin-card{background:#fff;border:1px solid #e3e5dd;border-radius:12px;padding:26px 30px}.admin-card-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.admin-card-head h2{margin-bottom:4px;font-size:22px}.admin-card-head p{color:#646a60;font-size:13px}.gen-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:10px;display:grid}.gen-form label{margin:0}.hint{color:#6b5318;background:#fffaf0;border:1px solid #f0e0b4;border-radius:8px;margin:10px 0 14px;padding:10px 14px;font-size:13px}.hint strong{color:#9b6c00}.gen-result{background:#fbfcf9;border:1px solid #e3e5dd;border-radius:10px;margin-top:22px;padding:18px}.gen-result-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.gen-result-head strong{color:#19160d;display:block}.gen-result-head span{color:#5f5a50;font-size:13px}.code-list{gap:8px;max-height:320px;display:grid;overflow-y:auto}.code-row{color:#ecf7e8;background:#121510;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.code-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.filter-bar{background:#fbfcf9;border:1px solid #e3e5dd;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.filter-bar svg{color:#9b6c00;flex:none}.filter-bar input,.filter-bar select{background:#fff;margin:0;padding:8px 10px;font-size:13px}.filter-bar input{width:200px}.filter-bar select{width:130px}.admin-card .table-row{grid-template-columns:1.4fr .6fr 1fr .6fr 1fr .6fr}.admin-card.admin-orders .table-row{grid-template-columns:1.2fr .9fr .7fr .7fr 1.3fr 1.4fr}.admin-orders .trade-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-orders .username-tag{color:#4a4f48;background:#f1f3ed;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}.admin-orders code{background:#f1f3ed;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.small{color:#6e6a60;font-size:12px}.badge.unused{color:#2d611f;background:#e6f4df}.badge.used{color:#1f3a8a;background:#dee6f7}.badge.disabled{color:#5f5a50;background:#f1eee9}.ghost-button.mini{padding:4px 8px;font-size:12px}.ghost-button.mini.danger{color:#b42318;border-color:#fda29b}.ghost-button.mini.danger:hover{background:#fef3f2}