/* ============================================================
   深度国风全套主题体系（按星期每日自动轮换）
   覆盖：底纸纹理、顶栏古风渐变底纹、主副色、卡片边框双线/角花、高亮阴影、印章印记
============================================================ */

/* 默认红木雅韵 · 红木沉厚层次 */
:root, .theme-default {
  --ink: #2b2b2b;
  --paper: #f7f4ee;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2760%27%20height%3D%2760%27%20viewBox%3D%270%200%2060%2060%27%3E%20%3Cpath%20d%3D%27M8%208h44v44H8z%20M16%2016h28v28H16z%20M24%2024h12v12H24z%27%20fill%3D%27rgba%28140%2C47%2C40%2C0.035%29%27%20stroke%3D%27rgba%28140%2C47%2C40%2C0.16%29%27%20stroke-width%3D%271.8%27/%3E%20%3Cpath%20d%3D%27M0%2030h8%20M30%200v8%20M52%2030h8%20M30%2052v8%27%20stroke%3D%27rgba%28140%2C47%2C40%2C0.18%29%27%20stroke-width%3D%272%27/%3E%20%3Cpath%20d%3D%27M0%208h8v-8%20M52%200v8h8%20M60%2052h-8v8%20M8%2060v-8h-8%27%20fill%3D%27none%27%20stroke%3D%27rgba%28197%2C157%2C95%2C0.16%29%27%20stroke-width%3D%271.5%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 60px 60px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(197,157,95,0.12), transparent 70%);
  --red: #8c2f28;
  --sub-color: #c59d5f;
  --muted: #7a7a72;
  --line: #e2ddd2;
  --card-bg: #ffffff;
  --card-border: 1px solid var(--line);
  --card-hover-border: #c9a9a5;
  --card-shadow: 0 1px 2px rgba(140,47,40,0.06), 0 6px 16px rgba(140,47,40,0.08);
  --card-hover-shadow: 0 4px 10px rgba(140,47,40,0.12), 0 16px 32px rgba(140,47,40,0.09);
  --hd-bg: linear-gradient(180deg, #fffdf9 0%, #f5efe3 100%);
  --hd-border: 1px solid var(--line);
  --hd-shadow: 0 2px 6px rgba(140,47,40,0.06), 0 8px 20px rgba(140,47,40,0.08);
  --hd-accent: linear-gradient(90deg, transparent, #c59d5f 20%, #8c2f28 50%, #c59d5f 80%, transparent);
  --seal-bg: var(--red);
  --seal-color: #ffffff;
  --seal-border: none;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 3px 8px rgba(140,47,40,0.35);
  --tag-bg: #fdfbf7;
  --tag-border: 1px dashed #c9c2b2;
  --sec-accent: #8c2f28;
}

/* 周日：朱砂宣纸 · 喜庆庄重（熟宣米黄底、朱砂红印、暖金饰边、喜庆典雅） */
.theme-day-1 {
  --ink: #241918;
  --paper: #fbf8f1;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27100%27%20height%3D%2770%27%20viewBox%3D%270%200%20100%2070%27%3E%20%3Cpath%20d%3D%27M18%2042c-8%200-14-5-14-11%200-5%204-10%2010-10%201-7%208-12%2015-12%206%200%2011%203%2014%208%203-3%207-4%2011-4%208%200%2013%205%2013%2011%200%201%200%203-.4%204%205%201%209%205%209%2010%200%206-7%2011-15%2011H18z%27%20fill%3D%27rgba%28192%2C57%2C43%2C0.04%29%27%20stroke%3D%27rgba%28192%2C57%2C43%2C0.18%29%27%20stroke-width%3D%272%27/%3E%20%3Cpath%20d%3D%27M30%2038c-4%200-7-3-7-6%200-3%203-5%205-5%201-4%204-6%208-6%204%200%206%202%208%204%202-2%204-2%206-2%204%200%207%203%207%206%200%201%200%202-.3%202%203%201%205%203%205%206%200%204-4%207-8%207H30z%27%20fill%3D%27rgba%28212%2C172%2C13%2C0.06%29%27%20stroke%3D%27rgba%28212%2C172%2C13%2C0.18%29%27%20stroke-width%3D%271.5%27/%3E%20%3Ccircle%20cx%3D%2785%27%20cy%3D%2715%27%20r%3D%274%27%20fill%3D%27rgba%28192%2C57%2C43%2C0.12%29%27/%3E%20%3Ccircle%20cx%3D%2712%27%20cy%3D%2762%27%20r%3D%273%27%20fill%3D%27rgba%28212%2C172%2C13%2C0.12%29%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 90px 60px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(192,57,43,0.10), transparent 70%);
  --red: #c0392b;
  --sub-color: #d4ac0d;
  --muted: #856a64;
  --line: #e8ded2;
  --card-bg: #fffefa;
  --card-border: 1px solid #ebd8c8;
  --card-hover-border: #c0392b;
  --card-shadow: 0 1px 3px rgba(192,57,43,0.08), 0 8px 20px rgba(192,57,43,0.10);
  --card-hover-shadow: 0 6px 14px rgba(192,57,43,0.16), 0 20px 40px rgba(192,57,43,0.22);
  --hd-bg: linear-gradient(180deg, #fffefe 0%, #f9f2e8 100%);
  --hd-border: 1px solid #e8d0be;
  --hd-shadow: 0 2px 6px rgba(192,57,43,0.08), 0 10px 24px rgba(192,57,43,0.06);
  --hd-accent: linear-gradient(90deg, transparent, #d4ac0d 20%, #c0392b 50%, #d4ac0d 80%, transparent);
  --seal-bg: #c0392b;
  --seal-color: #fffaf0;
  --seal-border: 2px solid #a93226;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 4px 10px rgba(192,57,43,0.4);
  --tag-bg: #fdf3f2;
  --tag-border: 1px solid #f2cfcb;
  --sec-accent: #c0392b;
}

/* 周一：青瓷竹韵 · 清新启程（汝窑天青淡素底、青瓷翠绿、竹简边饰、幽静生机） */
.theme-day-2 {
  --ink: #1c261e;
  --paper: #f3f7f4;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2780%27%20height%3D%2780%27%20viewBox%3D%270%200%2080%2080%27%3E%20%3Cpath%20d%3D%27M20%200v80%20M60%200v80%27%20stroke%3D%27rgba%2844%2C110%2C55%2C0.16%29%27%20stroke-width%3D%272.5%27/%3E%20%3Cpath%20d%3D%27M15%2025h10%20M15%2055h10%20M55%2015h10%20M55%2048h10%27%20stroke%3D%27rgba%2844%2C110%2C55%2C0.24%29%27%20stroke-width%3D%273%27/%3E%20%3Cpath%20d%3D%27M20%2025c12-10%2026-10%2034-3-10%206-22%207-34%203z%20M20%2025c15-4%2024%205%2030%2015-8-4-20-7-30-15z%27%20fill%3D%27rgba%2844%2C110%2C55%2C0.12%29%27%20stroke%3D%27rgba%2844%2C110%2C55%2C0.20%29%27%20stroke-width%3D%271.2%27/%3E%20%3Cpath%20d%3D%27M60%2048c-12-10-26-10-34-3%2010%206%2022%207%2034%203z%20M60%2048c-15-4-24%205-30%2015%208-4%2020-7%2030-15z%27%20fill%3D%27rgba%2844%2C110%2C55%2C0.12%29%27%20stroke%3D%27rgba%2844%2C110%2C55%2C0.20%29%27%20stroke-width%3D%271.2%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 80px 80px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(44,110,55,0.10), transparent 70%);
  --red: #2c6e37;
  --sub-color: #6b9e78;
  --muted: #5e7362;
  --line: #d2e0d5;
  --card-bg: #fcfefc;
  --card-border: 1px solid #d0e0d4;
  --card-hover-border: #2c6e37;
  --card-shadow: 0 1px 3px rgba(44,110,55,0.07), 0 8px 20px rgba(44,110,55,0.09);
  --card-hover-shadow: 0 6px 14px rgba(44,110,55,0.15), 0 20px 40px rgba(44,110,55,0.085);
  --hd-bg: linear-gradient(180deg, #ffffff 0%, #eef6f0 100%);
  --hd-border: 1px solid #cce0d1;
  --hd-shadow: 0 2px 6px rgba(44,110,55,0.07), 0 10px 24px rgba(44,110,55,0.11);
  --hd-accent: linear-gradient(90deg, transparent, #739772 20%, #2c6e37 50%, #739772 80%, transparent);
  --seal-bg: #2c6e37;
  --seal-color: #f2f9f3;
  --seal-border: 2px solid #23592c;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 4px 10px rgba(44,110,55,0.4);
  --tag-bg: #eff7f1;
  --tag-border: 1px solid #c2dfc8;
  --sec-accent: #2c6e37;
}

/* 周二：黛蓝水墨 · 沉静专注（澄浆冷宣浅灰底、青花黛蓝、月白副色、水墨晕染） */
.theme-day-3 {
  --ink: #19222c;
  --paper: #f2f6fa;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2780%27%20height%3D%2760%27%20viewBox%3D%270%200%2080%2060%27%3E%20%3Cpath%20d%3D%27M0%2015q20-16%2040%200t40%200%20M-20%2030q20-16%2040%200t40%200t40%200%20M0%2045q20-16%2040%200t40%200%27%20fill%3D%27none%27%20stroke%3D%27rgba%2844%2C89%2C133%2C0.20%29%27%20stroke-width%3D%272%27/%3E%20%3Cpath%20d%3D%27M10%2018q15-11%2030%200%20M50%2018q15-11%2030%200%20M-10%2033q15-11%2030%200%20M30%2033q15-11%2030%200%27%20fill%3D%27none%27%20stroke%3D%27rgba%28143%2C174%2C200%2C0.18%29%27%20stroke-width%3D%271.5%27/%3E%20%3Ccircle%20cx%3D%2740%27%20cy%3D%2710%27%20r%3D%273%27%20fill%3D%27rgba%2844%2C89%2C133%2C0.14%29%27/%3E%20%3Ccircle%20cx%3D%2720%27%20cy%3D%2740%27%20r%3D%272.5%27%20fill%3D%27rgba%2844%2C89%2C133%2C0.14%29%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 80px 60px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(44,89,133,0.10), transparent 70%);
  --red: #2c5985;
  --sub-color: #8faec8;
  --muted: #5d6e7f;
  --line: #d1dde8;
  --card-bg: #fbfcff;
  --card-border: 1px solid #cfdbe6;
  --card-hover-border: #2c5985;
  --card-shadow: 0 1px 3px rgba(44,89,133,0.08), 0 8px 20px rgba(44,89,133,0.10);
  --card-hover-shadow: 0 6px 14px rgba(44,89,133,0.16), 0 20px 40px rgba(44,89,133,0.22);
  --hd-bg: linear-gradient(180deg, #ffffff 0%, #edf3f9 100%);
  --hd-border: 1px solid #c9d8e6;
  --hd-shadow: 0 2px 6px rgba(44,89,133,0.08), 0 10px 24px rgba(44,89,133,0.12);
  --hd-accent: linear-gradient(90deg, transparent, #8faec8 20%, #2c5985 50%, #8faec8 80%, transparent);
  --seal-bg: #2c5985;
  --seal-color: #f0f6fc;
  --seal-border: 2px solid #224567;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 4px 10px rgba(44,89,133,0.4);
  --tag-bg: #eef5fb;
  --tag-border: 1px solid #c5dbed;
  --sec-accent: #2c5985;
}

/* 周三：琥珀檀香 · 明亮温暖（泥金暖黄底、金石阳刻琥珀黄、古檀副色、云雷温润） */
.theme-day-4 {
  --ink: #2b2318;
  --paper: #faf5ea;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2770%27%20height%3D%2770%27%20viewBox%3D%270%200%2070%2070%27%3E%20%3Cpath%20d%3D%27M8%2035c0-14%2012-25%2027-25s27%2011%2027%2025-12%2025-27%2025H16%27%20fill%3D%27none%27%20stroke%3D%27rgba%28184%2C134%2C11%2C0.20%29%27%20stroke-width%3D%272%27/%3E%20%3Cpath%20d%3D%27M18%2035c0-9%207-16%2017-16s17%207%2017%2016-7%2016-17%2016h-7%27%20fill%3D%27none%27%20stroke%3D%27rgba%28139%2C90%2C43%2C0.18%29%27%20stroke-width%3D%271.6%27/%3E%20%3Cpath%20d%3D%27M0%200h18v6H6v12H0z%20M70%200h-18v6h12v12h6z%20M70%2070h-18v-6h12v-12h6z%20M0%2070h18v-6H6v-12H0z%27%20fill%3D%27rgba%28184%2C134%2C11%2C0.14%29%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 70px 70px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(184,134,11,0.10), transparent 70%);
  --red: #b8860b;
  --sub-color: #8b5a2b;
  --muted: #7d6b52;
  --line: #e8ddc8;
  --card-bg: #fefdf9;
  --card-border: 1px solid #e8dbbe;
  --card-hover-border: #b8860b;
  --card-shadow: 0 1px 3px rgba(184,134,11,0.08), 0 8px 20px rgba(184,134,11,0.10);
  --card-hover-shadow: 0 6px 14px rgba(184,134,11,0.16), 0 20px 40px rgba(184,134,11,0.22);
  --hd-bg: linear-gradient(180deg, #ffffff 0%, #f9f3e3 100%);
  --hd-border: 1px solid #e5d5b7;
  --hd-shadow: 0 2px 6px rgba(184,134,11,0.08), 0 10px 24px rgba(184,134,11,0.12);
  --hd-accent: linear-gradient(90deg, transparent, #d4ac0d 20%, #b8860b 50%, #d4ac0d 80%, transparent);
  --seal-bg: #b8860b;
  --seal-color: #fffdf5;
  --seal-border: 2px solid #997009;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 4px 10px rgba(184,134,11,0.4);
  --tag-bg: #fcf7e8;
  --tag-border: 1px solid #ebd9a9;
  --sec-accent: #b8860b;
}

/* 周四：紫檀雅集 · 典雅神秘（洒金玉扣淡紫底、尊贵紫檀主色、香芋灰配饰、流水古雅） */
.theme-day-5 {
  --ink: #261a28;
  --paper: #f8f4f9;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2764%27%20height%3D%2764%27%20viewBox%3D%270%200%2064%2064%27%3E%20%3Cpath%20d%3D%27M32%200v24h8v-8h16v16h-8v8h16v8h-24v-8h-8v8H16v-16h8v-8H8V16h24V8h-8V0h8z%27%20fill%3D%27rgba%28108%2C76%2C123%2C0.04%29%27%20stroke%3D%27rgba%28108%2C76%2C123%2C0.18%29%27%20stroke-width%3D%271.8%27/%3E%20%3Cpath%20d%3D%27M0%2032h16v8H8v16h16v-8h8v16%27%20fill%3D%27none%27%20stroke%3D%27rgba%28168%2C144%2C176%2C0.16%29%27%20stroke-width%3D%271.5%27/%3E%20%3Ccircle%20cx%3D%2740%27%20cy%3D%2740%27%20r%3D%273%27%20fill%3D%27rgba%28108%2C76%2C123%2C0.12%29%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 64px 64px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(108,76,123,0.10), transparent 70%);
  --red: #6c4c7b;
  --sub-color: #a890b0;
  --muted: #745f7a;
  --line: #ded3e2;
  --card-bg: #fdfbfc;
  --card-border: 1px solid #ded0e2;
  --card-hover-border: #6c4c7b;
  --card-shadow: 0 1px 3px rgba(108,76,123,0.08), 0 8px 20px rgba(108,76,123,0.10);
  --card-hover-shadow: 0 6px 14px rgba(108,76,123,0.16), 0 20px 40px rgba(108,76,123,0.22);
  --hd-bg: linear-gradient(180deg, #ffffff 0%, #f4ecf6 100%);
  --hd-border: 1px solid #dacae0;
  --hd-shadow: 0 2px 6px rgba(108,76,123,0.08), 0 10px 24px rgba(108,76,123,0.06);
  --hd-accent: linear-gradient(90deg, transparent, #a890b0 20%, #6c4c7b 50%, #a890b0 80%, transparent);
  --seal-bg: #6c4c7b;
  --seal-color: #faf5fb;
  --seal-border: 2px solid #543b60;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 4px 10px rgba(108,76,123,0.4);
  --tag-bg: #f8f0fa;
  --tag-border: 1px solid #dfcbe4;
  --sec-accent: #6c4c7b;
}

/* 周五：胭脂画卷 · 轻快愉悦（桃花浅粉柔润底、胭脂绛红印、珊瑚粉衬边、妆容画意） */
.theme-day-6 {
  --ink: #281a1e;
  --paper: #fdf5f7;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2780%27%20height%3D%2780%27%20viewBox%3D%270%200%2080%2080%27%3E%20%3Cpath%20d%3D%27M8%2072c16-6%2028-22%2022-38s-22-16-22-6c0%209%2011%2014%2020%207%2011-9%2017-24%2033-28%2014-4%2022%206%2020%2016-3%2014-18%2016-24%209%27%20fill%3D%27none%27%20stroke%3D%27rgba%28192%2C80%2C107%2C0.20%29%27%20stroke-width%3D%272%27/%3E%20%3Cpath%20d%3D%27M60%2060c-9-3-14-9-12-16%203-7%2012-7%2016-2%206%206%202%2014-4%2018z%20M20%2020c-6-3-8-7-6-12%202-5%208-5%2012-1%205%205%202%2011-6%2013z%27%20fill%3D%27rgba%28192%2C80%2C107%2C0.14%29%27%20stroke%3D%27rgba%28192%2C80%2C107%2C0.16%29%27%20stroke-width%3D%271%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 80px 80px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(192,80,107,0.10), transparent 70%);
  --red: #c0506b;
  --sub-color: #d98293;
  --muted: #7f5c64;
  --line: #ebd6dc;
  --card-bg: #fffbfa;
  --card-border: 1px solid #ebd4da;
  --card-hover-border: #c0506b;
  --card-shadow: 0 1px 3px rgba(192,80,107,0.08), 0 8px 20px rgba(192,80,107,0.10);
  --card-hover-shadow: 0 6px 14px rgba(192,80,107,0.075), 0 20px 40px rgba(192,80,107,0.22);
  --hd-bg: linear-gradient(180deg, #ffffff 0%, #faeef1 100%);
  --hd-border: 1px solid #eecad3;
  --hd-shadow: 0 2px 6px rgba(192,80,107,0.08), 0 10px 24px rgba(192,80,107,0.12);
  --hd-accent: linear-gradient(90deg, transparent, #d98293 20%, #c0506b 50%, #d98293 80%, transparent);
  --seal-bg: #c0506b;
  --seal-color: #fff5f7;
  --seal-border: 2px solid #a33e55;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 4px 10px rgba(192,80,107,0.4);
  --tag-bg: #fdf0f3;
  --tag-border: 1px solid #f2cbd4;
  --sec-accent: #c0506b;
}

/* 周六：墨黛金石 · 沉稳周末（汉印金石浅石底、墨黛主色、青灰衬底、碑拓古韵） */
.theme-day-7 {
  --ink: #1e252c;
  --paper: #f2f4f7;
  --paper-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2790%27%20height%3D%2790%27%20viewBox%3D%270%200%2090%2090%27%3E%20%3Cpath%20d%3D%27M0%200l35%2025-15%2035%2025%2030%20M35%2025l40-10%2015%2035-25%2015%20M20%2060l50-5%20M45%200l-10%2025%20M75%2015l15-15%20M90%2050l-25%2025%27%20fill%3D%27none%27%20stroke%3D%27rgba%2852%2C73%2C94%2C0.20%29%27%20stroke-width%3D%271.8%27/%3E%20%3Cpath%20d%3D%27M12%2012h14v14H12z%20M64%2064h14v14H64z%27%20fill%3D%27rgba%2852%2C73%2C94%2C0.14%29%27%20stroke%3D%27rgba%2852%2C73%2C94%2C0.20%29%27%20stroke-width%3D%271.5%27/%3E%20%3C/svg%3E");
  --paper-pattern-size: 90px 90px;
  --paper-glow: radial-gradient(120% 60% at 50% -10%, rgba(52,73,94,0.10), transparent 70%);
  --red: #34495e;
  --sub-color: #7f8c8d;
  --muted: #5e6b77;
  --line: #d1d9e2;
  --card-bg: #fbfcfd;
  --card-border: 1px solid #cfd7e0;
  --card-hover-border: #34495e;
  --card-shadow: 0 1px 3px rgba(52,73,94,0.08), 0 8px 20px rgba(52,73,94,0.10);
  --card-hover-shadow: 0 6px 14px rgba(52,73,94,0.16), 0 20px 40px rgba(52,73,94,0.22);
  --hd-bg: linear-gradient(180deg, #ffffff 0%, #edf1f5 100%);
  --hd-border: 1px solid #c9d2dc;
  --hd-shadow: 0 2px 6px rgba(52,73,94,0.08), 0 10px 24px rgba(52,73,94,0.12);
  --hd-accent: linear-gradient(90deg, transparent, #7f8c8d 20%, #34495e 50%, #7f8c8d 80%, transparent);
  --seal-bg: #34495e;
  --seal-color: #f5f8fa;
  --seal-border: 2px solid #243342;
  --seal-shadow: inset 0 1px 2px rgba(255,255,255,0.25), 0 4px 10px rgba(52,73,94,0.4);
  --tag-bg: #edf1f6;
  --tag-border: 1px solid #c8d3df;
  --sec-accent: #34495e;
}



*, *::before, *::after{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden;max-width:100%}
body{overflow-x:hidden;max-width:100%;font-family:"Source Han Serif SC","Songti SC","SimSun",serif;background-color:var(--paper);background-image:var(--paper-glow), var(--paper-pattern);background-size:100% 100%, var(--paper-pattern-size);background-repeat:no-repeat, repeat;color:var(--ink);font-size:15px;line-height:1.7;transition:background-color .3s, color .3s}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--ink);text-decoration:none} a:hover{color:var(--red)}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
/* 顶栏 */
.hd{border-bottom:var(--hd-border);background:var(--hd-bg);position:sticky;top:0;z-index:50;box-shadow:var(--hd-shadow)}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--hd-accent);opacity:.7}
.hd .bar{display:flex;align-items:center;gap:20px;height:60px}
.logo{display:flex;align-items:center;gap:10px}
.seal{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:var(--seal-bg);color:var(--seal-color);border:var(--seal-border);box-shadow:var(--seal-shadow);border-radius:4px;font-size:18px;font-family:KaiTi,"STKaiti",serif;font-weight:bold}
.logo b{font-family:KaiTi,"STKaiti",serif;font-size:19px}
.logo small{display:block;font-size:11px;color:var(--muted);font-weight:normal}
.nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.nav a{padding:6px 13px;border-radius:4px;font-size:14.5px;color:var(--ink);font-weight:600;transition:all .15s}
.nav a:hover,.nav a.on{background:var(--red,#8c2f28) !important;color:#ffffff !important;box-shadow:0 1px 3px rgba(140,47,40,.3)}
.sch{display:flex;gap:4px}
.sch input{border:1px solid var(--line);background:#fff;padding:7px 8px;width:85px;border-radius:3px;font-size:13px;transition:width .2s}
.sch input:focus{width:110px}
.sch button{background:var(--red);color:#fff;border:0;padding:7px 10px;border-radius:3px;cursor:pointer;font-size:13px}
.mode-tag{font-size:12px;color:var(--muted);border:1px dashed var(--line);padding:3px 8px;border-radius:3px}
.main{padding:26px 0}
/* ============================================================
   文字导航与标题强化显示（宣纸底衬隔离底层纹样，彻底杜绝眼花）
============================================================ */
.crumb{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(255,253,249,0.96);
  backdrop-filter:blur(3px);
  border:1px solid var(--line);
  border-radius:99px;
  padding:4px 14px;
  margin-bottom:14px;
  box-shadow:0 1px 3px rgba(0,0,0,0.03);
  font-size:13px;
  color:var(--ink);
}
.crumb a{color:var(--red);font-weight:600}
.crumb a:hover{text-decoration:underline}

h1.pt{
  display:table;
  font-family:KaiTi,"STKaiti",serif;
  font-size:26px;
  font-weight:bold;
  color:var(--ink);
  margin-bottom:8px;
  background:rgba(255,253,249,0.96);
  backdrop-filter:blur(3px);
  border-left:4px solid var(--red);
  border-radius:0 6px 6px 0;
  padding:5px 18px 5px 12px;
  box-shadow:0 1px 4px rgba(0,0,0,0.04);
}

.sub{
  display:table;
  font-size:13.5px;
  color:#4a4a45;
  font-weight:500;
  background:rgba(255,253,249,0.94);
  backdrop-filter:blur(3px);
  border:1px dashed var(--line);
  border-radius:4px;
  padding:4px 14px;
  margin-bottom:20px;
  clear:both;
}

/* 首页及全局栏目标题条（热门剧种、最新戏曲等）强化底衬 */
.sec-hd, .main > div[style*="justify-content:space-between"]{
  background:rgba(255,253,249,0.96) !important;
  backdrop-filter:blur(3px) !important;
  border:1px solid var(--line) !important;
  border-left:4px solid var(--red) !important;
  border-radius:6px !important;
  padding:10px 16px !important;
  margin-bottom:14px !important;
  box-shadow:0 1px 4px rgba(0,0,0,0.03) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
}
.sec-hd h2, .main > div[style*="justify-content:space-between"] h2{
  font-family:KaiTi,"STKaiti",serif !important;
  font-size:19px !important;
  font-weight:bold !important;
  color:var(--ink) !important;
  margin:0 !important;
  padding-left:0 !important;
}
.sec-hd h2::before, .main > div[style*="justify-content:space-between"] h2::before{
  display:none !important;
}
.sec-hd .sec-tip, .main > div[style*="justify-content:space-between"] span{
  font-size:12.5px !important;
  color:#666 !important;
  margin-left:8px !important;
  font-weight:normal !important;
}
.sec-hd .sec-more, .main > div[style*="justify-content:space-between"] a{
  font-size:13px !important;
  color:var(--red) !important;
  font-weight:bold !important;
}
.sec-hd .sec-more:hover, .main > div[style*="justify-content:space-between"] a:hover{
  text-decoration:underline !important;
}
.main h2{position:relative;padding-left:14px;margin-bottom:14px}
.main h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--sec-accent);border-radius:2px;box-shadow:0 0 6px var(--sec-accent)}
.divider{height:1px;background:linear-gradient(90deg,transparent,#c9c2b2,transparent);margin:24px 0}
/* 卡片与列表 */
.card{background:var(--card-bg);border:var(--card-border);box-shadow:var(--card-shadow);border-radius:6px;padding:18px;margin-bottom:14px;transition:all .25s ease;position:relative}
.card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(-3px)}
.row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.row h3{font-size:16px;margin-bottom:6px}
.row .meta{font-size:12px;color:var(--muted);white-space:nowrap;text-align:right}
.intro{font-size:13px;color:#666;margin-bottom:8px}
/* 自由设置网格列数类（由后台布局配置控制） */
.grid-cols-1{grid-template-columns:1fr !important}
.grid-cols-2{grid-template-columns:repeat(2,1fr) !important}
.grid-cols-3{grid-template-columns:repeat(3,1fr) !important}
.grid-cols-4{grid-template-columns:repeat(4,1fr) !important}
.grid-cols-5{grid-template-columns:repeat(5,1fr) !important}
.grid-cols-6{grid-template-columns:repeat(6,1fr) !important}

/* 双列卡片网格 */
.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card-grid-2 .card{margin-bottom:0;display:flex;flex-direction:column}
/* 作者库网格：桌面端1行4列，间距14px */
.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.author-grid .card{margin-bottom:0;display:flex;flex-direction:column;padding:14px}
.pack-item-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pack-item-list .card{margin-bottom:0}

.pack-title-pc{display:inline}

.pack-title-m{display:none}
.card-grid-2 .card h3{font-family:KaiTi,serif;font-size:17px;margin-bottom:8px;line-height:1.4}
.card-grid-2 .card .intro{flex:1;font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}
.card-grid-2 .card .meta-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto;font-size:13px;color:var(--muted)}
.card-grid-2 .card .meta-row a{color:var(--muted)}
.card-grid-2 .card .meta-row .badge{background:#eee8dc;color:#6b6455}
/* 徽章与标签 */
.badge{display:inline-block;background:#eee8dc;color:#6b6455;font-size:12px;padding:2px 8px;border-radius:3px;margin-right:6px}
.badge.pack-badge{background:var(--red);color:#fff}
.tag{display:inline-block;background:var(--tag-bg);border:var(--tag-border);color:var(--muted);font-size:12px;padding:2px 10px;border-radius:99px;margin:0;transition:all .2s;white-space:nowrap}
.tag:hover{border-color:var(--red);color:var(--red)}
.tag-author{background:#fcf0ee;border-color:#ebd1cb;color:#8a4336}
.tag-author:hover{background:#f7e2dd;border-color:#d8b3ac;color:#6e2f25}
.filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;font-size:13px}
.filter a{border:1px solid var(--line);padding:5px 12px;border-radius:3px;color:#555}
.filter a.on,.filter a:hover{border-color:var(--red);color:var(--red)}
.filter a.tagv{border-style:dashed;border-radius:99px;transition:all .15s}
.filter a.tagv.on,.filter a.tagv.active{border-style:solid;border-color:var(--red);background:var(--red);color:#fff;font-weight:bold;box-shadow:0 2px 6px rgba(138,43,36,.25)}
.filter a.tagv.on span,.filter a.tagv.active span{color:#fff;opacity:.9}
/* 图片 */
.imgs{position:relative;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#000}
.imgs img.mainimg{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.imgs .num{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:2px 10px;border-radius:99px}
.imgs button.arr{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,253,249,.85);border:0;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:16px}
.imgs .prev{left:10px}.imgs .next{right:10px}
.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.thumbs img{width:84px;height:60px;object-fit:cover;border-radius:3px;cursor:pointer;opacity:.7;border:2px solid transparent}
.thumbs img.on{opacity:1;border-color:var(--red)}
/* 分页 */
.pager{display:flex;gap:6px;justify-content:center;margin:26px 0;flex-wrap:wrap}
.pager a,.pager strong,.pager span{padding:6px 13px;border:1px solid var(--line);border-radius:3px;font-size:13px;background:#fffdf9}
.pager strong.cur{background:var(--red);color:#fff;border-color:var(--red)}
.pager .dots{border:0;background:none}
/* 网盘 */
.pan{display:flex;gap:14px;flex-wrap:wrap}
.pan .p{flex:1;min-width:240px;border:1px dashed var(--line);border-radius:5px;padding:14px;background:#fffdf9}
.pan .p b{font-family:KaiTi,serif}
.pan a.btn-dl{display:block;text-align:center;background:var(--red);color:#fff;padding:9px;margin-top:10px;border-radius:3px;font-size:14px}
.pan a.btn-dl.pan-quark{background:#7c3aed}
.pan a.btn-dl.pan-cheng{background:#0891b2}
.pan a.btn-dl.pan-baidu{background:#2563eb}
.pan a.btn-dl.pan-lanzou{background:#0ea5e9}
.pan a.btn-dl.pan-ali{background:#ea580c}
.pan a.btn-dl.pan-default{background:var(--red)}
.pan .code{font-family:Consolas,monospace;background:#eee8dc;padding:1px 7px;border-radius:3px}
/* 资源信息卡 */
.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}
.meta-item{background:#fff;border:1px dashed var(--line);border-radius:6px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .15s,border-color .15s;display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.meta-item:hover{border-color:var(--primary);transform:translateY(-1px)}
.meta-label{font-size:13px;color:var(--muted);white-space:nowrap}
.meta-label::after{content:"："}
.meta-value{font-size:15px;font-weight:600;color:var(--foreground);font-family:KaiTi,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 打包下载 */
.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px}
.pack-card{display:flex;flex-direction:row;background:#fffdf9;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:all .15s}
.pack-card:hover{border-color:var(--card-hover-border);transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}
.pack-cover{width:150px;min-height:140px;background:#eee8dc;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.pack-cover img{width:100%;height:100%;object-fit:cover}
.pack-seal{width:56px;height:56px;background:var(--red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:KaiTi,serif;font-size:22px}
.pack-body{padding:18px;flex:1;min-width:0;display:flex;flex-direction:column;background:transparent}
.pack-body h3{font-family:KaiTi,serif;font-size:18px;margin-bottom:8px}
.pack-body .intro{font-size:14px;color:#666;line-height:1.65;margin-bottom:14px;flex:1}
.pack-body .pack-meta{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pack-header{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.pack-cover-lg{width:220px;height:280px;flex-shrink:0;background:#eee8dc;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pack-cover-lg img{width:100%;height:100%;object-fit:cover}
.pack-seal-lg{width:100px;height:100px;background:var(--red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:KaiTi,serif;font-size:48px}
.pack-info{flex:1;min-width:280px}
.download-box{margin-top:18px;border:1px dashed var(--line);border-radius:5px;padding:14px;background:#fffdf9}
.download-box .btn{display:inline-block;background:var(--red);color:#fff;padding:8px 20px;border-radius:3px;margin-top:8px}
/* 统计条 */
.stats{display:flex;gap:30px;flex-wrap:wrap}
.stats dt{font-size:12px;color:var(--muted)}
.stats dd{font-size:20px;font-weight:bold}
/* 简易条形图（作者统计，纯 CSS） */
.barchart{display:flex;align-items:flex-end;gap:18px;height:180px;padding:10px 4px 0}
.barchart .bc{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.barchart .bar{width:70%;background:linear-gradient(180deg,#a8524b,var(--red));border-radius:3px 3px 0 0}
.barchart .bn{font-size:12px;color:var(--muted)}
.barchart .bv{font-size:12px;color:var(--ink)}
/* 页脚 */
.ft{border-top:1px solid var(--line);margin-top:40px;padding:22px 0;text-align:center;font-size:13px;color:var(--muted);background:#fffdf9}
.ft .seal{width:26px;height:26px;font-size:13px}
/* 提示 */
.empty{padding:60px;text-align:center;color:var(--muted)}
.msg{padding:10px 14px;border-radius:4px;margin:10px 0;font-size:14px}
.msg.ok{background:#eef7ee;color:#2c6e37}.msg.err{background:#fdeceb;color:#a33025}
.author-header-card{padding:24px;display:flex;align-items:flex-start;gap:24px}
.author-header-left{flex:0 0 340px;min-width:280px}
.author-header-right{flex:1;min-width:0;border-left:1px dashed var(--line);padding-left:24px}
.author-intro-body{line-height:1.8;color:#555;font-size:14px;white-space:pre-wrap;max-height:160px;overflow-y:auto;padding-right:6px}

.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:8px;margin-bottom:8px}
.cat-row{display:contents}
.cat-scroll-hint{display:none}
.cat-chip{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#fffdf9;border:1px solid var(--line);border-radius:4px;padding:9px 12px;transition:all .15s}
.cat-chip:hover{border-color:var(--red);background:#faf5ee;transform:translateY(-1px);color:var(--red)}
.cat-chip b{font-family:KaiTi,serif;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-chip:hover b{color:var(--red)}
.cat-chip .cnt{font-size:11px;color:var(--muted);background:#f2ede4;padding:1px 6px;border-radius:10px;white-space:nowrap;font-family:sans-serif}
.cat-chip:hover .cnt{background:#eadcd8;color:var(--red)}

/* 首页介绍卡片三个快捷按钮（桌面端自然横排，移动端等宽平分单行不换行） */
.hero-btn-row{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:nowrap}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fffdf9;color:var(--ink);padding:9px 20px;border-radius:3px;font-size:14px;white-space:nowrap;transition:all .15s;text-align:center}
.hero-btn:hover{border-color:var(--red);color:var(--red);background:#faf5ee}

@media(max-width:760px){
  /* 移动端基础外边距与内边距紧凑适配 */
  .wrap{padding:0 12px}
  .main{padding:14px 0}
  .crumb{margin-bottom:10px;font-size:12px}
  .card{padding:14px;margin-bottom:12px;border-radius:6px}

  /* 首页介绍卡片快捷按钮在移动端单行不换行、三等分自适应 */
  .hero-btn-row{display:flex !important;flex-wrap:nowrap !important;gap:6px !important;margin-top:14px !important;width:100% !important}
  .hero-btn{flex:1 1 0 !important;min-width:0 !important;padding:8px 2px !important;font-size:13px !important;white-space:nowrap !important;text-align:center !important;justify-content:center !important}

  .cat-grid{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;gap:0;padding-bottom:2px}
  .cat-grid::-webkit-scrollbar{display:none}
  .cat-row{display:flex;gap:6px;width:max-content;margin-bottom:6px;scroll-snap-align:start}
  .cat-chip{padding:7px 11px;flex:0 0 auto}
  .cat-chip b{font-size:14px;overflow:visible}
  .cat-chip .cnt{font-size:10px;padding:0 5px}
  .cat-scroll-hint{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:2px}

  /* 顶栏移动端导航适配，避免挤压或错位 */
  .hd{overflow-x:hidden !important;max-width:100% !important}
  .hd .bar{display:flex !important;justify-content:flex-start !important;align-items:center !important;height:auto !important;padding:8px 8px !important;gap:0 !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important}
  .hd .bar::-webkit-scrollbar{display:none !important}
  .hd .logo{display:none !important}
  .hd .sch{display:none !important}
  .mode-tag{display:none !important}
  /* 搜索页内搜索框在移动端显示并占满 */
  .sch-page{display:flex !important;width:100%;gap:8px !important}
  .sch-page input{flex:1 1 auto !important;width:auto !important;min-width:0 !important}
  .sch-page button{flex-shrink:0 !important}
  .nav{margin:0 !important;width:max-content !important;max-width:none !important;display:flex !important;justify-content:flex-start !important;align-items:center !important;gap:4px !important;flex-wrap:nowrap !important;padding-right:8px !important}
  .nav a{padding:6px 10px !important;font-size:13.5px !important;white-space:nowrap !important;flex-shrink:0 !important}

  /* 作者详情页头部移动端全自适应 */
  .author-header-card{flex-direction:column;padding:16px 14px;gap:14px;margin-bottom:14px}
  .author-header-left{flex:1 1 100%;min-width:0;width:100%}
  .author-header-left .pt{font-size:20px}
  .author-header-left .stats{display:grid !important;grid-template-columns:repeat(2, 1fr) !important;gap:8px !important;margin-top:14px !important}
  .author-header-left .stats div{flex:1;text-align:center;background:#faf7f0;padding:8px 4px;border-radius:4px;border:1px solid #ebe5d8}
  .author-header-left .stats dt{font-size:11px;color:var(--muted);margin-bottom:2px}
  .author-header-left .stats dd{font-size:15px;font-weight:bold;color:var(--ink)}

  /* 作者简介右侧区块在移动端自适应平滑衔接 */
  .author-header-right{width:100%;border-left:0;border-top:1px dashed var(--line);padding-left:0;padding-top:12px;margin-top:0}
  .author-intro-body{max-height:none;overflow-y:visible;padding-right:0;font-size:13px;line-height:1.75;color:#444}

  /* 作品列表卡片在移动端单列整齐排列 */
  .card-grid-2{grid-template-columns:1fr;gap:10px}
  .grid-cols-1{grid-template-columns:1fr !important;gap:10px !important}
    /* 移动端卡片网格单列显示，避免作品卡片内按钮与长标题被挤压撑破 */
  .card-grid-2,
  .grid-cols-1,
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4,
  .grid-cols-5,
  .grid-cols-6 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  /* 作者库列表专用网格：平板或稍宽手机2列，极窄手机自适应优雅流式 */
  .author-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  @media (max-width: 360px) {
    .author-grid {
      grid-template-columns: 1fr !important;
    }
  }
  .author-grid .card {
    padding: 12px 10px !important;
    box-sizing: border-box !important;
  }
  .author-grid .card .seal {
    width: 32px !important;
    height: 32px !important;
    font-size: 15px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
  }
  .author-grid .card h3 {
    font-size: 15px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .author-grid .card .tag {
    font-size: 11px !important;
    padding: 2px 6px !important;
    margin: 2px 3px 2px 0 !important;
  }
  .author-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .card-grid-2 .card{padding:14px}
  .card-grid-2 .card h3{font-size:16px;margin-bottom:6px}
  .card-grid-2 .card .intro{font-size:13px;line-height:1.6;margin-bottom:8px}
  .card-grid-2 .card .meta-row{font-size:12px;gap:6px}

  .divider{margin:14px 0}
  .pack-grid{grid-template-columns:1fr}
  .pack-card{flex-direction:column}
  .pack-cover{width:100%;height:160px}
  .pack-header{justify-content:center}
  .pack-cover-lg{width:140px;height:180px}
  .pack-seal-lg{width:64px;height:64px;font-size:32px}
  .pack-item-list{grid-template-columns:1fr}

  .pack-title-pc{display:none !important}

  .pack-title-m{display:inline !important}

  /* 七曜悬浮切换器移动端防溢出适配 */
  .qiyao-widget{right:12px !important;bottom:16px !important}
  .qiyao-trigger{padding:4px 10px 4px 5px !important}
  .qiyao-trigger-seal{width:24px !important;height:24px !important;font-size:12px !important}
  .qiyao-trigger-text{font-size:12px !important}
  .qiyao-panel{width:calc(100vw - 24px) !important;max-width:320px !important;right:0 !important;bottom:42px !important;padding:12px !important}
  .qiyao-list{gap:4px !important}
  .qiyao-circle{width:28px !important;height:28px !important;font-size:12px !important}
  .qiyao-name{font-size:10px !important}
  .qiyao-desc{font-size:11px !important;padding:8px 10px !important}

  /* 通用容器防横向溢出 */
  .wrap{max-width:100% !important;overflow-x:hidden !important;box-sizing:border-box !important}
  .card{max-width:100% !important;box-sizing:border-box !important;overflow-wrap:break-word !important;word-break:break-word !important}
  .pack-body{max-width:100% !important;box-sizing:border-box !important}

  /* 详情页与各类双列容器在移动端彻底解除固定min-width */
  div[style*="min-width:300px"], div[style*="min-width:280px"], div[style*="min-width:260px"], div[style*="min-width:240px"] {
    min-width: 0 !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
  }
  .pack-info{min-width:0 !important;width:100% !important}
  .pack-header{flex-direction:column !important;gap:12px !important}

  .meta-grid{grid-template-columns:1fr !important}
  .pan{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:8px !important;width:100% !important}
  .pan .p{min-width:0 !important;width:auto !important;flex:1 1 0 !important;box-sizing:border-box !important}
}
/* 通用操作按钮优化（确保高对比度、清晰不发乌） */
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red,#8c2f28) !important;color:#ffffff !important;border:1px solid transparent;border-radius:4px;font-weight:bold;text-decoration:none !important;box-shadow:0 1px 3px rgba(140,47,40,.2);transition:all .15s}
.btn:hover{background:#a3372f !important;color:#ffffff !important;box-shadow:0 2px 6px rgba(140,47,40,.35)}
.btn2{display:inline-flex;align-items:center;justify-content:center;background:#fffdf9 !important;color:var(--red,#8c2f28) !important;border:1px solid var(--red,#8c2f28) !important;border-radius:4px;font-weight:500;text-decoration:none !important;transition:all .15s}
.btn2:hover{background:#fdf2f0 !important;color:#a3372f !important;border-color:#a3372f !important}
/* 相关打包下载 CTA：主色/渐变/阴影均从主题变量 --red 派生，自动跟随「每日主题」切换 */
.pack-cta{display:inline-flex;align-items:center;gap:8px;background:var(--red);background-image:linear-gradient(135deg,var(--red),color-mix(in srgb,var(--red) 78%,#ffffff));color:#fff !important;padding:10px 22px;border-radius:4px;font-size:14.5px;font-weight:700;letter-spacing:.5px;text-decoration:none;border:1px solid rgba(0,0,0,.18);box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px color-mix(in srgb,var(--red) 35%,transparent);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.pack-cta:hover{transform:translateY(-2px);filter:brightness(1.06);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.28);box-shadow:0 6px 16px color-mix(in srgb,var(--red) 45%,transparent)}
.pack-cta svg{width:16px;height:16px;flex:0 0 auto}

/* ============================================================
   七曜古韵 · 每日轮换悬浮切换器组件样式
============================================================ */
.qiyao-widget {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 99999;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  user-select: none;
}

/* 悬浮胶囊按钮 */
.qiyao-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--card-bg, #ffffff);
  border: 1.5px solid var(--red, #8c2f28);
  box-shadow: 0 4px 16px rgba(0,0,0,0.14);
  border-radius: 999px;
  padding: 5px 14px 5px 6px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  color: var(--ink, #2b2b2b);
}
.qiyao-trigger:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.18);
  border-color: var(--red, #8c2f28);
}
.qiyao-trigger-seal {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  background: var(--seal-bg, var(--red, #8c2f28));
  color: var(--seal-color, #ffffff);
  border-radius: 50%;
  font-family: KaiTi, "STKaiti", serif;
  font-size: 14px;
  font-weight: bold;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
}
.qiyao-trigger-text {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

/* 展开的浮窗面板 */
.qiyao-panel {
  display: none;
  position: absolute;
  right: 0;
  bottom: 46px;
  width: 320px;
  background: #ffffff;
  background: var(--card-bg, #ffffff);
  border: 1.5px solid var(--line, #e2ddd2);
  border-radius: 10px;
  box-shadow: 0 10px 32px rgba(0,0,0,0.18);
  padding: 16px;
  box-sizing: border-box;
  animation: qiyaoFadeIn .2s ease forwards;
}
.qiyao-panel.show {
  display: block;
}
@keyframes qiyaoFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 浮窗顶部标题栏 */
.qiyao-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--line, #e2ddd2);
}
.qiyao-title {
  font-family: KaiTi, "STKaiti", serif;
  font-size: 16px;
  font-weight: bold;
  color: var(--ink, #2b2b2b);
  display: flex;
  align-items: center;
  gap: 6px;
}
.qiyao-badge {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 99px;
  font-weight: normal;
}
.qiyao-badge.auto {
  background: #fdf2e9;
  color: #b9770e;
  border: 1px solid #fad7a0;
}
.qiyao-badge.manual {
  background: #eafaf1;
  color: #27ae60;
  border: 1px solid #a9dfbf;
}

/* 七曜圆钮横向/矩阵排布 */
.qiyao-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.qiyao-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: transform 0.2s;
}
.qiyao-item:hover {
  transform: translateY(-2px);
}
.qiyao-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-family: KaiTi, "STKaiti", serif;
  font-weight: bold;
  transition: all 0.2s;
  box-shadow: 0 2px 5px rgba(0,0,0,0.12);
  position: relative;
}
.qiyao-item.active .qiyao-circle {
  outline: 2px solid var(--red, #8c2f28);
  outline-offset: 2px;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  transform: scale(1.08);
}
.qiyao-name {
  font-size: 11px;
  color: var(--muted, #7a7a72);
}
.qiyao-item.active .qiyao-name {
  color: var(--ink, #2b2b2b);
  font-weight: bold;
}

/* 各曜灵专属色彩 */
.qiyao-item[data-day="2"] .qiyao-circle { background: #2c6e37; } /* 月·青瓷绿 */
.qiyao-item[data-day="3"] .qiyao-circle { background: #2c5985; } /* 丹·黛蓝 */
.qiyao-item[data-day="4"] .qiyao-circle { background: #b8860b; } /* 水·琥珀黄 */
.qiyao-item[data-day="5"] .qiyao-circle { background: #6c4c7b; } /* 竹·紫檀 */
.qiyao-item[data-day="6"] .qiyao-circle { background: #c0506b; } /* 金·胭脂粉 */
.qiyao-item[data-day="7"] .qiyao-circle { background: #34495e; } /* 锦·墨黛 */
.qiyao-item[data-day="1"] .qiyao-circle { background: #c0392b; } /* 星·朱砂红 */

/* 意境描述卡片 */
.qiyao-desc {
  background: var(--paper, #f7f4ee);
  border: 1px solid var(--line, #e2ddd2);
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 12px;
  font-size: 12px;
  color: var(--muted, #7a7a72);
  line-height: 1.5;
  min-height: 48px;
}
.qiyao-desc-title {
  font-weight: bold;
  color: var(--ink, #2b2b2b);
  margin-bottom: 2px;
}

/* 底部操作栏 */
.qiyao-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.qiyao-reset-btn {
  background: none;
  border: none;
  color: var(--muted, #7a7a72);
  font-size: 12px;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  transition: color .2s;
  text-decoration: underline;
}
.qiyao-reset-btn:hover {
  color: var(--red, #8c2f28);
}

/* 表格响应式防溢出保护 */
.table-responsive, .list-wrap, table.list {
  max-width: 100%;
}
table.list {
  border-collapse: collapse;
  width: 100%;
}
@media(max-width:760px){
  table.list{display:block !important;overflow-x:auto !important;white-space:nowrap !important;-webkit-overflow-scrolling:touch !important}
}


/* ============================================================
   全文字区域卡片化核心规范（100% 遮挡底层暗纹背景，兼具国风与现代美感）
============================================================ */

/* 1. 页面头部综合卡片（包含面包屑、大标题、副标题） */
.page-hd-card {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-left: 5px solid var(--red, #8c2f28) !important;
  border-radius: 8px !important;
  padding: 18px 22px !important;
  margin-bottom: 18px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  position: relative !important;
}
.page-hd-card .crumb {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  margin-bottom: 8px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.page-hd-card .crumb a {
  color: var(--red) !important;
  font-weight: 600 !important;
}
.page-hd-card h1.pt {
  font-family: KaiTi, "STKaiti", serif !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: var(--ink) !important;
  margin: 0 0 6px 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.page-hd-card .sub {
  font-size: 13.5px !important;
  color: #666 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* 2. 独立存在的面包屑、大标题与副标题（保底白底卡片保护，双重防透） */
.crumb {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 99px !important;
  padding: 5px 16px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
  font-size: 13px !important;
  color: var(--ink) !important;
}
.crumb a { color: var(--red) !important; font-weight: 600 !important; }

h1.pt {
  display: table !important;
  font-family: KaiTi, "STKaiti", serif !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: var(--ink) !important;
  margin-bottom: 8px !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-left: 5px solid var(--red) !important;
  border-radius: 6px !important;
  padding: 7px 18px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
}

.sub {
  display: table !important;
  font-size: 13px !important;
  color: #555 !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
  padding: 5px 14px !important;
  margin-bottom: 18px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
  clear: both !important;
}

/* 3. 筛选栏全卡片化 */
.filter {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

/* 4. 分页栏全卡片化 */
.pager {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  margin: 22px 0 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

/* 5. 分栏/章节标题横条卡片化 */
.sec-hd, .main > div[style*="justify-content:space-between"] {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-left: 5px solid var(--red) !important;
  border-radius: 8px !important;
  padding: 11px 18px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

/* 6. 空状态与系统提示卡片化 */
.empty {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  padding: 40px 20px !important;
  text-align: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
  color: var(--muted) !important;
  margin: 16px 0 !important;
}

/* 7. 页脚版权卡片化底衬 */
.ft {
  background: #ffffff !important;
  border-top: 1px solid var(--line) !important;
  box-shadow: 0 -3px 12px rgba(0,0,0,0.03) !important;
  margin-top: 36px !important;
  padding: 24px 0 !important;
  color: #555 !important;
}

/* 8. 确保主内容所有 .card 具备 100% 纯白高遮挡底色与舒适阴影 */
.card {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}
.card:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,0.06) !important;
}

/* ==========================================================================
   以周六盛唐宝相团花构图为统一设计基准的七曜国风色系背景与卡片体系
   ========================================================================== */

body {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 15% 15%, rgba(139, 37, 30, 0.09) 0%, transparent 240px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%238B251E' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%238B251E' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23C59D5F' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%238B251E' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(253, 251, 247, 0.94), rgba(250, 246, 240, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: top left, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

/* --- 默认·赤褐红木 (宝相团花色系) --- */
body.theme-default,
[data-theme="theme-default"] body,
body[data-theme="theme-default"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 15% 15%, rgba(139, 37, 30, 0.09) 0%, transparent 240px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%238B251E' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%238B251E' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23C59D5F' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%238B251E' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(253, 251, 247, 0.94), rgba(250, 246, 240, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-default .card,
[data-theme="theme-default"] .card,
body.theme-default .page-hd-card,
[data-theme="theme-default"] .page-hd-card,
body.theme-default .sec-hd,
[data-theme="theme-default"] .sec-hd,
body.theme-default .filter,
[data-theme="theme-default"] .filter,
body.theme-default .pager,
[data-theme="theme-default"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(139, 37, 30, 0.20) !important;
    box-shadow: 0 4px 14px rgba(139, 37, 30, 0.08) !important;
}

/* --- 周一·群青月白 (宝相团花色系) --- */
body.theme-day-1,
[data-theme="theme-day-1"] body,
body[data-theme="theme-day-1"],
body.theme-mon,
[data-theme="theme-mon"] body,
body[data-theme="theme-mon"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 85% 15%, rgba(114, 141, 170, 0.14) 0%, transparent 260px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%233F5E7E' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%233F5E7E' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23728DAA' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%233F5E7E' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(247, 250, 253, 0.94), rgba(243, 247, 252, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-day-1 .card,
[data-theme="theme-day-1"] .card,
body.theme-day-1 .page-hd-card,
[data-theme="theme-day-1"] .page-hd-card,
body.theme-day-1 .sec-hd,
[data-theme="theme-day-1"] .sec-hd,
body.theme-day-1 .filter,
[data-theme="theme-day-1"] .filter,
body.theme-day-1 .pager,
[data-theme="theme-day-1"] .pager,
body.theme-mon .card,
[data-theme="theme-mon"] .card,
body.theme-mon .page-hd-card,
[data-theme="theme-mon"] .page-hd-card,
body.theme-mon .sec-hd,
[data-theme="theme-mon"] .sec-hd,
body.theme-mon .filter,
[data-theme="theme-mon"] .filter,
body.theme-mon .pager,
[data-theme="theme-mon"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(114, 141, 170, 0.22) !important;
    box-shadow: 0 4px 14px rgba(63, 94, 126, 0.08) !important;
}

/* --- 周二·朱砂丹心 (宝相团花色系) --- */
body.theme-day-2,
[data-theme="theme-day-2"] body,
body[data-theme="theme-day-2"],
body.theme-tue,
[data-theme="theme-tue"] body,
body[data-theme="theme-tue"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 10% 20%, rgba(168, 51, 42, 0.10) 0%, transparent 240px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%23A8332A' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%23A8332A' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23C67E28' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%23A8332A' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(253, 248, 247, 0.94), rgba(253, 244, 242, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-day-2 .card,
[data-theme="theme-day-2"] .card,
body.theme-day-2 .page-hd-card,
[data-theme="theme-day-2"] .page-hd-card,
body.theme-day-2 .sec-hd,
[data-theme="theme-day-2"] .sec-hd,
body.theme-day-2 .filter,
[data-theme="theme-day-2"] .filter,
body.theme-day-2 .pager,
[data-theme="theme-day-2"] .pager,
body.theme-tue .card,
[data-theme="theme-tue"] .card,
body.theme-tue .page-hd-card,
[data-theme="theme-tue"] .page-hd-card,
body.theme-tue .sec-hd,
[data-theme="theme-tue"] .sec-hd,
body.theme-tue .filter,
[data-theme="theme-tue"] .filter,
body.theme-tue .pager,
[data-theme="theme-tue"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(168, 51, 42, 0.22) !important;
    box-shadow: 0 4px 14px rgba(168, 51, 42, 0.08) !important;
}

/* --- 周三·天青苍霁 (宝相团花色系) --- */
body.theme-day-3,
[data-theme="theme-day-3"] body,
body[data-theme="theme-day-3"],
body.theme-wed,
[data-theme="theme-wed"] body,
body[data-theme="theme-wed"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(ellipse at 75% 30%, rgba(43, 110, 103, 0.12) 0%, transparent 280px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%232B6E67' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%232B6E67' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%235BA398' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%232B6E67' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(245, 251, 250, 0.94), rgba(240, 248, 246, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-day-3 .card,
[data-theme="theme-day-3"] .card,
body.theme-day-3 .page-hd-card,
[data-theme="theme-day-3"] .page-hd-card,
body.theme-day-3 .sec-hd,
[data-theme="theme-day-3"] .sec-hd,
body.theme-day-3 .filter,
[data-theme="theme-day-3"] .filter,
body.theme-day-3 .pager,
[data-theme="theme-day-3"] .pager,
body.theme-wed .card,
[data-theme="theme-wed"] .card,
body.theme-wed .page-hd-card,
[data-theme="theme-wed"] .page-hd-card,
body.theme-wed .sec-hd,
[data-theme="theme-wed"] .sec-hd,
body.theme-wed .filter,
[data-theme="theme-wed"] .filter,
body.theme-wed .pager,
[data-theme="theme-wed"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(43, 110, 103, 0.22) !important;
    box-shadow: 0 4px 14px rgba(43, 110, 103, 0.08) !important;
}

/* --- 周四·松柏苍翠 (宝相团花色系) --- */
body.theme-day-4,
[data-theme="theme-day-4"] body,
body[data-theme="theme-day-4"],
body.theme-thu,
[data-theme="theme-thu"] body,
body[data-theme="theme-thu"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 15% 15%, rgba(58, 102, 67, 0.11) 0%, transparent 240px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%233A6643' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%233A6643' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23719E7B' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%233A6643' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(246, 251, 247, 0.94), rgba(242, 248, 243, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-day-4 .card,
[data-theme="theme-day-4"] .card,
body.theme-day-4 .page-hd-card,
[data-theme="theme-day-4"] .page-hd-card,
body.theme-day-4 .sec-hd,
[data-theme="theme-day-4"] .sec-hd,
body.theme-day-4 .filter,
[data-theme="theme-day-4"] .filter,
body.theme-day-4 .pager,
[data-theme="theme-day-4"] .pager,
body.theme-thu .card,
[data-theme="theme-thu"] .card,
body.theme-thu .page-hd-card,
[data-theme="theme-thu"] .page-hd-card,
body.theme-thu .sec-hd,
[data-theme="theme-thu"] .sec-hd,
body.theme-thu .filter,
[data-theme="theme-thu"] .filter,
body.theme-thu .pager,
[data-theme="theme-thu"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(58, 102, 67, 0.22) !important;
    box-shadow: 0 4px 14px rgba(58, 102, 67, 0.08) !important;
}

/* --- 周五·泥金秋褐 (宝相团花色系) --- */
body.theme-day-5,
[data-theme="theme-day-5"] body,
body[data-theme="theme-day-5"],
body.theme-fri,
[data-theme="theme-fri"] body,
body[data-theme="theme-fri"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 80% 25%, rgba(140, 86, 39, 0.11) 0%, transparent 260px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%238C5627' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%238C5627' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23B8803E' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%238C5627' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(253, 250, 244, 0.94), rgba(251, 246, 237, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-day-5 .card,
[data-theme="theme-day-5"] .card,
body.theme-day-5 .page-hd-card,
[data-theme="theme-day-5"] .page-hd-card,
body.theme-day-5 .sec-hd,
[data-theme="theme-day-5"] .sec-hd,
body.theme-day-5 .filter,
[data-theme="theme-day-5"] .filter,
body.theme-day-5 .pager,
[data-theme="theme-day-5"] .pager,
body.theme-fri .card,
[data-theme="theme-fri"] .card,
body.theme-fri .page-hd-card,
[data-theme="theme-fri"] .page-hd-card,
body.theme-fri .sec-hd,
[data-theme="theme-fri"] .sec-hd,
body.theme-fri .filter,
[data-theme="theme-fri"] .filter,
body.theme-fri .pager,
[data-theme="theme-fri"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(140, 86, 39, 0.22) !important;
    box-shadow: 0 4px 14px rgba(140, 86, 39, 0.08) !important;
}

/* --- 周六·紫棠锦瑟（基准设计） (宝相团花色系) --- */
body.theme-day-6,
[data-theme="theme-day-6"] body,
body[data-theme="theme-day-6"],
body.theme-sat,
[data-theme="theme-sat"] body,
body[data-theme="theme-sat"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 20% 80%, rgba(139, 44, 88, 0.08) 0%, transparent 240px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%238B2C58' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%238B2C58' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23BA5D3E' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%238B2C58' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(253, 245, 246, 0.94), rgba(253, 245, 246, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-day-6 .card,
[data-theme="theme-day-6"] .card,
body.theme-day-6 .page-hd-card,
[data-theme="theme-day-6"] .page-hd-card,
body.theme-day-6 .sec-hd,
[data-theme="theme-day-6"] .sec-hd,
body.theme-day-6 .filter,
[data-theme="theme-day-6"] .filter,
body.theme-day-6 .pager,
[data-theme="theme-day-6"] .pager,
body.theme-sat .card,
[data-theme="theme-sat"] .card,
body.theme-sat .page-hd-card,
[data-theme="theme-sat"] .page-hd-card,
body.theme-sat .sec-hd,
[data-theme="theme-sat"] .sec-hd,
body.theme-sat .filter,
[data-theme="theme-sat"] .filter,
body.theme-sat .pager,
[data-theme="theme-sat"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(139, 44, 88, 0.22) !important;
    box-shadow: 0 4px 14px rgba(139, 44, 88, 0.08) !important;
}

/* --- 周日·桃夭海棠 (宝相团花色系) --- */
body.theme-day-7,
[data-theme="theme-day-7"] body,
body[data-theme="theme-day-7"],
body.theme-day-0,
[data-theme="theme-day-0"] body,
body[data-theme="theme-day-0"],
body.theme-sun,
[data-theme="theme-sun"] body,
body[data-theme="theme-sun"] {
    background-color: #FDFBF7 !important;
    background-image:
        radial-gradient(circle at 85% 15%, rgba(194, 77, 111, 0.12) 0%, transparent 280px),
        url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%23C24D6F' stroke-width='1' stroke-opacity='0.12' stroke-dasharray='4 3'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%23C24D6F' fill-opacity='0.05'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%23E8829C' fill-opacity='0.18'/%3E%3Cpath d='M100 52 C90 75 90 85 100 95 C110 85 110 75 100 52 Z M100 148 C90 125 90 115 100 105 C110 115 110 125 100 148 Z M52 100 C75 90 85 90 95 100 C85 110 75 110 52 100 Z M148 100 C125 90 115 90 105 100 C115 110 125 110 148 100 Z' fill='%23C24D6F' fill-opacity='0.09'/%3E%3C/svg%3E"),
        linear-gradient(rgba(254, 247, 249, 0.94), rgba(253, 242, 245, 0.97)) !important;
    background-size: auto, 200px 200px, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
}

body.theme-day-7 .card,
[data-theme="theme-day-7"] .card,
body.theme-day-7 .page-hd-card,
[data-theme="theme-day-7"] .page-hd-card,
body.theme-day-7 .sec-hd,
[data-theme="theme-day-7"] .sec-hd,
body.theme-day-7 .filter,
[data-theme="theme-day-7"] .filter,
body.theme-day-7 .pager,
[data-theme="theme-day-7"] .pager,
body.theme-day-0 .card,
[data-theme="theme-day-0"] .card,
body.theme-day-0 .page-hd-card,
[data-theme="theme-day-0"] .page-hd-card,
body.theme-day-0 .sec-hd,
[data-theme="theme-day-0"] .sec-hd,
body.theme-day-0 .filter,
[data-theme="theme-day-0"] .filter,
body.theme-day-0 .pager,
[data-theme="theme-day-0"] .pager,
body.theme-sun .card,
[data-theme="theme-sun"] .card,
body.theme-sun .page-hd-card,
[data-theme="theme-sun"] .page-hd-card,
body.theme-sun .sec-hd,
[data-theme="theme-sun"] .sec-hd,
body.theme-sun .filter,
[data-theme="theme-sun"] .filter,
body.theme-sun .pager,
[data-theme="theme-sun"] .pager {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(194, 77, 111, 0.22) !important;
    box-shadow: 0 4px 14px rgba(194, 77, 111, 0.08) !important;
}


/* ============================================================
   后台列表行间强界限分割线（解决文章之间界限不明显问题）
   ============================================================ */
table.list {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13.5px !important;
    background: #ffffff !important;
    border: 1px solid #d4cabb !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 18px !important;
}
table.list th {
    background: #ece4d6 !important;
    color: #3b3228 !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 12px 14px !important;
    border-bottom: 2px solid #c8b9a5 !important;
    white-space: nowrap !important;
}
table.list td {
    padding: 12px 14px !important;
    border-bottom: 1.5px solid #ddd3c4 !important;
    white-space: nowrap !important;
    background: #ffffff !important;
    vertical-align: middle !important;
    color: #2c2825 !important;
}
table.list tr:nth-child(even) td {
    background: #faf6ef !important;
}
table.list tr:hover td {
    background: #f1e8da !important;
}
table.list tr:last-child td {
    border-bottom: none !important;
}


/* ============================================================
   后台列表表格卡片化与文章行间清晰界限增强
   ============================================================ */
table.list {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13.5px !important;
  background: #ffffff !important;
  border: 1px solid #d8cfc0 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}
table.list th {
  background: #ebe3d5 !important;
  color: #3e3529 !important;
  font-weight: 600 !important;
  text-align: left !important;
  padding: 12px 14px !important;
  border-bottom: 2px solid #cdbfae !important;
  white-space: nowrap !important;
}
table.list td {
  background: #ffffff !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #dfd6c7 !important;
  white-space: nowrap !important;
  color: #2b2b2b !important;
  vertical-align: middle !important;
}
table.list tr:nth-child(even) td {
  background: #faf7f2 !important;
}
table.list tr:hover td {
  background: #f3ecde !important;
}
table.list tr:last-child td {
  border-bottom: 0 !important;
}


/* ============================================================
   后台列表行界限强化（确保文章与文章之间具有清晰可见的分割界限）
============================================================ */
table.list {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  border: 1px solid #c8beaf !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  margin-bottom: 18px !important;
}
table.list th {
  background: #ebe3d5 !important;
  color: #3a2f24 !important;
  font-weight: bold !important;
  text-align: left !important;
  padding: 12px 10px !important;
  border-bottom: 2px solid #b8ab96 !important;
  white-space: nowrap !important;
}
table.list td {
  background: #ffffff !important;
  padding: 12px 10px !important;
  border-bottom: 1px solid #c8beaf !important;
  white-space: nowrap !important;
  color: #2c2825 !important;
  vertical-align: middle !important;
}
table.list tr:nth-child(even) td {
  background: #f6f1e8 !important;
}
table.list tr:hover td {
  background: #ede3cf !important;
}
table.list tr:last-child td {
  border-bottom: 1px solid #c8beaf !important;
}


/* 首页首屏资源统计卡片（强力横向排列保障） */
.home-stats-card {
  margin-top: 14px !important;
  padding: 18px 22px !important;
  background: var(--card, #fffefc) !important;
  border: 1px solid var(--line, #e2d8cc) !important;
  border-radius: 6px !important;
}
.home-stats-grid {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  flex-wrap: wrap !important;
}
.home-stat-item {
  flex: 1 1 180px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  background: #faf7f2 !important;
  border: 1px solid var(--line, #e2d8cc) !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
}
.home-stat-item:hover {
  background: #ffffff !important;
  border-color: var(--primary, #8b251e) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139,37,30,0.08) !important;
}
.home-stat-icon {
  font-size: 32px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.home-stat-num {
  font-size: 26px !important;
  font-weight: bold !important;
  line-height: 1.15 !important;
  font-family: Consolas, 'Courier New', monospace, sans-serif !important;
}
.home-stat-label {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--text, #262626) !important;
  margin-top: 2px !important;
}
.home-stat-sub {
  font-size: 12px !important;
  color: var(--muted, #8c8c8c) !important;
  margin-top: 2px !important;
}
@media (max-width: 680px) {
  .home-stats-card {
    padding: 12px 8px !important;
  }
  .home-stats-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 5px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .home-stat-item {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 33.333% !important;
    padding: 8px 4px !important;
    gap: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }
  .home-stat-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 16px !important;
    border-radius: 50% !important;
  }
  .home-stat-icon svg {
    width: 20px !important;
    height: 20px !important;
  }
  .home-stat-info {
    flex: 1 !important;
    min-width: 0 !important;
  }
  .home-stat-num {
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: bold !important;
  }
  .home-stat-label {
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin-top: 1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .home-stat-sub {
    display: none !important;
  }
}

/* v452: 移动端首屏统计卡片一行紧凑显示 */
@media (max-width:680px){
  .home-stats{gap:6px!important;flex-wrap:nowrap!important}
  .home-stat-item{padding:8px 6px!important;gap:6px!important;min-width:0!important}
  .home-stat-icon{width:30px!important;height:30px!important;min-width:30px!important}
  .home-stat-icon svg{width:22px!important;height:22px!important}
  .home-stat-num{font-size:17px!important}
  .home-stat-label{font-size:11px!important;margin-top:1px!important}
  .home-stat-sub{display:none!important}
}

/* v455: 打包与评书合集移动端防溢出排版规范 */

/* 打包与评书合集卡片通用头部与操作条组件规范 */
.section-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 28px 0 12px;
  border-bottom: 2px solid var(--red);
  padding-bottom: 6px;
  box-sizing: border-box;
}
.section-title-wrap h2 {
  font-family: KaiTi, serif;
  font-size: 20px;
  margin: 0;
  line-height: 1.4;
}
.section-title-wrap span.sec-sub {
  font-size: 12px;
  color: var(--muted);
  flex-shrink: 0;
}
.card-header-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}
.card-title-truncate {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.card-count-badge {
  flex-shrink: 0 !important;
  margin-left: 6px !important;
  white-space: nowrap !important;
}
.card-footer-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
}
.card-tags-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.card-btns-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}

@media (max-width: 680px) {
  .section-title-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin: 20px 0 10px !important;
  }
  .section-title-wrap h2 {
    font-size: 17px !important;
    width: 100% !important;
  }
  .section-title-wrap span.sec-sub {
    font-size: 11.5px !important;
  }
  .card-footer-action {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 10px !important;
    width: 100% !important;
  }
  .card-tags-wrap {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  .card-btns-wrap {
    width: 100% !important;
    margin-left: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding-top: 4px !important;
    border-top: 1px dashed var(--line, #eee) !important;
    box-sizing: border-box !important;
  }
  .card-btns-wrap .btn2, .card-btns-wrap .btn {
    flex: 1 !important;
    text-align: center !important;
    justify-content: center !important;
    display: inline-flex !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }
}

/* v456: 戏曲单品详情页移动端单列自适应排版 */

/* 戏曲详情页（剧照与信息栏）标准化响应式布局 */
.detail-main-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.detail-media-col {
  flex: 0 0 460px;
  max-width: 50%;
  min-width: 320px;
  box-sizing: border-box;
}
.detail-info-col {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .detail-main-layout {
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }
  .detail-media-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }
  .detail-media-col .imgs {
    width: 100% !important;
    max-height: 260px !important;
  }
  .detail-media-col .card.empty {
    padding: 36px 16px !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .detail-info-col {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }
  .detail-info-col .pt {
    font-size: 20px !important;
    line-height: 1.35 !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }
  .meta-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .meta-item {
    padding: 8px 10px !important;
    box-sizing: border-box !important;
  }
  .pan {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .pan .p {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 10px 8px !important;
  }
}


/* ============================================================
   v457: 彻底杜绝卡片在移动端被子元素撑破溢出 & 底部按钮两等分自适应
============================================================ */
/* 强制所有卡片与网格容器限制在 100% 视口内，min-width:0 防止被子元素 min-content 撑破 */
.card,
.card-grid-2,
.author-grid,
.pack-grid,
.grid-cols-1,
.grid-cols-2,
.grid-cols-3,
.grid-cols-4,
.grid-cols-5,
.grid-cols-6 {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.card-footer-action {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
  width: 100%;
  box-sizing: border-box;
}

.card-tags-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
}

.card-btns-wrap {
  display: flex;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

.card-btns-wrap .btn,
.card-btns-wrap .btn2 {
  flex: 1 1 50%;
  text-align: center;
  justify-content: center;
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

/* 标题行弹性自适应与截字保护 */
.card-header-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.card-title-truncate {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.card-count-badge {
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 768px) {
  /* 移动端卡片网格单列显示 */
  .card-grid-2,
  .grid-cols-1,
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4,
  .grid-cols-5,
  .grid-cols-6 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .card {
    padding: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 针对旧结构 meta-row 的强力移动端保底适配 */
  .card .meta-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .card .meta-row > div[style*="margin-left:auto"] {
    margin-left: 0 !important;
    width: 100% !important;
    display: flex !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  .card .meta-row > div[style*="margin-left:auto"] a,
  .card .meta-row > div[style*="margin-left:auto"] .btn,
  .card .meta-row > div[style*="margin-left:auto"] .btn2 {
    flex: 1 1 50% !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }

  /* 标题与副标题换行排布 */
  .section-title-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
  }

  .section-title-wrap h2 {
    font-size: 16px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  .section-title-wrap .sec-sub {
    font-size: 12px !important;
    color: var(--muted) !important;
  }

  /* 搜索页移动端布局适配 */
  .sch-page {
    display: flex !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .sch-page input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .sch-page button {
    flex-shrink: 0 !important;
  }

  .card .meta-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .card .meta-row .tag {
    display: inline-block !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .card .meta-row .tag-author {
    background: #fcf0ee !important;
    border-color: #ebd1cb !important;
    color: #8a4336 !important;
  }
}