/* developer 站各页面专属样式（页内 <style> 外置于此）。
 * dev.html（控制台）与 site.html（公开页/入驻页）的 <head> 都会引本文件；
 * 无 data-page 的公开页只加载样式、不挂 Vue。分页块按 /* ==== data-page ==== */ 组织。 */

[v-cloak] { display: none; }

/* ==== index/index 控制台工作台 ==== */
[data-page="index/index"] .card-big { max-width: 100%; margin: 0; }
[data-page="index/index"] .stats-grid { grid-template-columns: repeat(3, 1fr); }

/* ==== index/deposit_records 缴纳记录 ==== */
.rec-card { background:#fff; border:1px solid var(--line-light); border-radius:16px; padding:22px 26px; width:100%; max-width:100%; box-sizing:border-box; }
.rec-bal { font-size:13px; color:var(--ink-light); margin-bottom:16px; }
.rec-bal b { color:var(--primary-dark); font-size:15px; }
.rec-empty { color:var(--ink-muted); padding:40px 0; text-align:center; font-size:13px; }
.rec-table-wrap { overflow-x:auto; } .rec-table { width:100%; border-collapse:collapse; min-width:520px; }
.rec-table th { text-align:left; font-size:12px; color:var(--ink-muted); font-weight:500; padding:10px 8px; border-bottom:1px solid var(--line); }
.rec-table td { padding:12px 8px; font-size:13.5px; color:var(--ink); border-bottom:1px solid var(--line-light); }
.rec-table td.amt { font-family:"Cormorant Garamond","Noto Serif SC",serif; font-weight:600; color:var(--primary-dark); }
.rec-table td.time { color:var(--ink-muted); font-size:12.5px; }
.st { font-size:12px; padding:2px 10px; border-radius:20px; }
.st.ok { background:rgba(92,160,120,.12); color:#4a8a5e; }
.st.pending { background:rgba(216,154,62,.15); color:var(--amber-dark); }
.st.rejected { background:rgba(179,87,79,.12); color:#b3574f; }
@media (max-width:640px){ .rec-table td.time { display:block; } }

/* ==== index/apps 我的应用 ==== */
.notice-bar {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    background: rgba(216, 154, 62, 0.1);
    border-radius: var(--r-md);
    margin-bottom: 28px;
    font-size: 13px;
    color: var(--ink-light);
    line-height: 1.7;
}
.notice-bar strong { color: var(--amber-dark); }
.notice-icon { font-size: 18px; line-height: 1; }
.dl-tip { font-size:12.5px; border-radius:8px; padding:8px 12px; margin:0 0 16px; background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.25); color:#c0392b; }

[data-page="index/apps"] .app-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
@media (max-width: 900px){ [data-page="index/apps"] .app-list { grid-template-columns: 1fr; } }
[data-page="index/apps"] .cred-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; margin: 4px 0 2px; }
[data-page="index/apps"] .cred-grid .cred-item { min-width: 0; }
[data-page="index/apps"] .cred-grid .cred-item.full { grid-column: 1 / -1; }
[data-page="index/apps"] .cred-label { font-size: 11px; color: var(--ink-muted); display: block; margin-bottom: 3px; }
[data-page="index/apps"] .cred-value { font-size: 12.5px; color: var(--ink); word-break: break-all; font-family: "Cormorant Garamond", "Noto Serif SC", monospace; }
[data-page="index/apps"] .secret-toggle { font-size: 11px; color: var(--primary); margin-left: 6px; font-family: "Noto Sans SC", sans-serif; text-decoration: none; }
[data-page="index/apps"] .secret-toggle:hover { color: var(--primary-dark); }
[data-page="index/apps"] .app-tools { text-align: right; margin-top: 6px; }
[data-page="index/apps"] .app-card-header { position: relative; padding-right: 64px; }
[data-page="index/apps"] .app-head-actions { position:absolute; top:4px; right:6px; display:flex; gap:6px; }
[data-page="index/apps"] .ha-btn { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink-muted); cursor:pointer; }
[data-page="index/apps"] .ha-btn:hover { color:var(--primary); border-color:var(--primary); }
[data-page="index/apps"] .ha-btn:disabled { opacity:.5; cursor:not-allowed; }

/* ==== index/app_create 创建应用 ==== */
.ac-tip { font-size:12.5px; border-radius:8px; padding:8px 12px; margin:0 0 16px; background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.25); color:#c0392b; }

/* ==== index/app_edit 编辑应用 ==== */
.ae-tip { font-size:12.5px; border-radius:8px; padding:8px 12px; margin:0 0 16px; background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.25); color:#c0392b; }
.ed-type { font-size:13.5px; color:var(--ink-light); padding:9px 12px; border:1px dashed var(--line); border-radius:10px; }
[data-page="index/app_edit"] .form-group input[type=text],
[data-page="index/app_edit"] .form-group textarea { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid var(--line); border-radius:10px; font-size:13.5px; color:var(--ink); background:#fff; outline:none; }
[data-page="index/app_edit"] .form-group input:focus,
[data-page="index/app_edit"] .form-group textarea:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(224,123,74,.12); }

/* ==== index/profile 开发者资料 ==== */
.dp-card { background: #fff; border: 1px solid var(--line-light); border-radius: 16px; padding: 26px 30px; max-width: 900px; }
.dp-sec { font-size: 14px; font-weight: 600; color: var(--ink); margin: 18px 0 10px; }
.dp-sec:first-child { margin-top: 0; }
.dp-tag { display:inline-block; font-size: 13px; color: var(--primary-dark); background: rgba(224,123,74,.1); border: 1px solid rgba(224,123,74,.25); border-radius: 20px; padding: 4px 14px; }
.dp-tip { font-size:12.5px; border-radius:8px; padding:8px 12px; margin:0 0 16px; background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.25); color:#c0392b; }
.dp-note { font-size: 13px; color: var(--ink-light); background: var(--cream); border-radius: 10px; padding: 12px 16px; line-height: 1.8; margin: 6px 0 20px; }
[data-page="index/profile"] .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 6px; }
[data-page="index/profile"] .form-group { margin-bottom: 16px; }
[data-page="index/profile"] .form-group label { display: block; font-size: 13px; color: var(--ink-light); margin-bottom: 8px; }
[data-page="index/profile"] .form-group input,
[data-page="index/profile"] .form-group textarea { width: 100%; box-sizing:border-box; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; font-size: 13.5px; color: var(--ink); background:#fff; outline:none; }
[data-page="index/profile"] .form-group input:focus,
[data-page="index/profile"] .form-group textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(224,123,74,.12); }
[data-page="index/profile"] .required { color: var(--primary); }
[data-page="index/profile"] .form-actions { display: flex; gap: 12px; }
@media (max-width: 700px){ [data-page="index/profile"] .form-row { grid-template-columns: 1fr; } [data-page="index/profile"] .form-actions { flex-direction: column; } [data-page="index/profile"] .form-actions .btn { justify-content:center; } }

/* ==== index/deposit_list 账户保证金 ==== */
[data-page="index/deposit_list"] .card { background: var(--white); border:1px solid var(--line-light); border-radius: 16px; padding: 22px 26px; }
[data-page="index/deposit_list"] .card-title { font-size: 15px; font-weight: 600; color: var(--ink); margin-bottom: 18px; }
[data-page="index/deposit_list"] .form-help { font-size:12px; color:var(--ink-muted); margin-top:8px; }
[data-page="index/deposit_list"] .form-help b { color: var(--primary-dark); }
[data-page="index/deposit_list"] .info-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
[data-page="index/deposit_list"] .info-item { border:1px solid var(--line-light); border-radius:12px; padding:16px; }
[data-page="index/deposit_list"] .info-icon { font-size:20px; margin-bottom:8px; color:var(--amber-dark); }
[data-page="index/deposit_list"] .info-label { font-size:12px; color:var(--ink-muted); margin-bottom:4px; }
[data-page="index/deposit_list"] .info-value { font-family:'Cormorant Garamond','Noto Serif SC',serif; font-size:18px; font-weight:600; color:var(--primary-dark); margin-bottom:4px; }
[data-page="index/deposit_list"] .info-desc { font-size:12px; color:var(--ink-muted); line-height:1.6; }

[data-page="index/deposit_list"] .recharge-form { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
[data-page="index/deposit_list"] .rf-line { display:flex; align-items:center; gap:10px; }
[data-page="index/deposit_list"] .rf-label { font-size:13px; color:var(--ink-light); white-space:nowrap; }
[data-page="index/deposit_list"] .recharge-form input { width:300px; padding:9px 12px; border:1px solid var(--line); border-radius:10px; font-size:13.5px; outline:none; box-sizing:border-box; }
[data-page="index/deposit_list"] .recharge-form input:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(224,123,74,.12); }

[data-page="index/deposit_list"] .dp-empty { color:var(--ink-muted); font-size:13px; padding:14px 0; }
[data-page="index/deposit_list"] .jl-list { display:flex; flex-direction:column; }
[data-page="index/deposit_list"] .jl-row { display:grid; grid-template-columns: 70px 1fr 100px 190px; gap:12px; align-items:center; padding:11px 4px; border-bottom:1px solid var(--line-light); font-size:13px; }
[data-page="index/deposit_list"] .jl-row:last-child { border-bottom:none; }
[data-page="index/deposit_list"] .jl-type { font-weight:600; color:var(--ink); }
[data-page="index/deposit_list"] .jl-amt { font-family:'Cormorant Garamond','Noto Serif SC',serif; font-weight:600; color:var(--primary-dark); }
[data-page="index/deposit_list"] .jl-status { justify-self:end; font-size:12px; padding:2px 10px; border-radius:20px; }
[data-page="index/deposit_list"] .jl-status.ok { background:rgba(92,160,120,.12); color:#4a8a5e; }
[data-page="index/deposit_list"] .jl-status.pending { background:rgba(216,154,62,.15); color:var(--amber-dark); }
[data-page="index/deposit_list"] .jl-time { color:var(--ink-muted); font-size:12px; text-align:right; }

@media (max-width: 760px){ [data-page="index/deposit_list"] .info-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px){
    [data-page="index/deposit_list"] .jl-row { grid-template-columns: 60px 1fr 90px; }
    [data-page="index/deposit_list"] .jl-time { grid-column: 2 / -1; text-align:left; }
}

.rr-err { font-size:12.5px; border-radius:8px; padding:8px 12px; margin:0 0 14px; background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.25); color:#c0392b; text-align:left; }
.rf-btn { background: rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.6); border-radius:10px; padding:9px 16px; font-size:13px; cursor:pointer; }
.rf-btn:hover { background:#fff; color:var(--terracotta); }
.rf-btn:disabled { opacity:.6; cursor:not-allowed; }

.rmask { position: fixed; inset: 0; background: rgba(18,24,33,.55); backdrop-filter: blur(2px); display: none; align-items: center; justify-content: center; z-index: 999; }
.rmask.show { display: flex; }
.rmodal { background:#fff; border-radius:20px; padding:32px 34px; width:min(400px, 90vw); text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.25); animation: rmIn .25s ease; }
@keyframes rmIn { from { transform: scale(.94); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.rm-icon { width:64px; height:64px; border-radius:50%; background: linear-gradient(135deg, rgba(224,123,74,.14), rgba(216,154,62,.14)); color: var(--primary); font-size:26px; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
.rmodal h3 { font-family:"Noto Serif SC", serif; font-size:19px; color:var(--ink); margin-bottom:10px; }
.rmodal p { font-size:14px; color:var(--ink-light); line-height:1.7; }
.rmodal p b { color:var(--primary-dark); }
.rmodal .rm-sub { font-size:12px; color:var(--ink-muted); margin-top:8px; }
.rm-actions { display:flex; gap:12px; margin-top:24px; }
.rm-actions .btn { flex:1; justify-content:center; }

/* ==== index/apply 入驻申请（公开落地页，extends site.html） ==== */
/* 深色顶部（与 / 与 /docs 一致） */
.apply-hero {
    background: linear-gradient(135deg, #1e293b 0%, #2e3a4a 50%, #3e4a5a 100%);
    padding-top: 120px;
    padding-bottom: 44px;
    color: #fff;
    border-bottom: 1px solid rgba(216,154,62,.18);
}
.apply-hero .breadcrumb a,
.apply-hero .breadcrumb .current { color: rgba(255,255,255,.78); }
.apply-hero .breadcrumb .sep { color: rgba(216,154,62,.6); }
.apply-hero .breadcrumb { margin-bottom: 26px; }
.apply-hero-inner { text-align: center; }
.apply-hero h1 {
    font-family: 'Noto Serif SC', serif;
    font-size: 36px; letter-spacing: 6px; color: #fff; margin-top: 12px;
}
.apply-hero p {
    margin: 14px auto 0; max-width: 640px;
    color: rgba(255,255,255,.72); line-height: 1.8;
}

/* 主体遵循 1920 宽度、用公开页底色 */
.apply-section { overflow: visible; }
.apply-section .wrap { max-width: 1920px; }
.apply-section .page-header,
.apply-section .card-big { max-width: 100%; }
.apply-section .card-big { margin: 0 auto; }

@media (max-width: 600px) {
    .apply-hero h1 { font-size: 26px; letter-spacing: 3px; }
    .apply-section .form-actions { flex-direction: column; }
    .apply-section .form-actions .btn { width: 100%; justify-content: center; }
}
.ap-tip { font-size:12.5px; border-radius:8px; padding:8px 12px; margin:0 0 16px; background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.25); color:#c0392b; text-align:left; }

/* 独立面包屑（与 docs 一致） */
.docs-crumb { background:#fff; border-bottom:1px solid var(--line-light); }
.docs-crumb .breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; padding:12px 0; color:var(--ink-muted); }
.docs-crumb .breadcrumb a { color:var(--ink-light); text-decoration:none; }
.docs-crumb .breadcrumb a:hover { color:var(--primary); }