@charset "UTF-8";
/* =========================================================================
   储罐在线定制询盘 Storage Tank Online Customization / Inquiry
   样式表：css/shijie.css
   所有 class 与 id 均以 shijie- 前缀命名，避免与其他页面样式冲突。
   ========================================================================= */
*{box-sizing:border-box}
  :root{
    --shijie-brand:#0b5cab; --shijie-brand-d:#083f78; --shijie-brand-l:#e8f1fb;
    --shijie-accent:#0e9f6e; --shijie-warn:#d97706; --shijie-danger:#dc2626;
    --shijie-bg:#f2f5f9; --shijie-card:#fff; --shijie-line:#e2e8f0; --shijie-line-s:#f1f5f9;
    --shijie-text:#16202c; --shijie-muted:#64748b;
    --shijie-radius:14px;
    --shijie-shadow:0 1px 2px rgba(16,32,60,.06), 0 10px 28px rgba(16,32,60,.06);
  }
  html,body{margin:0;padding:0}
  body{
    font-family:"Segoe UI","Microsoft YaHei","PingFang SC",-apple-system,"Helvetica Neue",Arial,sans-serif;
    background:var(--shijie-bg); color:var(--shijie-text); line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  [hidden]{display:none !important}

  /* ---------- Hero ---------- */
  .shijie-hero{
    background:
      radial-gradient(1200px 300px at 85% -60px, rgba(255,255,255,.18), transparent 70%),
      linear-gradient(135deg,#0a2f57 0%, #0b5cab 58%, #0e7490 100%);
    color:#fff; padding:32px 20px 28px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .shijie-hero-inner{max-width:1240px;margin:0 auto}
  .shijie-hero .shijie-kicker{
    display:inline-flex;align-items:center;gap:8px;
    font-size:12px;letter-spacing:.14em;text-transform:uppercase;
    background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
    padding:5px 12px;border-radius:999px;margin-bottom:14px;
  }
  .shijie-hero h1{margin:0;font-size:clamp(22px,3.2vw,31px);line-height:1.3;letter-spacing:.5px}
  .shijie-hero h2{margin:6px 0 0;font-weight:500;font-size:clamp(13px,1.5vw,15.5px);
    color:rgba(255,255,255,.86);letter-spacing:.06em}
  .shijie-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
  .shijie-meta .shijie-pill{
    display:flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
    border-radius:10px;padding:7px 12px;font-size:12.5px;
  }
  .shijie-meta .shijie-pill span{color:rgba(255,255,255,.75)}
  .shijie-meta .shijie-pill b{font-weight:600;color:#fff}

  /* ---------- Layout: 3 : 1 ---------- */
  main{max-width:1240px;margin:0 auto;padding:22px 16px 40px}
  .shijie-layout{display:grid;gap:18px;align-items:start}
  @media (min-width:1024px){
    .shijie-layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}
    .shijie-col-basic{position:sticky;top:18px}
  }
  @media (max-width:1023px){
    .shijie-col-basic{order:1}
    .shijie-col-details{order:2}
    body{padding-bottom:92px}
  }

  .shijie-card{
    background:var(--shijie-card);border:1px solid var(--shijie-line);border-radius:var(--shijie-radius);
    box-shadow:var(--shijie-shadow);padding:18px;margin-bottom:16px;
  }
  .shijie-card > h3.shijie-sec{margin:0 0 4px;font-size:16.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .shijie-card > h3.shijie-sec .shijie-en{font-size:11.5px;font-weight:500;color:var(--shijie-muted);letter-spacing:.04em}
  .shijie-card > p.shijie-sechint{margin:0;font-size:12.5px;color:var(--shijie-muted)}
  .shijie-sec-bar{display:inline-block;width:4px;height:17px;border-radius:3px;background:var(--shijie-brand)}

  /* ---------- Fields ---------- */
  .shijie-fld{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}
  .shijie-fld > label{
    font-size:12.5px;font-weight:600;color:#334155;
    display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;
  }
  .shijie-fld > label em{font-style:normal;font-weight:400;color:var(--shijie-muted);font-size:11px}
  .shijie-fld .shijie-req{color:var(--shijie-danger);font-weight:700}
  .shijie-stack{display:grid;gap:8px}
  input[type=text],input[type=email],input[type=tel],textarea{
    width:100%;font:inherit;font-size:13.5px;color:var(--shijie-text);
    border:1px solid var(--shijie-line);border-radius:10px;background:#fcfdff;
    padding:9px 11px;transition:border-color .15s,box-shadow .15s,background .15s;
  }
  textarea{resize:vertical;min-height:60px;line-height:1.55}
  input:focus,textarea:focus{
    outline:none;border-color:var(--shijie-brand);background:#fff;
    box-shadow:0 0 0 3px rgba(11,92,171,.14);
  }
  input.shijie-err,textarea.shijie-err{border-color:var(--shijie-danger);box-shadow:0 0 0 3px rgba(220,38,38,.12)}
  .shijie-err-msg{font-size:11.5px;color:var(--shijie-danger);display:none}
  .shijie-err-msg.shijie-on{display:block}
  .shijie-linkbtn{
    background:none;border:0;color:var(--shijie-brand);font:inherit;font-size:11.5px;
    cursor:pointer;padding:0;text-decoration:underline dotted;
  }

  /* ---------- 右侧基本信息栏 ---------- */
  .shijie-col-basic .shijie-card{padding:16px}
  .shijie-col-basic .shijie-basic-note{margin-bottom:0}
  .shijie-basic-sep{height:1px;background:var(--shijie-line);margin:15px 0 14px}
  .shijie-progress .shijie-txt{font-size:11.5px;color:var(--shijie-muted);display:flex;justify-content:space-between;margin-bottom:5px}
  .shijie-progress .shijie-txt b{color:var(--shijie-brand);font-variant-numeric:tabular-nums}
  .shijie-reqline{font-size:11.5px;color:var(--shijie-muted);margin-top:7px;display:flex;justify-content:space-between}
  .shijie-reqline b{color:#b42318;font-variant-numeric:tabular-nums}
  .shijie-bar{height:7px;border-radius:999px;background:#e6ecf4;overflow:hidden}
  .shijie-bar > i{display:block;height:100%;width:0;border-radius:999px;
    background:linear-gradient(90deg,#0b5cab,#0e9f6e);transition:width .25s ease}

  button.shijie-btn{
    font:inherit;font-size:13.5px;font-weight:600;border-radius:10px;cursor:pointer;
    padding:10px 16px;border:1px solid var(--shijie-line);background:#fff;color:#334155;
    transition:transform .08s, box-shadow .15s, background .15s, border-color .15s, filter .15s;
    white-space:nowrap;
  }
  button.shijie-btn:hover{border-color:#c9d6e6;background:#f8fafc}
  button.shijie-btn:active{transform:translateY(1px)}
  button.shijie-btn[disabled]{opacity:.55;cursor:not-allowed}
  button.shijie-btn.shijie-primary{
    background:linear-gradient(135deg,#0b5cab,#0e7490);color:#fff;border-color:transparent;
    box-shadow:0 6px 16px rgba(11,92,171,.28);
  }
  button.shijie-btn.shijie-primary:hover{filter:brightness(1.07)}
  button.shijie-btn.shijie-green{background:linear-gradient(135deg,#0e9f6e,#0f766e);color:#fff;border-color:transparent}
  button.shijie-btn.shijie-block{width:100%;display:block}
  button.shijie-btn.shijie-lg{padding:12px 16px;font-size:14.5px}
  .shijie-basic-actions{margin-top:16px;display:grid;gap:9px}
  .shijie-reset-row{text-align:center}

  /* ---------- 询价明细 ---------- */
  .shijie-item{
    background:var(--shijie-card);border:1px solid var(--shijie-line);border-radius:var(--shijie-radius);
    box-shadow:var(--shijie-shadow);padding:18px 20px;margin-bottom:16px;
    border-left:4px solid var(--shijie-line);transition:border-left-color .2s;
  }
  .shijie-item.shijie-done{border-left-color:var(--shijie-accent)}
  .shijie-item-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
  .shijie-idx{
    flex:0 0 auto;width:34px;height:34px;border-radius:9px;
    display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;
    background:linear-gradient(135deg,#0b5cab,#0e7490);
    box-shadow:0 3px 8px rgba(11,92,171,.28);
  }
  .shijie-item.shijie-done .shijie-idx{background:linear-gradient(135deg,#0e9f6e,#0f766e);box-shadow:0 3px 8px rgba(14,159,110,.28)}
  .shijie-names{flex:1 1 auto;min-width:0}
  .shijie-names h4{margin:2px 0 0;font-size:15px;line-height:1.5}
  .shijie-names h4 .shijie-en{display:block;font-size:11.5px;font-weight:500;color:var(--shijie-muted);letter-spacing:.03em;margin-top:3px}
  .shijie-dot{
    flex:0 0 auto;font-size:11px;color:var(--shijie-muted);border:1px dashed var(--shijie-line);
    border-radius:999px;padding:2px 9px;white-space:nowrap;
  }
  .shijie-item.shijie-done .shijie-dot{color:var(--shijie-accent);border-color:rgba(14,159,110,.4);background:rgba(14,159,110,.07)}
  .shijie-reqtag{
    flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.03em;
    border-radius:999px;padding:2px 8px;white-space:nowrap;
    color:#b42318;background:#fef3f2;border:1px solid #f6c9c5;
  }
  .shijie-item.shijie-missing{border-left-color:var(--shijie-danger);background:#fffafa}
  .shijie-item.shijie-missing .shijie-idx{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 3px 8px rgba(220,38,38,.25)}
  .shijie-item.shijie-missing .shijie-reqtag{color:#fff;background:var(--shijie-danger);border-color:var(--shijie-danger)}
  .shijie-desc{
    margin:0 0 14px;font-size:12.5px;color:#425466;background:var(--shijie-line-s);
    border:1px dashed var(--shijie-line);border-radius:10px;padding:10px 12px;
  }
  .shijie-desc .shijie-tag{
    display:inline-block;font-size:11px;font-weight:700;color:var(--shijie-brand);
    background:var(--shijie-brand-l);border-radius:5px;padding:1px 7px;margin-right:8px;vertical-align:1px;
  }

  /* 选项组：每个步骤一个网格，维度名列按内容自适应（不再固定 100px，避免「布置」与选项之间空一大截） */
  .shijie-groups{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
  @media (min-width:760px){
    .shijie-groups.shijie-has-labels{
      grid-template-columns:minmax(min-content,6.5em) minmax(0,1fr);
      gap:8px 8px;align-items:center;
    }
  }
  .shijie-glabel{
    font-size:11.5px;font-weight:600;color:#475569;white-space:normal;line-height:1.4;
    margin:0;padding:0;
  }
  .shijie-textcell{min-width:0}
  .shijie-textcell input{width:100%;font:inherit;font-size:13.5px;padding:8px 11px;border:1px solid var(--shijie-line);border-radius:9px;background:#fcfdff;color:var(--shijie-text)}
  .shijie-textcell input:focus{outline:none;border-color:var(--shijie-brand);background:#fff;box-shadow:0 0 0 3px rgba(11,92,171,.14)}

  /* 选项：一行放不下就自动折成两行（不再出现横向滚动条） */
  .shijie-opts{
    display:flex;flex-wrap:wrap;align-items:center;gap:7px;
    padding:2px 0;overflow:visible;
  }
  /* 兼容旧标记：.shijie-wrap 与默认行为一致 */
  .shijie-opts.shijie-wrap{flex-wrap:wrap;overflow:visible;padding-bottom:2px}
  .shijie-opt{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;cursor:pointer}
  .shijie-opt input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
  .shijie-opt span{
    display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
    font-size:11.5px;line-height:1.5;color:#0b5cab;background:#f4f8fd;
    border:1px solid #cfe1f5;border-radius:999px;padding:3px 10px;
    transition:background .15s,border-color .15s,color .15s,box-shadow .15s;
  }
  .shijie-opt span::before{
    content:"";width:9px;height:9px;border-radius:50%;flex:0 0 auto;
    border:1.5px solid #9dbde0;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s;
  }
  .shijie-opt.shijie-check span::before{border-radius:3px}
  .shijie-opt:hover span{border-color:#9dbde0;background:#eef6ff}
  .shijie-opt input:checked + span{
    background:var(--shijie-brand);border-color:var(--shijie-brand);color:#fff;
    box-shadow:0 2px 7px rgba(11,92,171,.26);
  }
  .shijie-opt input:checked + span::before{
    background:#fff;border-color:#fff;box-shadow:inset 0 0 0 2.5px var(--shijie-brand);
  }
  .shijie-opt input:focus-visible + span{outline:2px solid rgba(11,92,171,.5);outline-offset:2px}

  /* ---------- 填写说明 ---------- */
  .shijie-note{background:linear-gradient(180deg,#fffdf5,#fff);border-color:#f0e2c0}
  .shijie-note h3.shijie-sec .shijie-sec-bar{background:var(--shijie-warn)}
  .shijie-note .shijie-sechint{margin:0}
  .shijie-note ol{margin:0;padding-left:17px;font-size:12.5px;color:#4b5563}
  .shijie-note ol li{margin-bottom:6px}
  .shijie-note ol li:last-child{margin-bottom:0}

  /* ---------- 左侧悬浮步骤导航 ---------- */
  .shijie-stepnav{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:45;display:none}
  @media (min-width:1200px){ .shijie-stepnav{display:block} }

  .shijie-stepnav .shijie-nav-tab{
    display:none;flex-direction:column;align-items:center;gap:5px;
    width:40px;padding:9px 4px;cursor:pointer;font:inherit;color:var(--shijie-brand);
    background:rgba(255,255,255,.96);border:1px solid var(--shijie-line);border-radius:11px;
    box-shadow:0 6px 18px rgba(16,32,60,.14);transition:border-color .15s,background .15s;
  }
  .shijie-stepnav .shijie-nav-tab:hover{border-color:#c9d6e6;background:#f8fafc}
  .shijie-stepnav .shijie-nav-tab .shijie-ico{font-size:14px;line-height:1}
  .shijie-stepnav .shijie-nav-tab .shijie-txt{font-size:10.5px;font-weight:600;color:#334155;writing-mode:vertical-rl;letter-spacing:1px}
  .shijie-stepnav .shijie-nav-tab .shijie-cnt{font-size:9.5px;color:var(--shijie-muted);font-variant-numeric:tabular-nums}
  .shijie-stepnav[data-shijie-open="0"] .shijie-nav-tab{display:flex}
  .shijie-stepnav[data-shijie-open="0"] .shijie-nav-panel{display:none}

  .shijie-nav-panel{
    width:178px;max-height:78vh;display:flex;flex-direction:column;
    background:rgba(255,255,255,.97);backdrop-filter:blur(10px);
    border:1px solid var(--shijie-line);border-radius:13px;
    box-shadow:0 12px 34px rgba(16,32,60,.16);overflow:hidden;
  }
  .shijie-nav-head{padding:11px 11px 9px;border-bottom:1px solid var(--shijie-line);background:#f8fafc}
  .shijie-nav-head .shijie-t{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12.5px;font-weight:700}
  .shijie-nav-head .shijie-t em{font-style:normal;font-size:10px;font-weight:500;color:var(--shijie-muted);margin-left:4px}
  .shijie-nav-head .shijie-x{
    border:0;background:transparent;font:inherit;font-size:14px;line-height:1;
    color:var(--shijie-muted);cursor:pointer;padding:1px 5px;border-radius:6px;
  }
  .shijie-nav-head .shijie-x:hover{background:#eef2f7;color:var(--shijie-text)}
  .shijie-nav-head .shijie-sub{font-size:11px;color:var(--shijie-muted);margin-top:4px}
  .shijie-nav-head .shijie-sub b{color:var(--shijie-brand);font-variant-numeric:tabular-nums}
  .shijie-nav-head .shijie-bar{margin-top:6px;height:5px}

  .shijie-nav-list{list-style:none;margin:0;padding:6px;overflow-y:auto;scrollbar-width:thin;flex:1 1 auto}
  .shijie-nav-list::-webkit-scrollbar{width:6px}
  .shijie-nav-list::-webkit-scrollbar-thumb{background:#cfdae7;border-radius:999px}
  .shijie-nav-list li{margin:0}
  .shijie-nav-item{
    width:100%;display:flex;align-items:center;gap:6px;text-align:left;
    font:inherit;font-size:11.5px;color:#3f4d5f;background:transparent;border:0;
    border-radius:8px;padding:5px 6px;cursor:pointer;transition:background .15s,color .15s;
  }
  .shijie-nav-item:hover{background:#f1f6fc}
  .shijie-nav-item .shijie-n-idx{
    flex:0 0 auto;width:19px;height:19px;border-radius:5px;display:grid;place-items:center;
    font-size:10px;font-weight:700;color:#64748b;background:#eef2f7;font-variant-numeric:tabular-nums;
    transition:background .15s,color .15s;
  }
  .shijie-nav-item .shijie-n-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shijie-nav-item .shijie-n-req{flex:0 0 auto;color:#dc2626;font-weight:700;font-size:11px;line-height:1}
  .shijie-nav-item.shijie-miss{color:#b42318}
  .shijie-nav-item.shijie-miss .shijie-n-idx{background:rgba(220,38,38,.12);color:#b42318}
  .shijie-nav-item .shijie-n-st{flex:0 0 auto;width:12px;text-align:center;font-size:10.5px;color:#cbd5e1}
  .shijie-nav-item.shijie-done{color:#0f6b46}
  .shijie-nav-item.shijie-done .shijie-n-idx{background:rgba(14,159,110,.14);color:#0f6b46}
  .shijie-nav-item.shijie-done .shijie-n-st{color:var(--shijie-accent);font-weight:700}
  .shijie-nav-item.shijie-active{background:var(--shijie-brand-l);color:var(--shijie-brand-d);font-weight:600}
  .shijie-nav-item.shijie-active .shijie-n-idx{background:var(--shijie-brand);color:#fff}

  .shijie-item{scroll-margin-top:18px}
  .shijie-item.shijie-flash{animation: shijie-itemFlash 1.2s ease}
  @keyframes shijie-itemFlash{
    0%{box-shadow:0 0 0 3px rgba(11,92,171,.38), var(--shijie-shadow)}
    100%{box-shadow:var(--shijie-shadow)}
  }

  /* ---------- 移动端底部按钮 ---------- */
  .shijie-mobile-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:40;
    background:rgba(255,255,255,.95);backdrop-filter:blur(10px);
    border-top:1px solid var(--shijie-line);box-shadow:0 -6px 22px rgba(16,32,60,.08);
    padding:10px 16px 12px;
  }
  .shijie-mobile-bar .shijie-inner{max-width:1240px;margin:0 auto;display:flex;gap:12px;align-items:center}
  .shijie-mobile-bar .shijie-mini{flex:1 1 auto;font-size:12px;color:var(--shijie-muted)}
  .shijie-mobile-bar .shijie-mini b{color:var(--shijie-brand)}
  @media (min-width:1024px){ .shijie-mobile-bar{display:none} }

  /* ---------- Modal ---------- */
  .shijie-modal{
    position:fixed;inset:0;z-index:999;background:rgba(15,25,40,.55);
    display:flex;align-items:flex-start;justify-content:center;
    overflow:auto;padding:24px 14px 40px;
  }
  .shijie-modal-card{
    background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.3);
    width:100%;max-width:960px;overflow:hidden;
  }
  .shijie-modal-head{
    display:flex;align-items:center;gap:12px;padding:14px 18px;
    border-bottom:1px solid var(--shijie-line);background:#f8fafc;flex-wrap:wrap;
  }
  .shijie-modal-head .shijie-t{flex:1 1 200px;font-size:15px;font-weight:700}
  .shijie-modal-head .shijie-t span{display:block;font-size:11.5px;font-weight:500;color:var(--shijie-muted)}
  .shijie-modal-head .shijie-btns{display:flex;gap:9px;flex-wrap:wrap}
  .shijie-modal-head .shijie-x{
    border:0;background:transparent;font-size:20px;line-height:1;color:var(--shijie-muted);
    cursor:pointer;padding:6px 8px;border-radius:8px;
  }
  .shijie-modal-head .shijie-x:hover{background:#eef2f7;color:var(--shijie-text)}
  .shijie-modal-body{padding:22px 24px 26px}

  .shijie-status{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:11px 14px;
    font-size:13px;margin-bottom:16px;border:1px solid}
  .shijie-status.shijie-ok{background:#f0fdf6;border-color:#b7ebcd;color:#0f6b46}
  .shijie-status.shijie-mail{background:#eff6ff;border-color:#c7ddf7;color:#1d4e89}
  .shijie-status.shijie-pending{background:#fffaf0;border-color:#f3dfb4;color:#8a5a08}
  .shijie-status.shijie-fail{background:#fef3f2;border-color:#f6c9c5;color:#a02b22}
  .shijie-status b{display:block;margin-bottom:2px}
  .shijie-status .shijie-sm{font-size:11.5px;opacity:.85}

  /* ---------- 单据文档（屏幕与打印同一套度量，所见即所得） ---------- */
  .shijie-doc{line-height:1.35}
  .shijie-doc h1{font-size:17.5pt;margin:0 0 1mm;text-align:center;letter-spacing:.2px}
  .shijie-doc h2{font-size:10pt;margin:0 0 1.5mm;text-align:center;font-weight:500;color:var(--shijie-muted);letter-spacing:.02em}
  .shijie-doc .shijie-docmeta{
    display:flex;flex-wrap:wrap;gap:.5mm 6mm;
    font-size:10pt;color:#334155;background:var(--shijie-line-s);border:1px solid var(--shijie-line);
    border-radius:1mm;padding:1mm 2mm;margin-bottom:1.5mm;
  }
  .shijie-doc h3{font-size:11.5pt;margin:2mm 0 1mm;padding-left:2mm;border-left:2px solid var(--shijie-brand)}
  .shijie-doc table{width:100%;border-collapse:collapse;font-size:11.5pt}
  .shijie-doc th,.shijie-doc td{border:1px solid #dfe6ee;padding:1.5mm 1.7mm;vertical-align:middle;text-align:left}
  .shijie-doc th{background:#f1f6fc;font-weight:700;color:#1e3a5f;font-size:11.5pt}
  .shijie-doc td.shijie-num{width:8mm;text-align:center;color:var(--shijie-muted);font-variant-numeric:tabular-nums}
  .shijie-doc td.shijie-itemname{width:26%;font-weight:600}
  .shijie-doc td.shijie-itemname em{display:block;font-style:normal;font-weight:400;font-size:9pt;color:var(--shijie-muted)}
  .shijie-doc td.shijie-val{background:#fbfdff;word-break:break-word}
  .shijie-doc td.shijie-val .shijie-k{color:var(--shijie-muted)}
  .shijie-doc .shijie-sep{color:var(--shijie-muted);padding:0 .6mm}
  .shijie-doc .shijie-empty{color:#b6c0cc}
  .shijie-doc .shijie-foot{margin-top:2mm;font-size:10pt;color:var(--shijie-muted);border-top:1px solid var(--shijie-line);padding-top:1.2mm}
  .shijie-doc .shijie-sign{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4mm;margin-top:2.5mm;font-size:10pt}
  .shijie-doc .shijie-sign div{border-bottom:1px solid #cbd5e1;padding-bottom:5mm;color:#64748b}

  /* ---------- Toast ---------- */
  #shijie-toast{
    position:fixed;left:50%;bottom:34px;transform:translate(-50%,12px);
    background:#16202c;color:#fff;font-size:13px;border-radius:10px;
    padding:10px 16px;box-shadow:0 12px 30px rgba(0,0,0,.28);z-index:80;
    opacity:0;pointer-events:none;transition:opacity .2s, transform .2s;max-width:88vw;text-align:center;
  }
  #shijie-toast.shijie-on{opacity:1;transform:translate(-50%,0)}

  /* ---------- 打印 / 导出 PDF：A4 单页、表格撑满整页 ---------- */
  @media print{
    @page{size:A4 portrait;margin:9mm}
    html,body{height:auto}
    body{padding:0;background:#fff}
    body > *:not(#shijie-previewModal){display:none !important}
    #shijie-previewModal{
      position:static !important;inset:auto;background:none !important;
      padding:0 !important;overflow:visible !important;display:block !important;
    }
    .shijie-modal-card{box-shadow:none !important;border-radius:0 !important;max-width:none !important;overflow:visible !important}
    .shijie-modal-head{display:none !important}
    .shijie-modal-body{padding:0 !important}
    .shijie-no-print{display:none !important}

    /* 内容超出时由脚本写入缩放比例，保证只打印一页；正常即为 1（原大） */
    .shijie-doc{zoom:var(--shijie-doc-zoom,1)}

    /* 明细表撑满整页：整表最小 170mm，单行最小 10.5mm，多出的高度均分到 15 行 */
    .shijie-doc .shijie-detailtable{height:170mm}
    .shijie-doc .shijie-detailtable tr{height:10.5mm}
    .shijie-doc .shijie-detailtable thead tr{height:auto}

    .shijie-doc tr,.shijie-doc thead{break-inside:avoid;page-break-inside:avoid}
    .shijie-doc thead{display:table-header-group}
  }


  /* ---------- 语言版本切换 ---------- */
  .shijie-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
  .shijie-langs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .shijie-lang{
    font-size:11.5px;line-height:1.5;color:#fff;text-decoration:none;white-space:nowrap;
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);
    border-radius:999px;padding:3px 10px;transition:background .15s,border-color .15s;
  }
  .shijie-lang:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.5)}
  .shijie-lang-active{background:#fff;color:#083f78;border-color:#fff;font-weight:700;cursor:default}

  /* ---------- 阿拉伯语等从右到左（RTL）适配 ---------- */
  html[dir="rtl"] body{text-align:right}
  html[dir="rtl"] .shijie-item{border-left:1px solid var(--shijie-line);border-right:4px solid var(--shijie-line)}
  html[dir="rtl"] .shijie-item.shijie-done{border-right-color:var(--shijie-accent)}
  html[dir="rtl"] .shijie-item.shijie-missing{border-right-color:var(--shijie-danger)}
  html[dir="rtl"] .shijie-stepnav{left:auto;right:14px}
  html[dir="rtl"] .shijie-desc .shijie-tag,
  html[dir="rtl"] .shijie-doc h3{padding-right:0;padding-left:0;border-left:0;border-right:3px solid var(--shijie-brand)}
  html[dir="rtl"] .shijie-note .shijie-sec-bar,
  html[dir="rtl"] .shijie-sec-bar{margin-right:0}
  html[dir="rtl"] .shijie-doc th,
  html[dir="rtl"] .shijie-doc td{text-align:right}
  html[dir="rtl"] .shijie-progress .shijie-txt,
  html[dir="rtl"] .shijie-reqline{direction:rtl}
  /* 技术代号与英文名在 RTL 下仍按从左到右显示 */
  html[dir="rtl"] .shijie-opt span,
  html[dir="rtl"] .shijie-names h4 .shijie-en,
  html[dir="rtl"] .shijie-doc td.shijie-val{direction:rtl;unicode-bidi:plaintext}

  /* ---------- 语言切换器在窄屏下换行显示 ---------- */
  @media (max-width: 640px){
    .shijie-hero-top{align-items:flex-start}
    .shijie-langs{gap:4px}
    .shijie-lang{font-size:11px;padding:2px 8px}
  }
  @media (max-width:768px){
    .shijie-layout{
      display:flex;
      flex-direction: column;
      align-items:unset;
    }
  }