/* ============================================================
   DBS · 商业保险一单式直接结算平台
   （DBST / Direct Billing Settlement Token 是该平台核发的结算凭证 Token）
   页首布局 / 结算时序模拟器 / 资金路径 / 责任划分 —— 专用样式
   继承 site.css 设计令牌
   ============================================================ */

/* ---------- 锚点偏移（避开吸顶页头） ---------- */
section[id],[id]{scroll-margin-top:92px}

/* ---------- 平台 / Token 定位 ---------- */
.dbslock{
  display:inline-flex;align-items:center;gap:15px;flex-wrap:wrap;
  padding:9px 18px;border-radius:999px;
  border:1px solid rgba(199,166,91,.32);background:rgba(199,166,91,.075)
}
.dbslock__eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.dbslock__name{font-family:var(--font-display);font-size:19px;font-weight:600;color:#fff;line-height:1.2}
.dbslock__name em{font-style:normal;color:var(--gold)}
.dbslock__sub{font-size:13px;color:#A9BACE;letter-spacing:.05em}
/* DBST 凭证带：整栏宽度的底栏式凭证条，底边与右侧面板齐平 */
.dbslock__token{
  display:flex;align-items:center;gap:14px;
  padding:16px 20px;border-radius:16px;
  border:1px solid rgba(199,166,91,.30);
  background:linear-gradient(110deg,rgba(199,166,91,.11),rgba(255,255,255,.035));
  box-shadow:inset 3px 0 0 rgba(199,166,91,.55)
}
.dbslock__token img{height:38px;width:auto;flex:0 0 auto;filter:drop-shadow(0 3px 9px rgba(0,0,0,.34))}
.dbslock__tokt{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}
.dbslock__tokname{font-family:var(--font-display);font-size:13.5px;font-weight:600;color:#fff;letter-spacing:.02em}
.dbslock__tokdesc{font-size:11.8px;color:#9DB0C8;line-height:1.7}
.dbslock__toktag{
  flex:0 0 auto;padding-left:16px;border-left:1px solid rgba(199,166,91,.26);
  font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.22em;color:var(--gold)
}

/* ---------- 返回首页 ---------- */
.herotop{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.backhome{
  display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
  padding:9px 18px 9px 13px;border-radius:999px;text-decoration:none;
  border:1px solid rgba(199,166,91,.55);background:rgba(199,166,91,.12);color:var(--gold);
  font-size:13.5px;font-weight:600;letter-spacing:.03em;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)
}
.backhome svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.backhome:hover{background:var(--gold);border-color:var(--gold);color:var(--navy-950);transform:translateX(-3px)}
.herotop__ctx{font-size:12.5px;color:#8FA3BC;letter-spacing:.05em}
.herotop__ctx::before{content:"/";margin-right:12px;opacity:.5}

/* ---------- 首屏双栏 ---------- */
/* 两列等高：左栏内容沿列高均分分布，DBST 凭证带吸底，与右侧「一笔赔款的钱与数据」面板底边齐平 */
.herogrid{
  display:grid;grid-template-columns:minmax(0,1.46fr) minmax(0,1fr);
  gap:clamp(30px,3.6vw,52px);align-items:stretch;margin-top:clamp(24px,3vw,36px)
}
.herogrid__main{
  display:flex;flex-direction:column;height:100%;
  gap:clamp(20px,2vw,26px);justify-content:space-between
}
.herogrid__main .dbslock{align-self:flex-start}
.herogrid__main .page-hero__lead{max-width:none;margin-top:0}
.herogrid__main h1{font-size:clamp(24px,2.45vw,34px);line-height:1.34;margin-top:clamp(16px,1.7vw,22px)}
.herogrid__main .hero__actions{margin-top:clamp(20px,2vw,26px);justify-content:flex-start;gap:12px}
.herogrid__main .hero__actions .btn{padding:14px 24px}
.herogrid__main .dbslock__token{align-self:stretch;margin-top:clamp(24px,2.4vw,32px)}

/* ---------- 结算时序轴 ---------- */
.timeline{
  position:relative;overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(160deg,rgba(199,166,91,.10),rgba(255,255,255,.035));
  border:1px solid rgba(199,166,91,.28);border-radius:16px;padding:24px 24px 20px
}
/* 右上角柔光 */
.timeline::before{
  content:"";position:absolute;top:-110px;right:-80px;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(199,166,91,.17),rgba(199,166,91,0) 68%);pointer-events:none
}
.timeline__hd .eyebrow{color:var(--gold)}
.timeline__hd h3{font-family:var(--font-display);font-size:16.5px;font-weight:600;color:#fff;margin:8px 0 0}
.timeline__hd p{font-size:12.8px;line-height:1.78;color:#9DB0C8;margin-top:9px}
.timeline__hd strong{color:var(--gold);font-weight:600}
/* 贯通整列的时间导轨：一条线走到底，阶段标签从右侧分出 */
.tline{position:relative;margin-top:16px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}
.tline::before{
  content:"";position:absolute;left:12.5px;top:8px;bottom:8px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,rgba(199,166,91,.55),rgba(199,166,91,.20) 52%,rgba(199,166,91,.05))
}
.tline__ph{
  display:flex;align-items:center;gap:10px;margin:17px 0 12px 38px;
  font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)
}
.tline__ph::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(199,166,91,.42),rgba(199,166,91,0))}
.tline__grp:first-child .tline__ph{margin-top:0}
.tline__list{list-style:none;margin:0;padding:0}
.tline__list li{position:relative;display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding-bottom:13px}
.tline__list li:last-child{padding-bottom:0}
.tline__list b{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;
  background:linear-gradient(160deg,rgba(199,166,91,.26),rgba(199,166,91,.10));
  border:1px solid rgba(199,166,91,.55);color:var(--gold);
  box-shadow:0 0 0 4px rgba(199,166,91,.07);
  font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.02em
}
.tline__list span{font-size:13px;line-height:1.7;color:#C6D2E2;padding-top:4px}
/* 终点节点实心，强调一笔赔款完成闭环 */
.tline__list li:last-child b{background:var(--gold);border-color:var(--gold);color:var(--navy-950);box-shadow:0 0 0 4px rgba(199,166,91,.16)}

/* ---------- 页内导览 ---------- */
.secnav{
  position:sticky;top:76px;z-index:50;background:rgba(8,20,36,.94);
  border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)
}
.secnav__inner{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-top:9px;padding-bottom:9px;scrollbar-width:none}
.secnav__inner::-webkit-scrollbar{display:none}
.secnav__lbl{flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-right:4px}
.secnav a{
  flex:0 0 auto;font-size:13px;color:#B8C6D8;text-decoration:none;
  padding:6px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.13);
  transition:background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease)
}
.secnav a:hover{border-color:var(--gold);color:var(--gold);background:rgba(199,166,91,.1)}

@media (max-width:1080px){
  .herogrid{grid-template-columns:minmax(0,1fr)}
  .secnav{top:68px}
}
@media (max-width:720px){
  .herotop__ctx{display:none}
  .timeline{padding:20px 18px 18px}
}

/* ---------- 「DBS 解决什么」三主题分组 ---------- */
.themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,26px)}
.theme{display:flex;flex-direction:column;gap:13px;min-width:0}
.theme__hd{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.theme__n{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:27px;height:27px;border-radius:9px;background:var(--gold-soft);
  font-family:var(--font-display);font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--gold-deep)
}
.theme__t{font-family:var(--font-display);font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.35}
.theme__d{font-size:12.8px;color:var(--muted);line-height:1.8;margin-top:-4px}
/* 覆盖 site.css 的 .cap：卡片改为分组内的次级信息块 */
.cap{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 20px 18px;box-shadow:var(--shadow-xs);transition:.3s var(--ease)
}
.cap:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#D8E0EB}
.cap h3,.cap h4{font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.4}
.cap p{margin-top:9px;font-size:13.6px;line-height:1.78;color:var(--body)}

/* ---------- 分段切换（境内 / 跨境） ---------- */
.segswitch{display:inline-flex;padding:4px;border-radius:999px;background:rgba(10,22,38,.06);border:1px solid var(--line);gap:4px}
.segswitch button{
  padding:8px 15px;border-radius:999px;font-size:13.5px;font-weight:500;color:#5A6879;
  transition:.25s var(--ease);white-space:nowrap
}
.segswitch button:hover{color:var(--ink)}
.segswitch button.is-on{background:var(--navy-900);color:#fff;box-shadow:var(--shadow-xs)}
.segswitch--dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.segswitch--dark button{color:#9DB0C8}
.segswitch--dark button.is-on{background:var(--gold);color:var(--navy-950)}

/* ---------- 模拟器骨架 ---------- */
/* 左列：舞台面板 + 系统留痕；右列：实时理算 + 理算结果 —— 两列高度互相补齐 */
.sim{
  display:grid;grid-template-columns:minmax(0,1.82fr) minmax(0,1fr);
  grid-template-areas:"panel side" "log side";grid-template-rows:auto 1fr;gap:22px;align-items:stretch
}
.sim__panel{
  grid-area:panel;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden
}
.sim__logpane{grid-area:log;display:flex;flex-direction:column}
.sim__side{grid-area:side;display:grid;gap:22px;align-content:start}

.sim__bar{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px;align-items:end;
  padding:16px 20px;border-bottom:1px solid var(--line-soft);background:#FBFCFE
}
.sim__bar__grp{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.sim__bar__grp:nth-child(3){grid-column:1 / -1}
.sim__bar__lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* 医院动作：贴着泳道舞台，语义与操作位置一致 */
.sim__acts{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:13px 20px;border-top:1px solid var(--line-soft);background:#FCFDFE
}

/* ---------- 步骤条 ---------- */
.sim__steps{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line-soft)}
.step{
  position:relative;padding:15px 12px 15px 14px;text-align:left;border-right:1px solid var(--line-soft);
  background:transparent;transition:.25s var(--ease);cursor:pointer
}
.step:last-child{border-right:none}
.step:hover{background:#F6F9FE}
.step__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;font-size:11.5px;font-weight:600;
  border:1.5px solid var(--line);color:var(--muted);background:#fff;transition:.25s var(--ease)
}
.step__t{display:block;margin-top:9px;font-size:13px;font-weight:600;color:var(--body);line-height:1.45;white-space:nowrap}
.step__d{display:block;margin-top:4px;font-size:11.5px;color:var(--muted);letter-spacing:.01em;line-height:1.5}
.step.is-done .step__n{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.step.is-done .step__t{color:var(--ink)}
.step.is-now{background:var(--blue-soft)}
.step.is-now .step__n{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 4px rgba(47,111,219,.16)}
.step.is-now .step__t{color:var(--blue-deep)}
.step.is-now::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue)}

/* ---------- 泳道图 ---------- */
.sim__stage{padding:20px 20px 8px}
.lane{position:relative}
.lane svg{width:100%;height:auto;display:block}

/* 图例（编号说明） */
.lane__list{display:grid;gap:7px;margin-top:14px}
.ll__row{
  display:grid;grid-template-columns:20px auto auto auto 1fr;gap:9px;align-items:center;
  font-size:12.8px;line-height:1.55;padding:7px 12px;border-radius:9px;
  background:#F7F9FC;border:1px solid var(--line-soft)
}
.ll__n{
  display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;
  background:var(--blue);color:#fff;font-size:11px;font-weight:600;line-height:1
}
.ll__row--gold .ll__n{background:var(--gold-deep)}
.ll__row--green .ll__n{background:#2E8B62}
.ll__row--red .ll__n{background:#C0554B}
.ll__from{color:var(--ink);font-weight:600;white-space:nowrap}
.ll__arrow{color:var(--muted)}
.ll__to{color:var(--ink);white-space:nowrap}
.ll__x{color:var(--body);min-width:0}

.lane-lane rect{fill:#FBFCFE;stroke:var(--line-soft);stroke-width:1}
.lane-lane.is-mid rect{fill:#F4F8FE;stroke:#DCE7F7}
.lane-name{font-family:var(--font-display);font-size:15px;font-weight:600;fill:var(--ink)}
.lane-name--sub{font-size:11.5px;font-weight:400;fill:var(--muted);letter-spacing:.04em}
.lane-axis{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}

.msg path{fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round}
.msg circle.dot{fill:var(--blue)}
.msg circle.badge{stroke:#fff;stroke-width:2}
.msg text.badge-t{font-size:11.5px;font-weight:700;fill:#fff}
.msg--gold path{stroke:var(--gold-deep)}
.msg--gold circle.dot{fill:var(--gold-deep)}
.msg--gold text{fill:#6B5A2E}
.msg--green path{stroke:#2E8B62}
.msg--green circle.dot{fill:#2E8B62}
.msg--green text{fill:#20614A}
.msg--red path{stroke:#C0554B}
.msg--red circle.dot{fill:#C0554B}
.msg--red text{fill:#8E3A33}

/* 动画为「由隐藏到可见」，基态即为可见 —— 动画未运行时内容也不会消失 */
.msg path{animation:draw .5s var(--ease) both}
.msg circle.dot,.msg circle.badge,.msg text.badge-t{animation:fadeIn .3s var(--ease) both}
@keyframes draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .msg path,.msg circle.dot,.msg circle.badge,.msg text.badge-t{animation:none}
}

.lane-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 20px;border-top:1px solid var(--line-soft);background:#FBFCFE
}
.lane-foot__note{font-size:12.5px;color:var(--muted);line-height:1.7}
.lane-foot__note b{color:var(--ink);font-weight:600}

/* ---------- 播放控制 ---------- */
.sim__ctrls{display:flex;align-items:center;gap:8px}
.ctrl{
  display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;
  border:1px solid var(--line);background:#fff;font-size:13px;color:var(--body);
  transition:.2s var(--ease)
}
.ctrl:hover{border-color:var(--navy-700);color:var(--ink)}
.ctrl:disabled{opacity:.4;cursor:not-allowed}
.ctrl--primary{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.ctrl--primary:hover{background:var(--navy-700);border-color:var(--navy-700);color:#fff}
.ctrl--gold{background:var(--gold);border-color:var(--gold);color:var(--navy-950)}
.ctrl--gold:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}
.ctrl svg{width:13px;height:13px;flex:0 0 auto}

/* ---------- 侧栏：理算面板 ---------- */
.sim__side{display:grid;gap:22px;align-content:start}
.pane{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}
.pane__hd{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 18px;border-bottom:1px solid var(--line-soft);background:#FBFCFE
}
.pane__hd h4{font-size:14px;font-weight:600;letter-spacing:.02em}
.pane__bd{padding:18px}

.pill{
  display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;
  font-size:11.5px;font-weight:600;letter-spacing:.04em;white-space:nowrap
}
.pill--live{background:#E8F6EF;color:#1F6B4D}
.pill--wait{background:var(--gold-soft);color:var(--gold-deep)}
.pill--lock{background:var(--blue-soft);color:var(--blue-deep)}
.pill--void{background:#FBEDEB;color:#A34A41}
.pill--done{background:#E8F6EF;color:#1F6B4D}
.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor}

/* 费用明细 */
.fees{display:grid;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--radius-sm);overflow:hidden}
.fee{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#fff;font-size:13px}
.fee__k{color:var(--body);display:flex;align-items:center;gap:7px;min-width:0}
.fee__k span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fee__v{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600;flex:0 0 auto}
.fee--sum{background:#F7F9FC}
.fee--sum .fee__k{color:var(--ink);font-weight:600}
.fee--adj{background:#FDF6EC}
.fee--adj .fee__k{color:var(--gold-deep)}
.fee--adj .fee__v{color:var(--gold-deep)}
.fee__tag{font-size:10.5px;padding:2px 7px;border-radius:4px;background:var(--line-soft);color:var(--muted);flex:0 0 auto}
.fee__tag--out{background:#FBEDEB;color:#A34A41}

.fxlist{display:grid;gap:9px;margin-top:14px}
.fx{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.fx__k{color:var(--body)}
.fx__v{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}

/* ---------- 病种字典选择器 ---------- */
.dictpick{position:relative}
.dictpick__top{display:flex;align-items:baseline;gap:9px;margin-bottom:8px;flex-wrap:wrap}
.dictpick__lbl{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dictpick__meta{font-size:11.5px;color:var(--muted)}
.dictpick__cur{
  display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;
  padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#FBFCFE;
  font-family:var(--font-sans);transition:.25s var(--ease)
}
.dictpick__cur:hover{border-color:#C3D2E6;background:#F5F8FC}
.dictpick__cur[aria-expanded="true"]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,166,91,.14)}
.dictpick__no{
  flex:0 0 auto;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--navy-900);
  padding:3px 8px;border-radius:5px;background:#fff;border:1px solid var(--line)
}
.dictpick__nm{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:500;color:var(--ink);display:block}
.dictpick__t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dictpick__cn{display:block;font-size:11.8px;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dictpick__cur .pill{flex:0 0 auto}
.dictpick__pop{
  margin-top:8px;padding:10px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-sm)
}
.dictpick__pop[hidden]{display:none}
#dictSearch{
  width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:8px;font-size:13px;
  font-family:var(--font-sans);color:var(--ink);background:#FBFCFE
}
#dictSearch:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,166,91,.14)}
.dictpick__list{margin-top:8px;max-height:330px;overflow-y:auto;display:grid;gap:2px}
.drow{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;
  padding:7px 9px;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer;
  font-family:var(--font-sans);font-size:12.8px;color:var(--body)
}
.drow:hover{background:#F2F6FB}
.drow.is-cur{background:#EEF4FC;box-shadow:inset 0 0 0 1px #CFE0F7}
.drow__no{flex:0 0 auto;font-family:var(--font-display);font-size:11.5px;color:var(--muted)}
.drow__nm{min-width:0;display:grid}
.drow__t,.drow__cn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drow__cn{font-size:11.4px;line-height:1.55;color:var(--muted);font-weight:400}
.drow__mk{
  flex:0 0 auto;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;
  background:#EDF1F6;color:#5A6879
}
.drow__mk--1{background:#FBEDEB;color:#A34A41}
.drow__mk--2{background:var(--gold-soft);color:var(--gold-deep)}
.drow-empty{padding:12px 9px;font-size:12.3px;color:var(--muted);text-align:center}

/* ---------- 字典判定横幅 ---------- */
.verdict{
  display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;
  border-radius:var(--radius);font-size:12.5px;line-height:1.65;border:1px solid transparent
}
.verdict__tag{flex:0 0 auto;font-weight:600;letter-spacing:.04em}
.verdict__txt{flex:1 1 auto;min-width:0}
.verdict--ok{background:#F4F8FD;border-color:#DCE7F6;color:#3E5B85}
.verdict--non{background:#FBEDEB;border-color:#F0D2CD;color:#8E3F38}
.verdict--other{background:var(--gold-soft);border-color:#E7D9B8;color:#7A6A45}
.out__row--verdict{background:#FBEDEB}
.out__row--verdict .out__k{color:#A34A41;font-weight:600}
.out__v--verdict{color:#8E3F38;font-size:11.8px;font-weight:500;text-align:right;max-width:100%}
.out__row--verdict-other{background:var(--gold-soft)}
.out__row--verdict-other .out__k{color:var(--gold-deep)}
.out__row--verdict-other .out__v--verdict{color:#7A6A45}

/* 参数滑杆 */
.prod input[type=range]{
  grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;
  background:var(--line);outline:none
}
.prod input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;
  background:var(--blue);border:2px solid #fff;box-shadow:0 1px 4px rgba(10,22,38,.25);cursor:pointer
}
.prod input[type=range]::-moz-range-thumb{
  width:13px;height:13px;border-radius:50%;background:var(--blue);border:2px solid #fff;cursor:pointer
}
.prod input[type=range]:disabled{opacity:.4;cursor:not-allowed}
.prod input[type=range]:disabled::-webkit-slider-thumb{background:#8FA0B5;cursor:not-allowed}
.prod input[type=range]:disabled::-moz-range-thumb{background:#8FA0B5;cursor:not-allowed}
.rules__hint{margin-top:14px;padding-top:13px;border-top:1px dashed var(--line);font-size:11.8px;color:var(--muted);line-height:1.75}

/* 保险产品参数组（甲方预设并启用） */
.prod{
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(180deg,#FBFCFE 0%,#F5F8FC 100%)
}
.prod__hd{
  display:grid;gap:3px;
  padding:10px 14px;border-bottom:1px solid var(--line-soft);background:#F7F9FC
}
.prod__t{font-size:11.6px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-900)}
.prod__meta{font-size:11px;letter-spacing:.05em;color:var(--muted)}
.prod__row{
  display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;
  padding:10px 14px;border-bottom:1px solid var(--line-soft)
}
.prod__row:last-child{border-bottom:none}
.prod__k{font-size:13px;color:var(--body)}
.prod__v{font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.prod__v--scope{display:grid;gap:5px;justify-items:start;text-align:left}
.prod__row--name{background:linear-gradient(90deg,rgba(199,166,91,.10),rgba(199,166,91,.02) 70%)}
.prod__row--name .prod__k{color:var(--gold-deep);font-weight:600}
.prod__row--name .prod__v{color:var(--gold-deep)}
.prod__row--scope{grid-template-columns:1fr;gap:8px}
.prod__chk{display:inline-flex;align-items:center;gap:6px;font-size:12.3px;font-weight:500;color:var(--body)}
.prod__chk i{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:16px;height:16px;border-radius:5px;font-style:normal;font-size:10px;font-weight:700
}
.prod__chk.is-ok i{background:rgba(46,139,98,.13);color:#2E8B62}
.prod__chk.is-bad i{background:#FBEDEB;color:#A34A41}
.prod__chk.is-bad{color:#A34A41}
.prod__row--slider input[type=range]{grid-column:1/-1}

/* 结果 */
.out{display:grid;gap:1px;background:var(--line-soft);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line-soft)}
.out__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;background:#fff;font-size:13px}
.out__row--key{background:#F7F9FC}
.out__row--key .out__k{color:var(--ink);font-weight:600}
.out__k{color:var(--body)}
.out__v{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}
.out__v--big{font-size:17px;color:var(--navy-900);font-family:var(--font-display)}
.out__v--muted{color:var(--muted);font-weight:500}
.out__v--gold{color:var(--gold-deep)}
.out__row--settle{background:var(--gold-soft)}
.out__row--key.out__row--settle{background:#FBF5E7}
.out__row--settle .out__k{color:var(--gold-deep);font-weight:600}
.out__mono{font-family:ui-monospace,"JetBrains Mono","Cascadia Mono",Consolas,monospace;font-size:12px;letter-spacing:.06em}

.quota{margin-top:14px}
.quota__top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px}
.quota__bar{height:7px;border-radius:6px;background:var(--line-soft);overflow:hidden}
.quota__fill{height:100%;min-width:4px;border-radius:6px;background:var(--blue);transition:width .45s var(--ease)}
.quota__fill.is-warn{background:var(--gold)}
.quota__fill.is-over{background:#C0554B}

/* 系统留痕日志 */
.log{
  font-family:ui-monospace,"JetBrains Mono","Cascadia Mono",Consolas,monospace;
  font-size:11.6px;line-height:1.85;max-height:268px;overflow-y:auto;
  padding:14px 16px;background:#0C1622;color:#C4D2E4
}
.log::-webkit-scrollbar{width:6px}
.log::-webkit-scrollbar-thumb{background:#2A3D57;border-radius:3px}
.log__row{display:flex;gap:9px;padding:2px 0}
.log__t{color:#6E86A6;flex:0 0 auto;font-family:ui-monospace,"JetBrains Mono","Cascadia Mono",Consolas,monospace;font-size:11px;letter-spacing:.01em}
.log__m{color:#D5E1F0;min-width:0;word-break:break-word;font-size:12.4px;line-height:1.75}
.log__m b{color:var(--gold);font-weight:600}
.log__m i{font-style:normal;color:#7FE0B0}
.log__m s{text-decoration:none;color:#F0A29A}
.log__empty{color:#6E86A6}

/* 宽屏时：留痕面板撑满左列剩余高度，控制台不再留白 */
@media (min-width:1181px){
  .sim__logpane .log{flex:1 1 auto;min-height:190px;max-height:none}
}

/* ---------- 资金路径 ---------- */
.paths{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:26px}
.path{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 24px 22px;transition:.3s var(--ease)}
.path.is-on{border-color:var(--navy-700);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.path__tag{display:inline-block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.path h3{margin-top:10px;font-size:17px;font-weight:600}
.path__flow{margin-top:18px;display:grid;gap:0}
.path__node{display:flex;align-items:center;gap:11px;font-size:13.2px;color:var(--body)}
.path__dot{width:9px;height:9px;border-radius:50%;background:var(--navy-700);flex:0 0 auto;box-shadow:0 0 0 3px rgba(27,58,97,.12)}
.path__node--bank .path__dot{background:var(--gold)}
.path__node--muted .path__dot{background:var(--line)}
.path__arrow{margin:7px 0 7px 3.5px;width:1px;height:16px;background:var(--line);position:relative}
.path__arrow::after{content:"";position:absolute;left:-3px;bottom:0;width:7px;height:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.path__role{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:12.8px;color:var(--muted);line-height:1.8}
.path__role b{color:var(--ink);font-weight:600}

.path--wide{
  margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.24fr);
  gap:clamp(24px,3.6vw,48px);align-items:center
}
.path__flow--row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.path__flow--row .path__node{white-space:nowrap}
.path__arrow--h{width:24px;height:1px;margin:0;background:var(--line);position:relative}
.path__arrow--h::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:rotate(45deg)}

/* ---------- 责任划分表 ---------- */
.rsp{width:100%;border-collapse:collapse;font-size:14px}
.rsp th,.rsp td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft)}
.rsp thead th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}
.rsp tbody tr:hover{background:#FAFCFE}
.rsp__who{white-space:nowrap;font-weight:600;color:var(--ink)}
.rsp__who--a{color:var(--gold-deep)}
.rsp__who--b{color:var(--blue-deep)}
.rsp__who--n{color:var(--muted)}
.rsp td:last-child{color:var(--body);line-height:1.8}
.rsp td:nth-child(2){color:var(--body);line-height:1.8}

/* ---------- 参数表 ---------- */
.params{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.param{
  grid-column:span 4;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;transition:.3s var(--ease)
}
.param:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#D8E0EB}
.param__k{font-size:12.5px;color:var(--muted);letter-spacing:.04em}
.param__v{margin-top:8px;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--navy-900)}
.param__d{margin-top:8px;font-size:12.5px;color:var(--muted);line-height:1.75}
.param--wide{grid-column:span 6}
.param--half{grid-column:span 6}

/* ---------- 口径对照 ---------- */
.cmp{display:grid;grid-template-columns:repeat(12,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.cmp__hd{
  grid-column:span 3;padding:16px 20px;background:#F5F8FC;font-size:13.5px;font-weight:600;color:var(--ink);
  display:flex;align-items:center;border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft)
}
.cmp__hd--domestic{background:var(--blue-soft);color:var(--blue-deep)}
.cmp__hd--cross{background:var(--gold-soft);color:var(--gold-deep)}
.cmp__hd--foot{background:#F5F8FC}
.cmp__c{
  grid-column:span 3;padding:16px 20px;font-size:13.3px;color:var(--body);line-height:1.8;
  border-bottom:1px solid var(--line-soft)
}
.cmp__c b{color:var(--ink);font-weight:600}
.cmp__c--k{background:#FAFCFE;font-weight:500;color:var(--ink)}
.cmp__c--foot{background:#F5F8FC;font-size:12.3px;color:var(--muted)}

/* ---------- Token 释义区块 ---------- */
/* 版面：上「头部横条」(徽章锁定 + 导言) / 下「双栏正文」(四类要素 | 四个属性) */
.tokband{
  position:relative;overflow:hidden;
  display:grid;gap:30px 34px;
  grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  grid-template-areas:"hd hd" "list attrs";
  background:linear-gradient(160deg,var(--navy-950),var(--navy-850) 58%,var(--navy-900));
  border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);
  padding:36px 34px;box-shadow:var(--shadow-md)
}
/* 左上金色光晕 + 右下蓝色光晕，制造面板纵深 */
.tokband::before{
  content:"";position:absolute;left:-130px;top:-170px;width:560px;height:560px;pointer-events:none;
  background:radial-gradient(circle,rgba(199,166,91,.16),rgba(199,166,91,0) 62%)
}
.tokband::after{
  content:"";position:absolute;right:-150px;bottom:-190px;width:500px;height:500px;pointer-events:none;
  background:radial-gradient(circle,rgba(47,111,219,.16),rgba(47,111,219,0) 62%)
}
.tokband > *{position:relative;z-index:1}

/* 头部横条 */
.tokband__hd{
  grid-area:hd;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);
  gap:12px 38px;align-items:center;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.09)
}
.tokband__id{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:6px 16px;align-items:center}
.tokband__id .eyebrow{grid-column:2;grid-row:1}
.tokband__id h3{grid-column:2;grid-row:2;margin-top:0;font-size:21px;font-weight:600;color:#fff;letter-spacing:.01em;line-height:1.35;text-wrap:balance}
/* DBST 纯图徽章 */
.tokband__badge{
  grid-column:1;grid-row:1 / span 2;
  display:inline-flex;align-items:center;justify-content:center;
  width:64px;height:64px;border-radius:18px;
  background:linear-gradient(160deg,rgba(199,166,91,.2),rgba(199,166,91,.06));
  border:1px solid rgba(199,166,91,.42);
  box-shadow:0 12px 32px rgba(0,0,0,.34)
}
.tokband__logo{width:44px;height:auto}
.tokband .eyebrow{color:var(--gold)}
.tokband__hd p{margin-top:0;font-size:14.3px;color:#C6D2E2;line-height:1.9}
.tokband__hd p b{color:var(--gold);font-weight:600}
/* site.css 的全局 strong 用深色 --ink，落在深色面板上会看不见 —— 这里改为金色 */
.tokband strong{color:var(--gold);font-weight:600}

/* 双栏正文 */
.tokband__col{min-width:0}
.tokband__col--list{grid-area:list}
.tokband__col--attrs{grid-area:attrs;display:grid;grid-template-rows:auto 1fr auto}
.tokband__sub{
  display:flex;align-items:center;gap:10px;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px
}
.tokband__sub::before{content:"";flex:0 0 auto;width:20px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(199,166,91,0))}

/* 四类要素 */
.toklist{display:grid;gap:10px}
.tokrow{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px 14px;align-items:center;
  padding:15px 18px 15px 20px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);
  background:rgba(255,255,255,.035);
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)
}
/* 左侧金色渐变竖条 */
.tokrow::before{
  content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;
  background:linear-gradient(180deg,var(--gold),rgba(199,166,91,.1))
}
.tokrow:hover{transform:translateX(3px);border-color:rgba(199,166,91,.42);background:rgba(199,166,91,.07)}
.tokrow__n{
  grid-column:1;grid-row:1 / span 2;
  display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;
  background:var(--gold);color:var(--navy-950);font-size:11px;font-weight:700
}
.tokrow__k{grid-column:2;grid-row:1;font-size:14px;font-weight:600;color:#fff}
.tokrow__v{
  grid-column:3;grid-row:1;justify-self:end;white-space:nowrap;
  font-family:"Cascadia Mono",Consolas,"SF Mono",Menlo,monospace;
  font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--gold);
  padding:4px 10px;border-radius:7px;border:1px solid rgba(199,166,91,.34);background:rgba(199,166,91,.1)
}
.tokrow__d{grid-column:2 / span 2;grid-row:2;font-size:12.5px;color:#9FAFC4;line-height:1.8}

/* 四个可验证属性 */
.tokattrs{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.tokattr{
  border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:18px;background:rgba(255,255,255,.035);
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)
}
.tokattr:hover{transform:translateY(-3px);border-color:rgba(199,166,91,.4);background:rgba(199,166,91,.06)}
.tokattr__t{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;color:#fff}
.tokattr__t i{
  display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;
  background:rgba(199,166,91,.18);border:1px solid rgba(199,166,91,.34);color:var(--gold);
  font-style:normal;font-size:12px;font-weight:700
}
.tokattr p{margin-top:9px;font-size:12.8px;color:#C6D2E2;line-height:1.8}
.tokattr p em{font-style:normal;color:#93A5BC}
.toknote{
  margin-top:16px;padding:14px 16px;border-left:2px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:linear-gradient(90deg,rgba(199,166,91,.13),rgba(199,166,91,0) 72%);
  font-size:12.8px;color:#9FAFC4;line-height:1.85
}
.toknote b{color:var(--gold);font-weight:600}
.toknote a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(199,166,91,.45)}
.toknote a:hover{border-bottom-color:var(--gold)}

/* ---------- 模拟器内的 Token 卡 ---------- */
.tokcard{
  border:1px solid var(--line);border-radius:var(--radius);background:
    linear-gradient(180deg,#FBFCFE 0%,#F5F8FC 100%);padding:14px 16px;margin-bottom:16px
}
.tokcard__hd{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tokcard__k{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tokcard__idrow{margin-top:10px}
.tokcard__id{
  display:inline-block;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--navy-900);
  padding:4px 10px;border-radius:5px;background:#fff;border:1px solid var(--line);letter-spacing:.03em
}
.tokcard__hd .pill{margin-left:auto}
.tokcard__binds{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:7px}
.tokcard__binds li{display:grid;grid-template-columns:14px 108px minmax(0,1fr);gap:9px;align-items:center;font-size:12.3px}
.tokcard__dot{
  width:7px;height:7px;border-radius:50%;justify-self:center;
  background:#C3CEDD;box-shadow:none;transition:.3s var(--ease)
}
.tokcard__binds li.is-on .tokcard__dot{background:var(--green,#2E8B62);box-shadow:0 0 0 3px rgba(46,139,98,.15)}
.tokcard__binds li.is-void .tokcard__dot{background:#C0554B;box-shadow:0 0 0 3px rgba(192,85,75,.15)}
.tokcard__bk{color:var(--muted);white-space:normal;line-height:1.35}
.tokcard__binds li.is-on .tokcard__bk{color:var(--ink);font-weight:500}
.tokcard__bv{font-family:var(--font-display);font-size:12px;color:var(--muted);white-space:normal;line-height:1.45}
.tokcard__binds li.is-on .tokcard__bv{color:var(--navy-900);font-weight:600}
.tokcard__binds li.is-void .tokcard__bv{color:#A34A41}

/* ---------- 落地三步 ---------- */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s3{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}
.s3__n{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--navy-900);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:600
}
.s3 h3{margin-top:16px;font-size:16.5px;font-weight:600}
.s3 p{margin-top:10px;font-size:13.6px;color:var(--body);line-height:1.85}
.s3__hint{margin-top:14px;padding-top:13px;border-top:1px dashed var(--line);font-size:12.3px;color:var(--muted);line-height:1.8}

/* ---------- 提示条 ---------- */
.hintbar{
  display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border-radius:var(--radius);
  background:var(--blue-soft);border:1px solid #D5E3F8;font-size:13px;color:#2C4B7C;line-height:1.8
}
.hintbar svg{width:16px;height:16px;flex:0 0 auto;margin-top:3px;color:var(--blue)}
.hintbar--gold{background:var(--gold-soft);border-color:#E7D9B8;color:#7A6A45}
.hintbar--gold svg{color:var(--gold-deep)}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .sim{grid-template-columns:1fr;grid-template-areas:"panel" "side" "log";grid-template-rows:auto auto auto}
  .sim__bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sim__bar__grp:nth-child(3){grid-column:auto}
  .params .param{grid-column:span 6}
  .tokband{grid-template-columns:1fr;grid-template-areas:"hd" "list" "attrs";gap:24px;padding:28px 24px}
  .tokband__hd{grid-template-columns:1fr;gap:18px;padding-bottom:22px}
  .tokband__id{max-width:420px}
}
@media (max-width:900px){
  .themes{grid-template-columns:1fr}
  .sim__bar{grid-template-columns:1fr}
  .sim__bar__grp:nth-child(3){grid-column:auto}
  .sim__steps{grid-template-columns:repeat(3,1fr)}
  .step:nth-child(3n){border-right:none}
  .step:nth-child(-n+3){border-bottom:1px solid var(--line-soft)}
  .paths{grid-template-columns:1fr}
  .path--wide{grid-template-columns:1fr}
  .steps3{grid-template-columns:1fr}
  .cmp__hd,.cmp__c{grid-column:span 12}
  .cmp__hd{border-right:none}
  .cmp__c--k{background:#F0F5FC}
  .params .param,.param--wide,.param--half{grid-column:span 12}
  .rsp thead{display:none}
  .rsp tbody tr{display:grid;grid-template-columns:1fr;gap:4px;padding:16px 0;border-bottom:1px solid var(--line-soft)}
  .rsp td{border:none;padding:0}
  .rsp__who{font-size:13px}
  .tokattrs{grid-template-columns:1fr}
}
@media (max-width:720px){
  .lane svg{display:none}
  .sim__bar{grid-template-columns:1fr}
  .sim__bar__grp:nth-child(3){grid-column:auto}
  .dbslock{gap:6px 13px;padding:8px 14px}
  .herogrid__main .dbslock__token{flex-wrap:wrap;row-gap:10px;margin-top:18px;padding:13px 15px}
  .herogrid__main .dbslock__tokt{order:2;flex:1 1 100%}
  .herogrid__main .dbslock__toktag{order:1;margin-left:auto;padding-left:12px;font-size:13px}
  .lane__list{display:grid;gap:7px;margin-top:12px}
  .ll__row{display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center;padding:8px 12px;font-size:12.5px}
  .ll__n{flex:0 0 auto}
  .ll__from,.ll__to,.ll__arrow{flex:0 0 auto}
  .ll__x{flex:1 0 100%;color:var(--body)}
  .sim__steps{grid-template-columns:repeat(2,1fr)}
  .step:nth-child(3n){border-right:1px solid var(--line-soft)}
  .step:nth-child(2n){border-right:none}
  .step:nth-child(-n+4){border-bottom:1px solid var(--line-soft)}
  .dbst-lockup img{height:46px}
  .tokband{padding:24px 18px}
  .tokband__hd{padding-bottom:18px}
  .tokrow{grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto auto;padding:14px 16px 14px 18px}
  .tokrow__n{grid-row:1;align-self:start}
  .tokrow__v{grid-column:2;grid-row:2;justify-self:start}
  .tokrow__d{grid-column:2;grid-row:3}
}