/* ===== 基础字段行 ===== */
d{display:block;padding:3px 10px;margin:3px 0;border-radius:8px;font-size:13px;
  color:#6b4a5e;line-height:1.6;
  background:linear-gradient(90deg,rgba(255,244,214,.8),rgba(255,228,240,.55));}
f{color:#c2559b;font-weight:700;margin-right:2px;}
f::after{content:"：";}
.pbd{padding:8px 10px;}

/* ===== 顶部HUD ===== */
.fy-hud{border-radius:14px;padding:10px 14px;margin:6px 0;
  background:linear-gradient(135deg,#ffe9b8,#ffd3e8 55%,#e6c8ff);
  border:2px solid #f3a8d2;box-shadow:0 2px 10px rgba(214,120,190,.3);}
.hud-tt{font-weight:900;letter-spacing:2px;color:#a04b8c;margin-bottom:4px;
  text-shadow:0 1px 0 #fff;}
.fy-hud d{background:rgba(255,255,255,.5);}

/* ===== 正文（游戏对话框风格）===== */
.fy-story{display:block;margin:10px 0;padding:16px 20px;border-radius:14px;
  background:linear-gradient(180deg,#fffaf0,#fff2f8);
  border:2px solid #f2c4de;box-shadow:inset 0 0 20px rgba(255,200,230,.25);
  font-family:"幼圆","YouYuan","楷体","Microsoft YaHei",monospace;
  font-size:15px;line-height:1.9;letter-spacing:.8px;color:#5c4050;}
.fy-story::first-letter{font-size:1.4em;color:#d465a8;font-weight:700;}

/* ===== 战斗结算 ===== */
.fy-btl{margin:12px 0;border-radius:12px;overflow:hidden;
  border:2px solid #b97ae0;box-shadow:0 0 14px rgba(185,122,224,.45);}
.btl-hd{background:linear-gradient(90deg,#8a2be2,#e0509a,#ffb347);
  color:#fff;font-weight:900;text-align:center;padding:9px;letter-spacing:3px;
  text-shadow:0 1px 4px rgba(0,0,0,.4);animation:btlglow 2s infinite alternate;}
@keyframes btlglow{from{filter:brightness(1)}to{filter:brightness(1.18)}}
.btl-bd{padding:8px 12px;background:linear-gradient(180deg,#fdf0ff,#fff6ec);}
.btl-bd d{background:rgba(255,255,255,.65);border-left:4px solid #d98ae0;border-radius:4px;}

/* ===== 主角面板 ===== */
details.fy-pc{margin:10px 0;border-radius:14px;overflow:hidden;
  border:2px solid #f0b64f;
  background:linear-gradient(160deg,#fff7e2,#ffe9f4 60%,#f3e4ff);
  box-shadow:0 2px 8px rgba(240,182,79,.35);}
details.fy-pc>summary{background:linear-gradient(90deg,#ffcf6e,#ff9ecb);
  color:#7a3c10;font-weight:900;padding:9px 14px;cursor:pointer;letter-spacing:2px;
  text-shadow:0 1px 0 rgba(255,255,255,.6);}

/* ===== 角色独立面板 ===== */
details.fy-char{margin:10px 0;border-radius:14px;overflow:hidden;
  border:2px solid #e79ad0;
  background:linear-gradient(165deg,#fff3fa,#f6e9ff);
  box-shadow:0 2px 8px rgba(231,154,208,.35);}
details.fy-char>summary{background:linear-gradient(90deg,#ff9ecb,#c78bf0);
  color:#fff;font-weight:800;padding:9px 14px;cursor:pointer;letter-spacing:1px;
  text-shadow:0 1px 3px rgba(160,60,130,.5);}

/* ===== 长条（HP/精力/爆发/好感）===== */
.bar{position:relative;height:22px;border-radius:11px;margin:5px 0;
  background:rgba(90,50,80,.12);overflow:hidden;border:1px solid rgba(160,80,140,.25);}
.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:11px;
  transition:width .6s ease;}
.bar span{position:relative;z-index:1;display:block;text-align:center;
  font-size:12px;font-weight:800;color:#5c3350;line-height:22px;
  text-shadow:0 0 3px #fff,0 0 5px #fff;}
.bar.hp i{background:linear-gradient(90deg,#ff5f7e,#ff9eb5);}
.bar.sp i{background:linear-gradient(90deg,#ffb347,#ffe084);}
.bar.ex i{background:linear-gradient(90deg,#8a2be2,#d987ff);box-shadow:0 0 8px #c77dff;}
.bar.love i{background:linear-gradient(90deg,#ff7eb3,#ffc2dd);}

/* ===== 四维彩球 ===== */
.orbs{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0;}
.orb{flex:1;min-width:72px;text-align:center;padding:4px 6px;border-radius:12px;
  background:rgba(255,255,255,.75);font-size:12px;font-weight:800;}
.ostr{border:1.5px solid #ff6b6b;color:#c0392b;}
.oagi{border:1.5px solid #5fd068;color:#1e8449;}
.oend{border:1.5px solid #f5c542;color:#b7770d;}
.ospi{border:1.5px solid #5b9bd5;color:#1f5fa8;}

/* ===== 仓库物品 ===== */
details.fy-bag{margin:8px 0;border-radius:12px;overflow:hidden;
  border:2px solid #f0c060;background:#fff9ec;}
details.fy-bag>summary{background:linear-gradient(90deg,#ffe1a0,#ffd3b0);
  padding:7px 12px;font-weight:800;color:#8a5a15;cursor:pointer;}
.item{padding:6px 10px;border-radius:8px;margin:5px 0;
  background:linear-gradient(90deg,#fff2d5,#ffe6f2);border-left:4px solid #f0a832;}
.item b{color:#b06a12;}

/* ===== 事件/记忆/行动 ===== */
details.fy-ev,details.fy-mem,details.fy-act{margin:8px 0;border-radius:12px;
  overflow:hidden;border:2px solid #d9a8e6;background:#fdf4ff;}
details.fy-ev>summary,details.fy-mem>summary,details.fy-act>summary{
  background:linear-gradient(90deg,#e6c8ff,#ffd3e8);padding:7px 12px;
  font-weight:800;color:#7a4b8f;cursor:pointer;letter-spacing:1px;}

/* ===== 行动选项按钮 ===== */
.opt{margin:5px 0;padding:7px 14px;border-radius:20px;
  background:linear-gradient(90deg,#ffe9f2,#f0e2ff);border:1.5px solid #e2a3d9;
  color:#8d4a86;font-weight:700;transition:.2s;cursor:pointer;}
.opt:hover{transform:translateX(5px);
  background:linear-gradient(90deg,#ffd9ea,#e6ccff);box-shadow:0 2px 6px rgba(210,120,190,.4);}

/* ===== 一行式信息行 ===== */
.row{display:flex;gap:6px;flex-wrap:wrap;}
.row d{flex:1;min-width:70px;text-align:center;white-space:nowrap;}

/* ===== 等级徽章 ===== */
.lvl{display:inline-block;margin:4px 0;padding:3px 16px;border-radius:14px;
  background:linear-gradient(90deg,#ffd76e,#ff9ecb);
  color:#7a3c10;font-weight:900;letter-spacing:1px;
  border:1.5px solid #f0a832;text-shadow:0 1px 0 rgba(255,255,255,.6);
  box-shadow:0 1px 4px rgba(240,168,50,.4);}

/* ===== EXP条配色 ===== */
.bar.exp i{background:linear-gradient(90deg,#4dd0a8,#a8ff9e);
  box-shadow:0 0 6px rgba(120,230,170,.6);}

/* ===== 装备/天赋/技能（名字+介绍）===== */
d.eq b{color:#a8408f;font-weight:800;}
d.eq em{font-style:normal;color:#a3849a;font-size:12px;margin-left:6px;}
d.eq em::before{content:"— ";}