/* 产品日常委托 · 原构成事务所终端版面皮肤
   1) 委托板：终端统一窗口（tk-window）内的卡片与路线。
   2) 章节：#tkCaseLayer 覆盖终端舞台（左侧导航保留），把章节组件排成
      顶部信息条 / 场景背景 / 委托人立绘 / 中央方案板 / 右侧「选择行动」/ 底部对白条。
   令牌全部取自终端 :root（--color-*、--serif、--sans、--radius-*、--shadow-*）。 */

/* C01 新照片仍在原中央方案板内：标注完整叠在照片上，不参加线路示意图布局。 */
.tkp-layer [data-puxin-product-case01] .dl-marked-photo>svg.dl-analysis-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:block!important;background:none!important;border:0!important;pointer-events:none}
.tkp-layer [data-puxin-product-case01] .dl-proof-photo>img{height:auto;max-height:370px;object-fit:contain}
.tkp-layer [data-puxin-product-case01] .dl-photo-inspection h4{font-family:var(--serif)}
.tkp-layer #dl-panel-body .dl-photo-hotspot{position:absolute;min-height:30px;padding:4px 8px;border-radius:18px;font-size:11px;background:rgba(255,253,248,.95)}
.tkp-layer #dl-panel-body .dl-photo-hotspot[aria-pressed="true"]{background:var(--color-gold-dark);color:#fff}
.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) :is(.c2-marked-photo,.c3-marked-photo,.c4-marked-photo,.c5-marked-photo,.c6-marked-photo,.c7-marked-photo,.c8-marked-photo)>svg:is(.c2-analysis-svg,.c3-analysis-svg,.c4-analysis-svg,.c5-analysis-svg,.c6-analysis-svg,.c7-analysis-svg,.c8-analysis-svg){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:block!important;background:none!important;border:0!important;pointer-events:none}
.tkp-layer :is(#c2-panel-body,#c3-panel-body,#c4-panel-body,#c5-panel-body,#c6-panel-body,#c7-panel-body,#c8-panel-body) :is(.c2-photo-hotspot,.c3-photo-hotspot,.c4-photo-hotspot,.c5-photo-hotspot,.c6-photo-hotspot,.c7-photo-hotspot,.c8-photo-hotspot){position:absolute;min-height:30px;padding:4px 8px;border-radius:18px;font-size:11px;background:rgba(255,253,248,.95)}
.tkp-layer :is(#c2-panel-body,#c3-panel-body,#c4-panel-body,#c5-panel-body,#c6-panel-body,#c7-panel-body,#c8-panel-body) :is(.c2-photo-hotspot,.c3-photo-hotspot,.c4-photo-hotspot,.c5-photo-hotspot,.c6-photo-hotspot,.c7-photo-hotspot,.c8-photo-hotspot)[aria-pressed="true"]{background:var(--color-gold-dark);color:#fff}

/* ---------- 委托板窗口 ---------- */
.tkp-board{display:grid;gap:14px}
.tkp-notice{padding:10px 14px;border-left:3px solid var(--color-gold);background:var(--color-gold-wash);font-size:12px;color:var(--color-text);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.tkp-notice.warn{border-left-color:var(--color-danger);background:var(--color-danger-wash)}
.tkp-cycle{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tkp-cycle span{font:600 10.5px/1 var(--sans);padding:6px 10px;border:1px solid var(--color-line);border-radius:20px;color:var(--color-text-muted);background:var(--color-paper3)}
.tkp-cycle span+span:before{content:"→";margin-right:8px;color:var(--color-gold)}
.tkp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.tkp-card{display:flex;flex-direction:column;min-width:0;background:var(--color-paper3);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.tkp-card.playable{border-top:3px solid var(--color-gold)}
.tkp-card:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-soft)}
.tkp-card:not(.playable){opacity:.86}
.tkp-art{background:var(--color-well);border-bottom:1px solid var(--color-line-soft)}
.tkp-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.tkp-cbody{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px 14px 14px}
.tkp-who{display:flex;align-items:center;gap:8px;font:700 10.5px/1.3 var(--sans);color:var(--color-gold-dark);letter-spacing:.04em}
.tkp-who img,.tkp-noav{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:top;border:1px solid var(--color-gold);background:#e6dcce;flex:0 0 auto}
.tkp-noav{display:grid;place-items:center;font:700 12px var(--serif);color:var(--color-gold-dark)}
.tkp-who .tk-tag{margin-left:auto}
.tkp-card h3{margin:2px 0 0;font:700 15.5px/1.45 var(--serif);color:var(--color-text)}
.tkp-meta{font-size:10.5px;color:var(--color-text-muted)}
.tkp-card p{margin:0;font-size:12px;line-height:1.65;color:var(--color-text);flex:1}
.tkp-card .tk-btn{margin-top:6px;width:100%}
.tkp-route{display:grid;border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;background:var(--color-paper3)}
.tkp-rrow{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-line-soft)}
.tkp-rrow:last-child{border-bottom:0}
.tkp-rrow.playable{box-shadow:inset 3px 0 0 var(--color-gold)}
.tkp-rnum{font:700 18px var(--serif);color:var(--color-gold-dark)}
.tkp-rrow b{display:block;font:700 13.5px var(--serif)}
.tkp-rrow small{display:block;margin-top:3px;font-size:10.5px;color:var(--color-text-muted)}
.tkp-arch{padding:14px 16px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper3)}
.tkp-arch-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.tkp-arch-head h3{margin:4px 0 0;font:700 16px var(--serif)}
.tkp-ver{padding:9px 0;border-top:1px solid var(--color-line-soft);font-size:12px}
.tkp-ver summary{cursor:pointer;font:700 13px var(--serif)}
.tkp-ver p{margin:6px 0 0;line-height:1.6}
.tkp-muted{font-size:11.5px;color:var(--color-text-muted);margin:6px 0 0}
.tkp-topfield{min-width:0}
.tkp-topdetail{display:block;font:400 10px/1.3 var(--sans);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.tkp-route-intro{margin:0;font-size:12.5px;line-height:1.7;color:var(--color-text-muted)}
.tkp-help h3{margin:20px 0 7px;font:700 16px var(--serif)}
.tkp-help h3:first-child{margin-top:0}
.tkp-help p{font-size:13px;line-height:1.8}
.tkp-workcards{display:grid;gap:10px;margin:10px 0 14px}
.tkp-workcard{display:flex;gap:14px;align-items:center;padding:10px;border:1px solid var(--color-line-soft);border-radius:var(--radius-sm)}
.tkp-workcard img{display:block;width:150px;aspect-ratio:3/2;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-well)}
.tkp-workcard b{font:700 14px var(--serif)}
.tkp-workcard p{margin:5px 0 0;font-size:12px;line-height:1.6}
.tkp-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
a.tkp-link{display:inline-flex;align-items:center;text-decoration:none}
.tkp-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}
.tkp-preview>img{width:100%;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-well)}
.tkp-preview .tk-detail p{font-size:12.5px;line-height:1.7}
@media(max-width:700px){.tkp-preview{grid-template-columns:1fr}.tkp-rrow{grid-template-columns:36px minmax(0,1fr);}.tkp-rrow .tk-tag{display:none}.tkp-rrow .tk-btn{grid-column:2;justify-self:start}}

/* 大厅左侧导航里的「日常委托」与章节内「返回大厅」 */
.tk-navbtn.tkp-nav-daily .ni{color:var(--color-gold-dark)}
.tk-navbtn.tkp-nav-daily:after{content:"";position:absolute;top:8px;right:24px;width:7px;height:7px;border-radius:50%;background:var(--color-gold)}
.tk-navbtn.tkp-nav-exit{border-bottom:1px solid var(--color-line-soft);margin-bottom:4px}
.tk-navbtn.tkp-nav-exit .ni{font-size:24px}

/* ---------- 章节层：总体 ---------- */
.tkp-layer{position:fixed;inset:0 0 0 104px;z-index:30;overflow:hidden;background:#2a251e;color:var(--color-text);font-family:var(--sans)}
.tkp-mount{position:absolute;inset:0}
body[data-product-case] .tk-stage{visibility:hidden}
body[data-product-agency-terminal] #tkCoachBar,body[data-product-agency-terminal] .tk-helpfab,body[data-product-agency-terminal] #tkScoreChip{display:none!important}
body[data-product-agency-terminal] #tkNext:disabled{visibility:hidden}
body[data-product-case] .puxin-voice-dock{right:16px;bottom:10px;max-width:calc(100vw - 132px)}
body[data-product-panel-open] .puxin-voice-dock,body[data-product-window-open] .puxin-voice-dock{visibility:hidden}
body[data-product-panel-open] #puxinIdentityChip,body[data-product-window-open] #puxinIdentityChip{visibility:hidden}
body[data-product-window-open] .puxin-pagebar--floating{visibility:hidden}
body[data-product-agency-terminal] .tk-toast{pointer-events:none}
.tkp-inline-status{padding:10px 12px;margin:0 0 12px;border:1px solid var(--color-line);border-left:3px solid var(--color-gold);border-radius:6px;background:var(--color-paper);font-size:13px;line-height:1.6;color:var(--color-text)}
body[data-product-panel-open] .tkp-layer{z-index:9400;overflow:visible}
body[data-product-panel-open] .tkp-layer [data-puxin-product-case01],body[data-product-panel-open] .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]){overflow:visible}
.tkp-modal-backdrop{position:fixed;inset:0;z-index:9300;background:rgba(20,16,11,.62);backdrop-filter:blur(6px);cursor:pointer}
body[data-product-panel-open] .tkp-layer #dl-panel,body[data-product-panel-open] .tkp-layer :is(#c2-panel,#c3-panel,#c4-panel,#c5-panel,#c6-panel,#c7-panel,#c8-panel){position:fixed;z-index:9400;left:calc(50% + 52px);top:50%;transform:translate(-50%,-50%);width:min(860px,calc(100vw - 160px));max-height:84vh;overflow:auto;overscroll-behavior:contain;background:var(--color-paper);border:1px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-strong)}
.tkp-error{position:absolute;right:24px;top:96px;width:min(380px,calc(100% - 48px));padding:20px 22px;background:var(--color-surface);border:1px solid var(--color-line);border-top:3px solid var(--color-danger);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
.tkp-error h3{margin:4px 0 6px;font:700 20px var(--serif)}
.tkp-error p{margin:0;font-size:12.5px;line-height:1.7}

/* 小屏 / 矮屏：保持组件自身的纵向排版，可滚动 */
@media (max-width:1100px),(max-height:639px){
  .tkp-layer{overflow-y:auto;overscroll-behavior:contain;background:var(--color-bg-scene)}
  .tkp-mount{position:static;padding:78px 14px 78px}
}
@media (max-width:760px){
  .tkp-layer{inset:var(--tk-mobile-nav-h,58px) 0 0 0}
  .tkp-mount{padding:8px 8px 78px}
  body[data-product-case] .puxin-voice-dock{max-width:calc(100vw - 16px);right:8px;bottom:8px}
  body[data-product-panel-open] .tkp-layer #dl-panel,body[data-product-panel-open] .tkp-layer :is(#c2-panel,#c3-panel,#c4-panel,#c5-panel,#c6-panel,#c7-panel,#c8-panel){left:50%;width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}
  /* 品牌浮条位于终端的外部堆叠层；C01 模态打开时让位给标题与关闭按钮。 */
  body[data-product-case="C01"][data-product-panel-open] .puxin-pagebar--floating{visibility:hidden}
  body[data-product-case="C01"][data-product-panel-open] #dl-panel .dl-panel-head{position:sticky;top:0;z-index:4;margin:-15px -15px 12px;padding:14px 15px;background:var(--color-paper);border-bottom:1px solid var(--color-line)}
  body:is([data-product-case="C02"],[data-product-case="C03"],[data-product-case="C04"],[data-product-case="C05"],[data-product-case="C06"],[data-product-case="C07"],[data-product-case="C08"])[data-product-panel-open] .puxin-pagebar--floating{visibility:hidden}
  body:is([data-product-case="C02"],[data-product-case="C03"],[data-product-case="C04"],[data-product-case="C05"],[data-product-case="C06"],[data-product-case="C07"],[data-product-case="C08"])[data-product-panel-open] :is(#c2-panel,#c3-panel,#c4-panel,#c5-panel,#c6-panel,#c7-panel,#c8-panel){padding:14px}
  body:is([data-product-case="C02"],[data-product-case="C03"],[data-product-case="C04"],[data-product-case="C05"],[data-product-case="C06"],[data-product-case="C07"],[data-product-case="C08"])[data-product-panel-open] :is(#c2-panel,#c3-panel,#c4-panel,#c5-panel,#c6-panel,#c7-panel,#c8-panel) .panel-head{position:sticky;top:0;z-index:4;margin:-14px -14px 12px;padding:14px;background:var(--color-paper);border-bottom:1px solid var(--color-line)}
  .tkp-workcard{align-items:flex-start;flex-direction:column}
  .tkp-workcard img{width:100%;max-height:180px}
}

/* 窄屏大厅使用顺序排版；品牌、菜单、对白和行动各有自己的空间。 */
@media (max-width:1100px),(max-height:639px){
  body[data-product-agency-terminal]:not([data-product-case]) .tk-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(290px,1.1fr);gap:16px;align-content:start;overflow-y:auto;overscroll-behavior:contain;padding:86px 18px 86px}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-scene-bg{position:fixed;inset:0 0 0 104px;pointer-events:none}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-top{position:relative;inset:auto;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-topfield b,body[data-product-agency-terminal]:not([data-product-case]) .tkp-topdetail{max-width:100%}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-actor{position:relative;inset:auto;grid-column:1;grid-row:2;height:340px;max-width:100%;justify-content:center;align-self:end;overflow:hidden}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-actor img{max-width:100%;height:100%;object-fit:contain;object-position:bottom}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-actionpanel{position:relative;inset:auto;grid-column:2;grid-row:2;width:auto;max-height:none;overflow:visible;align-self:start}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-aplist{max-height:none;overflow:visible}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-dialogue{position:relative;inset:auto;grid-column:1/-1;height:auto;min-height:0;max-height:none;grid-template-columns:80px minmax(0,1fr);padding:18px;gap:16px;border:1px solid var(--color-line);border-top:2px solid var(--color-gold);border-radius:var(--radius-md)}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-dlgcopy{overflow:visible;max-height:none}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-dlgtext{font-size:14px;line-height:1.8}
  body[data-product-agency-terminal]:not([data-product-case]) #tkNext{display:none}
}
@media (max-width:760px){
  body.tk-body[data-product-agency-terminal]{--tk-mobile-nav-h:calc(126px + env(safe-area-inset-top))}
  body[data-product-agency-terminal] .puxin-pagebar--floating{top:calc(8px + env(safe-area-inset-top));left:8px;max-width:calc(100vw - 16px);max-height:52px}
  body[data-product-agency-terminal] #puxinIdentityChip{left:auto;right:8px;top:calc(23px + env(safe-area-inset-top));bottom:auto;max-width:calc(100vw - 204px);padding:6px 8px;font-size:8px}
  body[data-product-agency-terminal] .tk-nav{top:calc(66px + env(safe-area-inset-top));height:60px;max-height:60px;padding:0}
  body[data-product-agency-terminal] #tkNav{padding-right:0;min-width:max-content;justify-content:space-around}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-stage{display:flex;flex-direction:column;padding:12px 10px 86px;gap:0}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-scene-bg{inset:var(--tk-mobile-nav-h) 0 0}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-top{order:0;width:100%;flex:0 0 auto;margin-bottom:12px}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-actor{order:1;flex:0 0 210px;height:210px;width:100%;margin:0 0 -1px;overflow:hidden}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-dialogue{order:2;flex:0 0 auto;width:100%;grid-template-columns:52px minmax(0,1fr);padding:13px;gap:10px}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-actionpanel{order:3;flex:0 0 auto;width:100%;margin-top:12px}
  body[data-product-agency-terminal]:not([data-product-case]) .tk-action{padding:13px 14px 13px 44px}
  body.tk-body[data-product-agency-terminal] .puxin-voice-dock{top:auto!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;max-width:calc(100vw - 16px);gap:4px!important;z-index:60!important}
  body.tk-body[data-product-agency-terminal] [data-agency-voice-replay]{display:inline-flex!important}
}

/* ---------- 章节层：桌面终端排布 ---------- */
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer{--tkp-top:96px;--tkp-dlg:172px;--tkp-panel:352px}

  /* 根容器：铺满舞台 */
  .tkp-layer [data-puxin-product-case01],
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]){position:absolute;inset:0;border:0;border-radius:0;overflow:hidden;background:#2a251e;font-family:var(--sans);color:var(--color-text)}

  /* 顶部信息条（对应 tk-top） */
  .tkp-layer [data-puxin-product-case01] .dl-header,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>header{position:absolute;z-index:22;top:16px;left:176px;width:300px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 13px;background:rgba(250,247,241,.92);border:1px solid rgba(216,200,174,.5);border-radius:var(--radius-sm);backdrop-filter:blur(6px)}
  .tkp-layer [data-puxin-product-case01] .dl-header .dl-kicker,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>header .kicker{font:700 8px/1 var(--sans);letter-spacing:.14em;color:var(--color-text-muted)}
  .tkp-layer [data-puxin-product-case01] .dl-header h2,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>header h2{margin:0;font:700 13px/1.4 var(--serif);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:272px}
  .tkp-layer [data-puxin-product-case01] .dl-edition,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>header .muted{display:none}

  .tkp-layer [data-puxin-product-case01] .dl-progress,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress{position:absolute;z-index:22;top:16px;left:488px;right:calc(var(--tkp-panel) + 40px);display:flex;flex-wrap:nowrap;gap:3px;margin:0;padding:8px;list-style:none;background:rgba(250,247,241,.92);border:1px solid rgba(216,200,174,.5);border-radius:var(--radius-sm);backdrop-filter:blur(6px);overflow:hidden}
  .tkp-layer [data-puxin-product-case01] .dl-progress li,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li{flex:1 1 0;min-width:0;padding:7px 4px;border-radius:5px;background:transparent;font:600 10.5px/1.2 var(--sans);color:var(--color-text-faint);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tkp-layer [data-puxin-product-case01] .dl-progress li.done,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li.done{color:var(--color-success)}
  .tkp-layer [data-puxin-product-case01] .dl-progress li[aria-current],
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li[aria-current]{background:var(--color-text);color:#fff}

  /* 保存状态 / 重试（对应 toast 级提示） */
  .tkp-layer [data-puxin-product-case01] .dl-module-tools,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>.tools{position:absolute;z-index:22;top:78px;left:488px;right:calc(var(--tkp-panel) + 40px);display:flex;justify-content:flex-end;gap:6px;align-items:center;padding:0;pointer-events:none}
  .tkp-layer [data-puxin-product-case01] .dl-module-tools>*,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>.tools>*{pointer-events:auto}
  .tkp-layer #dl-exit,.tkp-layer :is(#c2-exit,#c3-exit,#c4-exit,#c5-exit,#c6-exit,#c7-exit,#c8-exit){display:none}
  .tkp-layer #dl-storage-status,.tkp-layer :is(#c2-storage-status,#c3-storage-status,#c4-storage-status,#c5-storage-status,#c6-storage-status,#c7-storage-status,#c8-storage-status){flex:0 1 auto;min-width:0;max-width:100%;margin:0;padding:4px 11px;border-radius:20px;background:rgba(250,247,241,.86);font-size:10.5px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tkp-layer #dl-storage-status:empty,.tkp-layer :is(#c2-storage-status,#c3-storage-status,#c4-storage-status,#c5-storage-status,#c6-storage-status,#c7-storage-status,#c8-storage-status):empty{display:none}
  .tkp-layer #dl-storage-status[data-failed="true"],.tkp-layer :is(#c2-storage-status,#c3-storage-status,#c4-storage-status,#c5-storage-status,#c6-storage-status,#c7-storage-status,#c8-storage-status)[data-failed="true"]{white-space:normal;background:var(--color-danger-wash);color:var(--color-danger);border:1px solid #cf9c92}
  .tkp-layer [data-puxin-product-case01] .dl-module-tools button,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>.tools button{min-height:30px;padding:5px 11px;font:600 11px var(--sans);border:1px solid var(--color-line-strong);background:var(--color-paper3);border-radius:var(--radius-sm)}

  /* 组件自带的章节菜单 → 由终端左侧导航代理 */
  .tkp-layer [data-puxin-product-case01] .dl-menu,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08])>nav{display:none}

  /* 委托单 / 线索袋 / 锦囊 / 档案 → 终端统一窗口样式 */
  .tkp-layer [data-puxin-product-case01] .dl-panel,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .panel{position:fixed;z-index:9400;left:calc(50% + 52px);top:50%;transform:translate(-50%,-50%);width:min(860px,calc(100vw - 160px));max-height:84vh;overflow:auto;overscroll-behavior:contain;padding:0 0 22px;background:var(--color-paper);border:1px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-strong),0 0 0 100vmax rgba(20,16,11,.62)}
  .tkp-layer [data-puxin-product-case01] .dl-panel-head,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .panel-head{position:sticky;top:0;z-index:2;margin:0 0 16px;padding:18px 20px 15px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-line);backdrop-filter:blur(8px)}
  .tkp-layer [data-puxin-product-case01] .dl-panel-head h3,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .panel-head h3{font:700 22px var(--serif)}
  .tkp-layer [data-puxin-product-case01] .dl-panel-head button,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .panel-head button{min-height:36px;padding:7px 14px;font:600 12px var(--sans);border:1px solid var(--color-line);background:transparent;border-radius:var(--radius-sm)}
  .tkp-layer #dl-panel-body,.tkp-layer :is(#c2-panel-body,#c3-panel-body,#c4-panel-body,#c5-panel-body,#c6-panel-body,#c7-panel-body,#c8-panel-body){padding:0 24px}

  /* 章节首页 → 场景 + 立绘 + 右侧任务卡 */
  .tkp-layer [data-puxin-product-case01] .dl-home,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home{position:absolute;inset:0;z-index:15;display:block;padding:0}
  .tkp-layer [data-puxin-product-case01] .dl-home-scene,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home>figure{position:absolute;inset:0;margin:0}
  .tkp-layer [data-puxin-product-case01] .dl-home-scene img,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home>figure img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;filter:saturate(.86) contrast(.97)}
  .tkp-layer [data-puxin-product-case01] .dl-home-scene:after,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,13,9,.42),rgba(18,15,10,.02) 46%,rgba(18,15,10,.3)),linear-gradient(0deg,rgba(12,10,7,.55),transparent 40%)}
  .tkp-layer [data-puxin-product-case01] .dl-home-scene figcaption,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home>figure figcaption{position:absolute;z-index:2;left:24px;bottom:22px;margin:0;padding:6px 12px;border-radius:20px;background:rgba(250,247,241,.88);font-size:10.5px;color:var(--color-text-muted)}
  .tkp-layer [data-puxin-product-case01] .dl-home:before,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home:before{content:"";position:absolute;z-index:1;left:4%;bottom:0;width:40%;height:84%;background:url("../assets/story/char/chenxu_calm.webp") left bottom/contain no-repeat;filter:drop-shadow(0 16px 22px rgba(0,0,0,.3));pointer-events:none}
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home:before{background-image:url("../assets/story/char/jiangche_distracted.webp")}
  .tkp-layer [data-puxin-product-case01] .dl-home-copy,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home>div:first-child{position:absolute;z-index:3;right:24px;top:var(--tkp-top);width:380px;max-height:calc(100% - var(--tkp-top) - 24px);overflow:auto;padding:20px 22px;background:var(--color-surface);border:1px solid var(--color-line);border-top:3px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}
  .tkp-layer [data-puxin-product-case01] .dl-home h3,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home h3{margin:8px 0 10px;font:700 23px/1.4 var(--serif)}
  .tkp-layer [data-puxin-product-case01] .dl-home-copy p,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home>div:first-child p{font-size:13px;line-height:1.75}
  .tkp-layer [data-puxin-product-case01] .dl-home-meta{font-size:11px;color:var(--color-text-muted)}

  /* 十八秒序幕 → 全舞台放映，控制条在底部对白位 */
  .tkp-layer [data-puxin-product-case01] .dl-intro,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .intro{position:absolute;inset:0;z-index:26;display:flex;flex-direction:column;padding:0;background:#17140f}
  .tkp-layer [data-puxin-product-case01] .dl-intro-frame,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .intro-frame{flex:1 1 auto;min-height:0;aspect-ratio:auto;border:0;border-radius:0;background:#17140f}
  .tkp-layer [data-puxin-product-case01] .dl-intro-controls,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .intro>.row{margin:0;padding:14px 26px 6px;background:var(--color-surface);border-top:1px solid var(--color-gold)}
  .tkp-layer [data-puxin-product-case01] .dl-intro-note,
  .tkp-layer [data-puxin-product-case01] .dl-intro-transcript,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) :is(#c2-intro-note,#c3-intro-note,#c4-intro-note,#c5-intro-note,#c6-intro-note,#c7-intro-note,#c8-intro-note){margin:0;padding:4px 26px 12px;background:var(--color-surface)}

  /* 工作场景 → 终端舞台 */
  .tkp-layer [data-puxin-product-case01] .dl-scene,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .stage{position:absolute;inset:0;display:block;padding:0;background:#2a251e}
  .tkp-layer [data-puxin-product-case01] .dl-scene:before,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .stage:before{content:"";position:absolute;inset:0;background:var(--dl-scene-image) center/cover;filter:saturate(.82) contrast(.96)}
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .stage:before{background:url("../assets/agency-product/daily/agency-product-workbench-bg.webp") center/cover}
  .tkp-layer [data-puxin-product-case01] .dl-scene:after,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,13,9,.5),rgba(18,15,10,.04) 42%,rgba(18,15,10,.28)),linear-gradient(0deg,rgba(12,10,7,.68),transparent 46%);pointer-events:none}
  .tkp-layer [data-puxin-product-case01] .dl-scene-location{position:absolute;z-index:22;top:78px;left:176px;max-width:300px;padding:4px 11px;border:0;border-radius:20px;background:rgba(250,247,241,.86);font-size:10.5px;color:var(--color-gold-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* 委托人立绘（对应 tk-actor） */
  .tkp-layer [data-puxin-product-case01] .dl-person,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .person{position:absolute;z-index:10;left:2%;bottom:calc(var(--tkp-dlg) - 22px);height:calc(100% - var(--tkp-dlg) - 60px);width:auto;margin:0;display:flex;align-items:flex-end;overflow:visible;background:none;border:0;text-align:left;pointer-events:none}
  .tkp-layer [data-puxin-product-case01] .dl-person img,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .person img{position:static;left:auto;display:block;width:auto;max-width:34vw;height:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 16px 22px rgba(0,0,0,.3))}
  .tkp-layer [data-puxin-product-case01] .dl-person figcaption,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .person figcaption{display:none}

  /* 方案板：场景中央的审阅卡 */
  .tkp-layer [data-puxin-product-case01] .dl-product,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .work{position:absolute;z-index:18;top:var(--tkp-top);bottom:calc(var(--tkp-dlg) + 18px);left:clamp(330px,29%,470px);right:calc(var(--tkp-panel) + 40px);overflow:auto;overscroll-behavior:contain;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-line);border-top:3px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}
  .tkp-layer [data-puxin-product-case01] .dl-product-head h3,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .work-head h3{font:700 17px var(--serif)}
  .tkp-layer [data-puxin-product-case01] #dl-product-photo,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) :is(#c2-photo,#c3-photo,#c4-photo,#c5-photo,#c6-photo,#c7-photo,#c8-photo){width:100%;max-height:calc(100vh - 470px);object-fit:contain;background:var(--color-paper3)}
  .tkp-layer [data-puxin-product-case01] .dl-photo-wrap{margin-top:10px}
  .tkp-layer [data-puxin-product-case01] button,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) button{cursor:pointer}

  /* 右侧「选择行动」（对应 tk-actionpanel / tk-action） */
  .tkp-layer [data-puxin-product-case01] .dl-actions,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .stage>aside{position:absolute;z-index:20;right:24px;top:var(--tkp-top);width:var(--tkp-panel);max-height:calc(100% - var(--tkp-top) - var(--tkp-dlg) - 18px);overflow:auto;overscroll-behavior:contain;padding:0;background:var(--color-surface);border:1px solid var(--color-line);border-top:3px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}
  .tkp-layer [data-puxin-product-case01] .dl-actions-head{padding:13px 16px;border-bottom:1px solid var(--color-line-soft);text-align:center}
  .tkp-layer [data-puxin-product-case01] .dl-actions-head h3,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) :is(#c2-action-title,#c3-action-title,#c4-action-title,#c5-action-title,#c6-action-title,#c7-action-title,#c8-action-title){margin:0;font:700 13px var(--serif);color:var(--color-text)}
  .tkp-layer [data-puxin-product-case01] .dl-actions-head .dl-kicker{display:block;margin-top:2px;font:8px var(--sans);letter-spacing:.2em;color:var(--color-text-faint)}
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) :is(#c2-action-title,#c3-action-title,#c4-action-title,#c5-action-title,#c6-action-title,#c7-action-title,#c8-action-title){padding:13px 16px;border-bottom:1px solid var(--color-line-soft);text-align:center}
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) :is(#c2-action-title,#c3-action-title,#c4-action-title,#c5-action-title,#c6-action-title,#c7-action-title,#c8-action-title):after{content:"CHOOSE ACTION";display:block;margin-top:2px;font:8px var(--sans);letter-spacing:.2em;color:var(--color-text-faint)}
  .tkp-layer #dl-actions-body,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions){display:block;margin:0;padding:0;counter-reset:tkpact}
  .tkp-layer #dl-actions-body button,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button{position:relative;display:block;width:100%;min-height:0;margin:0;padding:13px 16px 13px 46px;border:0;border-bottom:1px solid var(--color-line-soft);border-radius:0;background:transparent;text-align:left;font:700 13.5px/1.45 var(--serif);color:var(--color-text);counter-increment:tkpact;transition:background .14s}
  .tkp-layer #dl-actions-body button:before,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button:before{content:counter(tkpact,decimal-leading-zero);position:absolute;left:14px;top:15px;font:700 10px/1.4 var(--serif);letter-spacing:.06em;color:var(--color-gold-dark)}
  .tkp-layer #dl-actions-body button:hover,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button:hover{background:var(--color-gold-wash)}
  .tkp-layer #dl-actions-body button:focus-visible,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px}
  .tkp-layer #dl-actions-body button small,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button small{display:block;margin-top:3px;font:400 10px/1.45 var(--sans);color:var(--color-text-muted)}
  .tkp-layer #dl-actions-body .dl-primary,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button.primary{box-shadow:inset 3px 0 0 var(--color-gold);background:rgba(246,239,224,.55);color:var(--color-gold-dark)}
  .tkp-layer #dl-actions-body .dl-primary:after,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button.primary:after{content:"推荐";position:absolute;right:14px;top:14px;padding:1px 7px;border-radius:20px;background:var(--color-gold);color:#fff;font:700 8.5px/1.5 var(--sans)}
  .tkp-layer #dl-actions-body .dl-primary small,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button.primary small{color:var(--color-text-muted)}
  .tkp-layer #dl-actions-body button[aria-pressed="true"],.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--color-gold-dark);background:var(--color-gold-wash)}
  .tkp-layer #dl-actions-body button[aria-pressed="true"]:after,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button[aria-pressed="true"]:after{content:"✓";position:absolute;right:16px;top:13px;color:var(--color-gold-dark);font:700 13px var(--sans)}
  .tkp-layer #dl-actions-body button:disabled,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) button:disabled{opacity:.45;cursor:not-allowed;background:transparent}
  .tkp-layer #dl-actions-body>p,.tkp-layer #dl-actions-body .dl-action-note,.tkp-layer #dl-actions-body .dl-check,
  .tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions)>p,.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) .feedback-quote{margin:0;padding:10px 16px;border-bottom:1px solid var(--color-line-soft);font-size:11.5px;line-height:1.6;color:var(--color-text-muted)}
  .tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions) .feedback-quote{border-left:3px solid var(--color-gold);background:var(--color-paper3)}
  .tkp-layer #dl-actions-body .dl-reset-box{margin:0;padding:12px 16px;background:var(--color-warning-wash)}
  .tkp-layer #dl-actions-body>div:not(.dl-reset-box),.tkp-layer :is(#c2-actions,#c3-actions,#c4-actions,#c5-actions,#c6-actions,#c7-actions,#c8-actions)>div{display:block;margin:0;padding:0;gap:0}

  /* 底部对白条（对应 tk-dialogue） */
  .tkp-layer [data-puxin-product-case01] .dl-dialogue,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .dialogue{position:absolute;z-index:21;left:0;right:0;bottom:0;height:var(--tkp-dlg);min-height:0;display:grid;grid-template-columns:126px minmax(0,1fr) auto;gap:18px;align-items:start;padding:18px 26px;background:var(--color-surface);border-top:1px solid var(--color-gold);box-shadow:0 -8px 40px rgba(13,10,7,.2);backdrop-filter:blur(8px);overflow:hidden}
  .tkp-layer #dl-avatar,.tkp-layer :is(#c2-avatar,#c3-avatar,#c4-avatar,#c5-avatar,#c6-avatar,#c7-avatar,#c8-avatar){justify-self:start;width:66px;height:66px;margin-left:14px;border-radius:50%;object-fit:cover;object-position:top;border:1px solid var(--color-gold);background:#e6dcce}
  .tkp-layer [data-puxin-product-case01] .dl-dialogue:before,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .dialogue:before{content:"";position:absolute;left:152px;top:18px;bottom:18px;border-left:1px solid var(--color-line-soft)}
  .tkp-layer .dl-voice,.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .dialogue>div{min-width:0;max-height:calc(100% - 38px);overflow:auto;padding-top:2px}
  .tkp-layer #dl-speaker,.tkp-layer :is(#c2-speaker,#c3-speaker,#c4-speaker,#c5-speaker,#c6-speaker,#c7-speaker,#c8-speaker){display:block;font:700 12px var(--serif);letter-spacing:.06em;color:var(--color-gold-dark)}
  .tkp-layer #dl-dialogue-text,.tkp-layer :is(#c2-line,#c3-line,#c4-line,#c5-line,#c6-line,#c7-line,#c8-line){margin-top:4px;font:500 15.5px/1.8 var(--serif);letter-spacing:.02em;color:var(--color-text)}
  .tkp-layer .dl-announcement,.tkp-layer :is(#c2-message,#c3-message,#c4-message,#c5-message,#c6-message,#c7-message,#c8-message){margin-top:4px;min-height:0;font-size:11.5px;color:var(--color-text-muted)}
  .tkp-layer .dl-simulation-label,.tkp-layer :is(#c2-sim-label,#c3-sim-label,#c4-sim-label,#c5-sim-label,#c6-sim-label,#c7-sim-label,#c8-sim-label){align-self:start;font:600 9.5px/1 var(--sans);padding:5px 10px;background:var(--color-gold-wash);border:1px solid var(--color-line);border-radius:20px;color:var(--color-gold-dark);white-space:nowrap}

  /* 章节首页时隐藏工作场景（组件以 .is-home 控制） */
  .tkp-layer [data-puxin-product-case01].is-home>.dl-progress,
  .tkp-layer [data-puxin-product-case01].is-home>.dl-scene,
  .tkp-layer [data-puxin-product-case01].is-home>.dl-dialogue{display:none}

  /* 首页 / 序幕 / 窗口里的按钮 → tk-btn */
  .tkp-layer [data-puxin-product-case01] .dl-home button,.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home button,
  .tkp-layer [data-puxin-product-case01] .dl-intro-controls button,.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .intro>.row button,
  .tkp-layer #dl-panel-body button,.tkp-layer :is(#c2-panel-body,#c3-panel-body,#c4-panel-body,#c5-panel-body,#c6-panel-body,#c7-panel-body,#c8-panel-body) button{min-height:40px;padding:9px 16px;border:1px solid var(--color-line-strong);background:transparent;color:var(--color-text);font:600 12px/1.2 var(--sans);border-radius:var(--radius-sm);text-align:center;transition:.15s}
  .tkp-layer [data-puxin-product-case01] .dl-home button:hover,.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home button:hover,
  .tkp-layer [data-puxin-product-case01] .dl-intro-controls button:hover,.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .intro>.row button:hover,
  .tkp-layer #dl-panel-body button:hover,.tkp-layer :is(#c2-panel-body,#c3-panel-body,#c4-panel-body,#c5-panel-body,#c6-panel-body,#c7-panel-body,#c8-panel-body) button:hover{background:var(--color-gold-wash)}
  .tkp-layer [data-puxin-product-case01] .dl-home .dl-primary,.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home button.primary,
  .tkp-layer #dl-intro-enter,.tkp-layer :is(#c2-intro-enter,#c3-intro-enter,#c4-intro-enter,#c5-intro-enter,#c6-intro-enter,#c7-intro-enter,#c8-intro-enter){background:var(--color-gold);border-color:var(--color-gold-dark);color:#fff}
  .tkp-layer [data-puxin-product-case01] .dl-home .dl-primary:hover,.tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .home button.primary:hover,
  .tkp-layer #dl-intro-enter:hover,.tkp-layer :is(#c2-intro-enter,#c3-intro-enter,#c4-intro-enter,#c5-intro-enter,#c6-intro-enter,#c7-intro-enter,#c8-intro-enter):hover{background:var(--color-gold-dark)}
  .tkp-layer #dl-intro-enter,.tkp-layer :is(#c2-intro-enter,#c3-intro-enter,#c4-intro-enter,#c5-intro-enter,#c6-intro-enter,#c7-intro-enter,#c8-intro-enter){margin-left:auto}
}

/* 宽屏补充：方案板略宽、立绘略大 */
@media (min-width:1500px) and (min-height:640px){
  .tkp-layer{--tkp-panel:372px}
}

/* 中等宽度：进程条只展开当前阶段，其余显示序号 */
@media (min-width:1101px) and (max-width:1499px) and (min-height:640px){
  .tkp-layer [data-puxin-product-case01] .dl-progress,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress{counter-reset:tkpphase}
  .tkp-layer [data-puxin-product-case01] .dl-progress li,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li{counter-increment:tkpphase}
  .tkp-layer [data-puxin-product-case01] .dl-progress li:not([aria-current]),
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li:not([aria-current]){flex:1 1 0;font-size:0}
  .tkp-layer [data-puxin-product-case01] .dl-progress li:not([aria-current]):before,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li:not([aria-current]):before{content:counter(tkpphase);font-size:11px}
  .tkp-layer [data-puxin-product-case01] .dl-progress li.done:not([aria-current]):before,
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li.done:not([aria-current]):before{content:"✓"}
  .tkp-layer [data-puxin-product-case01] .dl-progress li[aria-current],
  .tkp-layer :is([data-puxin-product-case02],[data-puxin-product-case03],[data-puxin-product-case04],[data-puxin-product-case05],[data-puxin-product-case06],[data-puxin-product-case07],[data-puxin-product-case08]) .progress li[aria-current]{flex:0 0 auto;padding:7px 12px;overflow:visible}
}

/* 第三章沿用终端布局，场景与委托人对应顾晚的夜间小物盒。 */
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer [data-puxin-product-case03] .home:before{background-image:url("../assets/story/char/guwan_sleepy.webp")}
  .tkp-layer [data-puxin-product-case03] .stage:before{background-image:url("../assets/agency-product/daily/case03/background.webp")}
  .tkp-layer [data-puxin-product-case03] .work:has(#c3-choices:not(:empty)) #c3-photo{max-height:250px;object-fit:contain}
}

/* 第四章沿用终端布局，在共享桌边推演临时放置与回取。 */
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer [data-puxin-product-case04] .home:before{background-image:url("../assets/story/char/xiayuan_irritated.webp")}
  .tkp-layer [data-puxin-product-case04] .stage:before{background-image:url("../assets/agency-product/daily/case04/background.webp")}
  .tkp-layer [data-puxin-product-case04] .work:has(#c4-choices:not(:empty)) #c4-photo{max-height:250px;object-fit:contain}
}

/* 第五章沿用终端版面：比较杯体比例，让局部提示服务整体。 */
@media (max-width:760px){
  .tkp-layer [data-puxin-product-case05] .c5-step-guide{scroll-margin-top:24px}
}
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer [data-puxin-product-case05] .home:before{background-image:url("../assets/story/char/linmo_avoid.webp")}
  .tkp-layer [data-puxin-product-case05] .stage:before{background-image:url("../assets/agency-product/daily/case05/background.webp")}
  .tkp-layer [data-puxin-product-case05] .work:has(#c5-choices:not(:empty)) #c5-photo{max-height:250px;object-fit:contain}
}

/* 第六章保留终端布局，沿用杯形比较小面积色材提示。 */
@media (max-width:760px){
  .tkp-layer [data-puxin-product-case06] .c6-step-guide{scroll-margin-top:24px}
}
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer [data-puxin-product-case06] .home:before{background-image:url("../assets/story/char/qiaoran_tired.webp")}
  .tkp-layer [data-puxin-product-case06] .stage:before{background-image:url("../assets/agency-product/daily/case06/background.webp")}
  .tkp-layer [data-puxin-product-case06] .work:has(#c6-choices:not(:empty)) #c6-photo{max-height:250px;object-fit:contain}
}

/* 第七章沿用终端版面，桌面与随身两种用途保留同族规则。 */
@media (max-width:760px){
  .tkp-layer [data-puxin-product-case07] .c7-step-guide{scroll-margin-top:24px}
}
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer [data-puxin-product-case07] .home:before{background-image:url("../assets/story/char/chenxu_calm.webp")}
  .tkp-layer [data-puxin-product-case07] .stage:before{background-image:url("../assets/agency-product/daily/case07/background.webp")}
  .tkp-layer [data-puxin-product-case07] .work:has(#c7-choices:not(:empty)) #c7-photo{max-height:250px;object-fit:contain}
}

/* 第八章沿用终端版面：为第一次使用者组织连续的操作说明。 */
@media (max-width:760px){
  .tkp-layer [data-puxin-product-case08] .c8-step-guide{scroll-margin-top:24px}
}
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer [data-puxin-product-case08] .home:before{background-image:url("../assets/story/char/guwan_overstimulated.webp")}
  .tkp-layer [data-puxin-product-case08] .stage:before{background-image:url("../assets/agency-product/daily/case08/background.webp")}
  .tkp-layer [data-puxin-product-case08] .work:has(#c8-choices:not(:empty)) #c8-photo{max-height:250px;object-fit:contain}
}

/* 学习记录与备份恢复 */
/* 新字幕分镜的控制区为右下语音条留出空间。 */
@media (min-width:1101px) and (min-height:640px){
  .tkp-layer :is(.dl-intro-controls,.intro>.row){padding-right:340px;flex-wrap:wrap}
  .tkp-layer :is(.dl-intro-note,.dl-intro-transcript,[id$="-intro-note"]){padding-right:340px}
}
@media(max-width:760px){
  .tkp-layer :is(.dl-intro,.intro){padding-bottom:72px}
}
.tkp-inline-status{padding:10px 14px;margin:0;font-size:12px;color:var(--color-success);background:var(--color-paper3);border-bottom:1px solid var(--color-line);overflow-wrap:anywhere}
.tkp-learning{margin:12px 0;border-top:1px solid var(--color-line);padding-top:10px}.tkp-learning summary{cursor:pointer}.tkp-learning pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font-size:11px;background:#f3ede2;padding:12px}.tkp-import-list{display:grid;gap:12px}.tkp-import-list label{display:block;padding:12px;border:1px solid var(--color-line);border-radius:8px}.tkp-import-list input{width:20px;height:20px;vertical-align:middle}.tkp-workcard>div{min-width:0;width:100%}
@media(max-width:760px){body[data-product-agency-terminal].tk-modal-open .puxin-pagebar--floating{visibility:hidden}body[data-product-agency-terminal] #tkOverlay.active~.puxin-pagebar--floating{visibility:hidden}}