/* =====================================================================
   style-revamp.css — 视觉接管层（不修改 style.css）
   挂在 style.css 之后加载，按 body[data-page] / body[data-group] 覆盖。
   - 封面页 / 答题页：通用高级新中式国风（深蓝月夜 + 朱红楼阁 + 背影）
   - 结果页 / 分享卡：四组国风皮肤
       wisdom  = 蓝晒结构蓝图风（智者组）
       scholar = 新工笔雅正国风（文士组）
       preserve= 敦煌岩彩重彩风（守成组）
       doer    = 极简焦墨水墨风（实干组）
   ===================================================================== */

/* ----- 字体栈：全部用 macOS/iOS 系统中文字体，零 CDN 依赖 ----- */
/* ZCOOL XiaoWei / Ma Shan Zheng 在国内 CDN 不稳，且 CJK 子集会缺字（如 "回"），
   遂改用 Apple 自带的 STKaiti / STXingkai 栈，覆盖全部常用 CJK。 */
:root{
  --serif-hand: 'STKaiti','Kaiti SC','KaiTi','楷体','Noto Serif SC','STSong',serif;
  --brush:      'STXingkai','华文行楷','STKaiti','Kaiti SC','KaiTi','楷体','Noto Serif SC',serif;
  /* 四组主色 */
  --g-wisdom-bg:    #102b46;
  --g-wisdom-deep:  #08182b;
  --g-wisdom-ink:   #d8e6f2;
  --g-wisdom-accent:#7fb1d9;
  --g-scholar-bg:   #f2e6c8;
  --g-scholar-deep: #d9b97a;
  --g-scholar-ink:  #1a2a3a;
  --g-scholar-accent:#b8484a;
  --g-preserve-bg:  #2a1b14;
  --g-preserve-deep:#10090a;
  --g-preserve-ink: #f3e0a8;
  --g-preserve-accent:#d49b3b;
  --g-doer-bg:      #f3f1ec;
  --g-doer-deep:    #d9d4ca;
  --g-doer-ink:     #14110e;
  --g-doer-accent:  #b8484a;
}

/* =====================================================================
   1. 封面页（index.html）—— 高级新中式
   ===================================================================== */
body[data-page="cover"]{
  background:var(--g-wisdom-deep);
  color:#e7d9b8;
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
}
body[data-page="cover"] .index-page{
  background:
    linear-gradient(180deg,
      rgba(8,24,43,0.55) 0%,
      rgba(8,24,43,0.20) 35%,
      rgba(8,24,43,0.55) 75%,
      rgba(8,24,43,0.92) 100%),
    url('../assets/refs/cover_3.png') center/cover no-repeat,
    var(--g-wisdom-deep);
  min-height:100vh;
  padding:60px 24px 40px;
}
body[data-page="cover"] .bg-ornament{display:none;}

body[data-page="cover"] .brand-mark{
  color:#c9b277;letter-spacing:0.4em;font-size:11px;
}
body[data-page="cover"] .brand-mark::before,
body[data-page="cover"] .brand-mark::after{background:#c9b277;opacity:0.55;}

body[data-page="cover"] .title-main{
  font-family:var(--serif-hand);
  color:#f3e8c8;
  font-weight:400;
  letter-spacing:0.18em;
  text-shadow:0 2px 20px rgba(0,0,0,0.55);
  font-size:clamp(44px,11vw,68px);
}
body[data-page="cover"] .title-sub{
  color:#c8b88a;
  letter-spacing:0.25em;
  opacity:0.92;
}
body[data-page="cover"] .ornament-line span{color:#c9b277;}
body[data-page="cover"] .ornament-line::before,
body[data-page="cover"] .ornament-line::after{
  background:linear-gradient(90deg,transparent,#c9b277,transparent);height:1px;width:60px;
}
body[data-page="cover"] .intro-text{
  color:#e7d9b8;opacity:0.85;font-family:var(--serif-hand);
}

body[data-page="cover"] .btn-primary{
  background:transparent;
  border:1px solid #c9b277;
  color:#f3e8c8;
  font-family:var(--serif-hand);
  letter-spacing:0.2em;
  padding:14px 56px;
  font-size:17px;
}
body[data-page="cover"] .btn-primary::before{background:#c9b277;}
body[data-page="cover"] .btn-primary:hover{color:var(--g-wisdom-deep);}

body[data-page="cover"] .index-footer,
body[data-page="cover"] .index-footer a{color:#9c8b66;}
body[data-page="cover"] .index-footer a{border-bottom-color:#5c4f33;}

/* =====================================================================
   2. 答题页 + about 页（test.html / about.html）—— 雅淡新中式
   ===================================================================== */
body[data-page="quiz"], body[data-page="about"]{
  background:
    linear-gradient(180deg,rgba(245,241,232,0.92),rgba(245,241,232,0.98)),
    url('../assets/refs/cover_5.png?v=20260604b') center top/cover no-repeat fixed,
    #f5f1e8;
  min-height:100vh;
}
body[data-page="quiz"] .quiz-header{background:rgba(245,241,232,0.9);backdrop-filter:blur(8px);}
body[data-page="quiz"] .quiz-logo{font-family:var(--serif-hand);letter-spacing:0.15em;}
body[data-page="quiz"] .q-stem{font-family:var(--serif-hand);}
body[data-page="quiz"] .s-title{font-family:var(--serif-hand);letter-spacing:0.1em;}
body[data-page="quiz"] .opt-btn{background:rgba(255,255,255,0.6);}
body[data-page="quiz"] .opt-btn:hover, body[data-page="quiz"] .opt-btn.chosen{background:transparent;}

/* =====================================================================
   3. 结果页基础（result.html）—— 米色底，按 data-group 切肤
   ===================================================================== */
body[data-page="result"]{background:#f5f1e8;min-height:100vh;}

body[data-page="result"] .type-name-xl{font-family:var(--serif-hand);letter-spacing:0.08em;}

/* 顶部 hero 区：标题 + 副标题 + 一行人物剪影 ——————————————— */
.r-hero{
  position:relative;overflow:hidden;
  padding:80px 24px 56px;
  max-width:520px;margin:0 auto;
  text-align:center;
  border-bottom:1px solid var(--ink-08);
}
.r-hero::before{
  content:'';position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;
  opacity:0.92;
}
.r-hero::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,
    rgba(245,241,232,0.05) 0%,
    rgba(245,241,232,0.35) 55%,
    rgba(245,241,232,0.85) 100%);
}
.r-hero > *{position:relative;z-index:2;}
.r-hero .r-label{justify-content:center;}
.r-hero .r-label::before{display:none;}
.r-hero .r-sub{
  font-family:var(--serif-hand);
  letter-spacing:0.2em;font-size:13px;
  color:var(--ink);opacity:0.7;
  margin-top:6px;
}

/* ----- 智者组 wisdom：蓝晒 ----- */
body[data-group="wisdom"]{background:#eef3f8;}
body[data-group="wisdom"] .r-hero::before{
  background-image:url('../assets/refs/cover_1.png');
  filter:saturate(0.85);
}
body[data-group="wisdom"] .r-hero{border-bottom-color:rgba(16,43,70,0.12);}
body[data-group="wisdom"] .r-hero .type-name-xl{color:#102b46;text-shadow:0 2px 12px rgba(255,255,255,0.7);}
body[data-group="wisdom"] .r-hero .r-label{color:#3672a3;}
body[data-group="wisdom"] .r-hero .r-label::before{background:#3672a3;}
body[data-group="wisdom"] .r-hero::after{
  background:linear-gradient(180deg,rgba(238,243,248,0.05),rgba(238,243,248,0.45) 55%,rgba(238,243,248,0.92));
}
body[data-group="wisdom"] .epigraph{border-left-color:#3672a3;background:rgba(54,114,163,0.04);}
body[data-group="wisdom"] .r-label{color:#3672a3;}
body[data-group="wisdom"] .r-label::before{background:#3672a3;}
body[data-group="wisdom"] .trait-badge{background:#102b46;}
body[data-group="wisdom"] .match-kind{color:#3672a3;border-color:#3672a3;}
body[data-group="wisdom"] .btn-share{background:#102b46;}
body[data-group="wisdom"] .progress-fill, body[data-group="wisdom"] .progress-fill::after{background:#3672a3;}

/* ----- 文士组 scholar：新工笔 ----- */
body[data-group="scholar"]{background:#f5ecd6;}
body[data-group="scholar"] .r-hero::before{
  background-image:url('../assets/refs/scholar_14.png');
}
body[data-group="scholar"] .r-hero::after{
  background:linear-gradient(180deg,rgba(245,236,214,0.05),rgba(245,236,214,0.4) 55%,rgba(245,236,214,0.95));
}
body[data-group="scholar"] .r-hero .type-name-xl{color:#1a2a3a;}
body[data-group="scholar"] .r-hero .r-label{color:#b8484a;}
body[data-group="scholar"] .r-label{color:#b8484a;}
body[data-group="scholar"] .r-label::before{background:#b8484a;}
body[data-group="scholar"] .epigraph{border-left-color:#b8484a;background:rgba(184,72,74,0.04);}
body[data-group="scholar"] .trait-badge{background:#1a2a3a;}
body[data-group="scholar"] .match-kind{color:#b8484a;border-color:#b8484a;}
body[data-group="scholar"] .btn-share{background:#b8484a;}

/* ----- 守成组 preserve：敦煌岩彩 ----- */
body[data-group="preserve"]{background:#f0e6cf;}
body[data-group="preserve"] .r-hero::before{
  background-image:url('../assets/refs/preserve_22.png');
}
body[data-group="preserve"] .r-hero::after{
  background:linear-gradient(180deg,rgba(240,230,207,0.05),rgba(240,230,207,0.45) 55%,rgba(240,230,207,0.95));
}
body[data-group="preserve"] .r-hero .type-name-xl{color:#5c3a1a;}
body[data-group="preserve"] .r-hero .r-label{color:#a07623;}
body[data-group="preserve"] .r-label{color:#a07623;}
body[data-group="preserve"] .r-label::before{background:#a07623;}
body[data-group="preserve"] .epigraph{border-left-color:#a07623;background:rgba(212,155,59,0.06);}
body[data-group="preserve"] .trait-badge{background:#5c3a1a;}
body[data-group="preserve"] .match-kind{color:#a07623;border-color:#a07623;}
body[data-group="preserve"] .btn-share{background:#a07623;}

/* ----- 实干组 doer：焦墨水墨 ----- */
body[data-group="doer"]{background:#f3f1ec;}
body[data-group="doer"] .r-hero::before{
  background-image:url('../assets/refs/doer_25.png');
}
body[data-group="doer"] .r-hero::after{
  background:linear-gradient(180deg,rgba(243,241,236,0.05),rgba(243,241,236,0.5) 55%,rgba(243,241,236,0.95));
}
body[data-group="doer"] .r-hero .type-name-xl{color:#14110e;}
body[data-group="doer"] .r-hero .r-label{color:#b8484a;}
body[data-group="doer"] .r-label{color:#b8484a;}
body[data-group="doer"] .r-label::before{background:#b8484a;}
body[data-group="doer"] .epigraph{border-left-color:#b8484a;background:rgba(184,72,74,0.04);}
body[data-group="doer"] .trait-badge{background:#14110e;}
body[data-group="doer"] .match-kind{color:#b8484a;border-color:#b8484a;}
body[data-group="doer"] .btn-share{background:#14110e;}

/* =====================================================================
   4. 分享卡片 9:16（替换原 #share-card 样式）
   ===================================================================== */
#share-card{
  position:fixed;left:-9999px;top:0;
  width:540px;height:960px;          /* 9:16 */
  padding:0;
  gap:0;
  display:block;
  visibility:hidden;
  background:#f5f1e8;
  overflow:hidden;
  font-family:var(--serif-hand);
}

/* 背景图层（按组切换） */
#share-card .sc-bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;
}
/* 顶部柔光 + 底部深色压暗：保证文字对比度 */
#share-card .sc-mask{
  position:absolute;inset:0;z-index:1;pointer-events:none;
}
#share-card .sc-frame{
  position:absolute;inset:24px;z-index:3;pointer-events:none;
  border:1px solid rgba(255,255,255,0.18);
}
#share-card .sc-frame::before, #share-card .sc-frame::after{
  content:'';position:absolute;width:14px;height:14px;border:1px solid rgba(255,255,255,0.45);
}
#share-card .sc-frame::before{top:-1px;left:-1px;border-right:none;border-bottom:none;}
#share-card .sc-frame::after{bottom:-1px;right:-1px;border-left:none;border-top:none;}

#share-card .sc-inner{
  position:relative;z-index:4;
  width:100%;height:100%;
  display:flex;flex-direction:column;
  justify-content:flex-start;align-items:center;
  padding:80px 56px 64px;
  text-align:center;
}
#share-card .sc-top{
  font-family:'Noto Sans SC',sans-serif;
  font-size:13px;letter-spacing:0.5em;
  text-indent:0.5em;
  color:rgba(255,255,255,0.85);
  margin-bottom:36px;
  display:flex;align-items:center;justify-content:center;gap:12px;
}
#share-card .sc-top::before, #share-card .sc-top::after{
  content:'';display:block;width:28px;height:1px;background:rgba(255,255,255,0.5);
}
#share-card .sc-name{
  font-family:var(--brush);
  font-size:120px;
  line-height:1;
  font-weight:400;
  letter-spacing:0.04em;
  color:#fff;
  text-shadow:0 4px 32px rgba(0,0,0,0.5);
  margin:0 0 28px;
}
#share-card .sc-sub{
  font-family:var(--serif-hand);
  font-size:18px;letter-spacing:0.18em;
  color:rgba(255,255,255,0.82);
  margin-bottom:42px;
  display:flex;align-items:center;gap:14px;
}
#share-card .sc-sub .dot{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:0.6;}
#share-card .sc-epigraph{
  font-family:var(--serif-hand);
  font-size:22px;line-height:1.9;
  color:rgba(255,255,255,0.95);
  white-space:pre-line;
  max-width:380px;
}
#share-card .sc-footer{
  position:absolute;left:0;right:0;bottom:42px;z-index:5;
  text-align:center;
  font-family:'Noto Sans SC',sans-serif;
  font-size:11px;letter-spacing:0.45em;text-indent:0.45em;
  color:rgba(255,255,255,0.65);
}

/* —— 小人物大场景：底部 12% SVG 剪影层 —— */
#share-card .sc-figure{
  position:absolute;left:0;right:0;bottom:80px;z-index:2;
  height:13%;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:auto 100%;
  opacity:0.92;
}

/* === 卡片：智者组 蓝晒 === */
#share-card[data-group="wisdom"]{background:#0d2238;}
#share-card[data-group="wisdom"] .sc-bg{
  background-image:url('../assets/refs/cover_1.png');
  filter:saturate(0.9) brightness(0.85);
}
#share-card[data-group="wisdom"] .sc-mask{
  background:
    linear-gradient(180deg, rgba(8,24,43,0.5) 0%, rgba(8,24,43,0.15) 30%, rgba(8,24,43,0.55) 65%, rgba(8,24,43,0.92) 100%);
}

/* === 卡片：文士组 新工笔 === */
#share-card[data-group="scholar"]{background:#e8d6a3;}
#share-card[data-group="scholar"] .sc-bg{
  background-image:url('../assets/refs/scholar_14.png');
}
#share-card[data-group="scholar"] .sc-mask{
  background:
    linear-gradient(180deg, rgba(45,30,15,0.25) 0%, rgba(45,30,15,0.0) 30%, rgba(20,15,10,0.45) 70%, rgba(20,15,10,0.88) 100%);
}

/* === 卡片：守成组 敦煌岩彩 === */
#share-card[data-group="preserve"]{background:#1a0e08;}
#share-card[data-group="preserve"] .sc-bg{
  background-image:url('../assets/refs/preserve_22.png');
}
#share-card[data-group="preserve"] .sc-mask{
  background:
    linear-gradient(180deg, rgba(20,8,4,0.45) 0%, rgba(20,8,4,0.05) 30%, rgba(20,8,4,0.55) 70%, rgba(20,8,4,0.96) 100%);
}

/* === 卡片：实干组 焦墨水墨 === */
#share-card[data-group="doer"]{background:#fafaf6;}
#share-card[data-group="doer"] .sc-bg{
  background-image:url('../assets/refs/doer_27.png');
  filter:contrast(1.05);
}
#share-card[data-group="doer"] .sc-mask{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.05) 30%, rgba(20,16,12,0.45) 75%, rgba(20,16,12,0.92) 100%);
}

/* 实干组用浅底配深字时，反转底部文字色 */
#share-card[data-group="doer"] .sc-top,
#share-card[data-group="doer"] .sc-sub{
  color:rgba(20,16,12,0.78);
  text-shadow:none;
}
#share-card[data-group="doer"] .sc-top::before,
#share-card[data-group="doer"] .sc-top::after{background:rgba(20,16,12,0.4);}
#share-card[data-group="doer"] .sc-name{
  color:#14100c;
  text-shadow:0 2px 16px rgba(255,255,255,0.6);
}
#share-card[data-group="doer"] .sc-epigraph{color:rgba(255,255,255,0.95);}

/* =====================================================================
   5. 杂项微调（按规范微调标题/底纹）
   ===================================================================== */
body[data-page="result"] .r-section{padding-left:24px;padding-right:24px;}
body[data-page="result"] .epigraph{font-family:var(--serif-hand);}

/* =====================================================================
   6. 每个相单独配图（覆盖组级默认 .r-hero::before）
   组级颜色、滤镜、遮罩仍由 data-group 控制，这里只换背景图。
   ===================================================================== */
/* —— 智者组 wisdom（按新版视觉规范：cover_1/2/4/6/8/9 共 6 张；cover_5 留给答题页，cover_7 不再使用）—— */
body[data-type-name="谋臣"] .r-hero::before{ background-image:url('../assets/refs/cover_1.png'); }
body[data-type-name="諍士"] .r-hero::before{ background-image:url('../assets/refs/cover_2.png'); }
body[data-type-name="玄客"] .r-hero::before{ background-image:url('../assets/refs/cover_4.png'); }
body[data-type-name="鬼才"] .r-hero::before{ background-image:url('../assets/refs/cover_6.png'); }
body[data-type-name="宰辅"] .r-hero::before{ background-image:url('../assets/refs/cover_8.png'); }
body[data-type-name="革者"] .r-hero::before{ background-image:url('../assets/refs/cover_9.png'); }
body[data-type-name="辩士"] .r-hero::before{ background-image:url('../assets/refs/cover_1.png'); }
body[data-type-name="狂客"] .r-hero::before{ background-image:url('../assets/refs/cover_2.png'); }

/* —— 文士组 scholar（图 4 张，师者保留 14） —— */
body[data-type-name="醇儒"] .r-hero::before{ background-image:url('../assets/refs/scholar_15.png'); }
body[data-type-name="诤儒"] .r-hero::before{ background-image:url('../assets/refs/scholar_16.png'); }
body[data-type-name="隐者"] .r-hero::before{ background-image:url('../assets/refs/scholar_17.png'); }
body[data-type-name="狂士"] .r-hero::before{ background-image:url('../assets/refs/scholar_15.png'); }
body[data-type-name="师者"] .r-hero::before{ background-image:url('../assets/refs/scholar_14.png'); }
body[data-type-name="仁雄"] .r-hero::before{ background-image:url('../assets/refs/scholar_16.png'); }
body[data-type-name="游士"] .r-hero::before{ background-image:url('../assets/refs/scholar_17.png'); }
body[data-type-name="诗仙"] .r-hero::before{ background-image:url('../assets/refs/scholar_14.png'); }

/* —— 守成组 preserve（新版规范：preserve_18-22 + 新增 preserve_28；慈母独占 22，武圣独占 28；preserve_23 不再使用）—— */
body[data-type-name="良吏"] .r-hero::before{ background-image:url('../assets/refs/preserve_18.png'); }
body[data-type-name="诤吏"] .r-hero::before{ background-image:url('../assets/refs/preserve_19.png'); }
body[data-type-name="慈母"] .r-hero::before{ background-image:url('../assets/refs/preserve_22.png'); }
body[data-type-name="义士"] .r-hero::before{ background-image:url('../assets/refs/preserve_20.png'); }
body[data-type-name="名将"] .r-hero::before{ background-image:url('../assets/refs/preserve_21.png'); }
body[data-type-name="猛将"] .r-hero::before{ background-image:url('../assets/refs/preserve_18.png'); }
body[data-type-name="贤臣"] .r-hero::before{ background-image:url('../assets/refs/preserve_19.png'); }
body[data-type-name="武圣"] .r-hero::before{ background-image:url('../assets/refs/preserve_28.png'); }

/* —— 实干组 doer（图 4 张轮转）—— */
body[data-type-name="匠师"] .r-hero::before{ background-image:url('../assets/refs/doer_24.png'); }
body[data-type-name="神匠"] .r-hero::before{ background-image:url('../assets/refs/doer_25.png'); }
body[data-type-name="山人"] .r-hero::before{ background-image:url('../assets/refs/doer_26.png'); }
body[data-type-name="才子"] .r-hero::before{ background-image:url('../assets/refs/doer_27.png'); }
body[data-type-name="侠客"] .r-hero::before{ background-image:url('../assets/refs/doer_24.png'); }
body[data-type-name="豪侠"] .r-hero::before{ background-image:url('../assets/refs/doer_25.png'); }
body[data-type-name="雅士"] .r-hero::before{ background-image:url('../assets/refs/doer_26.png'); }
body[data-type-name="名士"] .r-hero::before{ background-image:url('../assets/refs/doer_27.png'); }

/* =====================================================================
   7. 可下载分享卡 #share-card 的背景图——与上面 .r-hero 顶部图保持一致
   ===================================================================== */
/* —— 智者（与顶部一致） —— */
#share-card[data-type-name="谋臣"] .sc-bg{ background-image:url('../assets/refs/cover_1.png'); }
#share-card[data-type-name="諍士"] .sc-bg{ background-image:url('../assets/refs/cover_2.png'); }
#share-card[data-type-name="玄客"] .sc-bg{ background-image:url('../assets/refs/cover_4.png'); }
#share-card[data-type-name="鬼才"] .sc-bg{ background-image:url('../assets/refs/cover_6.png'); }
#share-card[data-type-name="宰辅"] .sc-bg{ background-image:url('../assets/refs/cover_8.png'); }
#share-card[data-type-name="革者"] .sc-bg{ background-image:url('../assets/refs/cover_9.png'); }
#share-card[data-type-name="辩士"] .sc-bg{ background-image:url('../assets/refs/cover_1.png'); }
#share-card[data-type-name="狂客"] .sc-bg{ background-image:url('../assets/refs/cover_2.png'); }

/* —— 文士 —— */
#share-card[data-type-name="醇儒"] .sc-bg{ background-image:url('../assets/refs/scholar_15.png'); }
#share-card[data-type-name="诤儒"] .sc-bg{ background-image:url('../assets/refs/scholar_16.png'); }
#share-card[data-type-name="隐者"] .sc-bg{ background-image:url('../assets/refs/scholar_17.png'); }
#share-card[data-type-name="狂士"] .sc-bg{ background-image:url('../assets/refs/scholar_15.png'); }
#share-card[data-type-name="师者"] .sc-bg{ background-image:url('../assets/refs/scholar_14.png'); }
#share-card[data-type-name="仁雄"] .sc-bg{ background-image:url('../assets/refs/scholar_16.png'); }
#share-card[data-type-name="游士"] .sc-bg{ background-image:url('../assets/refs/scholar_17.png'); }
#share-card[data-type-name="诗仙"] .sc-bg{ background-image:url('../assets/refs/scholar_14.png'); }

/* —— 守成（与顶部一致；慈母独占 22，武圣独占 28） —— */
#share-card[data-type-name="良吏"] .sc-bg{ background-image:url('../assets/refs/preserve_18.png'); }
#share-card[data-type-name="诤吏"] .sc-bg{ background-image:url('../assets/refs/preserve_19.png'); }
#share-card[data-type-name="慈母"] .sc-bg{ background-image:url('../assets/refs/preserve_22.png'); }
#share-card[data-type-name="义士"] .sc-bg{ background-image:url('../assets/refs/preserve_20.png'); }
#share-card[data-type-name="名将"] .sc-bg{ background-image:url('../assets/refs/preserve_21.png'); }
#share-card[data-type-name="猛将"] .sc-bg{ background-image:url('../assets/refs/preserve_18.png'); }
#share-card[data-type-name="贤臣"] .sc-bg{ background-image:url('../assets/refs/preserve_19.png'); }
#share-card[data-type-name="武圣"] .sc-bg{ background-image:url('../assets/refs/preserve_28.png'); }

/* —— 实干 —— */
#share-card[data-type-name="匠师"] .sc-bg{ background-image:url('../assets/refs/doer_24.png'); }
#share-card[data-type-name="神匠"] .sc-bg{ background-image:url('../assets/refs/doer_25.png'); }
#share-card[data-type-name="山人"] .sc-bg{ background-image:url('../assets/refs/doer_26.png'); }
#share-card[data-type-name="才子"] .sc-bg{ background-image:url('../assets/refs/doer_27.png'); }
#share-card[data-type-name="侠客"] .sc-bg{ background-image:url('../assets/refs/doer_24.png'); }
#share-card[data-type-name="豪侠"] .sc-bg{ background-image:url('../assets/refs/doer_25.png'); }
#share-card[data-type-name="雅士"] .sc-bg{ background-image:url('../assets/refs/doer_26.png'); }
#share-card[data-type-name="名士"] .sc-bg{ background-image:url('../assets/refs/doer_27.png'); }