📱全校最严的苏老师被我变成了母狗

/* ═══════════════════════════════════════════════════════
   「她的设定卡」· 内置CSS (builtInCss) v2.0
   设计：日系GAL·樱粉漫画 · 樱花底+樱粉主+热粉已改标
   组件：仅 .dl-self / .dl-npc-bar / .dl-memory 三块 + 自检 .dl-chain
   纯CSS：details/summary + 兄弟选择器 · 零JS 零事件绑定
   ═══════════════════════════════════════════════════════ */

/* ── 0. 基础壳 + 设计令牌 ── */
.dl-self,.dl-npc-bar,.dl-memory{
  --dl-bg:#FFF0F5;        /* 樱花底 */
  --dl-card:#FFF7FA;      /* 奶油卡面 */
  --dl-main:#FF7BA9;      /* 樱粉·主 */
  --dl-hot:#FF2E7E;       /* 热粉·已改/强调 */
  --dl-soft:#FFD6E4;      /* 浅粉描边 */
  --dl-text:#5A4650;      /* 暖深字 */
  --dl-dim:#B58FA0;       /* 次级 */
  --dl-dim2:#D9B7C6;      /* 弱化 */
  --dl-line:rgba(255,123,169,.38);   /* 樱粉描边 */
  --dl-line-soft:rgba(255,123,169,.16);
  --dl-blue:#7BA8FF;      /* rp-new 蓝粉 */
  --dl-green:#5FD9A0;     /* rp-known 薄荷 */
  --dl-orange:#FFAB5E;    /* rp-suspect 蜜橙 */
  --dl-gold:#FFC84D;      /* changed 明黄 */
  --dl-dot:rgba(255,123,169,.10);    /* 半调网点 */
  --dl-font:-apple-system,'PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif;
  position:relative;box-sizing:border-box;
  width:100%;max-width:none;margin:10px auto 0;
  background:var(--dl-card);
  border:2px solid var(--dl-line);
  border-radius:16px;
  color:var(--dl-text);
  font-family:var(--dl-font);
  font-size:13px;
  box-shadow:3px 3px 0 rgba(255,159,192,.28);
  overflow:hidden;
  transition:transform .15s,border-color .2s;
}
.dl-self:hover,.dl-npc-bar:hover,.dl-memory:hover{
  border-color:var(--dl-main);
  transform:translateY(-1px);
}
/* 卡面半调网点 + 顶部爱心高光 */
.dl-self::before,.dl-npc-bar::before,.dl-memory::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(var(--dl-dot) 1.4px,transparent 1.4px);
  background-size:14px 14px;
  opacity:.55;
}
.dl-s-row,.dl-n-row,.dl-mem-body{position:relative;}

/* ── 1. 通用卡头 summary（漫画粉条）── */
.dl-self>summary,.dl-npc-bar>summary,.dl-memory>summary{
  list-style:none;cursor:pointer;user-select:none;
  display:flex;align-items:center;gap:10px;
  padding:11px 14px;
  font-size:12px;font-weight:900;letter-spacing:2px;
  background:linear-gradient(135deg,#FF7BA9,#FF4D8F);
  color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.12);
}
.dl-self>summary::-webkit-details-marker,
.dl-npc-bar>summary::-webkit-details-marker,
.dl-memory>summary::-webkit-details-marker{display:none;}
.dl-self>summary em,.dl-npc-bar>summary em{
  font-style:normal;font-size:10px;font-weight:800;letter-spacing:1px;
  color:var(--dl-main);
  background:#fff;border:1px solid var(--dl-soft);
  padding:1px 8px;border-radius:20px;
}
/* 折叠箭头 */
.dl-self-arrow,.dl-npc-arrow,.dl-mem-arrow{
  margin-left:auto;font-size:10px;color:#fff;opacity:.9;
  transition:transform .2s;
}
.dl-self[open]>summary .dl-self-arrow{transform:rotate(180deg);}
.dl-npc-bar[open]>summary .dl-npc-arrow{transform:rotate(180deg);}
.dl-memory[open]>summary .dl-mem-arrow{transform:rotate(180deg);}

/* ── 1b. 自检一行折叠 .dl-chain（前置词里）── */
.dl-chain{
  --dl-card:#FFF7FA;--dl-main:#FF7BA9;--dl-text:#5A4650;--dl-dim:#B58FA0;
  position:relative;box-sizing:border-box;
  width:100%;max-width:none;margin:6px auto 0;
  background:var(--dl-card);border:1.5px solid rgba(255,123,169,.3);border-radius:12px;
  color:var(--dl-text);font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
  font-size:11.5px;line-height:1.5;overflow:hidden;
  box-shadow:2px 2px 0 rgba(255,159,192,.2);
}
.dl-chain>summary{
  list-style:none;cursor:default;user-select:none;
  padding:6px 12px;color:var(--dl-main);font-weight:800;letter-spacing:.5px;
}
.dl-chain>summary::-webkit-details-marker{display:none;}
.dl-chain[open]>summary{padding-bottom:4px;border-bottom:1px dashed var(--dl-soft);}

/* ── 2. 自身状态栏 .dl-self（身份/回合/剩余改动/体力）── */
.dl-s-row{
  display:flex;align-items:center;gap:10px;
  padding:8px 14px 8px 13px;
  border-bottom:1px dashed var(--dl-line-soft);
  position:relative;
  font-size:12.5px;line-height:1.45;
}
.dl-s-row:last-child{border-bottom:none;}
/* 左缘色条：粉系分级 */
.dl-s-row::before{
  content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;
  background:var(--dl-main);opacity:.8;
}
.dl-s-row:nth-child(2)::before{background:var(--dl-hot);}
.dl-s-row:nth-child(3)::before{background:var(--dl-gold);}
.dl-s-row:nth-child(n+4)::before{background:var(--dl-dim2);}
.dl-s-ic{
  width:26px;height:26px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:13px;
  background:var(--dl-bg);
  border:1.5px solid var(--dl-soft);
  color:var(--dl-main);
}
.dl-self>summary .dl-s-ic{width:30px;height:30px;font-size:15px;}
.dl-s-l{
  color:var(--dl-dim);flex-shrink:0;min-width:36px;
  font-size:10px;font-weight:900;letter-spacing:1px;
}
.dl-s-v{
  flex:1;min-width:0;text-align:right;
  font-size:12.5px;color:var(--dl-text);line-height:1.45;word-break:break-word;
  font-variant-numeric:tabular-nums;
}
.dl-s-v em{font-style:normal;color:var(--dl-hot);font-weight:800;}

/* ── 3. 角色设定卡 .dl-npc-bar（关系/性格/身体/状态）── */
.dl-n-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 14px 9px 13px;
  border-bottom:1px dashed var(--dl-line-soft);
  position:relative;
  font-size:12.5px;line-height:1.45;
}
.dl-n-row:last-child{border-bottom:none;}
/* 四栏色条：关系粉 / 性格热粉 / 身体黄 / 状态橙 */
.dl-n-row::before{
  content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;
}
.dl-n-row:nth-child(1)::before{background:var(--dl-main);}
.dl-n-row:nth-child(2)::before{background:var(--dl-hot);}
.dl-n-row:nth-child(3)::before{background:var(--dl-gold);}
.dl-n-row:nth-child(4)::before{background:var(--dl-orange);}
.dl-n-ic{
  width:26px;height:26px;flex-shrink:0;border-radius:9px;
  display:flex;align-items:center;justify-content:center;font-size:13px;
  background:var(--dl-bg);
  border:1.5px solid var(--dl-soft);
  color:var(--dl-main);
}
.dl-npc-bar>summary .dl-n-ic{width:30px;height:30px;font-size:15px;border-radius:10px;}
.dl-n-l{
  color:var(--dl-dim);flex-shrink:0;min-width:36px;
  font-size:10px;font-weight:900;letter-spacing:1px;
}
.dl-n-v{
  flex:1;min-width:0;text-align:right;
  font-size:12.5px;color:var(--dl-text);line-height:1.45;word-break:break-word;
}
.dl-n-v em{font-style:normal;color:var(--dl-hot);font-weight:800;}
.dl-n-v strong{font-style:normal;color:var(--dl-gold);font-weight:800;}

/* ── 4. 已改标 set-tag（热粉实心）· 风评 rep-tag（马卡龙）── */
.set-tag{
  display:inline-flex;align-items:center;gap:5px;
  padding:2px 9px;border-radius:20px;
  font-size:10px;font-weight:900;letter-spacing:.5px;
  color:#fff;
  background:linear-gradient(135deg,#FF4D8F,#FF2E7E);
  box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--dl-soft),2px 2px 0 rgba(255,46,126,.25);
  transform:rotate(-1.5deg);
}
.set-tag::before{content:'♥';font-size:9px;color:#FFE3EE;}
.rep-tag{
  display:inline-block;padding:2px 9px;border-radius:20px;
  font-size:10px;font-weight:800;letter-spacing:.5px;
  background:#fff;border:1.5px solid var(--dl-soft);
}
.rep-tag.rp-new{color:var(--dl-blue);border-color:rgba(123,168,255,.45);background:#F0F5FF;}
.rep-tag.rp-known{color:#2FA36B;border-color:rgba(95,217,160,.5);background:#EFFBF4;}
.rep-tag.rp-suspect{color:#E07A2E;border-color:rgba(255,171,94,.5);background:#FFF6EC;}

/* ── 5. 变更行 changed 明黄高亮 ── */
.dl-s-row.changed,.dl-n-row.changed{
  background:linear-gradient(90deg,rgba(255,200,77,.18),transparent);
  box-shadow:inset 3px 0 0 var(--dl-gold);
  animation:dl-flash .9s ease;
}
.dl-s-row.changed .dl-s-v,.dl-n-row.changed .dl-n-v{color:#C79A1F;font-weight:800;}
@keyframes dl-flash{0%{background-color:rgba(255,200,77,.4)}100%{background-color:transparent}}

/* ── 6. 记忆卡 .dl-memory（每轮必出·默认展开open）── */
.dl-memory>summary .dl-mem-tag{margin-bottom:0;}
.dl-mem-body{padding:9px;display:flex;flex-direction:column;gap:8px;}
.dl-mem-sec{
  padding:10px 12px;
  background:#fff;
  border:1.5px solid var(--dl-soft);
  border-radius:12px;
}
.dl-mem-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;
  margin-bottom:5px;color:var(--dl-main);
}
.dl-mem-tag::before{content:'♥';font-size:9px;color:var(--dl-hot);}
/* 三段配色：长记粉 / 短记热粉 / 下步黄 */
.dl-mem-sec:nth-child(1){border-left:3px solid var(--dl-main);}
.dl-mem-sec:nth-child(2){border-left:3px solid var(--dl-hot);}
.dl-mem-sec:nth-child(3){border-left:3px solid var(--dl-gold);}
.dl-mem-sec:nth-child(1) .dl-mem-tag{color:var(--dl-main);}
.dl-mem-sec:nth-child(2) .dl-mem-tag{color:var(--dl-hot);}
.dl-mem-sec:nth-child(3) .dl-mem-tag{color:#C79A1F;}
.dl-mem-txt{font-size:12.5px;line-height:1.6;color:var(--dl-text);word-break:break-word;}
.dl-mem-txt em{font-style:normal;color:#C79A1F;font-weight:800;}
.dl-mem-txt strong{font-style:normal;color:var(--dl-hot);font-weight:800;}

/* ── 响应式 ── */
@media (max-width:480px){
  .dl-self,.dl-npc-bar,.dl-memory,.dl-chain{margin:8px auto 0;border-radius:14px;}
  .dl-self>summary,.dl-npc-bar>summary,.dl-memory>summary{padding:10px 12px;font-size:11px;}
  .dl-s-row,.dl-n-row{padding:7px 12px 7px 11px;gap:8px;font-size:11.5px;}
  .dl-s-ic,.dl-n-ic{width:22px;height:22px;font-size:12px;}
  .dl-s-l,.dl-n-l{font-size:9px;min-width:30px;}
  .dl-s-v,.dl-n-v{font-size:11.5px;}
  .dl-mem-sec{padding:8px 10px;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
}

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。