.w4-detail{background:var(--color-bg);color:var(--color-ink);padding-block:var(--space-9) var(--space-16)}.w4-back{margin-bottom:var(--space-6)}.w4-empty{max-width:var(--maxw-prose);padding:var(--space-9) 0}.w4-hero-grid{gap:var(--space-9) var(--space-8);align-items:center}.w4-cover-frame{display:flex;align-items:center;justify-content:flex-start}.w4-cover{width:100%;max-width:340px;height:auto;aspect-ratio:2 / 3;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-md)}.w4-hero-copy{display:flex;flex-direction:column}.w4-book-title{font-family:var(--font-title);font-weight:var(--weight-bold);text-transform:uppercase;max-width:18ch}.w4-book-subtitle{font-family:var(--font-subtitle);font-weight:var(--weight-regular);color:var(--argent)}.w4-hero-brief,.w4-cs-brief{margin:var(--space-4) 0 var(--space-5);max-width:46ch}.w4-hero-brief[hidden],.w4-cs-brief[hidden]{display:none}.w4-hero-meta,.w4-hero-formats{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em;color:var(--color-accent-ink);text-transform:uppercase;margin:0 0 var(--space-2)}.w4-purchase-strip{display:grid;grid-template-columns:1fr}.w4-purchase-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.w4-purchase-links{align-items:stretch}.w4-channel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;text-align:left}.w4-channel-btn[disabled]{cursor:wait;opacity:.72}.w4-channel-icon{width:1.2rem;height:1.2rem;display:inline-flex;flex:0 0 auto}.w4-channel-icon--gumroad{align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:.22rem;font-family:var(--font-heading);font-size:.82rem;font-weight:700}.w4-delivery-note{max-width:58ch;margin:var(--space-3) 0 0;color:var(--color-ink-soft);font-size:.88rem;line-height:1.55}.w4-hook-lang h2{max-width:30ch}.w4-hook-list{list-style:none;margin:var(--space-6) 0;padding:0;display:grid;gap:var(--space-4)}.w4-hook-list li{position:relative;padding-left:2.4em;font-size:1.05rem;line-height:1.5}.w4-hook-num{position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:.95rem;line-height:1.65;color:var(--color-accent-ink);font-weight:var(--weight-bold)}.w4-hook-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.w4-hook-cta[hidden]{display:none}.w4-author-line{font-size:1rem}.w4-cs-badge{background:var(--color-accent-fill);color:var(--color-on-accent);border-color:var(--color-accent-fill);align-self:flex-start}.w4-cs-note{text-transform:none;letter-spacing:0;font-family:var(--font-body)}.w4-intro-prose{max-width:var(--maxw-prose)}.w4-intro-prose p{margin:0 0 var(--space-5)}.w4-intro-prose p[hidden]{display:none}.w4-intro-more{margin-top:var(--space-2)}.w4-gallery-grid{display:grid;gap:var(--space-4)}.w4-gallery-grid--c3{grid-template-columns:repeat(3,1fr)}.w4-gallery-grid--c2{grid-template-columns:repeat(2,1fr)}.w4-gallery-item{margin:0;aspect-ratio:1 / 1;padding:var(--space-3);display:flex;align-items:center;justify-content:center;background:var(--lotion);border:1px solid var(--color-border);border-radius:var(--radius-md)}.w4-gallery-item img{display:block;width:100%;height:100%;object-fit:contain}@media (max-width: 1024px){.w4-gallery-grid--c3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.w4-gallery-grid--c2,.w4-gallery-grid--c3{grid-template-columns:1fr}}.w4-toc-list{list-style:none;counter-reset:w4-toc;margin:0;padding:0;display:grid;gap:var(--space-3);max-width:var(--maxw-prose)}.w4-toc-list li{display:flex;flex-wrap:wrap;column-gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--color-border)}.w4-toc__label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;color:var(--color-accent-ink);text-transform:uppercase;flex:0 0 auto;margin-right:var(--space-3)}.w4-toc__title{color:var(--color-ink)}.w4-intro-section .wm-eyebrow,.w4-toc-section .wm-eyebrow,.w4-gallery-section .wm-eyebrow,.w4-hook-section .wm-eyebrow{font-size:1.56rem;font-weight:var(--weight-bold)}.w4-intro-section .wm-eyebrow [data-i18n-zh],.w4-toc-section .wm-eyebrow [data-i18n-zh],.w4-gallery-section .wm-eyebrow [data-i18n-zh],.w4-hook-section .wm-eyebrow [data-i18n-zh]{font-weight:var(--weight-regular);font-family:TsangerYuMo W04,TsangerYuMo W03,PingFang SC,Microsoft YaHei,sans-serif}@media (max-width: 760px){.w4-hero-grid{grid-template-columns:1fr}.w4-cover-frame{justify-content:center}}