:root{--accent:#32658e;--soft:#e5effa;--ink:#252d34;--muted:#5e6873;--line:#e5e9ec;font-family:"Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif;color:var(--ink)}body{background:#fff;color:var(--ink)}body[data-page=users],body[data-page=connections],body[data-page=sync]{--accent:#32658e;--soft:#e5effa}body[data-page=pricing],body[data-page=workbench]{--accent:#246549;--soft:#e2f3e8}body[data-page=prompts]{--accent:#7050ad;--soft:#ede6fa}body[data-page=media-pricing]{--accent:#22736c;--soft:#dcf2ed}body[data-page=recharges],body[data-page=wallet]{--accent:#9b5125;--soft:#fff0dc}header{padding:0 30px;border-color:var(--line);height:76px}.brand{letter-spacing:-.02em}.workspace-layout{max-width:1600px;grid-template-columns:234px minmax(0,1fr)}.workspace-nav{background:#fafbf9;padding:32px 18px;border-color:var(--line);min-height:calc(100vh - 76px)}.workspace-nav>p{padding:0 14px;color:#657063;font-size:12px;font-weight:600}.workspace-nav nav{gap:6px}.workspace-nav .btn{display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:500;border:0;background:transparent;color:#5a646c;--nav-accent:#32658e;--nav-soft:#e5effa}.workspace-nav .brand-glyph{width:27px;height:27px;color:var(--nav-accent);flex-shrink:0}.workspace-nav a[href="#recharges"],.workspace-nav a[href="#wallet"]{--nav-accent:#a65d25;--nav-soft:#ffedcf}.workspace-nav a[href="#prompts"]{--nav-accent:#7753ad;--nav-soft:#eee3fc}.workspace-nav a[href="#pricing"],.workspace-nav a[href="#workbench"]{--nav-accent:#277557;--nav-soft:#dff2e6}.workspace-nav a[href="#media-pricing"]{--nav-accent:#20746e;--nav-soft:#def2ef}.workspace-nav .btn:hover,.workspace-nav .btn.active{background:var(--nav-soft);color:var(--nav-accent)}.workspace-nav .btn.active{font-weight:700}.workspace-layout main{max-width:1300px;padding:0 38px;margin:36px auto 56px}.page-heading{display:flex;align-items:center;gap:16px;margin:0 0 12px}.page-heading h1{font-size:30px;font-weight:700;letter-spacing:-.025em;margin:0}.page-symbol{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--soft);color:var(--accent);flex-shrink:0}.brand-glyph{width:30px;height:30px;display:block}.page-symbol .brand-glyph{width:39px;height:39px}main>.hint{margin:0 0 26px;font-size:13px;color:#63707b}.primary,nav .active{background:var(--accent);border-color:var(--accent);color:white}.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);filter:brightness(.94)}button,.btn{font-weight:550;min-height:42px;border-radius:10px}button:disabled{filter:none;cursor:not-allowed}.panel{padding:26px;border-color:var(--line);border-radius:16px}label{font-weight:600;color:#34414b}input,select,textarea{border-color:#ced8d7;border-radius:10px;min-height:46px;color:#293b3b;background:#fff}input:hover,select:hover,textarea:hover{border-color:#9cafb0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--soft);outline-offset:3px;border-color:var(--accent)}input::placeholder{color:#6e797d;font-weight:400}input{caret-color:var(--accent)}::selection{background:var(--soft);color:var(--ink)}.config-state{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0;border:0;background:#f7f9f8;border-radius:10px;padding:13px 16px;font-size:12px;color:#53645d}.config-saved{display:flex;align-items:center;gap:7px;color:#2b7052;font-weight:600}.config-saved .brand-glyph{width:17px;height:17px}.runtime-status{margin-left:auto;background:#fff1da;color:#845320;padding:3px 10px;border-radius:6px}.config-surface>p{margin:0 0 24px;max-width:75ch}.config-surface{min-width:0}.section-title{display:flex;align-items:center;gap:14px}.section-title h2{font-size:19px;margin:0;letter-spacing:-.015em;color:var(--tone-ink,#293b3b)}.section-title p{font-size:12px;margin:4px 0 0;color:var(--tone-ink,#53645d)}.section-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--tone-block,#dceae4);color:var(--tone-accent,#277557);flex-shrink:0}.section-symbol .brand-glyph{width:34px;height:34px}.tone-green{--tone-bg:#e8f6ec;--tone-ink:#315d43;--tone-accent:#287349;--tone-block:#cae9d3}.tone-purple{--tone-bg:#f0e9fc;--tone-ink:#60457d;--tone-accent:#8055b7;--tone-block:#e0cef6}.tone-blue{--tone-bg:#eaf2fc;--tone-ink:#385a7a;--tone-accent:#386fa0;--tone-block:#d5e6fa}.tone-teal{--tone-bg:#e4f4f0;--tone-ink:#306a60;--tone-accent:#22776c;--tone-block:#c8e8e0}.color-section{padding:26px;border-radius:16px;background:var(--tone-bg);color:var(--tone-ink);min-width:0}.color-section p{color:var(--tone-ink)}.section-description{font-size:13px;margin:18px 0 24px}.section-footnote{font-size:12px;margin:24px 0 0}.pricing-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:22px;align-items:stretch}.article-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.article-price{min-width:0}.article-price label{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:13px}.type-symbol{display:grid;place-items:center;width:28px;height:28px;color:#267451}.type-symbol .brand-glyph{width:27px;height:27px}.type-1 .type-symbol{color:#35799e}.type-2 .type-symbol{color:#7d59ad}.type-3 .type-symbol{color:#ac557c}.type-4 .type-symbol{color:#2b8178}.type-5 .type-symbol{color:#a47121}.money-input{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #c6ddcc;border-radius:11px;padding:0 13px;min-height:62px}.money-input>span{color:#657b6c;font-size:17px}.money-input input{width:100%;min-width:0;font-size:23px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em;padding:10px 0;border:0;background:transparent;min-height:58px;outline:0}.money-input input::placeholder{font-size:16px;font-weight:400;color:#718278;letter-spacing:0}.money-input small{font-size:12px;white-space:nowrap;color:#657b6c}.money-input:focus-within{outline:3px solid #c4e2cf;outline-offset:2px}.image-price-section{display:flex;flex-direction:column}.image-price-section .money-input{border-color:#d6c8e9;min-height:76px}.image-price-section .money-input input{font-size:30px}.image-price-section .money-input:focus-within{outline-color:#dbc7ef}.image-price-section .money-input>span,.image-price-section .money-input small{color:#725789}.image-price-control{margin-top:8px}.image-price-control label{color:#60457d;margin-top:0}.pricing-note{margin-top:auto;padding-top:32px}.pricing-note strong{font-size:13px}.pricing-note p{font-size:12px;line-height:1.9;margin:6px 0 0}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.form-footer>.hint{max-width:65ch;margin:0;font-size:12px}.form-footer>div{flex-shrink:0}.form-footer .error:empty{display:none}.form-footer .primary{padding:12px 25px}.provider-section{background:var(--tone-bg);border:0;border-radius:16px;padding:24px;min-width:0}.provider-section .section-title{align-items:flex-start}.provider-section .section-title h2{font-size:16px;line-height:1.6}.provider-section>.hint{color:var(--tone-ink);margin:16px 0}.provider-section .form-grid{grid-template-columns:1fr;gap:0}.provider-section label{color:var(--tone-ink);font-size:12px}.provider-section .checkbox{font-size:12px;font-weight:400;margin-top:22px;min-height:46px}.provider-section .checkbox input{min-height:18px;flex-shrink:0}#connectionsForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.provider-footer{grid-column:1/-1;text-align:right}.provider-footer .error:empty{display:none}.config-surface>.section-heading{margin-top:34px}.config-surface>.scroll{border:1px solid var(--line);border-radius:12px}.scroll{scrollbar-color:#b6c6c1 #f5f7f5;scrollbar-width:thin}th{background:var(--soft);color:var(--accent);font-size:12px;padding:15px 13px}td{padding:17px 13px;border-bottom-color:#e9eeeb}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}.user-filters{background:#f5f8fc;padding:18px;border-radius:12px;margin:22px 0}.user-filters .primary{align-self:end}.user-numbers{border:0;gap:0;background:#edf6f0;border-radius:12px;padding:22px}.user-numbers>div{flex:1;padding:0 20px}.user-numbers>div:first-child{padding-left:0}.user-numbers>div+div{border-left:1px solid #d0e5d7}.user-numbers dt{color:#456450}.user-detail-title{padding-bottom:10px}.user-pagination{font-size:12px}.prompt-title-row{background:#f0e9fc;padding:24px;border-radius:16px;margin-bottom:20px}.prompt-title-row .section-symbol{background:#dfcef6;color:#8055b7}.prompt-title-row .section-title h2{color:#60457d}.prompt-title-row .section-title p{color:#72568d}.prompt-title-row .badge{background:#fff;color:#7050ad}.config-surface>label[for=promptType]{display:inline-block;margin-right:16px}.config-surface>#promptType{display:inline-block;max-width:280px;background:#f8f4ff;border-color:#d7c8eb}#promptForm{margin-top:24px;padding:24px;border:1px solid #e0d7ed;border-radius:16px}#promptForm>label:first-child{margin-top:0}#promptForm textarea{border-color:#d8cde5}#promptForm .row>div{display:flex;gap:8px;flex-wrap:wrap}#promptPreview{background:#f5f0fc;border-radius:12px;padding:24px;color:#60457d}#syncForm{border:1px solid #d9e5f2;border-radius:16px;padding:24px;margin-top:22px;max-width:760px;background:#f5f9fe}body[data-page=sync] .banner{background:#fff1da;color:#805724;margin:20px 0;padding:18px}body[data-page=sync] .section-symbol{background:#d5e6fa;color:#386fa0}body[data-page=recharges] .user-filters{background:#fff5e8}body[data-page=wallet] .balance{background:#fff1da;color:#845320;display:inline-block;padding:12px 24px;border-radius:12px}#mediaPricingForm>.form-grid{background:#fff;border-radius:12px;padding:8px 20px 22px;margin:24px 0}#notice{background:#293c34;border-radius:12px;box-shadow:0 8px 25px #213b2926}
@media(min-width:1600px){.workspace-layout main{padding:0 48px}}@media(max-width:1180px){.pricing-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.workspace-layout{grid-template-columns:210px minmax(0,1fr)}.workspace-layout main{padding:0 24px}#connectionsForm{grid-template-columns:1fr}.provider-section .form-grid{grid-template-columns:1fr 1fr;gap:0 20px}.provider-section .section-title{align-items:center}}@media(max-width:960px){.pricing-layout{grid-template-columns:1fr}.image-price-section{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;align-items:start}.image-price-section>.section-title{grid-column:1/-1}.image-price-section>.section-description{grid-column:1/-1;margin:8px 0}.image-price-control{margin:0}.pricing-note{padding-top:28px;margin-top:0}}@media(max-width:850px){.workspace-layout{display:block}.workspace-nav{padding:14px 16px;min-height:0}.workspace-nav>p{padding:0}.workspace-nav nav{gap:5px;margin:10px 0 0;flex-direction:row}.workspace-nav .btn{padding:10px 12px;font-size:13px;gap:8px}.workspace-nav .brand-glyph{width:23px;height:23px}.workspace-layout main{margin-top:24px}.page-heading h1{font-size:27px}.page-symbol{width:50px;height:50px}.page-symbol .brand-glyph{width:34px;height:34px}}@media(max-width:650px){header{height:auto;min-height:72px;padding:14px 16px}.workspace-layout main{padding:0 16px}.page-heading{gap:12px}.page-heading h1{font-size:25px}.config-state{gap:8px 12px;padding:12px;font-size:11px}.runtime-status{margin-left:0}.pricing-layout{gap:16px}.color-section{padding:21px}.section-title h2{font-size:18px}.section-description{margin:16px 0 22px}.article-price-grid{gap:22px 14px}.money-input{padding:0 10px;min-height:56px}.money-input input{font-size:21px;min-height:54px}.money-input small{font-size:11px}.money-input>span{font-size:14px}.money-input input::placeholder{font-size:14px}.image-price-section{display:flex;gap:0}.image-price-section>.section-description{margin:16px 0 24px}.image-price-control{width:100%}.pricing-note{padding-top:24px}.form-footer{display:block;padding:20px 0}.form-footer>.hint{margin-bottom:16px}.form-footer button{width:100%}.provider-section .form-grid{grid-template-columns:1fr}.provider-section{padding:21px}.provider-footer .primary{width:100%}.panel{padding:20px}.user-filters{padding:16px;gap:12px}.user-numbers{padding:18px 14px;flex-wrap:wrap;gap:16px}.user-numbers>div{padding:0;border-left:0!important;min-width:100px}.user-numbers dd{font-size:20px}.prompt-title-row{padding:20px;gap:14px}#promptForm{padding:18px}.config-surface>#promptType{display:block;max-width:none}#promptForm .row>div{width:100%}#promptForm .row button{flex:1}.config-surface>p{font-size:13px}#syncForm{padding:20px}.user-pagination{gap:12px}.user-pagination>div{display:flex;gap:8px}#mediaPricingForm>.form-grid{padding:0 16px 18px}.brand{font-size:22px}}
