/* ============================================================
   AIJGK 共用设计系统 — 浅色商务 · 橙色主调 · 移动优先
   5 个页面(portal/index/merchant/knowledge/report)统一引用 /aijgk.css
   ============================================================ */
:root{
  /* 主色:橙 */
  --brand:#E8650E; --brand-600:#CD560C; --brand-700:#A8460A; --brand-050:#FDF0E6; --brand-100:#FBDDC4;
  /* 中性(暖灰) */
  --bg:#F6F5F2; --surface:#FFFFFF; --surface-2:#FAF9F7;
  --ink:#1D2127; --ink-2:#3C434C; --muted:#6B7178; --faint:#9AA0A6;
  --line:#E8E6E1; --line-2:#F0EEEA;
  --ink-dark:#1C1A18;            /* 深色页脚/锚点 */
  /* 语义色 */
  --ok:#1E9E6A; --ok-bg:#E8F6EF; --warn:#C77A00; --warn-bg:#FBF1DE; --danger:#D64545; --danger-bg:#FBEAEA;
  /* 形状/阴影 */
  --r:12px; --r-sm:8px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(20,22,26,.06);
  --sh:0 1px 2px rgba(20,22,26,.04),0 6px 18px rgba(20,22,26,.07);
  --sh-lg:0 12px 36px rgba(20,22,26,.14);
  --ring:0 0 0 3px rgba(232,101,14,.30);
  --ff:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  --mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--ff); color:var(--ink); background:var(--bg);
  line-height:1.6; font-size:15px; min-height:100vh;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
/* 顶部 4px 橙色科技饰条 */
body::before{content:"";position:fixed;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--brand) 0%,#F59E5B 100%);z-index:60}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-600)}
img{max-width:100%}
h1,h2,h3{line-height:1.25;color:var(--ink);font-weight:700}
::selection{background:var(--brand-100)}

/* ---------- 布局 ---------- */
.container{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}
.section{padding:24px 0}
.muted{color:var(--muted)} .faint{color:var(--faint)} .center{text-align:center}
.stack>*+*{margin-top:12px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spread{display:flex;gap:12px;align-items:center;justify-content:space-between}

/* ---------- 顶栏 ---------- */
.appbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line)}
.appbar .container{display:flex;align-items:center;gap:14px;height:56px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;
  color:var(--ink);letter-spacing:.3px}
.brand .logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),#F2914A);color:#fff;font-size:18px;font-weight:800;
  box-shadow:0 2px 8px rgba(232,101,14,.40)}
.brand .logo.logo-ku{font-size:20px;line-height:1}   /* 库 字标:略放大,小尺寸更清楚 */
.wm-ai{color:var(--brand)}                            /* 字标里的 AI 用橙色强调 */
.brand small{font-weight:600;color:var(--muted);font-size:12.5px;letter-spacing:0}
.appbar nav{margin-left:auto;display:flex;gap:4px;align-items:center}
.appbar nav a{padding:7px 12px;border-radius:var(--r-sm);color:var(--ink-2);
  font-size:14px;font-weight:600}
.appbar nav a:hover{background:var(--brand-050);color:var(--brand-600)}
.appbar nav a.active{color:var(--brand-600);background:var(--brand-050)}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;
  padding:11px 18px;border-radius:var(--r-sm);border:1px solid transparent;
  min-height:44px;transition:.15s ease;white-space:nowrap;text-decoration:none}
.btn:focus-visible{outline:none;box-shadow:var(--ring)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(180deg,#EF7320,var(--brand));color:#fff;
  box-shadow:0 2px 10px rgba(232,101,14,.30)}
.btn-primary:hover{background:linear-gradient(180deg,var(--brand),var(--brand-600));color:#fff}
.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn-secondary:hover{border-color:var(--brand-100);background:var(--brand-050);color:var(--brand-700)}
.btn-ghost{background:transparent;color:var(--brand-600)}
.btn-ghost:hover{background:var(--brand-050)}
.btn-block{display:flex;width:100%}
.btn-sm{padding:8px 13px;min-height:36px;font-size:13.5px}
.btn-lg{padding:14px 24px;min-height:50px;font-size:16px}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* ---------- 卡片 ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh-sm);padding:18px}
.card-h{font-size:16px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.grid{display:grid;gap:14px;grid-template-columns:1fr}

/* 入口大卡片(导航页) */
.entry{display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);padding:22px;color:inherit;
  box-shadow:var(--sh-sm);transition:.18s ease;position:relative;overflow:hidden}
.entry::after{content:"";position:absolute;left:0;top:0;height:100%;width:3px;
  background:var(--brand);transform:scaleY(0);transform-origin:top;transition:.18s ease}
.entry:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--brand-100)}
.entry:hover::after{transform:scaleY(1)}
.entry .ico{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;
  font-size:23px;background:var(--brand-050);color:var(--brand);margin-bottom:14px}
.entry h3{font-size:18px;color:var(--ink)}
.entry p{margin-top:8px;font-size:13.5px;color:var(--muted);line-height:1.6;flex:1}
.entry .go{margin-top:16px;font-size:13.5px;font-weight:700;color:var(--brand-600)}

/* ---------- 标签/徽章 ---------- */
.tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;
  padding:2px 9px;border-radius:var(--r-pill);background:var(--brand-050);color:var(--brand-700)}
.tag-admin{background:var(--warn-bg);color:var(--warn)}
.tag-ok{background:var(--ok-bg);color:var(--ok)}
.tag-danger{background:var(--danger-bg);color:var(--danger)}

/* ---------- 表单 ---------- */
.field{margin-bottom:14px}
.label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.input,.select,.textarea{width:100%;font-family:inherit;font-size:15px;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:11px 13px;min-height:44px;transition:.15s ease}
.textarea{min-height:96px;resize:vertical;line-height:1.6}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}
.input::placeholder,.textarea::placeholder{color:var(--faint)}

/* ---------- 表格 ---------- */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r)}
table.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
table.tbl th,table.tbl td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line-2)}
table.tbl th{background:var(--surface-2);font-weight:700;color:var(--ink-2);white-space:nowrap;
  font-size:12.5px;letter-spacing:.3px;text-transform:none}
table.tbl tr:last-child td{border-bottom:none}
table.tbl tbody tr:hover{background:var(--brand-050)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ---------- 页脚 ---------- */
.site-footer{margin-top:40px;background:var(--ink-dark);color:#C9C7C3;font-size:13px}
.site-footer .container{padding-top:22px;padding-bottom:22px}
.site-footer strong{color:#fff}
.site-footer a{color:#F0945A}

/* ---------- 响应式 ---------- */
@media(min-width:640px){
  body{font-size:15.5px}
  .grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .section{padding:32px 0}
}
@media(min-width:980px){
  .grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
}
/* 触屏:去掉 hover 位移避免点一下"跳" */
@media(hover:none){.entry:hover{transform:none}.btn:active{transform:none}}