/* ============================================================
   外贸圈 · TradeKit 单证工具集  共享样式
   品牌令牌与主站 assets/css/enhance.css 一致：
     --x-blue #2E6BFF   --x-violet #6A3BFF   --x-cyan #00C6FF
     --x-grad 蓝→紫 135°   徽标「官」+ 玻璃顶栏 + 卡片化组件
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}

:root{
  --x-blue:#2E6BFF; --x-blue2:#1E52E0; --x-violet:#6A3BFF; --x-cyan:#00C6FF;
  --x-teal:#12B886; --x-orange:#FF7A45; --x-red:#E5484D;
  --x-grad:linear-gradient(135deg,#2E6BFF 0%,#6A3BFF 100%);
  --x-grad-cyan:linear-gradient(135deg,#00C6FF 0%,#2E6BFF 100%);

  --bg:#F5F8FF; --bg-soft:#EEF4FF;
  --card-bg:#ffffff; --card-border:#E4EBFA; --card-shadow:0 12px 30px rgba(40,80,180,.08);
  --text:#0F1E3D; --text-2:#4B5A77; --text-3:#8896AD;
  --primary:var(--x-blue); --primary-2:var(--x-blue2); --primary-soft:#EEF4FF;
  --accent:var(--x-teal); --accent-soft:#E6F8F1;
  --danger:var(--x-red); --danger-soft:#FDE7E7;
  --border:#E4EBFA; --border-color:#E4EBFA;
  --input-bg:#fff; --input-border:#D8E1F2; --input-focus:var(--x-blue);
  --radius-lg:18px; --radius-md:14px; --radius-sm:10px;
  --shadow-1:0 2px 8px rgba(13,40,93,.06);
  --shadow-2:0 12px 30px rgba(40,80,180,.10);
  --shadow-lift:0 24px 60px rgba(35,70,180,.18);
}
.dark{
  --bg:#0B1020; --bg-soft:#141B3C;
  --card-bg:#16213A; --card-border:#24304D; --card-shadow:0 2px 10px rgba(0,0,0,.35);
  --text:#E8EEF7; --text-2:#A9B6CD; --text-3:#6C7A96;
  --primary:#6C8FFF; --primary-2:#8AA9FF; --primary-soft:#17263F;
  --accent:#10B981; --accent-soft:#0F2B25;
  --danger:#F87171; --danger-soft:#3B1818;
  --border:#24304D; --border-color:#24304D;
  --input-bg:#0F1A2E; --input-border:#24304D; --input-focus:#6C8FFF;
  --shadow-1:0 2px 8px rgba(0,0,0,.4);
  --shadow-2:0 6px 18px rgba(0,0,0,.4);
  --shadow-lift:0 20px 44px rgba(0,0,0,.5);
}

body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei',sans-serif;
  font-size:15px;line-height:1.65;color:var(--text);background:var(--bg);
  transition:background .3s,color .3s;
}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:none}
.page-frame{max-width:1180px;margin:0 auto;padding:0 24px}

/* ============================================================
   顶部导航（.tk-top）—— 玻璃底 + 品牌渐变细线
   ============================================================ */
.tk-top{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(245,248,255,.86);border-bottom:1px solid var(--border)}
.tk-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,#2E6BFF,#6A3BFF,#00C6FF);opacity:.4}
.dark .tk-top{background:rgba(11,16,32,.82)}
.tk-top .page-frame{display:flex;align-items:center;gap:24px;height:62px;position:relative;max-width:1400px}
.tk-top .wordmark{display:flex;align-items:center;width:110px;height:34px;flex:none;text-decoration:none;background:url(../assets/img/wmqlogo.png) no-repeat left center/contain}
.tk-top .wordmark .emblem,.tk-top .wordmark > span{display:none!important}
.tk-top .sus-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.tk-top .sus-nav::-webkit-scrollbar{display:none}
.tk-top .sus-nav a{padding:6px 12px;border-radius:8px;font-size:13px;color:var(--text-2);white-space:nowrap;font-weight:500;transition:.2s}
.tk-top .sus-nav a:hover,.tk-top .sus-nav a.active{background:var(--primary-soft);color:var(--primary)}
.tk-top .sus-act{display:flex;align-items:center;gap:8px;flex:none}

/* ============================================================
   二级工具条（.tk-bar）—— 返回 / 语言 / 主题 三颗胶囊按钮
   ============================================================ */
.tk-bar{background:var(--bg-soft);border-bottom:1px solid var(--border);padding:10px 0}
.tk-bar .page-frame,[class*="top-bar-"]{display:flex}
.tk-bar{display:flex;align-items:center;justify-content:space-between;padding:10px max(24px, calc((100% - 1400px) / 2));gap:12px;flex-wrap:wrap}
/* 二级条已废弃：语言/主题按钮由 common.js 移至顶部导航右侧，返回链接随之隐藏（back-icon 仍留在 DOM 供 renderTopBar 使用） */
.tk-bar{display:none}
.tk-bar-l,.tk-bar-r{display:flex;align-items:center;gap:8px}
.tk-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-2);background:var(--card-bg);border:1px solid var(--border);cursor:pointer;text-decoration:none;transition:.2s}
.tk-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft);box-shadow:0 4px 12px rgba(46,107,255,.10)}

/* ============================================================
   Hero（仅 tradekit 门户 index.html 使用）
   ============================================================ */
.hero{background:linear-gradient(155deg,#1E4EDC 0%,#3B1FB8 55%,#6A3BFF 100%);color:#fff;padding:56px 0 46px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%)}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 320px at 88% -10%,rgba(120,160,255,.35),transparent 62%),radial-gradient(500px 280px at 4% 100%,rgba(0,198,255,.28),transparent 62%)}
.hero .page-frame{position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:18px}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#7EE7FF,#FFD95E);box-shadow:0 0 12px rgba(120,220,255,.9);display:inline-block}
.hero h1{font-size:34px;font-weight:800;letter-spacing:.4px;line-height:1.25;margin-bottom:12px}
.hero p{font-size:16px;opacity:.9;max-width:720px;line-height:1.75}

/* ============================================================
   卡片：单证首页文档卡 + 单证页 section-card
   ============================================================ */
.doc-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-1);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column;gap:8px}
.doc-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--x-grad);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.doc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);border-color:transparent}
.doc-card:hover::before{transform:scaleX(1)}
.doc-card h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:4px}
.doc-card p{font-size:13.5px;color:var(--text-2);line-height:1.7;flex:1}
.doc-card-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;background:var(--x-grad);color:#fff!important;font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 18px rgba(60,80,220,.28);text-decoration:none;letter-spacing:.3px}
.doc-card-btn:hover{filter:brightness(1.06);box-shadow:0 12px 22px rgba(60,80,220,.36)}

.tk-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-1)}
.tk-card h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}

/* ============================================================
   文档编辑页（.tdoc-sheet / tdoc-tabs / action-bar）
   ============================================================ */
.tdoc-sheet{max-width:1400px;margin:0 auto;padding:26px 24px 60px}
.tdoc-sheet:has(.wmed-split){max-width:1760px}
.tdoc-sheet-body{}
.tdoc-head{margin-bottom:22px}
.tdoc-head h1{font-size:26px;font-weight:800;color:var(--text);letter-spacing:.2px;line-height:1.35}
.tdoc-head h1::before{content:"";display:block;width:44px;height:5px;border-radius:5px;margin-bottom:14px;background:var(--x-grad);box-shadow:0 6px 14px rgba(80,80,220,.28)}
.tdoc-head p{color:var(--text-2);font-size:14px;margin-top:6px}

.tdoc-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}
.tdoc-tabs::-webkit-scrollbar{display:none}
.tdoc-tab{padding:10px 18px;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:.2s}
.tdoc-tab:hover{color:var(--primary)}
.tdoc-tab.active{color:var(--primary);border-bottom-color:transparent;background:transparent;position:relative}
.tdoc-tab.active::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--x-grad)}

.tk-pane{display:none}
.tk-pane.active{display:block}
#panel-edit,#panel-preview,#panel-history{}
#panel-edit.hidden,#panel-preview.hidden,#panel-history.hidden{display:none}

.tk-ops{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:12px 16px;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:12px;flex-wrap:wrap}
.tk-ops-l,.tk-ops-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* ============================================================
   表单：输入 / 选择 / 标签
   ============================================================ */
label,.field-label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin:14px 0 6px}
.tk-fld,input[type=text],input[type=email],input[type=number],input[type=date],input[type=url],input[type=tel],select,textarea{
  width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:10px;font-size:14.5px;outline:none;
  background:var(--input-bg);color:var(--text);transition:border-color .2s,box-shadow .2s,background .3s;
  font-family:inherit;
}
.tk-fld:focus,input:focus,select:focus,textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px rgba(46,107,255,.14)}
.tk-fld-xs{padding:7px 9px;font-size:13px;border-radius:8px}
select{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;
}
.dark select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");}

.row-2,.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row-3,.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.row-4,.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

/* ============================================================
   按钮：主按钮（品牌渐变）/ 次按钮 / 危险 / 小号
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border-radius:11px;font-size:14.5px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .2s,filter .2s,background .2s;letter-spacing:.3px;line-height:1.2;text-decoration:none;font-family:inherit}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--x-grad);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(60,80,220,.28)}
.btn-primary:hover{filter:brightness(1.06);box-shadow:0 14px 30px rgba(60,80,220,.36)}
.btn-secondary{background:var(--card-bg);color:var(--text-2);border-color:var(--border)}
.btn-secondary:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}
.btn-danger{background:var(--danger);color:#fff;box-shadow:0 8px 18px rgba(229,72,77,.28)}
.btn-danger:hover{filter:brightness(1.08);box-shadow:0 12px 22px rgba(229,72,77,.34)}
.btn-sm{padding:7px 14px;font-size:13px;border-radius:9px}

/* ============================================================
   通用工具类（表单/预览正文排版依赖）
   ============================================================ */
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.whitespace-pre-wrap{white-space:pre-wrap}
.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}
.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}
.text-sm{font-size:13px}.text-xs{font-size:11px}
.bg-gray-100{background:#f3f4f6}
.text-gray-500{color:#6b7280}
.text-purple-900{color:#3b0764}

/* ============================================================
   表单字段：标签 + 栅格
   ============================================================ */
.fm-label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin:0 0 6px}
.tdoc-fields{display:grid;gap:16px}

/* ============================================================
   商品明细表（表单内编辑表格）
   ============================================================ */
.tdoc-items-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}
.tdoc-items{width:100%;border-collapse:collapse;font-size:12px}
.tdoc-items input,.tdoc-items textarea,.tdoc-items select{box-sizing:border-box;max-width:100%}
.tdoc-items thead{background:linear-gradient(to bottom,var(--primary-soft),#DCE7FF);position:sticky;top:0;z-index:1}
.tdoc-items thead th{padding:9px 6px;font-weight:700;color:var(--primary);text-align:center;border-bottom:2px solid #BCD0FF;white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:.02em}
.tdoc-items thead th .tdoc-col-cn{display:block;font-size:10px;color:var(--text-3);font-weight:500;text-transform:none;letter-spacing:normal;margin-top:2px}
.tdoc-items tbody tr{border-bottom:1px solid var(--border)}
.tdoc-items tbody tr:last-child{border-bottom:none}
.tdoc-items tbody tr:hover{background:var(--bg-soft)}
.tdoc-items tbody td{padding:5px 6px;vertical-align:middle;border:none}
.tdoc-items tbody td.tdoc-desc-cell{padding:6px;vertical-align:top}
.tdoc-items tbody td.tdoc-idx{text-align:center;color:var(--text-3);font-size:12px;font-weight:600;background:var(--bg-soft);width:36px}
.tdoc-items tbody td.actions{text-align:center;width:50px}
.tdoc-input-sm{font-size:12px;padding:6px 8px;border-radius:8px}
.dark .tdoc-items thead{background:linear-gradient(to bottom,#1E3A5F,#0F172A)}
.dark .tdoc-items thead th{color:var(--primary-2);border-bottom-color:#1E40AF}
.dark .tdoc-items tbody tr{border-bottom-color:var(--border)}
.dark .tdoc-items tbody tr:hover{background:#1E293B}

/* ============================================================
   汇总条
   ============================================================ */
.tdoc-totals{background:linear-gradient(to right,var(--primary-soft),#fff);border:1px solid #CFE0FF;border-radius:12px;padding:16px 20px;margin-top:16px}
.dark .tdoc-totals{background:linear-gradient(to right,#0F1A2E,#0F172A);border-color:#1E40AF}

/* ============================================================
   Logo 上传
   ============================================================ */
.tdoc-logo-up{margin-bottom:16px;padding:12px;border:1px dashed var(--border);border-radius:10px;background:var(--bg-soft);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tdoc-logo-label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;display:block}
.tdoc-logo-up-btn{cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:13px;transition:.2s}
.tdoc-logo-up-btn:hover{border-color:var(--primary);color:var(--primary)}
.tdoc-logo-up-btn input{display:none}
.tdoc-logo-hint{font-size:11px;color:var(--text-3);margin-left:6px}
.tdoc-logo-wrap{position:relative;display:inline-block}
.tdoc-logo-wrap img{max-height:48px;max-width:120px;object-fit:contain;border-radius:4px}
.tdoc-logo-del{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:12px}
.tdoc-logo-wrap:hover .tdoc-logo-del{display:flex}

/* ============================================================
   历史记录
   ============================================================ */
.tdoc-hist-list{display:flex;flex-direction:column;gap:10px}
.tdoc-hist-info{flex:1;min-width:0}
.tdoc-hist-label{font-size:14px;font-weight:600;color:var(--text)}
.tdoc-hist-ref{font-size:12px;color:var(--text-3);margin-top:2px}
.tdoc-hist-act{display:flex;gap:8px;flex:none}
.tdoc-hist-empty{text-align:center;padding:48px 24px;color:var(--text-3)}

/* ============================================================
   单据预览文档（打印正文：白底黑框，忠实还原外贸单证版式）
   ============================================================ */
.tdoc-preview{font-family:Arial,Helvetica,'PingFang SC','Microsoft YaHei',sans-serif;font-size:10px;color:#000;background:#fff;line-height:1.3;padding:24px}
.tdoc-preview table{border-collapse:collapse;width:100%}
.tdoc-preview th,.tdoc-preview td{border:1px solid #000;padding:4px 6px;vertical-align:top}
.tdoc-preview th{background-color:#f0f0f0;font-weight:bold;text-align:center;font-size:9px}
.tdoc-preview .tdoc-block-label{font-size:9px;color:#111827;font-weight:700;margin-bottom:1px;letter-spacing:.03em;text-transform:uppercase}
.tdoc-block-label2{font-size:10px;color:#111827;font-weight:700;margin-bottom:5px;letter-spacing:.03em;text-transform:uppercase}
.tdoc-preview .tdoc-block-value{font-size:10px;min-height:18px;word-break:break-word}
.tdoc-preview .tdoc-head-title{font-size:18px;font-weight:bold;text-align:center;margin:8px 0;color:#1d4ed8}
.tdoc-preview .header-subtitle{font-size:10px;text-align:center;color:#666;margin:-4px 0 8px}
.tdoc-preview .shipping-mark-preview{background:#fff;border:2px solid #000;padding:20px;font-family:monospace;font-size:14px;line-height:1.8;white-space:pre-wrap;min-height:120px}

/* ============================================================
   预览容器（打印样式对齐 A4 白底）
   ============================================================ */
#preview-container{background:#fff;color:#000;border:1px solid var(--border);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-1);overflow:auto}
.col-label{display:block;font-size:11px;color:var(--text-3);font-weight:500;margin-top:2px}

/* ============================================================
   历史区
   ============================================================ */
.tdoc-hist-search{margin-bottom:16px}
.tdoc-hist-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:.2s}
.tdoc-hist-item:hover{border-color:#CFE0FF;transform:translateY(-1px)}

/* ============================================================
   清除确认弹窗
   ============================================================ */
.tdoc-confirm{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(15,30,61,.5);backdrop-filter:blur(4px)}
.tdoc-confirm.hidden{display:none}
.tdoc-confirm-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;max-width:420px;width:90%;box-shadow:0 24px 60px rgba(15,30,61,.28)}
.tdoc-confirm-box::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--x-grad);margin-bottom:14px}
.tdoc-confirm-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:8px}
.tdoc-confirm-msg{font-size:14px;color:var(--text-2);line-height:1.7;margin-bottom:18px}
.tdoc-confirm-act{display:flex;justify-content:flex-end;gap:10px}

/* ============================================================
   页脚
   ============================================================ */
.tk-foot{margin-top:48px;padding:22px 0 14px;border-top:1px solid var(--border);color:var(--text-3);font-size:13px;text-align:center;position:relative}
.tk-foot::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:2px;background:linear-gradient(90deg,#2E6BFF,#6A3BFF,#00C6FF);opacity:.4}
.tk-foot a{color:var(--text-3);text-decoration:none;border-bottom:1px dotted rgba(136,150,173,.5)}
.tk-foot a:hover{color:var(--primary);border-bottom-color:var(--primary)}
/* 共享页脚底部（与 tools/tools 一致）：常用工具链接行 + 版权行 */
.foot-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.foot-row a{font-size:13px;color:var(--text-2);text-decoration:none;border-bottom:none!important;transition:color .2s}
.foot-row a:hover{color:var(--primary)}
.foot-legal{font-size:12px;color:var(--text-3);text-align:center}

/* ============================================================
   工具类 & 响应式
   ============================================================ */
.hidden{display:none!important}
.muted{color:var(--text-3)}
@media(max-width:900px){
  .row-3,.grid-3,.row-4,.grid-4{grid-template-columns:1fr 1fr}
  .hero h1{font-size:26px}
}
@media(max-width:600px){
  .row-2,.grid-2,.row-3,.grid-3,.row-4,.grid-4{grid-template-columns:1fr}
  .tk-top .page-frame{height:56px;gap:12px}
  .tk-top .wordmark{width:96px;height:30px}
  .tdoc-sheet{padding:18px 14px 40px}
  .tk-ops{flex-direction:column;align-items:stretch}
  .tk-ops-l,.tk-ops-r{justify-content:flex-end}
}

/* ===== FAQ（与门户一致：details/summary + faq-item/faq-body）===== */
.faq-wrap { margin-top: 40px; max-width: 1180px; margin-left: auto; margin-right: auto; }
.faq-head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.faq-head .bar { width: 4px; height: 22px; border-radius: 3px; background: var(--x-grad); flex: none; }
.faq-head h2 { font-size: 20px; font-weight: 800; color: var(--text); display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.faq-head .desc { color: var(--text-3); font-size: 13px; font-weight: 500; }
.faq-item { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: var(--radius-md); margin-bottom: 10px; transition: border-color .2s, box-shadow .2s; }
.faq-item:hover { border-color: var(--primary); }
.faq-item[open] { box-shadow: 0 10px 24px rgba(40,80,180,.08); border-color: var(--primary); }
.faq-item summary { padding: 16px 20px; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--text); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; font-size: 22px; color: var(--primary); font-weight: 300; line-height: 1; }
.faq-item[open] summary::after { content: "\2212"; }
.faq-item .faq-body { padding: 0 20px 18px; font-size: 14px; color: var(--text-2); line-height: 1.8; }

/* ============================================================
   增强编辑模块（wmed-* / wled-*）：双栏实时分屏 + 工具条 + 弹窗
   ============================================================ */
.tdoc-sheet-body:has(.wmed-split){max-width:1760px}
.wmed-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start;margin-bottom:28px}
@media (min-width:1024px){.wmed-split .tk-pane{display:block}}
@media (max-width:1023px){.wmed-split{grid-template-columns:minmax(0,1fr)}}
.tdoc-sheet-body:has(#panel-history.active) .wmed-split{display:none}
#panel-edit .tk-ops,#panel-preview .tk-ops{position:sticky;top:62px;z-index:20;background:var(--bg);padding:8px 4px;border-radius:10px}
/* 已改为标签互斥模式（不再左右分屏）：#panel-preview 恢复普通块级、独占整宽，宽度随 .tdoc-sheet=1400px 对齐顶栏 */
#panel-preview{position:static;max-height:none;overflow:visible;padding-right:0}
#preview-container{background:var(--bg-soft);border:none;border-radius:12px;padding:18px 14px;min-height:60vh;transition:background .3s}
.dark #preview-container{background:#131C33}
#preview-content{width:100%;background:#fff;box-shadow:0 6px 24px rgba(15,23,42,.14);border-radius:2px}
#preview-container.portrait #preview-content{max-width:min(794px,100%);margin:0 auto}
#preview-container.landscape #preview-content{max-width:min(1123px,100%);margin:0 auto}
#panel-edit{min-width:0}
#panel-edit .tk-fld,#panel-edit .tdoc-items input,#panel-edit textarea.tk-fld{min-width:0}

/* 预览内收款码水印 */
.wmed-qr{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:14px;padding-top:10px;border-top:1px dashed #cbd5e1}
.wmed-qr img{width:78px;height:78px;object-fit:contain}
.wmed-qr-label{font-size:8px;color:#475569;letter-spacing:.04em;text-transform:uppercase}

/* 工具条图标按钮 */
.wmed-icon-btn{display:inline-flex;align-items:center;gap:5px}

/* 排版 Popover */
.wmed-layout{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.16);padding:16px;width:240px}
.wmed-layout.open{display:block}
.wmed-layout .wled-row{margin-bottom:12px}
.wmed-layout .wled-row:last-child{margin-bottom:0}
.wmed-layout .wled-label{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px;display:flex;justify-content:space-between}
.wmed-layout select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:13px}
.wmed-layout input[type=range]{width:100%;accent-color:var(--primary)}
.wmed-layout .wled-seg{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.wmed-layout .wled-seg button{flex:1;padding:6px 0;font-size:12px;border:none;cursor:pointer;background:var(--card-bg);color:var(--text-2)}
.wmed-layout .wled-seg button.active{background:var(--primary);color:#fff}

/* 通用编辑弹窗（公司资料 / 客户库 / 海报） */
.wmed-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}
.wmed-modal.hidden{display:none}
.wmed-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(2px)}
.wmed-modal-box{position:relative;background:var(--card-bg);border-radius:14px;width:100%;max-width:480px;max-height:86vh;overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.wmed-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card-bg);z-index:1;border-radius:14px 14px 0 0}
.wmed-modal-title{font-size:16px;font-weight:700;color:var(--text)}
.wmed-modal-close{background:none;border:none;font-size:22px;line-height:1;color:var(--text-3);cursor:pointer;padding:0 4px}
.wmed-modal-close:hover{color:var(--text)}
.wmed-modal-body{padding:20px}
.wmed-field{margin-bottom:14px}
.wmed-field label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px}
.wmed-field input,.wmed-field textarea,.wmed-field select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:13px}
.wmed-field textarea{resize:vertical}
.wmed-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.wmed-empty{font-size:13px;color:var(--text-3);text-align:center;padding:18px 0}
.wmed-cust-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:10px}
.wmed-cust-item b{font-size:14px;color:var(--text)}
.wmed-muted{font-size:12px;color:var(--text-3);margin-top:2px}
.wmed-cust-actions{display:flex;gap:6px;flex-shrink:0}
.wmed-logo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wmed-logo-thumb{height:40px;max-width:160px;object-fit:contain}
.wmed-link{background:none;border:none;color:var(--danger);font-size:12px;cursor:pointer;text-decoration:underline}
.wmed-file-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;cursor:pointer;background:var(--input-bg);color:var(--text)}
.wmed-poster-img{display:block;max-width:100%;border-radius:10px;border:1px solid var(--border);margin:0 auto 6px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.wmed-loading{text-align:center;padding:36px 0;color:var(--text-3);font-size:14px}

/* ===== Print / PDF (仅输出单据预览) ===== */
@media print {
  .no-print { display: none !important; }
  .tk-top, .tk-bar, .tdoc-tabs, .tdoc-head, .tk-ops, .tk-foot,
  .tdoc-confirm, .faq-wrap, .kin-tiles, #panel-edit, #panel-history, .tdoc-hist-search,
  .wmed-layout, .wmed-modal { display: none !important; }
  body { background: #fff !important; padding: 0 !important; }
  .tdoc-sheet { padding: 0 !important; }
  .tdoc-sheet-body { max-width: none !important; padding: 0 !important; margin: 0 !important; }
  .wmed-split { display: block !important; }
  #panel-preview { display: block !important; position: static !important; max-height: none !important; overflow: visible !important; padding: 0 !important; }
  #preview-container { background: none !important; padding: 0 !important; border-radius: 0 !important; min-height: 0 !important; }
  #preview-content { box-shadow: none !important; border-radius: 0 !important; max-width: 100% !important; margin: 0 !important; }
}
@page { size: A4 landscape; margin: 8mm; }