/* V2.2 only. The ambient field spans the entire hero, never a cropped artwork box. */
body.home .home2-hero[data-drp-revision="v2.2"][data-hero-variant="book"] {
  background:radial-gradient(ellipse at 84% 37%,#15527b88 0%,transparent 61%),linear-gradient(116deg,#0d2440 0%,#123451 56%,#0a2c4d 100%);
}
body.home .home2-hero[data-drp-revision="v2.2"][data-hero-variant="book"]::before {
  inset:-20%; background:linear-gradient(115deg,transparent 23%,#94dcff06 42%,#9ddfff12 48%,#6bb8ed04 56%,transparent 72%); opacity:.7;
  animation:drp-v22-ambient 18s ease-in-out infinite; animation-play-state:paused;
}
body.home .home2-hero[data-drp-revision="v2.2"][data-drp-optics-state="running"]::before { animation-play-state:running; }
@keyframes drp-v22-ambient { 0%,100% { transform:translateX(-5%); opacity:.3; } 45% { transform:translateX(7%); opacity:.85; } }
.home2-book--v22 { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; }
.home2-book--v22 .home2-book-copy { display:grid; grid-template-columns:176px minmax(0,1fr); align-items:center; column-gap:30px; max-width:none; }
.drp-v22-volume { display:block; position:relative; margin-top:24px; color:var(--drp-light); text-decoration:none; }
.drp-v22-volume::before { content:""; position:absolute; inset:-14% -24%; background:radial-gradient(ellipse,#73bdff13,transparent 68%); pointer-events:none; }
.drp-v22-volume .drp-book-art { mix-blend-mode:normal; filter:drop-shadow(10px 20px 20px #03172b66); }
.drp-v22-volume > span { display:flex; align-items:center; gap:8px; margin-top:19px; font-size:12px; justify-content:center; }
.drp-v22-volume:focus-visible { outline:2px solid var(--drp-light); outline-offset:6px; }
.drp-v22-kicker { display:flex; align-items:center; gap:18px; margin:0 0 28px; color:var(--drp-light); }
.drp-v22-kicker > span:first-child { font:300 40px/1 var(--ztc-font-sans,sans-serif); letter-spacing:-.05em; }
.drp-v22-kicker > span:last-child { padding-left:15px; border-left:1px solid #a4ddf944; font-size:10px; line-height:1.7; letter-spacing:.12em; }
.home2-book--v22 h2 .drp-v2-headline { font-size:clamp(40px,3.25vw,52px); line-height:1.3; letter-spacing:.035em; }
.home2-book--v22 h2 .drp-v2-headline > span { margin:0; display:block; }
.home2-book--v22 .drp-v2-intro { margin:24px 0 0; font-size:14px; line-height:1.85; }
.drp-v22-term { white-space:nowrap; }
.drp-v22-booknote { display:flex; flex-direction:column; gap:7px; margin:24px 0 0; font-size:11px; letter-spacing:.04em; color:var(--drp-muted); }
.drp-v22-booknote > span:first-child { color:var(--drp-light); }
.home2-book--v22 .home-drp-actions { margin-top:24px; }
.home2-book--v22 .home-drp-enter { gap:22px; font-size:13px; }
.home2-book--v22 .home-drp-enter i { width:38px; height:38px; }
.home2-book--v22 .home2-book-visual { --drp-scene-size:880px; --drp-scene-left:-208px; --drp-scene-top:-128px; height:570px; }
.home2-book--v22 .home2-book-visual::before { display:none; }
.home2-book--v22 .home-drp-scene { opacity:.89; filter:saturate(.82) brightness(1.04); }
.drp-v22-optics { position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; overflow:hidden; opacity:0; mask-image:linear-gradient(90deg,transparent 20%,#000 48%); }
[data-drp-optics-state="static"] .drp-v22-optics { display:none; }
@media(hover:hover) { .drp-v22-volume:hover > span { color:var(--drp-paper); } }
@media(max-width:1200px) and (min-width:901px) {
  .home2-book--v22 .home2-book-copy { grid-template-columns:140px minmax(0,1fr); gap:22px; }
  .home2-book--v22 h2 .drp-v2-headline { font-size:40px; }
  .home2-book--v22 .home2-book-visual { --drp-scene-size:740px; --drp-scene-left:-150px; --drp-scene-top:-70px; }
  .home2-book--v22 .drp-v2-intro { font-size:13px; }
}
@media(max-width:900px) and (min-width:641px) {
  .home2-book--v22 { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
  .home2-book--v22 .home2-book-copy { grid-template-columns:112px minmax(0,1fr); gap:20px; }
  .drp-v22-kicker { gap:10px; margin-bottom:22px; }
  .drp-v22-kicker > span:first-child { font-size:32px; }
  .drp-v22-kicker > span:last-child { padding-left:9px; font-size:9px; }
  .home2-book--v22 h2 .drp-v2-headline { font-size:34px; }
  .home2-book--v22 .drp-v2-intro { font-size:12px; margin-top:18px; }
  .drp-v22-booknote { margin-top:18px; font-size:10px; }
  .home2-book--v22 .home-drp-actions { margin-top:18px; }
  .home2-book--v22 .home-drp-enter { font-size:12px; gap:12px; }
  .home2-book--v22 .home2-book-visual { --drp-scene-size:560px; --drp-scene-left:-160px; --drp-scene-top:0px; height:480px; }
}
@media(max-width:730px) and (min-width:641px) {
  .home2-book--v22 .home2-book-copy { grid-template-columns:92px minmax(0,1fr); gap:15px; }
  .home2-book--v22 h2 .drp-v2-headline { font-size:30px; }
  .home2-book--v22 .home2-book-visual { --drp-scene-size:480px; --drp-scene-left:-150px; --drp-scene-top:30px; }
}
@media(max-width:640px) {
  .home2-book--v22 { grid-template-columns:minmax(0,1fr); gap:0; }
  .home2-book--v22 .home2-book-copy { display:grid; grid-template-columns:108px minmax(0,1fr); gap:24px; }
  .drp-v22-volume { margin-top:38px; }
  .drp-v22-volume > span { margin-top:13px; font-size:10px; gap:4px; }
  .drp-v22-kicker { gap:12px; margin:0 0 18px; }
  .drp-v22-kicker > span:first-child { font-size:30px; }
  .drp-v22-kicker > span:last-child { font-size:9px; padding-left:10px; }
  .home2-book--v22 h2 .drp-v2-headline { font-size:34px; line-height:1.28; }
  .home2-book--v22 h2 .drp-v2-headline > span { margin:0; display:block; }
  .home2-book--v22 .drp-v2-intro { font-size:12px; line-height:1.8; margin-top:17px; text-wrap:wrap; }
  .home2-book--v22 .drp-v2-intro br { display:none; }
  .drp-v22-booknote { margin-top:17px; font-size:10px; gap:5px; }
  .home2-book--v22 .home-drp-actions { margin-top:13px; }
  .home2-book--v22 .home-drp-enter { font-size:12px; gap:13px; }
  .home2-book--v22 .home-drp-enter i { width:30px; height:30px; }
  .home2-book--v22 .home2-book-visual { grid-row:2; --drp-scene-size:500px; --drp-scene-left:calc(50% - 250px); --drp-scene-top:-70px; height:310px; margin-top:14px; }
  .drp-v22-optics { mask-image:linear-gradient(180deg,transparent 28%,#000 53%); }
}
@media(max-width:360px) {
  .home2-book--v22 .home2-book-copy { grid-template-columns:88px minmax(0,1fr); gap:18px; }
  .drp-v22-kicker { gap:8px; }
  .drp-v22-kicker > span:first-child { font-size:26px; }
  .drp-v22-kicker > span:last-child { font-size:8px; padding-left:8px; }
  .home2-book--v22 h2 .drp-v2-headline { font-size:30px; }
  .home2-book--v22 .home2-book-visual { --drp-scene-size:410px; --drp-scene-left:calc(50% - 205px); --drp-scene-top:-40px; height:270px; }
}
@media(prefers-reduced-motion:reduce) {
  body.home .home2-hero[data-drp-revision="v2.2"]::before { animation:none; }
  .drp-v22-optics { display:none; }
}

/* V2.2 refinement: one editorial heading, then book + reading invitation. */
.home2-book--v22 .home2-book-copy { display:block; padding-left:0; }
.drp-v22-heading { margin-bottom:30px; }
.drp-v22-heading .drp-v22-kicker { margin-bottom:20px; gap:18px; }
.drp-v22-heading .drp-v22-kicker > span:first-child { font-size:30px; }
.home2-book--v22 h2 .drp-v2-headline { font-size:clamp(46px,4.25vw,64px); line-height:1.16; letter-spacing:.04em; }
.drp-v22-reading { display:grid; grid-template-columns:176px minmax(0,1fr); gap:30px; align-items:center; }
.drp-v22-reading .drp-v22-volume { margin:0; }
.drp-v22-reading .drp-v22-booknote { margin:0; gap:10px; font-size:12px; }
.drp-v22-reading .drp-v22-booknote > span:first-child { font-size:15px; letter-spacing:.08em; }
.drp-v22-reading .drp-v2-intro { margin:24px 0 0; font-size:14px; line-height:1.9; }
.drp-v22-reading .home-drp-actions { margin-top:24px; }
.drp-v22-read { display:inline-flex; align-items:center; gap:10px; margin-top:18px; font-size:11px; color:var(--drp-muted); text-decoration:none; }
.drp-v22-read:hover { color:var(--drp-paper); }
.drp-v22-read:focus-visible { outline:2px solid var(--drp-light); outline-offset:5px; }
@media(min-width:901px) and (max-width:1200px) {
 .drp-v22-reading { grid-template-columns:145px minmax(0,1fr); gap:24px; }
 .drp-v22-reading .drp-v2-intro { font-size:13px; }
 .drp-v22-reading .drp-v22-booknote > span:first-child { font-size:13px; }
}
@media(min-width:641px) and (max-width:900px) {
 .home2-book--v22 h2 .drp-v2-headline { font-size:44px; }
 .drp-v22-heading { margin-bottom:26px; }
 .drp-v22-reading { grid-template-columns:105px minmax(0,1fr); gap:20px; }
 .drp-v22-reading .drp-v22-booknote { font-size:10px; gap:7px; }
 .drp-v22-reading .drp-v22-booknote > span:first-child { font-size:12px; letter-spacing:0; }
 .drp-v22-reading .drp-v2-intro { font-size:12px; margin-top:16px; }
 .drp-v22-reading .drp-v2-intro br { display:none; }
 .drp-v22-reading .home-drp-actions { margin-top:16px; }
 .drp-v22-read { font-size:10px; margin-top:12px; }
}
@media(max-width:640px) {
 .home2-book--v22 .home2-book-copy { display:block; }
 .drp-v22-heading { margin-bottom:24px; }
 .drp-v22-heading .drp-v22-kicker { margin-bottom:16px; }
 .drp-v22-heading .drp-v22-kicker > span:first-child { font-size:24px; }
 .home2-book--v22 h2 .drp-v2-headline { font-size:38px; line-height:1.15; }
 .drp-v22-reading { grid-template-columns:112px minmax(0,1fr); gap:24px; }
 .drp-v22-reading .drp-v22-booknote { font-size:10px; gap:6px; }
 .drp-v22-reading .drp-v22-booknote > span:first-child { font-size:12px; letter-spacing:.02em; }
 .drp-v22-reading .drp-v2-intro { font-size:12px; line-height:1.8; margin-top:14px; }
 .drp-v22-reading .home-drp-actions { margin-top:14px; }
 .drp-v22-read { font-size:10px; margin-top:12px; }
 .home2-book--v22 .home2-book-visual { margin-top:0; height:280px; --drp-scene-top:-85px; }
}
@media(max-width:360px) {
 .home2-book--v22 h2 .drp-v2-headline { font-size:34px; }
 .drp-v22-reading { grid-template-columns:94px minmax(0,1fr); gap:18px; }
 .home2-book--v22 .home2-book-visual { height:245px; --drp-scene-top:-50px; }
}

@media(min-width:641px) and (max-width:900px) { .home2-book--v22 .home2-book-copy { max-width:calc(100% - 56px); } }

/* 2026-11-07 Claude · readability floor (DESIGN-BASELINE: 微标不低于 12px；连续文字不低于 12px).
   Overrides only type size / hit area; composition, colours and motion unchanged. Remove this block to revert. */
.drp-v22-kicker > span:last-child { font-size:13px; line-height:1.5; letter-spacing:.08em; min-width:0; }
.drp-v22-kicker-name { white-space:nowrap; }
.drp-v22-booknote { font-size:12px; }
.drp-v22-volume > span { font-size:12px; }
.drp-v22-read { min-height:44px; margin-top:4px; font-size:13px; }
@media(max-width:1200px) {
 .drp-v22-read { font-size:12px; }
}
@media(max-width:900px) {
 .drp-v22-kicker > span:last-child { font-size:12px; letter-spacing:.04em; padding-left:10px; }
 .drp-v22-booknote,
 .drp-v22-reading .drp-v22-booknote { font-size:12px; }
 .drp-v22-read { margin-top:0; }
}
@media(max-width:360px) {
 .drp-v22-kicker > span:last-child { letter-spacing:0; padding-left:8px; }
}