/* 由 炫酷网络科技简介.html 生成，勿手改 */
.brochure * { box-sizing: border-box; margin: 0; padding: 0; }
.brochure, .brochure {
    background: #EEF2F7;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
    -webkit-print-color-adjust: exact; print-color-adjust: exact; color: #0C1A28;
  }
.brochure {
    --bg:#F4F7FA; --card:#FFFFFF; --soft:#F7FAFC;
    --line:#E2E9F1; --line2:#EFF4F9;
    --ink:#0C1A28; --dim:#4C6178; --muted:#8A99AD;
    --brand:#0E5A6B; --brand2:#1296C4; --brand3:#4CBFA6; --accent:#E0821B;
    --grad:linear-gradient(90deg,#0E5A6B 0%,#1296C4 100%);
    --shadow:0 1px 2px rgba(16,42,67,.04), 0 6px 18px rgba(16,42,67,.05);
  }
.brochure .page {position:relative;width:960px;height:540px;overflow:hidden;background:var(--bg);
    page-break-after:always;break-after:page;padding:46px 56px 44px;}
.brochure .page:last-child {page-break-after:auto;break-after:auto;}
.brochure .grid {position:absolute;inset:0;
    background-image:linear-gradient(rgba(14,90,107,.045) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(14,90,107,.045) 1px,transparent 1px);
    background-size:40px 40px;}
.brochure .wash {position:absolute;inset:0;
    background:radial-gradient(760px 420px at 88% -8%, rgba(18,150,196,.13), transparent 62%),
               radial-gradient(620px 380px at -6% 108%, rgba(14,90,107,.10), transparent 60%);}
.brochure .topbar {position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);}
.brochure .kicker {font-size:10.5px;letter-spacing:.24em;color:var(--brand2);font-weight:800;}
.brochure h2 {font-size:27px;line-height:1.24;letter-spacing:-.3px;color:var(--ink);}
.brochure h1 {font-size:44px;line-height:1.16;letter-spacing:-.6px;color:var(--ink);}
.brochure .sub {font-size:12.5px;color:var(--dim);line-height:1.8;}
.brochure .bar {width:46px;height:3px;border-radius:2px;background:var(--grad);margin:12px 0 16px;}
.brochure .foot {position:absolute;left:56px;bottom:20px;font-size:9.5px;color:var(--muted);letter-spacing:.05em;}
.brochure .pgnum {position:absolute;right:56px;bottom:20px;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em;}
.brochure .wm {position:absolute;right:42px;top:18px;font-size:104px;font-weight:900;color:rgba(14,90,107,.05);line-height:1;letter-spacing:-5px;}
.brochure .row {display:flex;gap:12px;}
.brochure .row.g8 {gap:8px;}
.brochure .row.g10 {gap:10px;}
.brochure .row.g14 {gap:14px;}
.brochure .row.g18 {gap:18px;}
.brochure .col {flex:1;min-width:0;}
.brochure .mt6 {margin-top:6px;}
.brochure .mt8 {margin-top:8px;}
.brochure .mt10 {margin-top:10px;}
.brochure .mt12 {margin-top:12px;}
.brochure .mt14 {margin-top:14px;}
.brochure .mt16 {margin-top:16px;}
.brochure .mt18 {margin-top:18px;}
.brochure .mt22 {margin-top:22px;}
.brochure .card {background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px 15px;box-shadow:var(--shadow);}
.brochure .chart {background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 16px;box-shadow:var(--shadow);}
.brochure .ct {font-size:11.5px;font-weight:800;color:var(--ink);letter-spacing:.02em;}
.brochure .cs {font-size:9.5px;color:var(--muted);margin-top:3px;letter-spacing:.04em;}
.brochure /* 大数字 */
  .big {background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px 12px;text-align:center;box-shadow:var(--shadow);}
.brochure .big b {display:block;font-size:30px;line-height:1.06;font-weight:800;color:var(--brand);letter-spacing:-.6px;}
.brochure .big span {display:block;font-size:10px;color:var(--muted);margin-top:6px;}
.brochure .big.b2 b {color:var(--brand2);}
.brochure .big.b3 b {color:var(--brand3);}
.brochure .big.ac b {color:var(--accent);}
.brochure /* 图标 */
  .ic {width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.brochure .ic.s {width:17px;height:17px;stroke-width:1.8;}
.brochure .icb {width:38px;height:38px;border-radius:11px;background:rgba(18,150,196,.10);color:var(--brand2);
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.brochure .icb.dk {background:var(--brand);color:#fff;}
.brochure .icb.sm {width:30px;height:30px;border-radius:9px;}
.brochure .icb.sm .ic {width:16px;height:16px;}
.brochure /* 图标卡 */
  .fc {background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px 15px;box-shadow:var(--shadow);}
.brochure .fc h4 {font-size:13px;line-height:1.4;}
.brochure .fc p {font-size:10.5px;color:var(--dim);line-height:1.7;margin-top:5px;}
.brochure .dot {display:inline-block;width:15px;height:15px;border-radius:5px;}
.brochure .dot.on2 {background:var(--brand);}
.brochure .dot.on3 {background:var(--brand3);}
.brochure .dot.on4 {background:var(--accent);}
.brochure /* 表格 */
  table.tb {width:100%;border-collapse:collapse;font-size:10.5px;}
.brochure table.tb thead th {text-align:left;font-size:9px;letter-spacing:.1em;color:var(--brand);
    padding:0 7px 6px;border-bottom:1px solid var(--brand);font-weight:800;}
.brochure table.tb tbody td {padding:4.2px 7px;border-bottom:1px solid var(--line2);color:var(--dim);}
.brochure table.tb tbody tr:nth-child(even) td {background:#FAFCFE;}
.brochure table.tb td.nm {color:var(--ink);font-weight:700;}
.brochure table.tb td.pr {color:var(--brand);font-weight:800;text-align:right;font-variant-numeric:tabular-nums;}
.brochure table.tb th.r {text-align:right;}
.brochure /* 流程 */
  .flow {display:flex;}
.brochure .step {flex:1;background:var(--card);border:1px solid var(--line);padding:14px 12px;position:relative;box-shadow:var(--shadow);text-align:center;}
.brochure .step:first-child {border-radius:13px 0 0 13px;}
.brochure .step:last-child {border-radius:0 13px 13px 0;}
.brochure .step+.step {border-left:none;}
.brochure .step .icb {margin:0 auto 8px;}
.brochure .step h4 {font-size:12.5px;margin-bottom:4px;}
.brochure .step p {font-size:9.5px;color:var(--dim);line-height:1.6;}
.brochure .step .arw {position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:3;width:20px;height:20px;
    border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--brand2);}
.brochure /* 对照 */
  .cmp {display:flex;flex-direction:column;align-items:center;text-align:center;
    background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 12px;box-shadow:var(--shadow);}
.brochure .cmp .o {font-size:10.5px;color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(138,153,173,.55);}
.brochure .cmp .a {position:relative;color:var(--brand2);margin:3px 0;}
.brochure .cmp .n {font-size:12.5px;font-weight:800;color:var(--ink);}
.brochure .cmp .tg {font-size:9px;color:var(--muted);margin-top:5px;letter-spacing:.08em;font-weight:700;}
.brochure /* 人物 */
  .who {background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.brochure .who .hd {padding:13px 15px 11px;border-bottom:1px solid var(--line2);background:linear-gradient(180deg,#FBFDFE,#FFFFFF);
    display:flex;align-items:center;gap:11px;}
.brochure .who .hd h4 {font-size:14px;}
.brochure .who .hd .sf {font-size:10.5px;color:var(--accent);font-weight:700;margin-top:3px;}
.brochure .who .bd {padding:12px 15px 14px;}
.brochure .who .sc {padding:8px 10px;background:var(--soft);border-radius:9px;border-left:2px solid var(--brand2);
    font-size:10px;color:var(--dim);line-height:1.7;}
.brochure .who .sc b {color:var(--ink);}
.brochure pre {background:#F5F8FB;border:1px solid var(--line);border-radius:12px;padding:12px 14px;
    font-family:Consolas,Monaco,"Courier New",monospace;font-size:10px;line-height:1.6;color:#22364A;overflow:hidden;}
.brochure .cm {color:#93A5B8;}
.brochure .kw {color:#0B5A8A;font-weight:700;}
.brochure .st {color:#B4650F;}
.brochure .fn {color:#0E5A6B;font-weight:700;}
.brochure .hl {background:rgba(18,150,196,.10);border-left:2px solid var(--brand2);display:block;margin:0 -14px;padding:0 13px;}
.brochure .note {font-size:11px;color:var(--dim);border-left:2px solid var(--brand2);padding-left:11px;line-height:1.7;}
.brochure .note b {color:var(--ink);}
.brochure .lgd {display:flex;gap:12px;flex-wrap:wrap;}
.brochure .lgd i {display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;}
.brochure .lgd span {font-size:10px;color:var(--dim);display:flex;align-items:center;}

/* ===== 网页化改造：固定 960x540 卡片 → 自适应区块 ===== */
.brochure { max-width: 1120px; margin: 0 auto; padding: 6px 0 0; }
.brochure .page {
  position: relative; width: 100%; max-width: 1080px; height: auto; min-height: 540px;
  overflow: hidden; background: var(--bg); padding: 42px 48px 40px;
  margin: 0 auto 22px; border-radius: 16px; border: 1px solid var(--line);
  box-shadow: var(--shadow); page-break-after: auto; break-after: auto;
}
.brochure .page:last-child { margin-bottom: 0; }
/* 桌面端保留原绝对定位（页脚/页码贴卡片底边），内容自然撑高即可 */

@media (max-width: 900px) {
  .brochure .page { padding: 26px 20px 28px; border-radius: 13px; margin-bottom: 16px; min-height: 0; }
  .brochure h1 { font-size: 30px; }
  .brochure h2 { font-size: 21px; }
  .brochure .sub { font-size: 12px; }
  .brochure .wm { display: none; }
  .brochure .row { flex-wrap: wrap; }
  .brochure .row > * { min-width: 0; }
  /* 内联 flex:1 的等分卡片：窄屏按 130px 最小宽自动折行，避免被压成细条 */
  .brochure .row > div[style*="flex:1"] { flex: 1 1 130px !important; min-width: 0; }
  .brochure .row > div[style*="flex:2"] { flex: 1 1 260px !important; min-width: 0; }
  .brochure .row > div[style*="flex:0 0 calc(50%"] { flex: 1 1 100% !important; }
  .brochure .row > div[style*="flex:1"] > * { min-width: 0; }
  .brochure .row > div[style*="flex:1"] > div:last-child { word-break: break-word; }
  .brochure .row.g18 > *, .brochure .row.g14 > * { flex: 1 1 260px; }
  .brochure .flow { flex-wrap: wrap; }
  .brochure .step { flex: 1 1 160px; border-radius: 13px !important; border-left: 1px solid var(--line) !important; margin-bottom: 8px; }
  .brochure .step .arw { display: none; }
  .brochure table.tb { font-size: 9.5px; table-layout: fixed; word-break: break-word; }
  .brochure table.tb tbody td, .brochure table.tb thead th { padding: 3px 3px; }
  .brochure pre { font-size: 9px; padding: 10px 11px; }
  .brochure .page > svg { display: none; }
  .brochure .big b { font-size: 24px; }
  /* 窄屏：绝对定位的页脚/落款改为文档流，避免压字 */
  .brochure .foot, .brochure .pgnum { position: static; display: inline-block; }
  .brochure .foot { margin-top: 16px; margin-right: 10px; }
  .brochure .pgnum { margin-top: 6px; }
  .brochure .page > div[style*="position:absolute"] { position: static !important; margin-top: 14px; }
  .brochure .page > div[style*="position:absolute"] div { margin-bottom: 2px; }
}
@media (max-width: 560px) {
  /* 联系页：电话/邮箱/网址需要整行显示，改单列 */
  .brochure .page:last-child .row > div[style*="flex:1"] { flex: 1 1 100% !important; }
}
@media (max-width: 520px) {
  .brochure .page { padding: 20px 15px 22px; }
  .brochure h1 { font-size: 25px; }
  .brochure h2 { font-size: 18px; }
  .brochure table.tb { font-size: 8.6px; }
}