/* ============================================================================
 * 宝诚顺 H5 账号体系 · 公共样式层（BCS-ACCOUNT-FE-20260924）
 * ----------------------------------------------------------------------------
 * 色板严格对齐平台规范 BCS-COLOR-20260918（见 aa.html 顶部注释）：
 *   米白基底 / 暖白卡片 / 米黄主色 / 深米黄文字 —— 黄白黑三色正统，无渐变、无蓝色、无杂色。
 * 4 个账号页（account-login / center / organizer / organizer-review）共用本文件，
 * 改色只需动这一处，避免 4 份拷贝色值漂移。
 *
 * ★加载顺序有讲究：本 <link> 必须放在 api_adapter.js 之后。
 *   api_adapter 会动态注入“浅色主题”样式（html,body{background:#fff!important}、
 *   button{color:#111827!important}、input{background:#fff!important}、a{color:#1d4ed8!important}…），
 *   同优先级同 important 时**文档顺序在后者胜**。故本文件中的按钮文字色、链接色、
 *   输入框底色一律显式加 !important，把平台色板钉死。
 * ========================================================================= */

:root{
  --ac-bg:#f6f3e9;     /* 米白：页面基底 */
  --ac-card:#fffdf7;   /* 暖白：卡片/弹层/输入面板 */
  --ac-field:#fdfcf6;  /* 近白：输入框底色 */
  --ac-y:#c2891a;      /* 米黄：唯一主色，核心按钮底色配白字 */
  --ac-y-d:#8a6410;    /* 深米黄：米白底上的黄色文字与链接 */
  --ac-y-l:#faf3dd;    /* 浅米黄：提示条底色 */
  --ac-y-b:#eddfb4;    /* 浅米黄：提示条边框 */
  --ac-gold:#b8860b;   /* 暖金：顶栏金线 / 尊享标识强调色（与米黄区分，作点睛） */
  --ac-gold-l:#f7ecc9; /* 浅暖金：金色调提示条底色 */
  --ac-k:#111;         /* 主黑：标题与重点 */
  --ac-k2:#333;        /* 正文 */
  --ac-k3:#666;        /* 次要说明 */
  --ac-k4:#888;        /* 辅助信息 */
  --ac-k5:#999;        /* 弱提示 */
  --ac-line:#e9e3d3;   /* 分隔线（暖灰） */
  --ac-line2:#ded6c1;  /* 输入框/胶囊边框（暖灰） */
  --ac-mute:#f2eee3;   /* 灰底块 */
  --ac-ok:#2e7d32;     /* 状态提示·成功 */
  --ac-bad:#b23b3b;    /* 状态提示·驳回/警示 */
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{background:var(--ac-bg)!important;color:var(--ac-k2)!important}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;
  font-size:14px;line-height:1.6;max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:28px}

/* 顶栏：暖白底 + 暖金 3px 下边线（米白基底 / 米黄按钮 / 暖金点睛，三色正统） */
.hd{background:var(--ac-card);padding:16px 14px;display:flex;align-items:center;gap:10px;
  border-bottom:3px solid var(--ac-gold)}
.hd .bk{font-size:22px;line-height:1;text-decoration:none;color:var(--ac-y-d)!important}
.hd h1{font-size:17px;font-weight:800;color:var(--ac-k);letter-spacing:.5px}
.hd .who{margin-left:auto;font-size:12px;color:var(--ac-k4)}
.wrap{padding:14px}

.acard{background:var(--ac-card);border:1px solid var(--ac-line);border-radius:12px;padding:16px;
  box-shadow:0 1px 3px rgba(139,110,40,.06);margin-bottom:12px}
.acard h3{font-size:14px;font-weight:700;color:var(--ac-k);margin-bottom:12px;display:flex;align-items:center;gap:7px}
.acard h3:before{content:"";width:3px;height:14px;background:var(--ac-y);border-radius:2px}

.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;
  border-bottom:1px solid var(--ac-line);font-size:13px}
.row:last-child{border-bottom:none}
.row .k{color:var(--ac-k3);flex:0 0 auto}
.row .v{flex:1;text-align:right;word-break:break-all;color:var(--ac-k)}

.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;line-height:1.7}
.tag.on{background:#eef4ec;color:var(--ac-ok);border:1px solid #cfe0cc}
.tag.off{background:var(--ac-mute);color:var(--ac-k4);border:1px solid var(--ac-line2)}
.tag.wait{background:var(--ac-y-l);color:var(--ac-y-d);border:1px solid var(--ac-y-b)}
.tag.no{background:#fbeeee;color:var(--ac-bad);border:1px solid #eecfcf}

.fld{margin-bottom:12px}
.fld label{display:block;font-size:12px;color:var(--ac-k3);margin-bottom:5px}
.fld .ipt{display:flex;gap:8px}
input,textarea{width:100%;flex:1;padding:11px 12px;border:1px solid var(--ac-line2)!important;
  border-radius:8px;font-size:14px;background:var(--ac-field)!important;color:var(--ac-k2)!important;
  font-family:inherit;resize:vertical}
input:focus,textarea:focus{outline:none;border-color:var(--ac-y)!important;
  box-shadow:0 0 0 3px rgba(194,137,26,.16)}
input:disabled{background:var(--ac-mute)!important;color:var(--ac-k5)!important}
.codeBtn{flex:0 0 auto;padding:0 12px;border:1px solid var(--ac-line2);background:var(--ac-card);
  border-radius:8px;font-size:12px;color:var(--ac-k2);cursor:pointer;white-space:nowrap;font-family:inherit}
.codeBtn:disabled{color:var(--ac-k5);cursor:not-allowed}

/* 核心按钮：米黄底 + 白字（平台规范原文「核心按钮底色配白字」） */
.acbtn{display:block;width:100%;padding:12px;border:none;border-radius:9px;
  background:var(--ac-y)!important;color:#fff!important;font-size:15px;font-weight:700;
  cursor:pointer;font-family:inherit;text-align:center;text-decoration:none}
.acbtn:active{background:var(--ac-y-d)!important}
.acbtn[disabled]{background:var(--ac-mute)!important;color:var(--ac-k5)!important;cursor:not-allowed}
.acbtn.ghost{background:var(--ac-card)!important;border:1px solid var(--ac-line2);color:var(--ac-k2)!important;font-weight:500}
.acbtn.ok{background:var(--ac-ok)!important;color:#fff!important}
.acbtn.no{background:var(--ac-card)!important;border:1px solid #eecfcf;color:var(--ac-bad)!important}
.btns{display:flex;gap:10px}
.btns .acbtn{flex:1;width:auto}

.msg{font-size:12px;line-height:1.7;margin-top:10px;display:none;border-radius:8px;padding:9px 11px;
  word-break:break-all}
.msg.e{display:block;background:#fbeeee;color:var(--ac-bad);border:1px solid #eecfcf}
.msg.s{display:block;background:#eef4ec;color:var(--ac-ok);border:1px solid #cfe0cc}
.msg.i{display:block;background:var(--ac-mute);color:var(--ac-k3);border:1px solid var(--ac-line2)}
.msg.w{display:block;background:var(--ac-y-l);color:var(--ac-y-d);border:1px solid var(--ac-y-b)}

.note{font-size:11px;color:var(--ac-k5);line-height:1.75;margin-top:8px}
.note b{color:var(--ac-k3)}
.loading{text-align:center;color:var(--ac-k4);font-size:13px;padding:32px 0}
.hide{display:none!important}
a{color:var(--ac-y-d)!important}