/* ============================================================
   biaozhunyuan.css — 标准员 规范书架/条文卡片 概念
   ============================================================ */

/* Hero */
.bz-hero { position:relative; padding:96px 0 88px; overflow:hidden; }
.bz-hero-num { position:absolute; right:-30px; top:-40px; font-size:260px; color:rgba(246,241,231,.07); line-height:1; pointer-events:none; }
.bz-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.bz-hero-text { color:var(--paper-100); }
.bz-hero-text h1 { font-family:var(--font-serif); font-size:clamp(34px,4.6vw,56px); line-height:1.15; margin:22px 0 18px; color:var(--paper-100); }
.bz-hero-text h1 i { font-style:normal; color:var(--stitch); }
.bz-hero-text p { font-size:17px; line-height:1.85; color:var(--paper-300); margin-bottom:30px; }
.bz-hero-cta { display:flex; flex-wrap:wrap; gap:12px; }
.bz-hero-outline { color:var(--paper-100); border-color:var(--paper-300); }
.bz-hero-outline:hover { background:var(--paper-100); color:var(--denim-900); }
.bz-hero-pic img { display:block; width:100%; height:auto; }

/* 书堆三列 */
.bz-books { padding:88px 0; }
.bz-books-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:40px; }
.bz-book {
  background:var(--paper-100); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:30px 24px 26px; box-shadow:var(--shadow-sm); position:relative;
  border-top:6px solid var(--brown-700);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.bz-book:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); }
.bz-book-spine {
  display:inline-block; background:var(--brown-900); color:var(--stitch);
  font-family:var(--font-serif); font-size:13px; letter-spacing:.15em;
  padding:5px 12px; border-radius:2px; margin-bottom:14px;
}
.bz-book h3 { font-size:17px; color:var(--brown-900); margin-bottom:10px; line-height:1.5; }
.bz-book p { font-size:13.5px; color:var(--ink-soft); line-height:1.75; }

/* 书签条件 */
.bz-marker { padding:88px 0; }
.bz-marker-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start; }
.bz-marker-head h2 { font-family:var(--font-serif); font-size:clamp(26px,3vw,36px); margin:16px 0 14px; color:var(--brown-900); }
.bz-marker-head h2 em { color:var(--rust); font-style:normal; }
.bz-marker-head p { color:var(--ink-soft); line-height:1.8; margin-bottom:22px; }
.bz-marker-list { list-style:none; margin:0; padding:0; }
.bz-marker-list li {
  display:flex; gap:16px; align-items:flex-start;
  background:var(--paper-200); border-radius:var(--r-sm);
  padding:16px 18px; margin-bottom:12px; border-left:5px solid var(--rust);
}
.bz-marker-flag {
  flex:0 0 0; width:0; height:0;
  border-top:8px solid transparent; border-bottom:8px solid transparent;
  border-left:14px solid var(--rust); margin-top:4px;
}
.bz-marker-list b { color:var(--brown-900); font-size:15px; }
.bz-marker-list p { margin:4px 0 0; color:var(--ink-soft); font-size:13.5px; line-height:1.7; }

/* 三层书架科目 */
.bz-shelf { padding:88px 0; }
.bz-shelf-rows { max-width:780px; margin:40px auto 0; display:grid; gap:16px; }
.bz-shelf-row {
  display:grid; grid-template-columns:120px 1fr; gap:20px; align-items:center;
  background:var(--paper-100); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:22px 24px; box-shadow:var(--shadow-sm);
  border-bottom:5px solid var(--denim-700);
}
.bz-shelf-level {
  font-family:var(--font-serif); font-size:14px; color:var(--denim-800);
  letter-spacing:.1em; padding:6px 10px; background:var(--paper-200);
  border-radius:2px; text-align:center;
}
.bz-shelf-row h3 { font-size:17px; color:var(--brown-900); margin-bottom:6px; }
.bz-shelf-row p { font-size:14px; color:var(--ink-soft); line-height:1.75; }
.bz-shelf-more { text-align:center; margin-top:32px; }

/* 阅读进度 */
.bz-read { padding:80px 0; color:var(--paper-100); }
.bz-read .sec-head h2 { color:var(--paper-100); }
.bz-read-list { max-width:720px; margin:36px auto 0; display:grid; gap:22px; }
.bz-read-head { display:flex; justify-content:space-between; font-size:14px; color:var(--paper-200); margin-bottom:8px; }
.bz-read-head span:last-child { color:var(--stitch); font-family:var(--font-serif); }
.bz-read-bar {
  height:10px; background:rgba(246,241,231,.12); border-radius:5px; overflow:hidden;
}
.bz-read-bar i {
  display:block; height:100%; background:linear-gradient(90deg, var(--stitch), var(--rust));
  border-radius:5px;
}
.bz-read-item p { font-size:13.5px; color:var(--paper-300); margin-top:8px; line-height:1.7; }
.bz-read-more { text-align:center; margin-top:28px; }

/* 便签误区 */
.bz-sticky { padding:88px 0; }
.bz-sticky-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:40px; }
.bz-sticky-card {
  background:var(--paper-200); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:26px 22px 22px; box-shadow:var(--shadow-sm); position:relative;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.bz-sticky-card::before {
  content:""; position:absolute; top:0; left:20px; width:60px; height:10px;
  background:rgba(180,112,74,.3); transform:rotate(-2deg);
}
.bz-sticky-card:hover { transform:translateY(-4px) rotate(-.5deg); box-shadow:var(--shadow-md); }
.bz-sticky-tag {
  display:inline-block; background:var(--paper-100); color:var(--rust);
  font-size:12px; letter-spacing:.1em; padding:3px 10px; border-radius:2px;
  border:1px solid var(--line); margin-bottom:12px;
}
.bz-sticky-card h3 { font-size:16px; color:var(--brown-900); margin-bottom:8px; }
.bz-sticky-card p { font-size:14px; color:var(--ink-soft); line-height:1.75; }

/* CTA */
.bz-cta { padding:80px 0; }
.bz-cta-inner { display:grid; grid-template-columns:1.3fr .7fr; gap:40px; align-items:center; }
.bz-cta-inner h2 { font-family:var(--font-serif); font-size:clamp(24px,3vw,34px); color:var(--brown-900); margin:14px 0 14px; }
.bz-cta-inner p { color:var(--ink-soft); line-height:1.85; margin-bottom:16px; }
.bz-cta-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.bz-cta-links a {
  font-size:13px; padding:6px 12px; border:1px solid var(--line); border-radius:2px;
  color:var(--denim-800); background:var(--paper-100); transition:all .25s var(--ease);
}
.bz-cta-links a:hover { background:var(--denim-800); color:var(--paper-100); }
.bz-cta-btns { display:flex; flex-direction:column; gap:10px; }

@media (max-width:1080px) {
  .bz-hero-grid, .bz-marker-grid, .bz-cta-inner { grid-template-columns:1fr; gap:32px; }
  .bz-books-grid { grid-template-columns:1fr; }
  .bz-shelf-row { grid-template-columns:1fr; gap:10px; }
}
@media (max-width:640px) {
  .bz-sticky-grid { grid-template-columns:1fr; }
  .bz-hero { padding:64px 0; }
}

/* --- shared inline-style replacements --- */
.kicker--light { color: var(--stitch) !important; }
.em-light { color: var(--stitch) !important; font-style: normal; }
.cta-note-link { color: var(--stitch) !important; text-decoration: underline; }
.bz-read-fill { display:block; height:100%; background:linear-gradient(90deg, var(--stitch), var(--rust)); border-radius:5px; }
.bz-read-fill--40 { width:40%; }
.bz-read-fill--70 { width:70%; }
.bz-read-fill--100 { width:100%; }