/* Visual treatments consume the canonical tokens from style-foundation.css. */

html{background:var(--color-canvas)}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% -6%,rgba(184,219,201,.32),transparent 33rem),
    radial-gradient(circle at 91% 4%,rgba(207,225,229,.27),transparent 29rem),
    linear-gradient(180deg,#f7faf7 0,#f1f5f2 48%,#f6f8f6 100%);
  color:var(--ink);
  font-family:var(--font-ui);
}
body::before{
  z-index:0;
  opacity:.32;
  background:
    linear-gradient(rgba(23,91,66,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,91,66,.022) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 68%);
  mask-image:linear-gradient(to bottom,#000,transparent 68%);
}
body::after{
  content:"";
  position:absolute;
  z-index:0;
  top:74px;
  left:0;
  right:0;
  height:620px;
  pointer-events:none;
  opacity:.2;
  background:url("/static/assets/engood-luminous-paper.jpg?v=1.1.9") center top/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.68) 58%,transparent 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.68) 58%,transparent 100%);
}
body[data-page="learn"]:not(.learning-active)::after,
body[data-page="books"]::after,
body[data-page="quick-memory"]::after{opacity:.58}
body.learning-active::after{opacity:.08;height:360px;filter:saturate(.7)}
.topbar,main.shell,.footer{position:relative}
main.shell,.footer{z-index:1}

/* Navigation: pearl glass outside, precise dark selection inside. */
.topbar{
  border-bottom:1px solid var(--color-border);
  background:color-mix(in srgb,var(--color-surface-soft) 86%,transparent);
  -webkit-backdrop-filter:saturate(175%) blur(28px);
  backdrop-filter:saturate(175%) blur(28px);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.65),0 8px 34px rgba(24,64,46,.035);
}
.nav{height:76px}
.brand{color:var(--color-text)}
.brand-logo{transition:transform 220ms var(--control-ease),filter 220ms ease}
.nav-links{
  gap:3px;
  border-color:var(--nav-border);
  background:var(--nav-background);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
  box-shadow:var(--glass-highlight),0 8px 28px rgba(17,54,37,.06);
}
.nav-links a{color:var(--color-text-muted);font-weight:690}
.nav-links a:hover{background:var(--color-surface-hover);color:var(--color-text)}
.nav-links a.active{
  background:var(--nav-item-background-active);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 18px rgba(15,45,33,.2);
}

/* Typography: quiet system precision, bookish English where it matters. */
.hero h1,.learn-entry-copy h2,.book-preview-hero h1,.knowledge-detail-head h2,
.reinforcement-head h1,.practice-prompt h2{
  color:var(--color-text);
  font-family:var(--font-display);
  font-weight:760;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.hero p,.knowledge-detail-head p{color:var(--color-text-muted)}
.eyebrow{
  border-color:var(--color-border);
  background:var(--color-brand-soft);
  align-self:flex-start;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
.word-title,.word-preview-word strong,.knowledge-word-meta h4,.progressive-lesson summary strong{
  font-family:var(--font-word);
}

/* Surfaces use a top highlight and a long, low-opacity shadow. */
.card,.category-block.card,.knowledge-part-nav,.knowledge-detail,.reinforcement-card{
  border-color:var(--surface-card-border);
  background:var(--surface-card-background);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  box-shadow:var(--surface-card-shadow);
}
.card{border-radius:var(--surface-card-radius)}
.metric,.account-metrics>div,.plan-preview-metric,.stat .box{
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(246,250,247,.88))!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 20px rgba(19,58,40,.045);
}

/* Tactile controls. */
.button,.button-link,button{
  border:1px solid var(--button-primary-border);
  background:var(--button-primary-background);
  box-shadow:var(--button-primary-shadow);
  transition:transform var(--duration-normal) var(--control-ease),box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease,background-color var(--duration-normal) ease,color var(--duration-normal) ease,opacity var(--duration-normal) ease;
}
.button:hover,button:hover,.button-link:hover{
  transform:translateY(-2px);
  box-shadow:var(--button-primary-shadow-hover);
}
.button:active,button:active,.button-link:active{
  transform:translateY(0) scale(.975)!important;
  box-shadow:inset 0 2px 4px rgba(3,39,25,.19),0 4px 10px rgba(20,72,52,.12);
  transition-duration:70ms;
}
.button.secondary,button.secondary,.button-link.secondary,.secondary-link{
  border-color:var(--button-secondary-border);
  background:var(--button-secondary-background);
  color:var(--color-text-soft);
  box-shadow:inset 0 1px 0 #fff,0 6px 17px rgba(17,52,36,.055);
}
.button.secondary:hover,button.secondary:hover,.button-link.secondary:hover,.secondary-link:hover{
  border-color:var(--color-brand-hover);
  background:var(--color-surface-solid);
  box-shadow:inset 0 1px 0 #fff,0 11px 25px rgba(17,52,36,.085);
}
.button.soft,button.soft{
  border-color:var(--color-border);
  background:var(--color-brand-soft);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 16px rgba(24,91,63,.06);
}
input,select,textarea{
  border-color:var(--field-border);
  background:var(--field-background);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 2px rgba(19,54,38,.045),inset 0 1px 0 rgba(255,255,255,.8);
  transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease;
}
input:hover,select:hover,textarea:hover{border-color:var(--color-brand-hover);background:var(--color-surface-solid)}
input:focus,select:focus,textarea:focus{
  border-color:var(--field-border-focus);
  background:var(--color-surface-solid);
  box-shadow:var(--field-focus-shadow);
}

/* Primary-page compositions. */
body[data-page="learn"]:not(.learning-active) .learn-landing-hero,
body[data-page="books"] .hero,
body[data-page="quick-memory"] .knowledge-hero{
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:58px;
  padding-bottom:46px;
}
body[data-page="learn"]:not(.learning-active) .learn-landing-hero h1,
body[data-page="books"] .hero h1,
body[data-page="quick-memory"] .knowledge-hero h1{
  max-width:13.5em;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.learn-entry-card{
  border-color:rgba(170,196,181,.62);
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,247,243,.78));
  box-shadow:inset 0 1px 0 #fff,0 24px 68px rgba(18,62,42,.09);
}
.learn-entry-action{box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 14px 30px rgba(20,92,66,.2)}

/* Library: an editorial catalogue with contemporary thread-bound book cards. */
body[data-page="books"] .library-catalog{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);
  align-items:end;
  gap:48px;
  margin:0 0 24px;
  padding:6px 4px 30px;
  border-bottom:1px solid color-mix(in srgb,var(--color-brand) 27%,var(--color-border));
}
body[data-page="books"] .library-catalog::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  width:min(28%,260px);
  height:3px;
  background:linear-gradient(90deg,transparent,var(--color-cinnabar));
}
body[data-page="books"] .library-catalog__intro{display:grid;gap:17px}
body[data-page="books"] .library-catalog__kicker,
body[data-page="books"] .category-heading__code,
body[data-page="books"] .book-card__eyebrow{
  color:var(--color-cinnabar);
  font-family:Consolas,"SFMono-Regular",monospace;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
}
body[data-page="books"] .library-catalog__intro h2{
  margin:0;
  color:var(--color-text);
  font-family:"STKaiti","华文楷体","Kaiti SC",KaiTi,"楷体",var(--font-display);
  font-size:clamp(38px,4vw,52px);
  font-weight:600;
  letter-spacing:.025em;
  line-height:1.12;
}
body[data-page="books"] .library-catalog__intro p{margin:9px 0 0;color:var(--color-text-muted);font-family:"FangSong","仿宋",var(--font-reading);font-size:18px;font-weight:600}
body[data-page="books"] .library-catalog__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;background:var(--color-border)}
body[data-page="books"] .library-catalog__stats div{display:flex;min-width:0;flex-direction:column-reverse;gap:2px;padding:4px 18px 5px;background:var(--color-canvas)}
body[data-page="books"] .library-catalog__stats dt{color:var(--color-text-muted);font-size:13px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
body[data-page="books"] .library-catalog__stats dd{margin:0;color:var(--color-text);font-family:var(--font-word);font-size:31px;font-weight:700;letter-spacing:-.04em;line-height:1.1}

body[data-page="books"] .category-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start;
}
body[data-page="books"] .category-block.card{
  --category-accent:var(--color-brand);
  position:relative;
  isolation:isolate;
  grid-column:span 6;
  min-width:0;
  display:block;
  padding:0;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--category-accent) 25%,var(--color-border));
  background:
    radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--category-accent) 10%,transparent),transparent 33%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,249,246,.88));
  box-shadow:inset 0 1px 0 #fff,0 18px 52px rgba(17,54,37,.075);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
}
body[data-page="books"] .category-block__watermark{
  position:absolute;
  z-index:0;
  top:-38px;
  right:18px;
  color:color-mix(in srgb,var(--category-accent) 9%,transparent);
  font-family:"FZShuTi","方正舒体","STKaiti","华文楷体",KaiTi,"楷体",serif;
  font-size:168px;
  font-weight:400;
  line-height:1;
  transform:rotate(-7deg);
  pointer-events:none;
}
body[data-page="books"] .category-block.card::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,transparent 4%,var(--category-accent) 22% 78%,transparent 96%);
}
body[data-page="books"] .category-block--gaokao,
body[data-page="books"] .category-block--cet6{--category-accent:var(--color-cinnabar)}
body[data-page="books"] .category-block--kaoyan,
body[data-page="books"] .category-block--toefl{--category-accent:var(--color-brand-active)}
body[data-page="books"] .category-block--cet4{--category-accent:var(--color-accent)}
body[data-page="books"] .category-block--ielts{--category-accent:var(--color-brand-hover)}
body[data-page="books"] .category-block--personal,
body[data-page="books"] .category-block--kaoyan{grid-column:1/-1!important}

body[data-page="books"] .category-heading{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  min-width:0;
  margin:0;
  padding:26px 26px 21px;
  border-bottom:1px solid color-mix(in srgb,var(--category-accent) 17%,var(--color-border));
}
body[data-page="books"] .category-heading__number{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--category-accent) 55%,transparent);
  color:var(--category-accent);
  font-family:var(--font-word);
  font-size:16px;
  font-weight:700;
  line-height:1;
  transform:rotate(-2deg);
}
body[data-page="books"] .category-heading__identity{min-width:0}
body[data-page="books"] .category-heading__code{display:block;margin:0 0 5px;color:color-mix(in srgb,var(--category-accent) 78%,var(--color-text))}
body[data-page="books"] .category-heading h2{
  display:block;
  margin:0;
  color:var(--color-text);
  font-family:"STKaiti","华文楷体","Kaiti SC",KaiTi,"楷体",var(--font-display);
  font-size:38px;
  font-weight:650;
  letter-spacing:.04em;
  line-height:1.05;
}
body[data-page="books"] .category-heading p{margin:6px 0 0;color:var(--color-text-muted);font-size:14px;font-weight:650;letter-spacing:.04em}
body[data-page="books"] .category-count-badge{
  align-self:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--category-accent) 24%,var(--color-border));
  background:color-mix(in srgb,var(--category-accent) 7%,var(--color-surface-solid));
  color:color-mix(in srgb,var(--category-accent) 83%,var(--color-text));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  font-size:13px;
  white-space:nowrap;
}
body[data-page="books"] .category-count-badge .bloom-icon{font-size:14px}
body[data-page="books"] .book-cards{position:relative;z-index:1;display:grid!important;grid-template-columns:1fr!important;gap:12px;padding:18px;min-width:0}
body[data-page="books"] .category-block--kaoyan .book-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-page="books"] .book-card.book-card-simple{
  position:relative;
  width:100%!important;
  min-width:0;
  min-height:132px;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  align-items:stretch;
  gap:20px;
  padding:13px 18px 13px 13px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--category-accent) 20%,var(--color-border));
  border-radius:19px;
  background:linear-gradient(115deg,rgba(255,255,255,.99),rgba(247,250,248,.94));
  color:var(--color-text);
  text-align:left;
  writing-mode:horizontal-tb!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 20px rgba(16,55,36,.045);
}
body[data-page="books"] .book-card.book-card-simple::before{content:none}
body[data-page="books"] .book-card.book-card-simple::after{content:none}
body[data-page="books"] .book-card__spine{
  position:relative;
  min-height:104px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--category-accent) 76%,#000);
  border-radius:5px 14px 14px 5px;
  background:
    radial-gradient(circle at 11px 16px,#f3ead8 0 2px,transparent 2.5px),
    radial-gradient(circle at 11px calc(100% - 16px),#f3ead8 0 2px,transparent 2.5px),
    linear-gradient(90deg,rgba(0,0,0,.17) 0 5px,rgba(255,255,255,.13) 6px 7px,transparent 8px),
    linear-gradient(145deg,color-mix(in srgb,var(--category-accent) 88%,#fff),color-mix(in srgb,var(--category-accent) 78%,#000));
  box-shadow:inset 1px 0 0 rgba(255,255,255,.19),5px 8px 14px rgba(22,54,39,.16);
  transition:transform var(--duration-normal) var(--control-ease),box-shadow var(--duration-normal) ease;
}
body[data-page="books"] .book-card__spine::after{
  content:"";
  position:absolute;
  inset:9px 9px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:2px 8px 8px 2px;
}
body[data-page="books"] .book-card__spine span{
  position:relative;
  z-index:1;
  color:#fff;
  font-family:"FZShuTi","方正舒体","STKaiti","华文楷体",KaiTi,"楷体",serif;
  font-size:46px;
  font-weight:400;
  line-height:1;
  text-shadow:0 1px 5px rgba(0,0,0,.2);
}
body[data-page="books"] .book-card__body{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:stretch;padding:5px 0}
body[data-page="books"] .book-card__eyebrow{display:block;color:color-mix(in srgb,var(--category-accent) 79%,var(--color-text));font-size:10px}
body[data-page="books"] .book-card.book-card-simple h3{
  min-width:0;
  margin:8px 0 13px;
  color:var(--color-text);
  font-family:var(--font-display);
  font-size:24px;
  font-weight:780;
  letter-spacing:-.025em;
  line-height:1.25;
  overflow-wrap:anywhere;
  writing-mode:horizontal-tb!important;
}
body[data-page="books"] .book-card__meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--category-accent) 15%,var(--color-border))}
body[data-page="books"] .book-word-count{padding:0;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:650;white-space:nowrap;writing-mode:horizontal-tb!important}
body[data-page="books"] .book-word-count strong{color:var(--color-text);font-family:var(--font-word);font-size:18px;font-weight:700}
body[data-page="books"] .book-card__action{display:inline-flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--category-accent) 82%,var(--color-text));font-size:13px;font-weight:800;white-space:nowrap}
body[data-page="books"] .book-card__action span{font-size:17px;transition:transform var(--duration-normal) var(--control-ease)}
body[data-page="books"] .book-card.book-card-simple:hover,
body[data-page="books"] .book-card.book-card-simple:focus-visible{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--category-accent) 47%,var(--color-border));
  background:var(--color-surface-solid);
  box-shadow:inset 0 1px 0 #fff,0 18px 38px rgba(18,63,42,.105);
}
body[data-page="books"] .book-card.book-card-simple:hover .book-card__spine,
body[data-page="books"] .book-card.book-card-simple:focus-visible .book-card__spine{transform:translateY(-2px) rotate(-1deg);box-shadow:inset 1px 0 0 rgba(255,255,255,.22),7px 12px 18px rgba(22,54,39,.2)}
body[data-page="books"] .book-card.book-card-simple:hover .book-card__action span,
body[data-page="books"] .book-card.book-card-simple:focus-visible .book-card__action span{transform:translate(2px,-2px)}

/* Preview card borrows the background as a book-jacket reflection. */
.book-preview-hero{isolation:isolate;background:linear-gradient(125deg,rgba(255,255,255,.96),rgba(235,246,240,.86))}
.book-preview-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 0 46%;
  background:url("/static/assets/engood-luminous-paper.jpg?v=1.1.9") 68% center/cover no-repeat;
  opacity:.42;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);
  mask-image:linear-gradient(90deg,transparent,#000 40%);
}
.book-preview-hero::after{background:radial-gradient(circle,rgba(255,255,255,.48),transparent 68%)}
.preview-plan-card{border-top:1px solid rgba(167,193,178,.64)}

body[data-page="book-preview"] .book-preview-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,340px);
  align-items:stretch;
  gap:clamp(36px,5vw,72px);
  min-height:340px;
  padding:clamp(38px,4.4vw,58px);
  overflow:hidden;
  border-color:color-mix(in srgb,var(--color-brand) 26%,var(--color-border));
  background:radial-gradient(circle at 76% 13%,rgba(255,255,255,.82),transparent 23%),linear-gradient(125deg,rgba(255,255,255,.98),rgba(235,246,240,.9));
  box-shadow:inset 0 1px 0 #fff,0 22px 62px rgba(17,54,37,.09);
}
body[data-page="book-preview"] .book-preview-hero::before{
  inset:0 0 0 42%;
  opacity:.32;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);
  mask-image:linear-gradient(90deg,transparent,#000 45%);
}
body[data-page="book-preview"] .book-preview-hero::after{
  inset:auto -90px -170px auto;
  width:390px;
  height:390px;
  border:1px solid rgba(35,111,84,.1);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.54),transparent 68%);
  box-shadow:0 0 0 34px rgba(35,111,84,.025),0 0 0 68px rgba(35,111,84,.018);
  pointer-events:none;
}
body[data-page="book-preview"] .book-preview-hero-copy{
  position:relative;
  z-index:1;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}
body[data-page="book-preview"] .book-preview-hero-nav{display:flex;align-items:center;gap:12px}
body[data-page="book-preview"] .back-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:172px;
  min-height:64px;
  margin:0;
  padding:12px 20px 12px 16px;
  border:1px solid color-mix(in srgb,var(--color-brand) 24%,var(--color-border));
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.74);
  box-shadow:0 6px 18px rgba(28,74,59,.08),inset 0 1px 0 rgba(255,255,255,.9);
  color:var(--color-brand-active);
  font-size:20px;
  font-weight:780;
}
body[data-page="book-preview"] .back-link svg{width:24px;height:24px}
body[data-page="book-preview"] .back-link:hover{
  border-color:color-mix(in srgb,var(--color-brand) 42%,var(--color-border));
  background:var(--color-brand-soft);
  box-shadow:0 9px 22px rgba(28,74,59,.12),inset 0 1px 0 rgba(255,255,255,.92);
}
body[data-page="book-preview"] .book-preview-category{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:6px 11px;
  border:1px solid color-mix(in srgb,var(--color-brand) 22%,var(--color-border));
  border-radius:var(--radius-pill);
  background:rgba(237,246,241,.8);
  color:var(--color-brand-active);
  font-size:16px;
  font-weight:780;
}
body[data-page="book-preview"] .book-preview-category i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--color-brand-hover);
  box-shadow:0 0 0 4px rgba(45,131,99,.1);
}
body[data-page="book-preview"] .book-preview-kicker{
  margin:28px 0 10px;
  color:var(--color-brand);
  font-size:12px;
  font-weight:850;
  letter-spacing:.15em;
}
body[data-page="book-preview"] .book-preview-hero h1{
  max-width:830px;
  margin:0;
  color:var(--color-text);
  font-size:clamp(52px,5.4vw,72px);
  line-height:1.08;
  letter-spacing:-.052em;
  text-wrap:balance;
}
body[data-page="book-preview"] .book-preview-lead{
  max-width:740px;
  margin:17px 0 0;
  color:var(--color-text-muted);
  font-size:19px;
  line-height:1.7;
}
body[data-page="book-preview"] .book-preview-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,1fr));
  width:min(720px,100%);
  margin:28px 0 0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--color-brand) 19%,var(--color-border));
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
}
body[data-page="book-preview"] .book-preview-facts>div{display:grid;gap:4px;padding:14px 18px;border-right:1px solid var(--color-border)}
body[data-page="book-preview"] .book-preview-facts>div:last-child{border-right:0}
body[data-page="book-preview"] .book-preview-facts dt{color:var(--color-text-muted);font-size:13px;font-weight:700}
body[data-page="book-preview"] .book-preview-facts dd{
  margin:0;
  color:var(--color-text);
  font-size:25px;
  font-weight:820;
  font-variant-numeric:tabular-nums;
  line-height:1.25;
}
body[data-page="book-preview"] .book-preview-facts dd small{margin-left:4px;color:var(--color-text-muted);font-size:13px;font-weight:700}
body[data-page="book-preview"] .book-preview-facts .book-preview-fact-text{font-size:18px;line-height:1.75}
body[data-page="book-preview"] .book-preview-hero-side{
  position:relative;
  z-index:1;
  display:grid;
  align-content:center;
  gap:12px;
}
body[data-page="book-preview"] .book-preview-jacket{
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:220px;
  flex-direction:column;
  justify-content:space-between;
  padding:24px 25px 22px 34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.34);
  border-radius:8px 19px 19px 8px;
  background:linear-gradient(90deg,rgba(5,49,35,.36) 0 8px,transparent 8px),linear-gradient(145deg,#2d8363,#174d3b 58%,#0e382b);
  color:#fff;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.18),0 22px 46px rgba(15,62,44,.25);
  transform:rotate(1.2deg);
}
body[data-page="book-preview"] .book-preview-jacket::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45% -12% auto auto;
  width:230px;
  height:230px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.04),0 0 0 56px rgba(255,255,255,.025);
}
body[data-page="book-preview"] .book-preview-jacket-label{font-size:11px;font-weight:760;letter-spacing:.13em;opacity:.78}
body[data-page="book-preview"] .book-preview-jacket-mark{
  position:absolute;
  right:20px;
  top:43%;
  color:rgba(255,255,255,.12);
  font-family:"FZShuTi","STKaiti",KaiTi,serif;
  font-size:136px;
  line-height:.8;
  transform:translateY(-50%) rotate(-8deg);
}
body[data-page="book-preview"] .book-preview-jacket-copy{display:grid;max-width:86%;gap:8px}
body[data-page="book-preview"] .book-preview-jacket-copy strong{font-size:25px;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}
body[data-page="book-preview"] .book-preview-jacket-copy small{font-size:11px;font-weight:760;letter-spacing:.14em;opacity:.72}
body[data-page="book-preview"] .book-preview-primary-action{
  display:flex;
  width:100%;
  min-height:50px;
  align-items:center;
  justify-content:space-between;
  padding-inline:18px 15px;
  border-radius:var(--radius-sm);
}
body[data-page="book-preview"] .book-preview-primary-action svg{width:21px;height:21px;transition:transform var(--duration-normal) var(--control-ease)}
body[data-page="book-preview"] .book-preview-primary-action:hover svg{transform:translateX(3px)}
body[data-page="book-preview"] .book-preview-action-note{color:var(--color-text-muted);font-size:12px;text-align:center}

@media(max-width:900px){
  body[data-page="book-preview"] .book-preview-hero{grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:32px;padding:34px}
  body[data-page="book-preview"] .book-preview-jacket{min-height:205px}
}

@media(max-width:720px){
  body[data-page="book-preview"] .book-preview-hero{grid-template-columns:1fr;min-height:0}
  body[data-page="book-preview"] .book-preview-hero-side{grid-template-columns:1fr;justify-items:start}
  body[data-page="book-preview"] .book-preview-jacket{display:none}
  body[data-page="book-preview"] .book-preview-primary-action{width:min(330px,100%)}
  body[data-page="book-preview"] .book-preview-action-note{width:min(330px,100%)}
}

@media(max-width:520px){
  body[data-page="book-preview"] .book-preview-hero{gap:24px;padding:24px}
  body[data-page="book-preview"] .book-preview-hero-nav{align-items:flex-start;flex-direction:column;gap:7px}
  body[data-page="book-preview"] .book-preview-kicker{margin-top:22px}
  body[data-page="book-preview"] .book-preview-lead{font-size:17px}
  body[data-page="book-preview"] .book-preview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="book-preview"] .book-preview-facts>div{padding:12px 14px}
  body[data-page="book-preview"] .book-preview-facts>div:nth-child(2){border-right:0}
  body[data-page="book-preview"] .book-preview-facts>div:last-child{grid-column:1/-1;border-top:1px solid var(--color-border)}
}

/* Quick memory: quiet navigation, elevated active path, readable lessons. */
.knowledge-part-nav{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(244,249,246,.78))}
.knowledge-part-button{
  border-color:rgba(170,195,181,.66)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,246,.94))!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 20px rgba(17,59,39,.045)!important;
}
.knowledge-part-button:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(111,157,131,.76)!important;
  box-shadow:inset 0 1px 0 #fff,0 16px 35px rgba(17,59,39,.1)!important;
}
.knowledge-part-button.selected{
  background:linear-gradient(145deg,rgba(233,246,239,.98),#fff)!important;
  box-shadow:inset 0 1px 0 #fff,0 0 0 3px rgba(47,139,104,.08),0 16px 38px rgba(17,59,39,.09)!important;
}
.knowledge-detail{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,252,250,.88))}
.knowledge-lesson-tools{
  border-color:rgba(163,188,174,.62);
  background:rgba(248,251,249,.78);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  backdrop-filter:blur(24px) saturate(155%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 14px 38px rgba(18,61,42,.09);
}
.progressive-lesson{
  border-color:rgba(178,199,187,.64)!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(17,58,39,.05)!important;
}
.progressive-lesson[open]{box-shadow:inset 0 1px 0 #fff,0 20px 50px rgba(17,58,39,.085)!important}
.progressive-lesson summary{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(244,249,246,.92))}
.progressive-lesson[open] summary{background:linear-gradient(145deg,rgba(232,245,238,.96),rgba(248,251,249,.96))}

/* Focused study keeps the atmosphere, but removes ornamental competition. */
body.learning-active{background:linear-gradient(180deg,#f5f8f5,#ebf1ed)}
body.learning-active .study-card{
  border-color:rgba(166,191,177,.66);
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(246,250,247,.97));
  box-shadow:inset 0 1px 0 #fff,0 34px 90px rgba(16,56,37,.13);
}
.learning-active:not(.mini-mode) .day-complete{
  width:min(880px,100%);
  min-height:100%;
  grid-template-columns:minmax(0,1fr);
  align-content:center;
  justify-content:stretch;
  gap:20px;
  padding:28px 24px 34px;
  text-align:left;
}
.learning-active:not(.mini-mode) .completion-status{
  display:grid;
  gap:25px;
  width:100%;
  padding:34px;
  border:1px solid color-mix(in srgb,var(--color-brand) 18%,var(--color-border));
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,247,243,.92));
  box-shadow:inset 0 1px 0 #fff,0 18px 48px rgba(18,61,42,.08);
}
.learning-active:not(.mini-mode) .completion-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
}
.learning-active:not(.mini-mode) .completion-checkin{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding-top:22px;
  border-top:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);
}
.learning-active:not(.mini-mode) .completion-emblem{
  position:relative;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--color-brand) 27%,var(--color-border));
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 26%,rgba(255,255,255,.98),transparent 36%),
    linear-gradient(145deg,var(--color-surface-solid),var(--color-brand-soft));
  color:var(--color-brand);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 0 0 7px color-mix(in srgb,var(--color-surface-solid) 74%,transparent),
    0 18px 40px rgba(24,92,65,.12);
}
.learning-active:not(.mini-mode) .completion-emblem::before,
.learning-active:not(.mini-mode) .completion-emblem::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.learning-active:not(.mini-mode) .completion-emblem::before{
  inset:-7px;
  border:1px solid color-mix(in srgb,var(--color-brand) 11%,transparent);
}
.learning-active:not(.mini-mode) .completion-emblem::after{
  right:3px;
  bottom:7px;
  width:8px;
  height:8px;
  border:3px solid var(--color-surface-solid);
  background:var(--color-brand);
  box-shadow:0 3px 9px rgba(24,92,65,.2);
}
.learning-active:not(.mini-mode) .completion-emblem .bloom-icon{
  width:45px;
  height:45px;
  stroke-width:1.7;
}
.learning-active:not(.mini-mode) .completion-stamp{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:8px 16px;
  border:1px solid color-mix(in srgb,var(--color-brand) 18%,var(--color-border));
  border-radius:999px;
  background:color-mix(in srgb,var(--color-surface-solid) 88%,var(--color-brand-soft));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(18,61,42,.045);
}
.learning-active:not(.mini-mode) .completion-kicker{
  color:var(--color-brand);
  font-family:var(--font-word);
  font-size:16.5px;
  font-weight:800;
  letter-spacing:.12em;
}
.learning-active:not(.mini-mode) .completion-stamp-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:color-mix(in srgb,var(--color-brand) 56%,var(--color-border));
}
.learning-active:not(.mini-mode) .completion-label{
  color:var(--color-text-muted);
  font-family:var(--font-word);
  font-size:15px;
  font-weight:740;
  letter-spacing:.14em;
}
.learning-active:not(.mini-mode) .book-complete-copy{
  display:grid;
  justify-items:start;
  gap:5px;
  min-width:0;
  max-width:500px;
}
.learning-active:not(.mini-mode) .book-complete-copy>span{
  color:var(--color-brand);
  font-size:18px;
  font-weight:800;
  letter-spacing:.08em;
}
.learning-active:not(.mini-mode) .book-complete-copy h2{
  margin:0;
  color:var(--color-text);
  font-family:var(--font-display);
  font-size:clamp(36px,3.5vw,42px);
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.25;
  text-wrap:balance;
}
.learning-active:not(.mini-mode) .book-complete-copy p{
  margin:1px 0 0;
  color:var(--color-text-muted);
  font-size:21px;
  line-height:1.55;
  text-wrap:balance;
}
.learning-active:not(.mini-mode) .day-complete-actions{
  width:100%;
  gap:20px;
}
.learning-active:not(.mini-mode) .completion-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:13px;
}
.learning-active:not(.mini-mode) .completion-nav button,
.learning-active:not(.mini-mode) .completion-nav .button-link{
  min-height:64px;
  padding-inline:28px;
  border-radius:17px;
  font-size:21px;
  font-weight:800;
}
.learning-active:not(.mini-mode) .completion-nav>button:first-child,
.learning-active:not(.mini-mode) .completion-nav>.button-link:first-child{
  min-width:236px;
}
.learning-active:not(.mini-mode) .book-next-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}
.learning-active:not(.mini-mode) .book-next-button .bloom-icon{width:21px;height:21px}
.learning-active:not(.mini-mode) .optional-practice{
  gap:18px;
  padding:26px;
  border:1px solid var(--color-border);
  border-radius:18px;
  background:rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 #fff,0 9px 26px rgba(18,61,42,.04);
  text-align:left;
}
.learning-active:not(.mini-mode) .optional-practice-head{
  display:grid;
  gap:9px;
}
.learning-active:not(.mini-mode) .optional-practice-kicker{
  color:var(--color-brand);
  font-family:var(--font-word);
  font-size:16.5px;
  font-weight:800;
  letter-spacing:.09em;
}
.learning-active:not(.mini-mode) .optional-practice-head>div{min-width:0;text-align:left}
.learning-active:not(.mini-mode) .optional-practice h3{
  margin:0;
  color:var(--color-text-soft);
  font-size:27px;
  letter-spacing:-.02em;
}
.learning-active:not(.mini-mode) .optional-practice-head p{
  margin:3px 0 0;
  color:var(--color-text-muted);
  font-size:19.5px;
  line-height:1.45;
}
.learning-active:not(.mini-mode) .practice-entry{
  position:relative;
  min-height:92px;
  padding:17px 54px 17px 21px;
  border-color:var(--color-border)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(18,61,42,.045)!important;
}
.learning-active:not(.mini-mode) .practice-entry::after{
  content:"→";
  position:absolute;
  right:21px;
  top:50%;
  color:var(--color-brand);
  font-size:27px;
  transform:translateY(-50%);
  transition:transform var(--duration-normal) var(--control-ease);
}
.learning-active:not(.mini-mode) .practice-entry:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--color-brand) 42%,var(--color-border))!important;
  background:var(--color-surface-solid)!important;
  transform:translateY(-2px);
  box-shadow:var(--shadow-md)!important;
}
.learning-active:not(.mini-mode) .practice-entry:hover:not(:disabled)::after{transform:translate(3px,-50%)}
.learning-active:not(.mini-mode) .practice-entry strong{color:var(--color-text-soft);font-size:24px}
.learning-active:not(.mini-mode) .practice-entry small{color:var(--color-text-muted);font-size:18px}
@media(max-width:640px){
  .learning-active:not(.mini-mode) .day-complete{gap:16px;padding:18px 8px 24px}
  .learning-active:not(.mini-mode) .completion-status{gap:18px;padding:22px;border-radius:18px}
  .learning-active:not(.mini-mode) .completion-heading{display:grid;gap:15px}
  .learning-active:not(.mini-mode) .completion-stamp{grid-row:1;justify-self:start}
  .learning-active:not(.mini-mode) .book-complete-copy{grid-row:2}
  .learning-active:not(.mini-mode) .completion-checkin{grid-template-columns:1fr;gap:11px;padding-top:17px}
  .learning-active:not(.mini-mode) .completion-emblem{width:68px;height:68px}
  .learning-active:not(.mini-mode) .completion-emblem .bloom-icon{width:40px;height:40px}
  .learning-active:not(.mini-mode) .book-complete-copy h2{font-size:34px}
  .learning-active:not(.mini-mode) .book-complete-copy p{font-size:19.5px}
  .learning-active:not(.mini-mode) .completion-nav{display:grid;width:100%}
  .learning-active:not(.mini-mode) .completion-nav button,
  .learning-active:not(.mini-mode) .completion-nav .button-link{width:100%}
  .learning-active:not(.mini-mode) .optional-practice{padding:20px}
  .learning-active:not(.mini-mode) .optional-practice-grid{grid-template-columns:1fr!important}
}
.status-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(0,0,0,.12),0 9px 20px rgba(27,59,43,.1)}
.reinforcement-card{border-top:1px solid rgba(164,190,175,.68)}

@media(prefers-reduced-motion:no-preference){
  body::after{animation:wb-luminous-arrival 850ms cubic-bezier(.2,.72,.2,1) both}
  html.page-entering main.shell,html.page-entering .footer{animation-duration:260ms}
  .brand:hover .brand-logo{transform:translateY(-1px) rotate(-2deg);filter:drop-shadow(0 10px 12px rgba(12,88,65,.24))}
  @keyframes wb-luminous-arrival{from{opacity:0;transform:translateY(-8px) scale(1.015)}to{transform:none}}
}

@media(max-width:900px){
  body::after{height:540px;background-position:62% top}
  body[data-page="learn"]:not(.learning-active) .learn-landing-hero,
  body[data-page="books"] .hero,
  body[data-page="quick-memory"] .knowledge-hero{min-height:290px;padding-top:42px;padding-bottom:36px}
}
@media(max-width:640px){
  body::after{top:106px;height:430px;opacity:.13;background-position:70% center}
  body[data-page="learn"]:not(.learning-active)::after,
  body[data-page="books"]::after,
  body[data-page="quick-memory"]::after{opacity:.36}
  .topbar{-webkit-backdrop-filter:saturate(165%) blur(22px);backdrop-filter:saturate(165%) blur(22px)}
  .nav-links{background:rgba(255,255,255,.7)}
  body[data-page="learn"]:not(.learning-active) .learn-landing-hero,
  body[data-page="books"] .hero,
  body[data-page="quick-memory"] .knowledge-hero{min-height:250px;padding:32px 2px 26px}
  .card,.knowledge-part-nav,.knowledge-detail{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .book-preview-hero::before{inset:40% 0 0 0;opacity:.25;-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000)}
}
@media(prefers-reduced-motion:reduce){
  body::after{animation:none}
  .brand:hover .brand-logo{transform:none}
}

/* Neo-editorial inspiration heroes: typographic, asymmetric and deliberately flat. */
body[data-page] .inspiration-hero{
  --inspiration-accent:var(--color-brand);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:block;
  min-height:370px;
  margin:30px 0 38px;
  padding:clamp(48px,5vw,68px) clamp(38px,5.6vw,72px) clamp(42px,4.6vw,60px);
  border:0;
  border-top:1px solid color-mix(in srgb,var(--inspiration-accent) 46%,var(--color-border));
  border-bottom:1px solid color-mix(in srgb,var(--inspiration-accent) 46%,var(--color-border));
  border-radius:0;
  background:
    radial-gradient(circle at 86% 54%,transparent 0 58px,color-mix(in srgb,var(--inspiration-accent) 9%,transparent) 59px 60px,transparent 61px 92px,color-mix(in srgb,var(--inspiration-accent) 6%,transparent) 93px 94px,transparent 95px),
    radial-gradient(ellipse at 73% 112%,color-mix(in srgb,var(--inspiration-accent) 9%,transparent),transparent 48%),
    repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),color-mix(in srgb,var(--inspiration-accent) 5%,transparent) calc(12.5% - 1px) 12.5%),
    linear-gradient(90deg,color-mix(in srgb,var(--color-surface-solid) 90%,transparent) 0 62%,color-mix(in srgb,var(--color-brand-soft) 52%,transparent) 100%);
  box-shadow:none;
}
body[data-page] .inspiration-hero--exams{--inspiration-accent:var(--color-accent)}
body[data-page] .inspiration-hero--reading{--inspiration-accent:var(--color-brand-hover)}
body[data-page] .inspiration-hero--memory{--inspiration-accent:var(--color-brand-active)}
body[data-page] .inspiration-hero::before{
  content:attr(data-mark);
  position:absolute;
  z-index:-1;
  top:50%;
  right:clamp(62px,8vw,118px);
  color:color-mix(in srgb,var(--inspiration-accent) 12%,transparent);
  font-family:"FZShuTi","方正舒体","STKaiti","华文楷体",KaiTi,"楷体",serif;
  font-size:clamp(210px,23vw,330px);
  font-weight:400;
  letter-spacing:0;
  line-height:.8;
  opacity:.82;
  transform:translateY(-52%) rotate(-7deg);
  -webkit-text-stroke:.5px color-mix(in srgb,var(--inspiration-accent) 17%,transparent);
}
body[data-page] .inspiration-hero::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background:linear-gradient(180deg,transparent 0,var(--inspiration-accent) 20% 80%,transparent 100%);
}
body[data-page] .inspiration-hero__copy{position:relative;z-index:1;min-width:0;width:min(72%,840px)}
body[data-page] .inspiration-hero__meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
body[data-page] .inspiration-hero .eyebrow{
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--color-text);
  font-family:"FangSong","仿宋","STFangsong","华文仿宋","Songti SC","Noto Serif CJK SC",serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:.13em;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body[data-page] .inspiration-hero .eyebrow::before{
  width:8px;
  height:8px;
  border-radius:1px;
  background:var(--inspiration-accent);
  box-shadow:none;
  transform:rotate(45deg);
}
body[data-page] .inspiration-hero__index{
  padding-left:15px;
  border-left:1px solid color-mix(in srgb,var(--inspiration-accent) 42%,var(--color-border));
  color:color-mix(in srgb,var(--inspiration-accent) 78%,var(--color-text));
  font-family:Consolas,"SFMono-Regular",monospace;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  white-space:nowrap;
}
body[data-page] .inspiration-hero h1{
  max-width:11em;
  margin:clamp(30px,4vw,46px) 0 22px;
  color:var(--color-text);
  font-family:"FZShuTi","方正舒体","STKaiti","华文楷体","Kaiti SC",KaiTi,"楷体",serif;
  font-size:clamp(68px,7.4vw,96px);
  font-weight:400;
  letter-spacing:.015em;
  line-height:1.08;
  text-shadow:none;
  text-wrap:balance;
}
body[data-page] .inspiration-hero h1 em{
  padding:0 .05em;
  background:linear-gradient(transparent 78%,color-mix(in srgb,var(--color-cinnabar) 18%,transparent) 78% 92%,transparent 92%);
  color:color-mix(in srgb,var(--color-cinnabar) 78%,var(--color-text));
  font-family:"STKaiti","华文楷体","Kaiti SC",KaiTi,"楷体","FangSong","仿宋","Noto Serif CJK SC",serif;
  font-size:.94em;
  font-weight:500;
  font-style:normal;
  letter-spacing:.025em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
body[data-page] .inspiration-hero p{
  max-width:39em;
  margin:0;
  color:var(--color-text-muted);
  font-family:"FangSong","仿宋","STFangsong","华文仿宋","Songti SC","Noto Serif CJK SC",var(--font-ui);
  font-size:clamp(18px,1.7vw,22px);
  font-weight:600;
  line-height:1.82;
  letter-spacing:.025em;
  text-wrap:pretty;
}
body[data-page] .inspiration-hero__signature{display:flex;align-items:center;gap:14px;margin-top:28px;color:var(--color-text-soft)}
body[data-page] .inspiration-hero__signature span{width:64px;height:2px;background:var(--inspiration-accent)}
body[data-page] .inspiration-hero__signature small{font-family:"STKaiti","华文楷体","Kaiti SC",KaiTi,"楷体","Noto Serif CJK SC",serif;font-size:14px;font-weight:600;letter-spacing:.12em}
body[data-page] .inspiration-hero__seal{
  position:absolute;
  z-index:3;
  right:clamp(28px,4vw,58px);
  bottom:34px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:2px solid var(--color-cinnabar);
  background:var(--color-cinnabar-soft);
  color:var(--color-cinnabar);
  font-family:"STKaiti","华文楷体","Kaiti SC",KaiTi,"楷体",serif;
  font-size:29px;
  line-height:1;
  box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--color-cinnabar) 15%,transparent);
  clip-path:polygon(3% 6%,94% 2%,100% 92%,8% 100%,0 45%);
  transform:rotate(-5deg);
}
body[data-page="daily-reading"] .daily-reading-hero.inspiration-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;align-items:end}
body[data-page="daily-reading"] .daily-reading-hero.inspiration-hero::before{right:270px}
body[data-page="daily-reading"] .inspiration-hero__seal{right:274px}
body[data-page="daily-reading"] .inspiration-hero .reading-date-card{
  position:relative;
  z-index:1;
  min-height:176px;
  justify-items:start;
  padding:28px 0 10px 30px;
  border:0;
  border-left:1px solid color-mix(in srgb,var(--inspiration-accent) 36%,var(--color-border));
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
body[data-page="daily-reading"] .inspiration-hero .reading-date-card strong{font-family:var(--font-display);font-size:82px;font-weight:760;letter-spacing:-.08em}

@media(max-width:1080px){
  body[data-page="daily-reading"] .daily-reading-hero.inspiration-hero{grid-template-columns:1fr}
  body[data-page="daily-reading"] .daily-reading-hero.inspiration-hero::before{right:clamp(62px,8vw,118px)}
  body[data-page="daily-reading"] .inspiration-hero__seal{right:clamp(28px,4vw,58px)}
}
@media(max-width:640px){
  body[data-page] .inspiration-hero{
    min-height:0;
    margin:18px 0 28px;
    padding:30px 16px 30px 20px;
  }
  body[data-page] .inspiration-hero::before{top:34px;right:10px;font-size:126px;line-height:.8;opacity:.62;transform:rotate(-7deg)}
  body[data-page] .inspiration-hero::after{width:3px}
  body[data-page] .inspiration-hero__copy{width:100%}
  body[data-page] .inspiration-hero__meta{padding-right:82px;gap:10px}
  body[data-page] .inspiration-hero .eyebrow{font-size:13px;letter-spacing:.085em}
  body[data-page] .inspiration-hero__index{padding-left:10px;font-size:10px;letter-spacing:.11em}
  body[data-page] .inspiration-hero h1{max-width:100%;margin:36px 0 18px;font-size:clamp(46px,13vw,58px);line-height:1.12;letter-spacing:.015em}
  body[data-page] .inspiration-hero p{font-size:18px;line-height:1.7}
  body[data-page] .inspiration-hero__signature{margin-top:22px}
  body[data-page] .inspiration-hero__signature span{width:48px}
  body[data-page] .inspiration-hero__seal{right:12px;bottom:18px;width:42px;height:42px;font-size:23px}
}

@media(max-width:1040px){
  body[data-page="books"] .library-catalog{grid-template-columns:1fr;gap:28px}
  body[data-page="books"] .library-catalog__stats{max-width:620px}
  body[data-page="books"] .category-block.card,
  body[data-page="books"] .category-block[data-order]{grid-column:span 6!important}
  body[data-page="books"] .category-block--personal,
  body[data-page="books"] .category-block--kaoyan{grid-column:1/-1!important}
}
@media(max-width:760px){
  body[data-page="books"] .library-catalog{gap:22px;padding-inline:2px;padding-bottom:24px}
  body[data-page="books"] .library-catalog__intro{gap:12px}
  body[data-page="books"] .library-catalog__intro h2{font-size:38px}
  body[data-page="books"] .library-catalog__intro p{font-size:16px;line-height:1.6}
  body[data-page="books"] .library-catalog__stats div{padding-inline:12px}
  body[data-page="books"] .library-catalog__stats dd{font-size:27px}
  body[data-page="books"] .category-grid{grid-template-columns:1fr!important;gap:16px!important}
  body[data-page="books"] .category-block.card,
  body[data-page="books"] .category-block[data-order]{grid-column:1/-1!important}
  body[data-page="books"] .category-block--kaoyan .book-cards{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  body[data-page="books"] .library-catalog__stats{grid-template-columns:1fr;gap:0;background:transparent;border-top:1px solid var(--color-border)}
  body[data-page="books"] .library-catalog__stats div{flex-direction:row;align-items:center;justify-content:space-between;padding:9px 2px;border-bottom:1px solid var(--color-border);background:transparent}
  body[data-page="books"] .library-catalog__stats dd{font-size:23px}
  body[data-page="books"] .category-heading{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:21px 18px 18px}
  body[data-page="books"] .category-heading__number{width:42px;height:42px;font-size:14px}
  body[data-page="books"] .category-heading h2{font-size:34px}
  body[data-page="books"] .category-heading p{font-size:13px}
  body[data-page="books"] .category-count-badge{grid-column:2;justify-self:start;margin-top:-4px}
  body[data-page="books"] .book-cards{padding:13px;gap:10px}
  body[data-page="books"] .book-card.book-card-simple{grid-template-columns:62px minmax(0,1fr)!important;gap:14px;min-height:118px;padding:11px 13px 11px 11px}
  body[data-page="books"] .book-card__spine{min-height:96px}
  body[data-page="books"] .book-card__spine span{font-size:38px}
  body[data-page="books"] .book-card.book-card-simple h3{margin:6px 0 10px;font-size:21px}
  body[data-page="books"] .book-card__meta{gap:8px;padding-top:8px}
  body[data-page="books"] .book-card__action{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="books"] .book-card.book-card-simple,
  body[data-page="books"] .book-card__spine,
  body[data-page="books"] .book-card__action span{transition:none!important}
  body[data-page="books"] .book-card.book-card-simple:hover,
  body[data-page="books"] .book-card.book-card-simple:focus-visible,
  body[data-page="books"] .book-card.book-card-simple:hover .book-card__spine,
  body[data-page="books"] .book-card.book-card-simple:focus-visible .book-card__spine{transform:none!important}
}

/* Readable catalogue type scale: compensate for the app's compact display mode
   without changing the shared navigation size or page geometry. */
body[data-page="books"] .library-catalog__kicker,
body[data-page="books"] .category-heading__code{font-size:15px}
body[data-page="books"] .library-catalog__intro h2{font-size:clamp(46px,4.4vw,58px)}
body[data-page="books"] .library-catalog__intro p{font-size:21px;line-height:1.65}
body[data-page="books"] .library-catalog__stats dt{font-size:17px}
body[data-page="books"] .library-catalog__stats dd{font-size:36px}
body[data-page="books"] .category-heading__number{font-size:18px}
body[data-page="books"] .category-heading h2{font-size:42px}
body[data-page="books"] .category-heading p{font-size:17px;line-height:1.55}
body[data-page="books"] .category-count-badge{font-size:17px}
body[data-page="books"] .category-count-badge .bloom-icon{font-size:17px}
body[data-page="books"] .book-card__eyebrow{font-size:14px}
body[data-page="books"] .book-card.book-card-simple h3{font-size:29px;line-height:1.3}
body[data-page="books"] .book-word-count{font-size:16px}
body[data-page="books"] .book-word-count strong{font-size:21px}
body[data-page="books"] .book-card__action{font-size:17px}
body[data-page="books"] .book-card__action span{font-size:20px}