/* Existing Caogenyun visual language; compact content and readable operations. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:16px;z-index:200;transform:translateY(-180%);background:var(--grass);color:var(--ink);padding:10px 14px;border-radius:8px}
.skip-link:focus{transform:none}
.fine,.field .hint,.card-head .sub{font-size:13px}
.code .c-c{color:#99b0a4}
.table th{font-size:12.5px}
.tag-mute{color:#a6bab1}
.plan .tag{font-size:12.5px}
.seg button[aria-pressed=true]{background:var(--card-3);color:var(--fg)}
.btn{box-shadow:none}
.btn:hover{box-shadow:none;transform:none}
.btn:active{box-shadow:none;transform:translateY(1px)}
body[data-page=index] .hero{padding-block:40px 22px}
body[data-page=index] .hero-lead{max-width:30em}
body[data-page=index] .hero-specs{margin-top:18px}
body[data-page=index] .section{padding-block:42px}
body[data-page=index] .sec-head{margin-bottom:22px}
body[data-page=index] .plans{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-spec{font-size:20px;color:var(--fg);font-weight:500}
.plan-spec span{color:var(--muted);margin:0 6px}
.plan-extra summary,.gpu-extra summary{cursor:pointer;color:var(--muted);font-size:13px}
.plan-extra p,.gpu-extra p{margin-top:8px;font-size:13px;color:var(--fg-2)}
.plan .price span{font-size:13px}
.plan .plan-top h3{font-size:19px}
.trial-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.trial-strip>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.trial-strip svg,.trial-strip a svg{width:16px;height:16px;flex:none}
.trial-strip a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.catalogue-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.gpu-table{table-layout:fixed}
.gpu-table thead th:nth-child(1){width:26%}.gpu-table thead th:nth-child(2){width:28%}.gpu-table thead th:nth-child(3){width:28%}.gpu-table thead th:nth-child(4){width:18%}
.gpu-table tbody th{font-size:15px;font-weight:500;color:var(--fg);text-transform:none;letter-spacing:0;padding:16px 18px;vertical-align:middle;border-bottom:1px solid var(--line)}
.gpu-table td{padding-block:16px;white-space:normal}
.gpu-table small{display:block;font:12.5px/1.7 var(--f-body);color:var(--muted);margin-top:4px}
.gpu-table .gpu-price b{font-size:17px}
.gpu-gate b{font-size:13px;font-weight:500}
.gpu-extra{margin-top:5px}.gpu-extra summary{font-size:12px}
.catalogue-bottom{padding:14px 18px;display:flex;justify-content:center}
.gpu-notes{display:grid;gap:10px;margin-top:14px}.gpu-notes .note{font-size:13px}
.tier-details{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.tier-details>summary{padding:16px 18px;cursor:pointer;font-weight:600;color:var(--fg-2)}
.tier-details>p{padding:0 18px 16px;color:var(--fg-2);font-size:13px}
.tier-details .table-wrap{margin-bottom:12px}
.start-flow{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;background:var(--card)}
.start-flow span{display:inline-flex;gap:8px;align-items:center;font-weight:500}.start-flow i{font:13px var(--f-mono);color:var(--grass);font-style:normal}
.start-flow .arrow{color:var(--muted)}
.rules-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rules-preview article{padding:18px;border-left:2px solid var(--line-2);background:var(--card);border-radius:0 10px 10px 0}
.rules-preview h3{font-size:16px;margin-bottom:8px}.rules-preview p{font-size:13.5px;color:var(--fg-2)}
.help-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}
.api-compact{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}
.api-compact h2{margin-bottom:12px}.api-compact p{color:var(--fg-2);margin-bottom:18px}
.api-compact h2,.notice-faq h2{display:flex;align-items:center;gap:10px;font-family:var(--f-brand);font-weight:400;font-size:30px}
.api-compact h2 .doodle,.notice-faq h2 .doodle{width:32px;height:32px;flex:none}
.api-compact pre{font-size:12.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.api-compact .actions{gap:16px}
.notice-faq{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.notice-faq h2{font-size:26px;margin-bottom:18px}
.announcement{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:10px}
.announcement>summary{padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:500}
.announcement time{font:12px var(--f-mono);color:var(--muted);white-space:nowrap}
.announcement summary>span{min-width:0;overflow-wrap:anywhere}
.announcement p{padding:0 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--fg-2);font-size:13px}
.footer h3{font-size:13.5px;color:var(--fg-2);margin-bottom:12px}
.help-page{padding-block:32px 52px}.help-page .help-intro{margin-bottom:24px}.help-page h1{font-family:var(--f-brand);font-weight:400;font-size:36px;margin-bottom:12px}
.help-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:start}
.help-nav{position:sticky;top:86px;display:grid;gap:5px}.help-nav a{padding:9px 12px;border-radius:8px;color:var(--fg-2)}.help-nav a:hover{background:var(--card)}
.help-content{display:grid;gap:28px}.help-content section{scroll-margin-top:90px;display:grid;gap:16px}.help-content h2{font-size:24px}
.help-content p,.help-content li{color:var(--fg-2);line-height:1.85}.help-content ul,.help-content ol{padding-left:22px}
.help-content .doc-panel{display:grid;gap:16px}.help-content .code pre{white-space:pre-wrap;overflow-wrap:anywhere}
.help-content .card{overflow:hidden}.help-content .table td.wrap-cell{white-space:normal}
.help-page #public-fees .rule-list{display:grid;gap:16px}.help-page #public-fees article{display:grid;gap:6px}.help-page #public-fees h3{font-size:17px}
.recharge-grid{align-items:start}.recharge-grid #recharge-form{grid-column:2;grid-row:1}.recharge-grid .recharge-history{grid-column:1;grid-row:1}
.recharge-levels>summary{cursor:pointer;font-weight:600;color:var(--fg-2)}.recharge-levels .tiers{margin-top:16px}
.recharge-account{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px}
.recharge-account b{color:var(--grass)}
.create-action-bar{margin-top:12px}.mobile-amount{display:none}
#fee-summary{scroll-margin-top:84px}
.summary .row.total{font-size:17px}
@media(max-width:900px){
  .recharge-grid #recharge-form,.recharge-grid .recharge-history{grid-column:1;grid-row:auto}
  .recharge-grid #recharge-form{position:static}
  .help-layout{grid-template-columns:minmax(0,1fr)}.help-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:14px}
}
@media(max-width:640px){
  body{font-size:15px}.input,.select{font-size:15px}.fine,.field .hint,.note,.kv{font-size:13px}
  .field>label,.label{font-size:14px}.btn-sm{height:36px;font-size:13px}.btn-xs{height:30px;font-size:12.5px}
  body[data-page=index] .hero{padding-top:28px;padding-bottom:12px}.hero-grid{gap:18px}
  body[data-page=index] .hero h1{font-size:42px}.hero-lead{font-size:15px;line-height:1.75}
  body[data-page=index] .hero-scene{width:min(100%,300px);justify-self:center}.hero-cta{gap:10px;margin-top:20px}
  .hero-cta .btn-lg{padding-inline:15px;font-size:14px}.hero-specs .tag{font-size:12px}
  body[data-page=index] .section{padding-block:30px}.sec-head{gap:12px}.sec-head>div{min-width:0}
  .sec-head h2{font-size:28px}body[data-page=index] .plans{grid-template-columns:minmax(0,1fr)}
  .plan{padding:18px}.plan .price{margin-top:0}.plan-extra{margin-top:-2px}.trial-strip{flex-wrap:wrap;padding:14px}
  .catalogue-top{padding:12px}.catalogue-top .seg{display:flex;width:100%}.catalogue-top .seg button{flex:1;padding:0 7px;font-size:12.5px;height:34px;white-space:nowrap}
  .gpu-table thead{display:none}.gpu-table,.gpu-table tbody{display:block;width:100%}
  .gpu-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.8fr);gap:12px;padding:16px;border-bottom:1px solid var(--line)}
  .gpu-table tbody th,.gpu-table td{padding:0;border:0;min-width:0}.gpu-table tbody th{font-size:15px}.gpu-table .gpu-price{text-align:right}
  .gpu-table .gpu-gate{align-self:center}.gpu-table .gpu-action{text-align:right;align-self:end}.gpu-extra{display:none}
  .gpu-table .gpu-price b{font-size:16px}.gpu-table .gpu-gate b{font-size:13px}.gpu-table .gpu-gate small{font-size:12.5px}
  .tier-details .table{min-width:540px}.tier-details>summary{font-size:14px}
  .start-flow{gap:10px 12px;justify-content:center;font-size:13px;padding:14px 10px}.start-flow .arrow{font-size:12px}
  .rules-preview,.api-compact,.notice-faq{grid-template-columns:minmax(0,1fr)}.rules-preview{gap:10px}.rules-preview article{padding:15px}
  .api-compact{gap:18px}.notice-faq{gap:26px}.announcement>summary{flex-wrap:wrap;gap:8px;font-size:14px}
  .announcement p{font-size:14px}.help-page h1{font-size:30px}.help-nav a{padding:8px;font-size:13px}
  .create-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:45;background:var(--bg-2);border-top:1px solid var(--line-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(122px,.8fr);gap:12px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));margin:0}
  .mobile-amount{display:grid;gap:2px}.mobile-amount>span{font-size:12px;color:var(--muted)}.mobile-amount b{font:500 16px var(--f-mono);color:var(--fg)}.mobile-amount button{background:transparent;border:0;color:var(--sky);text-align:left;padding:0;font-size:12.5px;cursor:pointer}
  .create-action-bar #submit-create{margin:0;min-width:0;padding-inline:12px;font-size:14px}
  body[data-page=console]:has([data-view-panel=create]:not([hidden])) .content{padding-bottom:115px}
  .billing-consent{font-size:13px;line-height:1.8}.billing-consent input{width:18px;height:18px;flex:none}
}
@media(max-width:350px){.hero-cta .btn-lg{padding-inline:12px}.start-flow{gap:8px}.start-flow span{gap:4px}.create-action-bar{padding-inline:12px;gap:8px}.mobile-amount b{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link{transition:none}}