<style>
/* ============ 设计令牌（取自线上系统） ============ */
:root{
  --gold:#D4A76A;          /* 启鸿金 主色 */
  --gold-deep:#B88A44;     /* 深金 hover */
  --gold-soft:#F8F0D8;     /* 淡金 背景 */
  --gold-ink:#8B5A0A;      /* 金上深字 */
  --ink:#1A1A1A;           /* 墨色 标题 */
  --body:#4A4A44;          /* 正文 */
  --muted:#777165;         /* 次要 */
  --muted-soft:#958E82;    /* 最弱 */
  --bg:#F5F3EF;            /* 暖米白 画布 */
  --card:#FFFFFF;
  --card-warm:#F8F6F1;     /* 暖卡片 */
  --hairline:#E8E6E1;      /* 发丝线 */
  --hairline-soft:#EFEDE8;
  --dark:#1A1A1A;          /* 深色面板(思维链) */
  --dark-soft:#26241F;
  --on-dark:#F5F3EF;
  --on-dark-soft:#A8A294;
  --green:#5B8C5A;
  --green-soft:#EDF7ED;
  --red:#C4544A;
  --red-soft:#FBF0EE;
  --blue:#5A8DB5;
  --blue-soft:#EEF4FA;
  --purple:#6D5CA8;
  --purple-soft:#F0EDFA;
  --shadow-sm:0 1px 2px rgba(26,26,26,.04),0 1px 3px rgba(26,26,26,.06);
  --shadow-md:0 4px 16px rgba(26,26,26,.08);
  --shadow-lg:0 12px 40px rgba(26,26,26,.14);
  --r-lg:14px;
  --r-md:10px;
  --r-sm:8px;
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',Roboto,'Noto Sans SC',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,textarea{font-family:inherit;border:none;outline:none;background:none}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:rgba(26,26,26,.14);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:rgba(26,26,26,.26)}
::-webkit-scrollbar-track{background:transparent}

/* ============ 登录页（默认隐藏，?login=1 可查看） ============ */
#loginPage{
  position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0f0c29,#1a1a3e,#24243e,#302b63);overflow:hidden;
  transition:opacity .5s ease, visibility .5s;
}
#loginPage.show{display:flex}
#loginPage.hidden{opacity:0;visibility:hidden;pointer-events:none}
.login-card{
  position:relative;z-index:1;width:420px;max-width:calc(100vw - 40px);padding:36px 32px 24px;
  background:rgba(255,255,255,.95);backdrop-filter:blur(30px);border-radius:20px;
  border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center;
}
.login-title{text-align:center;font-size:26px;font-weight:700;
  background:linear-gradient(135deg,#c9a96e,#a8823e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}
.login-subtitle{text-align:center;color:#888;font-size:13px;margin-bottom:18px}

.utype{display:flex;gap:8px;margin-bottom:14px}
.utype-btn{flex:1;height:40px;border:1px solid #d0d0d0;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;color:#888;transition:all .2s}
.utype-btn.active{border-color:#c9a96e;color:#a8823e;font-weight:600}

.mtab{display:flex;gap:4px;margin-bottom:16px}
.mtab-btn{flex:1;padding:8px 0;font-size:13px;color:#999;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}
.mtab-btn.active{color:#a8823e;font-weight:600;border-bottom-color:#c9a96e}

.login-card input{
  width:100%;height:40px;padding:0 12px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;margin-bottom:12px;background:#fff;color:#333;
}
.login-card input:focus{border-color:#c9a96e;box-shadow:0 0 0 2px rgba(201,169,110,.2)}
.login-card input::placeholder{color:#bbb}

.sms-row{display:flex;gap:8px}
.sms-btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid #d0d0d0;background:#fff;cursor:pointer;white-space:nowrap;font-size:13px;color:#555}
.sms-btn:disabled{opacity:.5;cursor:not-allowed}

.login-btn{width:100%;height:46px;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;
  background:linear-gradient(135deg,#c9a96e,#a8823e);color:#fff;box-shadow:0 4px 16px rgba(212,167,106,.35);transition:transform .15s}
.login-btn:hover{transform:translateY(-1px)}
.login-btn:active{transform:translateY(0)}
.login-btn:disabled{opacity:.6;cursor:not-allowed}

.login-card .hidden{display:none!important}
.wx-area{text-align:center;padding:4px 0}
.wx-area p{color:#999;font-size:13px;margin-bottom:10px}
.qr-box{width:180px;height:180px;margin:10px auto;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#fff}
.qr-box img{width:100%;height:auto;border-radius:8px}

.login-foot{text-align:center;margin-top:10px;font-size:13px;color:#999}
.login-foot a{color:#a8823e;cursor:pointer;text-decoration:underline;font-weight:500}
