/* =====================================================
   Style: whitepaper — 白皮书 / 报告版
   适合：行业白皮书、求职/就业指南、结构化盘点、政策解读
   特征：浅色网格底 + 几何装饰（圆环/斜线/像素灯泡）+ 描边卡（米色标题条）+ 双栏 + 盒装页脚
   参考：匠人学院《澳洲就业求职白皮书》
   依赖：ebook.css
   ===================================================== */

:root {
  --wp-paper:    #fffdf9;
  --wp-grid:     #d7d2c6;
  --wp-ink:      #14233f;          /* 深藏蓝大标题 */
  --wp-tan:      #f5e8d2;          /* 米色卡头底 */
  --wp-tan-line: #c79a52;          /* 棕色描边 */
  --wp-blue:     #2f6db0;
  --wp-orange:   #e8983c;
}

/* —— 白底网格（封面 + 内页共用）—— */
.page.wp, .page.cover-wp { background: var(--wp-paper); }
.page.wp::before, .page.cover-wp::before {
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    linear-gradient(var(--wp-grid) 0.26mm, transparent 0.26mm),
    linear-gradient(90deg, var(--wp-grid) 0.26mm, transparent 0.26mm);
  background-size: 33mm 33mm;
}
.page.cover-wp::before { background-size: 26mm 26mm; }   /* 封面网格更密 */
.page.wp > *, .page.cover-wp > * { position: relative; z-index: 1; }

/* —— 几何装饰件（绝对定位，封面/内页点缀）—— */
.wp-ring { position: absolute; border-radius: 50%; z-index: 1; }
.wp-ring.b { border: 2.6mm solid var(--wp-blue); }
.wp-ring.o { border: 2.6mm solid var(--wp-orange); }
.wp-dot { position: absolute; border-radius: 50%; z-index: 1; }
.wp-diag { position: absolute; height: 0; border-top: 0.7mm solid var(--wp-ink); transform-origin: left center; z-index: 1; }
.wp-diag.o { border-top-color: var(--wp-orange); }
.wp-diag.b { border-top-color: var(--wp-blue); }
.wp-bulb { position: absolute; font-size: 22mm; line-height: 1; z-index: 5; filter: drop-shadow(0 1.2mm 1.8mm rgba(0,0,0,.2)); }

/* —— 封面 cover-wp —— */
.page.cover-wp { padding: 16mm 18mm; justify-content: center; align-items: stretch; }
.wp-corner {
  position: absolute; font-family: var(--jr-font-mono); font-size: 12.5pt; font-weight: 500;
  color: var(--wp-ink); letter-spacing: .02em; z-index: 2;
}
.wp-corner.tl { top: 15mm; left: 38mm; }
.wp-corner.bl { bottom: 14mm; left: 18mm; }
.wp-corner.br { bottom: 44mm; right: 18mm; color: var(--jr-neutral-600); }

.wp-logo-box {
  align-self: center; background: #fff; border: 0.7mm solid var(--wp-ink);
  box-shadow: 3.2mm 3.2mm 0 var(--wp-tan); padding: 7mm 22mm; margin-bottom: 9mm; z-index: 2;
}
.wp-logo-box img { height: 18mm; display: block; }

.wp-cover-card {
  align-self: center; background: #fff; border: 0.7mm solid var(--wp-ink);
  box-shadow: 5mm 5mm 0 #f7ecd8, 9mm 9mm 0 #f6dcb8;
  width: 168mm; max-width: 168mm; min-height: 122mm; z-index: 2;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7mm; padding: 18mm 14mm;
}
.wp-cover-title {
  font-size: 84pt; font-weight: var(--jr-fw-bold); line-height: 1.06;
  color: var(--wp-ink); text-align: center; letter-spacing: .01em;
}
.wp-cover-sub {
  font-family: var(--jr-font-mono); font-size: 12.5pt; color: var(--jr-neutral-600);
  text-align: center; letter-spacing: .03em; line-height: 1.5;
  border-top: 0.4mm solid var(--wp-tan-line); padding-top: 5mm; max-width: 120mm;
}

.wp-search {
  align-self: center; display: inline-flex; align-items: center; gap: 3mm;
  border: 0.5mm solid var(--wp-ink); border-radius: var(--jr-radius-full);
  padding: 3.2mm 9mm; margin-top: 11mm; z-index: 2;
  font-family: var(--jr-font-mono); font-size: 12.5pt; color: var(--wp-ink); background: var(--wp-paper);
}

/* 封面定位元素：强制 absolute（盖过 .page.cover-wp > * 的 relative 提权）*/
.page.cover-wp .wp-corner,
.page.cover-wp .wp-bulb,
.page.cover-wp .wp-ring,
.page.cover-wp .wp-dot,
.page.cover-wp .wp-diag { position: absolute; }
.page.cover-wp .wp-bulb { z-index: 6; }       /* 灯泡叠在标题卡之上 */
.page.cover-wp .wp-corner { z-index: 6; }     /* 角标始终可见 */

/* —— 内页大标题 —— */
.page.wp .wp-h {
  font-size: 18pt; font-weight: var(--jr-fw-bold); color: var(--wp-ink);
  margin-bottom: 6mm; padding-bottom: 0;
}

/* —— 双栏 —— */
.wp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; align-content: start; }
.wp-grid.one { grid-template-columns: 1fr; }

/* —— 描边卡（米色标题条 + 正文）—— */
.wp-card {
  border: 0.4mm solid var(--wp-tan-line);
  background: #fff;
  display: flex; flex-direction: column;
}
.wp-card-head {
  background: var(--wp-tan); border-top: 1.2mm solid var(--wp-tan-line);
  border-bottom: 0.4mm solid var(--wp-tan-line);
  padding: 2.6mm 4mm; text-align: center;
  font-size: 11.5pt; font-weight: var(--jr-fw-bold); color: var(--wp-ink);
}
.wp-card-body { padding: 4mm 4.5mm; }
.wp-card-body p { font-size: 9.5pt; line-height: 1.62; }
.wp-card-body p + p { margin-top: 2.5mm; }
.wp-card-body .lead { font-weight: var(--jr-fw-semibold); color: var(--wp-ink); }
.wp-kv { font-size: 9pt; color: var(--jr-neutral-600); margin-top: 1.5mm; }
.wp-kv b { color: var(--wp-ink); font-weight: var(--jr-fw-semibold); }

/* —— 盒装页脚（页码实心盒 + 书名描边盒）—— */
.page.wp .wp-footer {
  position: absolute; left: 16mm; right: 16mm; bottom: 12mm; z-index: 4;
  display: flex; justify-content: space-between; align-items: center;
}
.wp-pageno {
  background: var(--wp-ink); color: #fff; font-weight: var(--jr-fw-bold);
  font-size: 10pt; padding: 1.8mm 4mm; font-variant-numeric: tabular-nums;
}
.wp-booktitle {
  border: 0.4mm solid var(--wp-ink); color: var(--wp-ink);
  font-size: 9pt; padding: 1.8mm 4mm;
}

/* —— 内页背景装饰层（垫在内容下方，填满空白，V2 散落方框/圆环/纸张/色块）—— */
.page.wp .wp-bg { position: absolute; z-index: 0; pointer-events: none; }
.wp-bg.blob { border-radius: 50%; opacity: .55; }
.wp-bg.sq   { border: 0.7mm solid var(--wp-ink); }
.wp-bg.sq.o { border-color: var(--wp-orange); }
.wp-bg.sq.fill { background: var(--wp-tan); border: none; }
.wp-bg.ring { border-radius: 50%; border-style: solid; }
.wp-bg.ring.b { border-color: var(--wp-blue); }
.wp-bg.ring.o { border-color: var(--wp-orange); }
.wp-bg.diag { height: 0; border-top: 0.7mm solid var(--wp-ink); transform-origin: left center; }
.wp-bg.diag.o { border-top-color: var(--wp-orange); }
/* 纸张/文件图标（描边小卡 + 折角 + 内部横线）*/
.wp-bg.doc {
  width: 17mm; height: 22mm; background: #fff; border: 0.5mm solid var(--wp-ink);
  background-image: linear-gradient(var(--wp-ink) 0.2mm, transparent 0.2mm);
  background-size: 100% 3mm; background-origin: content-box; background-clip: content-box;
  padding: 6mm 3mm 4mm; background-repeat: repeat-y;
}
.wp-bg.doc::after {
  content: ''; position: absolute; top: 0; right: 0;
  border-width: 0 0 3mm 3mm; border-style: solid; border-color: transparent transparent var(--wp-tan) var(--wp-tan);
}

/* —— 居中描边标题带（V2 章节大标题，页 9「社交网络的利用」）—— */
.wp-band {
  border: 0.5mm solid var(--wp-ink); background: #fff;
  box-shadow: 3mm 3mm 0 var(--wp-tan);
  padding: 3.5mm 5mm; text-align: center; margin-bottom: 7mm;
  font-size: 15pt; font-weight: var(--jr-fw-bold); color: var(--wp-ink);
}

/* —— Stat 网格（大号珊瑚红数字 + 标签，V2 页 2「关于」）—— */
.wp-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8mm 5mm; }
.wp-stat .num {
  font-size: 27pt; font-weight: var(--jr-fw-bold); color: var(--jr-red);
  line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.wp-stat .lbl { font-size: 10pt; color: var(--jr-neutral-600); margin-top: 2.2mm; }

/* —— 软圆角卡 + 彩色圆形图标（V2 页 3「提供什么」）—— */
.wp-icard {
  position: relative; background: #fff; border-radius: 5mm;
  box-shadow: 0 1.5mm 5mm rgba(20,35,63,.08); padding: 6mm 7mm; padding-right: 24mm;
}
.wp-icard + .wp-icard { margin-top: 5mm; }
.wp-icard h3 { color: var(--wp-ink); font-size: 12.5pt; margin-bottom: 2.5mm; }
.wp-icard p, .wp-icard li { font-size: 9.5pt; line-height: 1.6; }
.wp-icard-ico {
  position: absolute; top: 5.5mm; right: 6mm;
  width: 15mm; height: 15mm; border-radius: 50%;
  display: grid; place-items: center; font-size: 8mm; line-height: 1;
  box-shadow: 0 1.5mm 4mm rgba(20,35,63,.18);
}
.wp-icard-ico.blue   { background: #2f6db0; }
.wp-icard-ico.pink   { background: #ef5a8c; }
.wp-icard-ico.purple { background: #8b5cf6; }
.wp-icard-ico.orange { background: var(--wp-orange); }

/* —— 浏览器窗口卡 / 章节分隔（V2 页 4 + 网站推荐页 6/8）—— */
.wp-browser {
  background: #fff; border: 0.5mm solid var(--wp-ink);
  box-shadow: 4mm 4mm 0 var(--wp-tan);
}
.wp-browser-bar {
  background: var(--wp-ink); display: flex; align-items: center; gap: 2.4mm;
  padding: 2.6mm 4mm;
}
.wp-browser-bar i { width: 2.4mm; height: 2.4mm; border-radius: 50%; background: rgba(255,255,255,.6); }
.wp-browser-body { padding: 7mm 8mm; }
.wp-browser-body h2 { font-size: 20pt; color: var(--wp-ink); line-height: 1.2; }
.wp-browser-body p { font-size: 10pt; color: var(--jr-neutral-600); margin-top: 3mm; }

/* —— 网站推荐卡（logo 片 + 标题条 + 内嵌窗口 + URL 药丸，V2 页 6/8）—— */
.wp-site { border: 0.4mm solid var(--wp-tan-line); background: #fff; display: flex; flex-direction: column; }
.wp-site-head {
  display: flex; align-items: center; gap: 3mm; padding: 2.8mm 3.5mm;
  border-bottom: 1.2mm solid var(--wp-tan-line);
  font-size: 11pt; font-weight: var(--jr-fw-bold); color: var(--wp-ink);
}
.wp-site-head .lg { width: 10mm; height: 10mm; flex: none; border-radius: 1.5mm; object-fit: contain; background: #fff; }
.wp-win { margin: 3.5mm; border: 0.4mm solid var(--wp-tan-line); }
.wp-win-bar { background: var(--wp-tan); text-align: right; padding: 1mm 2.5mm; font-size: 7pt; color: var(--jr-neutral-600); letter-spacing: .15em; }
.wp-win-body { padding: 3.5mm 4mm; }
.wp-win-body p { font-size: 9pt; line-height: 1.55; }
.wp-url {
  display: inline-block; margin: 0 4mm 4mm;
  border: 0.4mm solid var(--wp-tan-line); background: #faf2e2;
  padding: 1.4mm 3.5mm; border-radius: 1mm;
  font-family: var(--jr-font-mono); font-size: 8pt; color: var(--wp-ink);
}

/* —— 长文叙述版式（深度解读型电子书）—— */
.wp-prose p { font-size: 10.5pt; line-height: 1.78; color: var(--jr-neutral-900); margin-bottom: 3.5mm; }
.wp-prose p:last-child { margin-bottom: 0; }
.wp-prose .lead-para {
  font-size: 12pt; line-height: 1.7; color: var(--wp-ink); font-weight: var(--jr-fw-medium);
  border-left: 1mm solid var(--wp-orange); padding-left: 5mm; margin-bottom: 6mm;
}
.wp-prose strong, .wp-prose b { color: var(--wp-ink); font-weight: var(--jr-fw-semibold); }
.wp-h3 {
  font-size: 12.5pt; font-weight: var(--jr-fw-bold); color: var(--wp-ink);
  margin: 6mm 0 3mm; padding-left: 3mm; border-left: 1.2mm solid var(--jr-red);
}
.wp-h3:first-child { margin-top: 0; }
/* 章节眉（页眉小标：第 N 章 + 章名）*/
.wp-kicker {
  font-family: var(--jr-font-mono); font-size: 9pt; letter-spacing: .08em;
  color: var(--jr-red-text); margin-bottom: 1.5mm;
}
/* 要点盒：如何准备 / 需要什么 —— 用米色描边卡变体，带小标签 */
.wp-prep {
  border: 0.4mm solid var(--wp-tan-line); background: #fffaf0; border-radius: 0;
  padding: 4mm 5mm; margin-top: 4mm;
}
.wp-prep .tag {
  display: inline-block; background: var(--wp-ink); color: #fff;
  font-size: 8.5pt; font-weight: var(--jr-fw-bold); padding: 1mm 3mm; margin-bottom: 2.5mm;
}
.wp-prep ul { padding-left: 5mm; margin: 0; }
.wp-prep li { font-size: 9.5pt; line-height: 1.6; margin-bottom: 1.5mm; }
.wp-prep li:last-child { margin-bottom: 0; }
.wp-prep li b { color: var(--wp-ink); }

/* —— 紧凑清单表格（机会盘点，一页 9-10 行）—— */
.wp-table { width: 100%; border-collapse: collapse; font-size: 8.3pt; line-height: 1.4; }
.wp-table th {
  background: var(--wp-tan); border: 0.3mm solid var(--wp-tan-line);
  padding: 2mm 2.4mm; text-align: left; color: var(--wp-ink);
  font-weight: var(--jr-fw-bold); font-size: 8.5pt;
}
.wp-table td {
  border: 0.3mm solid var(--wp-tan-line); padding: 2.2mm 2.4mm;
  vertical-align: top; color: var(--jr-neutral-900);
}
.wp-table tr:nth-child(even) td { background: #fffaf0; }
.wp-table .nm { font-weight: var(--jr-fw-semibold); color: var(--wp-ink); }
.wp-table .org { display: block; color: var(--jr-neutral-600); font-size: 7.3pt; margin-top: .6mm; }
.wp-table .pz { color: var(--jr-red-text); font-weight: var(--jr-fw-semibold); }
.wp-table .dl { white-space: nowrap; font-variant-numeric: tabular-nums; }
.wp-table .lk {
  display: block; color: var(--wp-blue); font-family: var(--jr-font-mono);
  font-size: 6.8pt; margin-top: 1mm; line-height: 1.25; word-break: break-all;
}
.wp-table .lk::before { content: "↪ "; color: var(--wp-orange); }

/* —— whitepaper 版联系横条：跟白底网格调和（米色描边 + offset 阴影）—— */
.page.wp .contact-bar, .page.cover-wp .contact-bar {
  background: #fff; border: 0.5mm solid var(--wp-ink);
  box-shadow: 2.4mm 2.4mm 0 var(--wp-tan); border-radius: 0;
}
.page.wp .contact-bar .cb-title { color: var(--wp-ink); }

/* —— 🔒 创业营内部专享锁：免费版给框架，操作层（链接/模板/活更新）锁起来引导加群 —— */
.wp-lock {
  position: relative; border: 0.7mm solid var(--wp-ink); border-radius: 0;
  background: #fff; box-shadow: 4mm 4mm 0 #f6dcb8;
  padding: 5mm 5.5mm; margin-top: 5mm; overflow: hidden;
}
.wp-lock::after {
  content: "🔒"; position: absolute; right: 4mm; top: 3mm;
  font-size: 16pt; opacity: .18;
}
.wp-lock-badge {
  display: inline-flex; align-items: center; gap: 1.4mm;
  background: var(--wp-ink); color: #fff; font-family: var(--jr-font-mono);
  font-size: 8pt; font-weight: var(--jr-fw-bold); letter-spacing: .04em;
  padding: 1mm 3mm; margin-bottom: 3mm;
}
.wp-lock-title {
  font-family: var(--jr-font-heading); font-size: 13pt; font-weight: 800;
  color: var(--wp-ink); margin: 0 0 1.5mm;
}
.wp-lock-sub { font-size: 9pt; color: var(--jr-neutral-600); margin: 0 0 3mm; line-height: 1.6; }
.wp-lock-list { list-style: none; margin: 0; padding: 0; }
.wp-lock-list li {
  position: relative; padding-left: 6.5mm; font-size: 9.5pt; line-height: 1.65;
  color: #2a2a2a; margin-bottom: 1.8mm;
}
.wp-lock-list li:last-child { margin-bottom: 0; }
.wp-lock-list li::before {
  content: "🔒"; position: absolute; left: 0; top: .2mm; font-size: 8pt; opacity: .85;
}
.wp-lock-list li b { color: var(--wp-ink); }
.wp-lock-cta {
  margin-top: 4mm; padding-top: 3mm; border-top: 0.3mm dashed var(--wp-tan-line);
  font-size: 9.5pt; font-weight: var(--jr-fw-bold); color: var(--wp-orange);
}
.wp-lock-cta b { color: var(--wp-ink); }
/* 行内"内部专享"小角标，给附录表/正文用 */
.wp-inq {
  display: inline-block; background: var(--wp-ink); color: #fff;
  font-family: var(--jr-font-mono); font-size: 7pt; font-weight: var(--jr-fw-bold);
  padding: .3mm 1.6mm; vertical-align: middle; letter-spacing: .03em;
}

/* —— 小广告条：内页底部插的横幅广告位（"更全资料 → 加微信领"钩子）—— */
.wp-adbar {
  display: flex; align-items: center; gap: 4mm;
  border: 0.5mm solid var(--wp-ink); background: var(--wp-tan);
  box-shadow: 2.4mm 2.4mm 0 var(--wp-ink); border-radius: 0;
  padding: 3mm 4mm; margin-top: 5mm;
}
.wp-adbar.o { box-shadow: 2.4mm 2.4mm 0 var(--wp-orange); }
.wp-adbar .ico { font-size: 15pt; flex-shrink: 0; line-height: 1; }
.wp-adbar .txt { flex: 1; }
.wp-adbar .txt b { display: block; font-size: 9.8pt; color: var(--wp-ink); font-weight: 800; margin-bottom: .6mm; }
.wp-adbar .txt span { font-size: 8.5pt; color: var(--jr-neutral-700); line-height: 1.45; }
.wp-adbar .pill {
  flex-shrink: 0; background: var(--wp-ink); color: #fff;
  font-family: var(--jr-font-mono); font-size: 8.5pt; font-weight: var(--jr-fw-bold);
  padding: 2.2mm 3.6mm; white-space: nowrap; letter-spacing: .02em; text-align: center; line-height: 1.3;
}
.wp-adbar.o .pill { background: var(--wp-orange); }
/* 广告条内嵌真二维码（扫码即加 Rain）—— 替代纯文字药丸 */
.wp-adbar .qrbox { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 1mm; }
.wp-adbar .qrbox img {
  width: 16mm; height: 16mm; display: block;
  border: 0.4mm solid var(--wp-ink); background: #fff; padding: 0.6mm;
}
.wp-adbar .qrbox .cap {
  font-family: var(--jr-font-mono); font-size: 6.6pt; font-weight: var(--jr-fw-bold);
  color: var(--wp-ink); white-space: nowrap; letter-spacing: .01em;
}
.wp-adbar.o .qrbox .cap { color: var(--wp-orange); }