/* ==========================================================================
   个人中心 · 武侠视觉（user/ 下各页面共用）
   参考「江湖侠梦」「江湖杂记」的设计：
   - 日间模式：白底 + 主题色（印章、强调色、鎏金填充随主题色）+ 金色细线
   - 夜间 / 护眼模式：保持原宣纸底 + 朱红 + 墨棕 + 金色填充
   日间衍生色由各页面内联 `body{<?= theme_accent_css_vars('wx', $theme_color) ?>}` 注入，
   本文件中的日间声明仅作兜底（内联样式在其后加载并覆盖），
   夜间 / 护眼通过 [data-theme] 选择器提高权重覆盖内联值。
   ========================================================================== */

/* ================= 一、设计令牌 ================= */
body{
    --wx-ink:#2f2a24;--wx-ink-soft:#6d5c3d;--wx-muted:#7a6a45;
    --wx-paper:#ffffff;--wx-paper-2:#f5f8ff;--wx-paper-3:#eaf1ff;
    --wx-gold:#c8a24a;--wx-gold-deep:#9a6f1c;--wx-gold-text:#7d5a12;--wx-gold-soft:rgba(200,162,74,0.16);
    --wx-red:#b03a2e;--wx-red-text:#b03a2e;--wx-red-soft:rgba(176,58,46,0.1);
    --wx-line:rgba(176,134,44,0.42);--wx-line-strong:rgba(176,134,44,0.7);
    --wx-panel-shadow:0 12px 30px rgba(90,62,27,0.08);
}
[data-theme="dark"] body{
    --wx-ink:#efe6d2;--wx-ink-soft:#c3b699;--wx-muted:#9c8c66;
    --wx-paper:#1c1913;--wx-paper-2:#15130e;--wx-paper-3:#100e0a;
    --wx-gold:#d4a017;--wx-gold-deep:#e0b544;--wx-gold-text:#e0b544;--wx-gold-soft:rgba(212,160,23,0.14);
    --wx-red:#d9534f;--wx-red-text:#f0857f;--wx-red-soft:rgba(217,83,79,0.12);
    --wx-line:rgba(212,160,23,0.3);--wx-line-strong:rgba(212,160,23,0.55);
    --wx-panel-shadow:0 12px 30px rgba(0,0,0,0.4);
}
[data-theme="eye-care"] body{
    --wx-ink:#4a3520;--wx-ink-soft:#6b5635;--wx-muted:#77643f;
    --wx-paper:#f7efdd;--wx-paper-2:#efe4cb;--wx-paper-3:#e8dcc0;
    --wx-gold:#b8944a;--wx-gold-deep:#8b6b28;--wx-gold-text:#6f5417;--wx-gold-soft:rgba(184,148,74,0.18);
    --wx-red:#a8443a;--wx-red-text:#a8443a;--wx-red-soft:rgba(168,68,58,0.1);
    --wx-line:rgba(160,124,52,0.42);--wx-line-strong:rgba(160,124,52,0.68);
    --wx-panel-shadow:0 12px 30px rgba(74,53,32,0.12);
}
/* 夜间 / 护眼：日间新增的衍生变量恢复为原宣纸·朱红·墨棕·鎏金 */
[data-theme="dark"] body,
[data-theme="eye-care"] body{
    --wx-seal-hi:#c0392b;--wx-seal-lo:#8f1c1c;--wx-seal-rgb:143,28,28;
    --wx-deep-1:#3d2d1d;--wx-deep-2:#2a1f14;--wx-deep-3:#1e160e;
    --wx-disc-1:#5c4026;--wx-disc-2:#3a2817;--wx-disc-3:#2a1c10;
    --wx-plaque-shadow:rgba(40,26,12,0.32);--wx-disc-shadow:rgba(40,26,12,0.3);--wx-disc-shadow-hover:rgba(40,26,12,0.4);
    --wx-fill-1:#f0d68e;--wx-fill-2:#e6c877;--wx-fill-3:#c8a24a;--wx-fill-4:#9a6f1c;
    --wx-fill-5:#8f6a1e;--wx-fill-6:#e9ca7f;--wx-fill-7:#fff3cf;
    --wx-glow:rgba(233,202,127,0.55);--wx-on-fill:#3a2c18;--wx-seal-text:#ffeede;
    --wx-badge-text:#4a3313;--wx-fill-text:#fff;
    --wx-fill-shadow:rgba(154,111,28,0.35);--wx-fill-shadow-soft:rgba(200,162,74,0.42);
}

/* ================= 二、题签式标题（与江湖侠梦 / 江湖杂记一致） ================= */
.wx-page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.wx-page-head::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--wx-line),transparent);}
.wx-page-seal{flex:0 0 auto;width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(150deg,var(--wx-seal-hi,#c0392b),var(--wx-seal-lo,#8f1c1c));color:var(--wx-seal-text,#ffeede);
    font-size:16px;font-weight:700;transform:rotate(-6deg);box-shadow:0 4px 10px rgba(var(--wx-seal-rgb,143,28,28),0.28);}
.wx-page-title{font-size:20px;font-weight:700;letter-spacing:7px;text-indent:7px;color:var(--wx-ink);margin:0;}
.wx-page-extra{font-size:12.5px;letter-spacing:0.5px;color:var(--wx-muted);white-space:nowrap;}
.wx-sec-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;letter-spacing:3px;color:var(--wx-ink);margin:0 0 18px;}
.wx-sec-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--wx-line),transparent);}
.wx-sec-title--plain::after{display:none;}
.wx-sec-title small{font-size:12.5px;font-weight:400;letter-spacing:0.5px;color:var(--wx-muted);}
.wx-ico{width:19px;height:19px;flex:0 0 auto;color:var(--wx-gold-deep);}
.wx-empty{padding:36px 16px;border:1px dashed var(--wx-line);border-radius:12px;text-align:center;font-size:13px;color:var(--wx-muted);}
.wx-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--wx-line);
    font-size:12px;letter-spacing:0.5px;color:var(--wx-gold-text);background:var(--wx-gold-soft);}

/* ================= 三、页面皮肤（.wuxia-page 作用域） ================= */
/* 内容列不作为整体卡片（与「江湖侠梦」「江湖杂记」一致）：移除整体底色与边框，
   视觉层次交由内部的卡片、列表等元素各自承担 */
.wuxia-page .user-content,
[data-theme="dark"] .wuxia-page .user-content,
[data-theme="eye-care"] .wuxia-page .user-content{
    background:none;border:0;box-shadow:none;border-radius:0;
}
/* 卡片：宣纸（日间为白 + 主题色浅调）底 + 金色描边 */
.wuxia-page .card{
    background:linear-gradient(180deg,var(--wx-paper),var(--wx-paper-2));
    border:1px solid var(--wx-line);
    border-radius:14px;
    box-shadow:var(--wx-panel-shadow);
}
.wuxia-page .card:hover{border-color:var(--wx-line-strong);box-shadow:0 14px 30px rgba(90,62,27,0.14);}
[data-theme="dark"] .wuxia-page .card:hover{box-shadow:0 14px 30px rgba(0,0,0,0.45);}
.wuxia-page .card-cover{background:var(--wx-paper-3);border-bottom:1px solid var(--wx-line);}
.wuxia-page .card-cover-placeholder{color:var(--wx-gold-deep);}
.wuxia-page .card-title{color:var(--wx-ink);letter-spacing:0.5px;}
.wuxia-page .card-meta{color:var(--wx-muted);}

/* 空态 */
.wuxia-page .empty{
    border:1px dashed var(--wx-line);border-radius:12px;padding:40px 16px;
    color:var(--wx-muted);background:linear-gradient(135deg,var(--wx-paper),var(--wx-paper-2));
}
.wuxia-page .empty p{font-size:13.5px;letter-spacing:0.5px;}

/* 列表（功过簿式表格） */
.wuxia-page .admin-table{background:var(--wx-paper-2);border:1px solid var(--wx-line);border-radius:12px;box-shadow:none;}
.wuxia-page .admin-table th{
    background:linear-gradient(180deg,var(--wx-gold-soft),transparent);
    color:var(--wx-gold-deep);font-size:12.5px;letter-spacing:2px;border-bottom:1px solid var(--wx-line);
}
.wuxia-page .admin-table td{border-bottom:1px dashed var(--wx-line);color:var(--wx-ink-soft);}
.wuxia-page .admin-table tbody tr{background:var(--wx-paper);}
.wuxia-page .admin-table tbody tr:nth-child(even){background:var(--wx-paper-2);}
.wuxia-page .admin-table tbody tr:last-child td{border-bottom:0;}
.wuxia-page .admin-table tr:hover td{background:var(--wx-gold-soft);}

/* 行列表卡片（已购文章、收藏文章等） */
.wx-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;
    border:1px solid var(--wx-line);
    background:linear-gradient(135deg,var(--wx-paper),var(--wx-paper-2));
    color:var(--wx-ink);text-decoration:none;transition:background .2s ease,border-color .2s ease;}
.wx-list-row + .wx-list-row{margin-top:8px;}
.wx-list-row:hover{background:var(--wx-red-soft);border-color:var(--wx-line-strong);}
.wx-list-row .wx-list-time{font-size:12.5px;letter-spacing:0.3px;white-space:nowrap;color:var(--wx-muted);}
.wx-list-row .wx-list-title{color:var(--wx-ink-soft);}

/* 笔记卡片 */
.wx-note-card{padding:16px;margin-bottom:12px;border:1px solid var(--wx-line);border-radius:12px;
    background:linear-gradient(135deg,var(--wx-paper),var(--wx-paper-2));}
.wx-note-title{font-size:14px;font-weight:600;color:var(--wx-ink);text-decoration:none;}
.wx-note-title:hover{color:var(--wx-red-text);}
.wx-note-tip{padding:6px 10px;margin-bottom:8px;border-radius:6px;border-left:3px solid var(--wx-gold);
    font-size:13px;line-height:1.6;color:var(--wx-ink-soft);background:var(--wx-gold-soft);}
.wx-note-text{font-size:14px;line-height:1.8;color:var(--wx-ink-soft);overflow-wrap:anywhere;}

/* 优惠券卡片（金额区改朱印，卡面宣纸/白底 + 金线 + 骑缝虚线） */
.wuxia-page .coupon-card{
    background:linear-gradient(135deg,var(--wx-paper),var(--wx-paper-2));
    border:1px solid var(--wx-line);border-radius:14px;box-shadow:var(--wx-panel-shadow);
}
.wuxia-page .coupon-money{
    background:linear-gradient(150deg,var(--wx-seal-hi,#c0392b),var(--wx-seal-lo,#8f1c1c));
    color:var(--wx-seal-text,#ffeede);
}
.wuxia-page .coupon-card.used .coupon-money,
.wuxia-page .coupon-card.expired .coupon-money{background:linear-gradient(150deg,#8d8272,#5f5749);}
.wuxia-page .coupon-info{position:relative;}
.wuxia-page .coupon-info::before{content:'';position:absolute;left:0;top:10px;bottom:10px;border-left:1px dashed var(--wx-line);}
.wuxia-page .coupon-name{color:var(--wx-ink);letter-spacing:0.5px;}
.wuxia-page .coupon-status{color:var(--wx-muted);}

/* ================= 四、通用武侠组件 ================= */
/* 题记面板：页首引言 + 统计签 + 水印 */
.wx-intro{position:relative;overflow:hidden;margin-bottom:18px;padding:18px 20px;border-radius:14px;
    border:1px solid var(--wx-line);background:linear-gradient(180deg,var(--wx-paper),var(--wx-paper-2));
    box-shadow:var(--wx-panel-shadow);}
.wx-intro::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
    background:linear-gradient(180deg,var(--wx-seal-hi,#c0392b),var(--wx-fill-2,var(--wx-gold)) 55%,var(--wx-fill-4,var(--wx-gold-deep)));}
.wx-intro-wm{position:absolute;right:12px;bottom:-20px;font-size:66px;font-weight:700;letter-spacing:8px;
    color:var(--wx-gold);opacity:0.1;pointer-events:none;}
.wx-intro-title{position:relative;z-index:1;margin-bottom:8px;font-size:15.5px;font-weight:700;letter-spacing:3px;color:var(--wx-ink);}
.wx-intro-text{position:relative;z-index:1;font-size:13px;line-height:1.95;color:var(--wx-ink-soft);}
.wx-intro-stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.wx-stat{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:999px;
    border:1px solid var(--wx-line);background:var(--wx-gold-soft);
    font-size:12px;letter-spacing:0.5px;color:var(--wx-gold-text);}
.wx-stat b{font-size:14px;color:var(--wx-red-text);margin:0 1px;}

/* 朱印按钮 */
.wx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
    padding:8px 16px;border-radius:10px;cursor:pointer;font-family:inherit;
    font-size:13px;letter-spacing:1px;line-height:1.2;text-decoration:none;
    border:1px solid var(--wx-line-strong);color:var(--wx-seal-text,#ffeede);
    background:linear-gradient(150deg,var(--wx-seal-hi,#c0392b),var(--wx-seal-lo,#8f1c1c));
    box-shadow:0 4px 12px rgba(var(--wx-seal-rgb,143,28,28),0.26);
    transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;}
.wx-btn:hover{color:var(--wx-seal-text,#ffeede);transform:translateY(-1px);
    box-shadow:0 7px 16px rgba(var(--wx-seal-rgb,143,28,28),0.34);}
.wx-btn:disabled{opacity:0.5;cursor:not-allowed;box-shadow:none;transform:none;}
.wx-btn svg{width:15px;height:15px;flex:0 0 auto;}
.wx-btn--ghost{border-color:var(--wx-line-strong);color:var(--wx-ink-soft);background:transparent;box-shadow:none;}
.wx-btn--ghost:hover{background:var(--wx-red-soft);border-color:var(--wx-seal-hi,#c0392b);color:var(--wx-red-text);box-shadow:none;}
.wx-btn--danger{border-color:rgba(var(--wx-seal-rgb,143,28,28),0.5);color:var(--wx-red-text);background:transparent;box-shadow:none;}
.wx-btn--danger:hover{background:var(--wx-red-soft);border-color:var(--wx-seal-hi,#c0392b);color:var(--wx-red-text);box-shadow:none;}

/* 印章式小标签 */
.wx-tag{display:inline-flex;align-items:center;padding:1px 10px;border-radius:999px;white-space:nowrap;
    font-size:11.5px;letter-spacing:0.5px;
    border:1px solid var(--wx-line);background:var(--wx-gold-soft);color:var(--wx-gold-text);}
.wx-tag--seal{border-color:transparent;color:var(--wx-seal-text,#ffeede);
    background:linear-gradient(150deg,var(--wx-seal-hi,#c0392b),var(--wx-seal-lo,#8f1c1c));}
.wx-tag--muted{border-color:var(--wx-line);background:transparent;color:var(--wx-muted);}

/* 金额 / 强调数值 */
.wx-amount{color:var(--wx-red-text);font-weight:600;letter-spacing:0.3px;}

/* 主题色选择环 */
.wuxia-page .theme-color-item.active{border-color:var(--wx-gold);box-shadow:0 4px 12px rgba(var(--wx-seal-rgb,143,28,28),0.25);}

/* 打卡日历 */
.wuxia-page .checkin-calendar{
    background:linear-gradient(180deg,var(--wx-paper),var(--wx-paper-2));
    border:1px solid var(--wx-line);border-radius:14px;box-shadow:var(--wx-panel-shadow);
}
.wuxia-page .calendar-header span{color:var(--wx-ink);letter-spacing:2px;}
.wuxia-page .calendar-cell{color:var(--wx-ink-soft);border-radius:8px;}
.wuxia-page .calendar-cell.header{color:var(--wx-gold-deep);letter-spacing:1px;}
/* 历史打卡日：淡金纸底（原「今日」配色） */
.wuxia-page .calendar-cell.checked{color:var(--wx-red-text);background:var(--wx-gold-soft);font-weight:700;}
.wuxia-page .calendar-cell.checked::after{content:none;}
/* 今日打卡：朱印实底（原「历史打卡」配色） */
.wuxia-page .calendar-cell.today.checked{
    color:var(--wx-seal-text,#ffeede);font-weight:700;
    background:linear-gradient(150deg,var(--wx-seal-hi,#c0392b),var(--wx-seal-lo,#8f1c1c));
    box-shadow:0 3px 8px rgba(var(--wx-seal-rgb,143,28,28),0.26);
}

/* 表单控件 */
.wuxia-page .form-input,
.wuxia-page .form-input:focus{
    background:var(--wx-paper);border:1px solid var(--wx-line);border-radius:10px;color:var(--wx-ink);
}
.wuxia-page .form-input:focus{border-color:var(--wx-line-strong);box-shadow:0 0 0 3px var(--wx-gold-soft);}
.wuxia-page .form-input::placeholder{color:var(--wx-muted);}
.wuxia-page label{color:var(--wx-ink-soft);}

/* 描边按钮（金色描边，悬停走主题色） */
.wuxia-page .btn-outline{border-color:var(--wx-line-strong);color:var(--wx-ink-soft);}
.wuxia-page .btn-outline:hover{background:var(--wx-red-soft);border-color:var(--wx-red);color:var(--wx-red-text);}

/* 提示文字 */
.wuxia-page .text-light{color:var(--wx-muted);}

@media(max-width:640px){
    .wx-page-title{font-size:18px;letter-spacing:4px;text-indent:4px;}
    .wx-sec-title{font-size:15px;letter-spacing:2px;}
    .wx-intro{padding:14px 16px;}
    .wx-intro-wm{font-size:46px;bottom:-14px;letter-spacing:5px;}
    .wx-intro-title{letter-spacing:2px;}
    .wuxia-page .empty{padding:30px 14px;}
}