html[data-b2-preview] .guide-artwork>*{visibility:hidden}html[data-b2-preview] #paul-guide{visibility:hidden}html[data-b2-preview] #home .desk-actions>*{visibility:hidden!important;pointer-events:none!important}
#b2-ip-layer{position:absolute;inset:0 auto auto 0;width:100%;height:0;pointer-events:none;z-index:100;color:#342d40;font-family:Arial,'Microsoft YaHei',sans-serif}
#b2-ip-layer *{box-sizing:border-box}#b2-ip-layer [hidden]{display:none!important}
#b2-ip-layer .b2-stage{position:absolute;left:calc(50% - 44px);top:144px;width:calc(50% - 73px);height:385px;background:#fbf7ef;border:1px solid #cdbedb;border-radius:6px;pointer-events:none}
#b2-ip-layer .b2-identity{position:absolute;left:14px;top:10px;margin:0;font-size:12px;line-height:1.5;color:#665671}
#b2-ip-layer .b2-heading{position:absolute;right:14px;top:10px;margin:0;font-size:15px;line-height:1.5}
#b2-ip-layer .b2-actor-layer{position:absolute;left:50%;top:25%;width:35%;height:35%;transform:translate(-50%,-50%);pointer-events:none}
#b2-ip-layer .b2-actor-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#b2-ip-layer .b2-cards{position:absolute;inset:0}
#b2-ip-layer .b2-card{position:absolute;left:3%;top:53%;width:45%;height:20%;min-height:54px;display:flex;flex-direction:column;justify-content:center;padding:8px 9px 8px 51px;border:1px solid #c5b6cc;background:#fbf7ef;color:#342d40;text-decoration:none;pointer-events:auto;border-radius:3px}
#b2-ip-layer .b2-card:nth-child(2){left:52%}#b2-ip-layer .b2-card:nth-child(3){top:77%}#b2-ip-layer .b2-card:nth-child(4){left:52%;top:77%}
#b2-ip-layer .b2-card strong,#b2-ip-layer .b2-card-role{display:block;white-space:nowrap;min-width:0;flex-shrink:0;overflow:visible}
#b2-ip-layer .b2-card strong{font-size:13px;line-height:1.5;font-weight:600}#b2-ip-layer .b2-card-role{font-size:11px;line-height:1.6;color:#665a70;margin-top:2px}
#b2-ip-layer .b2-copy-line{display:inline-block;white-space:nowrap;transform-origin:left center}
#b2-ip-layer .b2-seal{position:absolute;left:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #a68b94;color:#90584e;background:#f6ece5}
#b2-ip-layer .b2-seal svg{width:24px;height:24px;transform:rotate(var(--seal-angle));pointer-events:none}
#b2-ip-layer .b2-seal path{fill:currentColor}
#b2-ip-layer .is-selected{border:2px solid #58416e;background:#f0e8f8}#b2-ip-layer .is-selected .b2-seal{background:#8d4d44;color:#fbf7ef;border-color:#8d4d44}
#b2-ip-layer a:focus-visible,#b2-ip-layer button:focus-visible{outline:3px solid #58416e;outline-offset:3px}
#b2-ip-layer .b2-sword-window{position:absolute;left:3px;top:-44px;width:44px;height:44px;clip-path:inset(-24px -10px 0 -10px);pointer-events:auto}
#b2-ip-layer .b2-sword-visual{position:absolute;left:0;top:0;width:44px;height:88px;pointer-events:auto}
#b2-ip-layer .b2-sword-visual svg,#b2-ip-layer .b2-flight svg{display:block;width:100%;height:100%}
.b2-sound{position:absolute;z-index:101;pointer-events:auto;border:1px solid #bba7cb;background:#fbf7ef;color:#493553;border-radius:20px;padding:8px 14px;font-size:12px;min-height:40px;cursor:pointer}
#b2-ip-layer .b2-transition{position:fixed;inset:0;z-index:103;pointer-events:none;overflow:hidden}
#b2-ip-layer .b2-flight{position:absolute;left:0;top:0;width:44px;height:88px;transform-origin:center;pointer-events:none}
#b2-ip-layer .b2-sweep{position:absolute;top:46%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#bca8d0 25%,#fff 50%,#bca8d0 75%,transparent);transform:translateX(-110%);pointer-events:none}
html[data-b2-preview] .b2-chapter-nav{padding-top:30px;top:145px;background:#fbf7ef;border:1px solid #dfd2e6;border-radius:5px;padding:20px}
.b2-chapter-nav nav{display:grid;gap:8px}.b2-chapter-nav a{display:block;padding:12px 10px;min-height:44px;color:#58416e;text-decoration:none;font-size:14px;line-height:1.5}.b2-chapter-nav a[aria-current]{background:#efe6fa;font-weight:700}.b2-chapter-nav [data-b2-return]{border-top:1px solid #dfd2e6;margin-top:12px}
.sword-chapter h3{position:relative}.b2-chapter-badge{position:absolute;right:calc(100% + 7px);top:4px;width:22px;height:22px;pointer-events:none;color:#925d50}.b2-chapter-badge svg{width:100%;height:100%;fill:currentColor}
@media(max-width:1100px){#b2-ip-layer .b2-card strong{font-size:11px}#b2-ip-layer .b2-card-role{font-size:10px}html[lang^='en'] #b2-ip-layer .b2-card strong{transform:translateY(-7px)}html[lang^='en'] #b2-ip-layer .b2-card-role{position:absolute;left:8px;right:5px;bottom:6px;margin:0}}
@media(max-width:760px){#b2-ip-layer .b2-stage{left:40px;top:405px;width:calc(100% - 80px);height:310px}#b2-ip-layer .b2-identity{font-size:10px;left:8px;top:7px}#b2-ip-layer .b2-heading{font-size:12px;right:8px;top:7px}#b2-ip-layer .b2-card{padding-left:43px;padding-right:5px}#b2-ip-layer .b2-seal{left:7px;top:9px;width:28px;height:28px}#b2-ip-layer .b2-sword-window{left:-1px}.b2-sound{top:112px;right:20px;min-height:36px;padding:6px 10px;font-size:11px}html[data-b2-preview] .b2-chapter-nav{top:0;padding:8px 6px;margin-bottom:12px;position:relative}.b2-chapter-nav nav{grid-template-columns:1fr 1fr;gap:2px}.b2-chapter-nav a{font-size:12px;padding:8px}.b2-chapter-nav [data-b2-return]{margin:2px 0 0}.sword-chapter{scroll-margin-top:30px}.b2-chapter-badge{width:17px;height:17px;right:calc(100% + 3px);top:6px}}
@media(prefers-reduced-motion:reduce){#b2-ip-layer *{animation:none!important;transition:none!important}}





@media(max-width:760px){html[data-b2-preview] .sword-chapter{scroll-margin-top:84px}}

/* B2 review: larger stage composition, full swords, no fixed audio overlay. */
#b2-ip-layer .b2-actor-layer{width:240px;height:240px;top:27.5%;z-index:3}
#b2-ip-layer .b2-card{top:52%}#b2-ip-layer .b2-card:nth-child(3),#b2-ip-layer .b2-card:nth-child(4){top:75%}
#b2-ip-layer .b2-sword-window{width:68px;height:160px;clip-path:none;overflow:visible;z-index:2}
#b2-ip-layer .b2-sword-visual{width:68px;height:160px;transform-origin:50% 20%}
.b2-sound{position:absolute;right:auto;top:auto;z-index:101;pointer-events:auto;border:1px solid #bba7cb;background:#fbf7ef;color:#493553;border-radius:20px;padding:8px 14px;font-size:12px;min-height:40px;cursor:pointer}
.b2-sound.is-docked{position:static;display:block;margin:12px 0 0 10px;min-height:40px}
@media(max-width:1100px){#b2-ip-layer .b2-actor-layer{width:220px;height:220px}#b2-ip-layer .b2-sword-window,#b2-ip-layer .b2-sword-visual{width:64px;height:150px}}
@media(max-width:600px){html[data-b2-preview] .desk-home .guide-artwork{height:430px!important;min-height:430px!important}#b2-ip-layer .b2-actor-layer{width:220px;height:220px;top:28%}#b2-ip-layer .b2-card{top:59%;height:19%;padding-top:6px;padding-bottom:6px}#b2-ip-layer .b2-card:nth-child(3),#b2-ip-layer .b2-card:nth-child(4){top:79%}#b2-ip-layer .b2-card strong{font-size:11px;line-height:1.4;white-space:normal;transform:none!important}#b2-ip-layer .b2-card-role{position:static!important;font-size:11px;line-height:1.4;white-space:normal;margin-top:3px!important}#b2-ip-layer .b2-copy-line{display:block;white-space:normal;overflow-wrap:normal;text-wrap:balance;transform:none!important}#b2-ip-layer .b2-sword-window,#b2-ip-layer .b2-sword-visual{width:60px;height:150px}}

#b2-ip-layer .b2-sound{right:auto;position:absolute;width:max-content}.b2-sound.is-docked{position:static!important;width:max-content;right:auto}

/* 2026-10-28 fix: 390px 卡片内「财务共享中心实习生」不再断成两行 */
@media(max-width:600px){
  #b2-ip-layer .b2-card{padding-left:38px;padding-right:4px}
  #b2-ip-layer .b2-card strong{font-size:11px;line-height:1.4}
  #b2-ip-layer .b2-card-role{font-size:10px;line-height:1.45;white-space:normal;word-break:keep-all}
}

/* C1-only corner seals. Decoration never captures input. */
#b2-ip-layer .c1-marks{position:absolute;inset:0;pointer-events:none;z-index:0}
#b2-ip-layer .c1-mark{position:absolute;width:18px;height:18px;color:#90584e;pointer-events:none}
#b2-ip-layer .c1-mark:nth-child(1){left:8px;top:34px}#b2-ip-layer .c1-mark:nth-child(2){right:8px;top:34px}#b2-ip-layer .c1-mark:nth-child(3){left:8px;bottom:4px}#b2-ip-layer .c1-mark:nth-child(4){right:8px;bottom:4px}
#b2-ip-layer .c1-mark svg{display:block;width:100%;height:100%;fill:currentColor}

/* B2.1: coloured edge is static; no animated filters. */
#b2-ip-layer .b21-edge{opacity:0;pointer-events:none}#b2-ip-layer .b21-active .b21-edge{opacity:1}

#b2-ip-layer .b2-card.is-selected{border-width:1px;box-shadow:inset 0 0 0 1px #58416e}

/* C2: clipped local cover, never a viewport overlay. */
#b2-ip-layer .c2-local{position:absolute;overflow:hidden;pointer-events:none;z-index:4}#b2-ip-layer .c2-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}#b2-ip-layer .c2-seal{position:absolute;left:calc(50% - 9px);top:calc(45% - 9px);width:18px;height:18px;color:#a68baf;pointer-events:none}#b2-ip-layer .c2-seal svg{width:100%;height:100%;fill:currentColor}

#b2-ip-layer .c2-seal{width:26px;height:26px}

/* C3 decoration: all clipped to the existing stage. */
#b2-ip-layer .c3-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}
#b2-ip-layer .c3-rune{position:absolute;left:28%;top:10%;width:44%;height:40%;color:#a391b5;opacity:0;pointer-events:none}
#b2-ip-layer .c3-ghost,#b2-ip-layer .c3-charge{position:absolute;pointer-events:none;transform-origin:50% 20%}
#b2-ip-layer .c3-ghost svg{width:100%;height:100%}#b2-ip-layer .c3-charge{object-fit:fill;opacity:0}
#b2-ip-layer .c3-speed{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a99aba;stroke-width:1.2;opacity:0;pointer-events:none}
#b2-ip-layer .c3-rune svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}

/* C3 design review only; C1/C2 and navigation JS remain byte-identical. */
#b2-ip-layer .b2-card-role{font-size:13px;line-height:1.5}
html[lang^='zh'] #b2-ip-layer .b2-heading{letter-spacing:0}
#b2-ip-layer .b2-actor-layer{top:calc(27.5% - 20px)}
#b2-ip-layer .b2-sword-window{transform-origin:50% 20%}
#b2-ip-layer .b2-card:nth-child(1) .b2-sword-window{transform:translateY(-6px) rotate(-6deg) scale(1.2);z-index:2}
#b2-ip-layer .b2-card:nth-child(2) .b2-sword-window{transform:translateY(6px) rotate(6deg) scale(.98);z-index:2}
#b2-ip-layer .b2-card:nth-child(3) .b2-sword-window{transform:translateY(6px) rotate(-6deg) scale(.98);z-index:4}
#b2-ip-layer .b2-card:nth-child(4) .b2-sword-window{transform:translateY(-6px) rotate(6deg) scale(.98);z-index:4}
@media(max-width:600px){
 #b2-ip-layer .b2-card-role{font-size:12px;line-height:1.5;word-break:normal}
 #b2-ip-layer .b2-identity{font-size:12px}
 #b2-ip-layer .b2-actor-layer{top:calc(28% - 20px)}
}

@media(max-width:600px){#b2-ip-layer .b2-identity{width:92px;line-height:1.4}#b2-ip-layer .b2-identity span{display:block}#b2-ip-layer .b2-card-role{position:absolute!important;left:8px;right:4px;bottom:8px;margin:0!important;white-space:nowrap}#b2-ip-layer .b2-card-role .b2-copy-line{white-space:nowrap;text-wrap:nowrap}#b2-ip-layer .b2-card strong{transform:translateY(-9px)!important}}

@media(max-width:600px){html[lang^='en'] #b2-ip-layer .b2-card-role,html[lang^='en'] #b2-ip-layer .b2-card-role .b2-copy-line{white-space:normal;text-wrap:balance}html[lang^='en'] #b2-ip-layer .b2-card-role{bottom:5px}html[lang^='en'] #b2-ip-layer .b2-card strong{transform:translateY(-12px)!important}html[lang^='en'] #b2-ip-layer .b2-card strong .b2-copy-line{white-space:nowrap;letter-spacing:-.1px}}

@media(max-width:600px){html[lang^='en'] #b2-ip-layer .b2-card strong{position:absolute;top:8px;left:38px;right:4px;transform:none!important}html[lang^='en'] #b2-ip-layer .b2-card strong .b2-copy-line{white-space:normal;letter-spacing:0}}


/* character life pass: pose crossfade + fallback lean */
#b2-ip-layer .b2-actor-layer img{transition:opacity .18s ease}
#b2-ip-layer .b2-actor-layer img[hidden]{display:none}
#b2-ip-layer .b2-actor-layer[data-hover-lean="1"] img[data-pose="command"]{transform:rotate(-2deg) scaleX(-1)}


/* C4: sword cleave transition */
.c4-cleave{position:fixed;inset:0;z-index:2147483000;pointer-events:none;overflow:hidden;contain:strict}
.c4-cleave .c4-panel{position:absolute;inset:0;background:#f8f5ec;will-change:transform}
.c4-cleave .c4-crack{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.c4-cleave .c4-crack polyline{fill:none;stroke:#2a2433;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(42,36,51,.30))}
.c4-cleave .c4-crack polyline.hi{stroke:#fff;stroke-width:1.6;opacity:.55}
.c4-cleave .c4-spark{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 5px #fff)}

.c4-cleave .c4-flash{position:absolute;inset:0;background:#fff;pointer-events:none;will-change:opacity}

/* C3: unclip flying sword */
#b2-ip-layer .b2-card.is-c3{z-index:6}
#b2-ip-layer .b2-card.is-c3 .b2-sword-window{clip-path:none}
#b2-ip-layer .b2-card.is-c3 .b2-sword-visual{filter:drop-shadow(0 0 16px rgba(52,45,64,.35))}
/* C4: giant sword shadow leading the cut */
.c4-cleave .c4-shadow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;will-change:transform,opacity}
.c4-cleave .c4-shadow svg{display:block;height:100%;width:auto;opacity:.9}
.c4-cleave .c4-shadow.is-trail svg{opacity:.7}

/* C4 VFX */
.c4-cleave .c4-glow{fill:none;stroke:#e6dbff;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:blur(5px)}
.c4-cleave .c4-shard{position:absolute;pointer-events:none;will-change:transform,opacity;border-radius:1px}
.c4-cleave .c4-spark{position:absolute;width:2px;height:22px;background:#fff;box-shadow:0 0 6px #fff;pointer-events:none;will-change:transform,opacity;border-radius:1px;transform-origin:50% 50%}
.c4-cleave .c4-ring{position:absolute;border:2.5px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%) scale(.15);box-shadow:0 0 18px rgba(216,199,255,.35);pointer-events:none;will-change:transform,opacity}

/* C4: sword images + element glow (rest = weak, hover = lit) */
#b2-ip-layer .b2-sword-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .18s ease}
#b2-ip-layer .b2-card:nth-child(1) .b2-sword-visual img{filter:drop-shadow(0 0 4px rgba(255,138,60,.30))}
#b2-ip-layer .b2-card:nth-child(2) .b2-sword-visual img{filter:drop-shadow(0 0 4px rgba(143,208,230,.30))}
#b2-ip-layer .b2-card:nth-child(3) .b2-sword-visual img{filter:drop-shadow(0 0 4px rgba(159,216,168,.28))}
#b2-ip-layer .b2-card:nth-child(4) .b2-sword-visual img{filter:drop-shadow(0 0 4px rgba(201,162,255,.30))}
#b2-ip-layer .b2-card.is-selected .b2-sword-visual img{filter:brightness(1.08) saturate(1.1) drop-shadow(0 0 10px rgba(255,255,255,.45)) drop-shadow(0 0 6px currentColor)}
/* D1 element bursts */
.c4-cleave .c4-ember{position:absolute;width:4px;height:4px;border-radius:50%;background:#ff8a3c;box-shadow:0 0 8px #ff8a3c;pointer-events:none}
.c4-cleave .c4-frost{fill:none;stroke:#ffffff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:blur(.3px)}
.c4-cleave .c4-ribbon{fill:none;stroke-width:3;stroke-linecap:round;opacity:.85;filter:blur(.2px)}
.c4-cleave .c4-node{pointer-events:none}
.c4-cleave .c4-arc{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* C4 density: dim + streaks */
.c4-cleave .c4-dim{position:absolute;inset:0;background:#2a2433;pointer-events:none;will-change:opacity}
.c4-cleave .c4-streak{position:absolute;width:2px;height:90px;background:linear-gradient(180deg,transparent,#fff 40%,#fff 60%,transparent);pointer-events:none;transform-origin:50% 0;box-shadow:0 0 8px #fff;opacity:0;will-change:transform,opacity}