/* BIORI BIOTECH 通用样式 v2 — 拜访卡 & 访前报告 */
:root{
  --pri:#1a73e8;--pri-dark:#1557b0;--pri-light:#e8f0fe;
  --ok:#0d904f;--ok-light:#e6f4ea;
  --warn:#e37400;--warn-light:#fef7e0;
  --bad:#d93025;--bad-light:#fce8e6;
  --bg:#f5f7fa;--card-bg:#fff;--border:#e0e0e0;--border-light:#f0f0f0;
  --text:#202124;--sub:#5f6368;--muted:#9e9e9e;
  --shadow:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);
  --radius:10px;--radius-sm:6px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  background:var(--bg);color:var(--text);line-height:1.7;font-size:14px;
  -webkit-font-smoothing:antialiased;
}

/* ===== 顶栏 ===== */
.bior-topbar{
  position:fixed;top:0;left:0;right:0;height:48px;background:#fff;
  border-bottom:1px solid var(--border);display:flex;align-items:center;
  padding:0 20px;z-index:999;box-shadow:var(--shadow);
}
.bior-topbar a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.bior-topbar .logo-text{font-size:14px;font-weight:700;color:var(--pri);letter-spacing:.5px}
.bior-topbar .back{font-size:11px;color:var(--sub);margin-left:auto}

/* ===== 页面容器 ===== */
.bior-page{padding:64px 24px 32px;max-width:980px;margin:0 auto}

/* ===== 标题区 ===== */
.page-header{margin-bottom:20px}
.page-header h1{font-size:22px;color:var(--text);margin-bottom:4px}
.page-header .meta-row{font-size:12px;color:var(--sub);display:flex;gap:16px;flex-wrap:wrap}
.page-header .meta-row span{white-space:nowrap}

/* ===== KPI 卡片 ===== */
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}
.kpi-card{
  background:var(--card-bg);border-radius:var(--radius);padding:16px 18px;
  border:1px solid var(--border);box-shadow:var(--shadow);
  position:relative;overflow:hidden;
}
.kpi-card::after{content:'';position:absolute;top:0;right:0;width:60px;height:60px;
  background:radial-gradient(circle at top right,var(--pri),transparent 70%);opacity:.04;border-radius:0 0 0 60px}
.kpi-card .lbl{font-size:10px;color:var(--sub);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.kpi-card .val{font-size:24px;font-weight:700;color:var(--pri)}
.kpi-card .sub{font-size:10px;color:var(--muted);margin-top:2px}
.kpi-card.accent .val{color:var(--ok)}
.kpi-card.warn .val{color:var(--bad)}

/* ===== 卡片容器 ===== */
.bior-card{
  background:var(--card-bg);border-radius:var(--radius);padding:20px 24px;
  margin:14px 0;border:1px solid var(--border);box-shadow:var(--shadow);
}
.bior-card h3{font-size:14px;color:var(--pri);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.bior-card h3::before{content:'';display:inline-block;width:3px;height:16px;background:var(--pri);border-radius:2px}

/* ===== 表格 ===== */
.bior-table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}
.bior-table th{
  background:var(--pri-light);color:var(--pri-dark);font-weight:600;
  padding:9px 12px;text-align:left;border-bottom:2px solid var(--pri);font-size:12px
}
.bior-table td{padding:8px 12px;border-bottom:1px solid var(--border-light)}
.bior-table tr:hover td{background:#f8faff}
.bior-table .label-cell{background:#f8faff;font-weight:600;color:var(--pri-dark);width:18%}

/* ===== 标签 ===== */
.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.3px}
.tag-ok{background:var(--ok-light);color:var(--ok)}
.tag-warn{background:var(--warn-light);color:var(--warn)}
.tag-bad{background:var(--bad-light);color:var(--bad)}
.tag-pri{background:var(--pri-light);color:var(--pri)}

/* ===== 图表容器 ===== */
.chart-wrap{position:relative;height:280px;margin:12px 0}
.chart-wrap canvas{width:100%!important;height:100%!important}

/* ===== 竞争矩阵条 ===== */
.comp-bar-wrap{display:flex;height:22px;border-radius:4px;overflow:hidden;background:#f0f0f0;margin:4px 0}
.comp-bar{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff;min-width:30px;transition:width .4s}
.comp-bar.self{background:var(--pri)}
.comp-bar.nov{background:#5c6bc0}
.comp-bar.yeasen{background:#26a69a}
.comp-bar.other{background:var(--muted)}

/* ===== 访前报告专用 ===== */
.report-section{margin:24px 0}
.report-section h2{
  font-size:16px;color:var(--pri);margin-bottom:12px;
  padding:10px 16px;background:var(--pri-light);border-radius:var(--radius-sm);
  font-weight:700;letter-spacing:1px;
}
.report-section h3{
  font-size:13px;font-weight:700;color:var(--text);margin:16px 0 8px;
  padding-bottom:4px;border-bottom:2px solid var(--pri-light);
}

/* ===== 产品线色块 (访前报告) ===== */
.pl-card{margin:12px 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}
.pl-card .pl-head{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#fff;font-weight:700;font-size:13px}
.pl-card .pl-body{padding:14px 16px;background:var(--card-bg)}
.pl-head.launched{background:var(--pri)}
.pl-head.filing{background:var(--warn)}
.pl-head.rd{background:var(--muted)}

/* ===== 响应式 ===== */
@media(max-width:768px){
  .bior-page{padding:56px 12px 20px}
  .page-header h1{font-size:18px}
  .kpi-row{grid-template-columns:repeat(2,1fr)}
  .kpi-card .val{font-size:18px}
}

/* ===== 打印 ===== */
@media print{
  .bior-topbar{position:static}
  .bior-page{padding:0;max-width:100%}
  .bior-card,.kpi-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}
}