/* Delta · 补充样式（沿用 luaruaukey 设计系统变量与组件） */
.hidden{display:none!important}
.spacer{flex:1}
.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}

/* 提示条 */
.toast{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(12px);transition:opacity .25s,transform .25s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* 表单错误 */
.form-error{display:none;border:1px dashed var(--bright);background:rgba(255,255,255,.075);border-radius:13px;font-size:12px;padding:13px 15px;margin-top:14px;color:white}
.form-error.show{display:block}

/* 定价 */
.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;margin-top:8px}
.price-card{position:relative;padding:29px;display:flex;flex-direction:column;overflow:hidden}
.price-card.popular{border-color:var(--bright);box-shadow:0 18px 70px rgba(16,12,24,.28),inset 0 1px 0 rgba(255,255,255,.16)}
.price-card .tag{position:absolute;top:19px;right:20px}
.price-card h3{font-size:20px;margin-top:12px}
.price-card .tagline{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.85}
.price{display:flex;align-items:baseline;gap:7px;margin:25px 0 18px}
.price strong{font-size:35px;font-weight:400;letter-spacing:-.04em;line-height:1}
.price span{font-size:11px;color:var(--muted)}
.price-card ul{list-style:none;display:grid;gap:11px;font-size:12px;color:var(--muted);margin-bottom:26px}
.price-card ul li{display:flex;gap:10px;line-height:1.7}
.price-card ul li::before{content:"";flex-shrink:0;width:5px;height:5px;margin-top:8px;border-radius:50%;background:rgba(255,255,255,.5)}
.price-card .button{margin-top:auto}

/* 文档补充 */
.endpoint-content .field-list{margin-bottom:15px}

/* 调试台 */
.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.panel{padding:25px;min-width:0}
.result{min-height:300px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(18,15,28,.28);font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;line-height:1.9;white-space:pre-wrap;word-break:break-all;overflow:auto;color:white}
.status-line{display:flex;gap:12px;align-items:center;font-size:10px;color:var(--muted);margin-top:12px;flex-wrap:wrap}

/* 控制台补充 */
.key-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035);margin-bottom:11px}
.key-row code{font-size:11px}
.new-key{margin:14px 0;padding:15px;border:1px solid var(--bright);border-radius:15px;background:rgba(255,255,255,.1);font-size:11px;word-break:break-all}
.meter{height:3px;border-radius:3px;background:rgba(255,255,255,.11);overflow:hidden;margin-top:12px}
.meter i{display:block;height:100%;background:rgba(255,255,255,.8);border-radius:inherit;transition:width .25s}
.data-table{width:100%;border-collapse:collapse;font-size:11px}
.data-table th{color:var(--muted);font-weight:450;text-align:left}
.data-table td,.data-table th{border-bottom:1px solid var(--line);padding:13px 10px}
.data-table tr:last-child td{border-bottom:0}
.quota-line{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--muted);margin-top:12px}

@media(max-width:1100px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.price-grid{grid-template-columns:1fr;gap:14px}.play-grid{grid-template-columns:1fr}.panel{padding:19px}}

/* ---------- 充值（DeepSeek 式）---------- */
.topup-label{font-size:12px;color:var(--muted);margin:22px 0 10px}
.amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.amount-btn{padding:14px 10px;border:1px solid var(--line);border-radius:14px;background:var(--inset);color:var(--text);font-size:15px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.amount-btn:hover{background:rgba(255,255,255,.13)}
.amount-btn.active{background:rgba(255,255,255,.94);color:#16161a;border-color:transparent;font-weight:600}
.custom-amount{display:flex;align-items:center;gap:8px;margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:var(--inset)}
.custom-amount span{color:var(--muted);font-size:15px}
.custom-amount input{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important;min-height:48px}
.pay-preview{margin:16px 0 6px;font-size:13px;color:var(--text)}
.pay-note{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:4px;min-height:16px}
.method-list{display:grid;gap:10px;margin-bottom:18px}
.method-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--inset);cursor:pointer;transition:background .15s,border-color .15s}
.method-item:hover{background:rgba(255,255,255,.12)}
.method-item.active{border-color:var(--bright);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.method-item .m-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#fff;font-size:14px;font-weight:700}
.method-item .m-icon.alipay{background:#1677ff}
.method-item .m-icon.wxpay{background:#07c160}
.method-item .m-icon.card{background:#635bff}
.method-item .m-name{font-size:14px}
.method-item .m-check{margin-left:auto;opacity:0;transition:opacity .15s}
.method-item.active .m-check{opacity:1}
.pay-account{text-align:center;font-size:11px;color:var(--muted);margin-top:14px}
@media(max-width:520px){.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 控制台内的代码块 */
.panel pre{margin:13px 0;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(18,15,28,.3);overflow:auto;font-size:11px;line-height:1.9;tab-size:2}
.panel pre code{font-size:inherit;white-space:pre;color:#fff;background:none;border:0;padding:0}
.panel code{font-family:SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
@media(max-width:760px){.panel pre{font-size:10px;padding:12px}}

/* ---------- MOBILE FIX ---------- */
html{max-width:100%;overflow-x:hidden}
.reference-block,.reference-block>*{min-width:0}
pre{max-width:100%;overflow-x:auto}
.panel{overflow-x:auto}
.data-table td,.data-table th{white-space:nowrap}
.data-table code{white-space:nowrap}
@media(max-width:760px){
  .metric-card>strong{font-size:22px}
  .data-table{font-size:10px}
  .data-table td,.data-table th{padding:10px 8px}
  .reference-block{padding:15px}
  .page-heading h1{font-size:24px}
}

/* table: keep column width, scroll on narrow screens */
.data-table{min-width:680px;width:100%}
.data-table td,.data-table th{white-space:nowrap}
@media(max-width:760px){.data-table{min-width:600px;font-size:10px}}

/* ---------- 侧栏增强（滚动 + 链接样式）---------- */
.app-sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.app-sidebar::-webkit-scrollbar{width:6px}
.app-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:3px}
.app-sidebar::-webkit-scrollbar-track{background:transparent}
.app-sidebar a.nav-btn{text-decoration:none;color:var(--muted)}
.app-sidebar a.nav-btn:hover{color:#fff}
.app-sidebar .nav-btn+.nav-btn{margin-top:2px}