/* V4.7.0 — Shared premium skin for crawlable dictionary and SEO pages. */
:root{
  --seo-ink:#13213f;
  --seo-muted:#687a99;
  --seo-line:#dce7f5;
  --seo-bg:#f6f9fd;
  --seo-card:#fff;
  --seo-primary:#0b63f6;
  --seo-primary-dark:#0752c7;
  --seo-soft:#edf5ff;
  --seo-radius:22px;
  --seo-shadow:0 18px 44px rgba(38,83,149,.10);
}
body.seo-public-page{background:linear-gradient(180deg,#f9fbff,#f3f8fd)}
.seo-site-header{background:rgba(255,255,255,.95);color:var(--seo-ink);border-bottom:1px solid var(--seo-line);box-shadow:0 8px 28px rgba(37,75,130,.06)}
.seo-site-header-inner{min-height:74px;width:min(1180px,100%)}
.seo-brand{color:var(--seo-ink)}
.seo-brand-mark{background:linear-gradient(145deg,#2b86ff,#0b63f6);color:#fff;box-shadow:0 10px 20px rgba(11,99,246,.22)}
.seo-brand-copy small{color:var(--seo-muted)}
.seo-header-search{border:1px solid #dbe6f4;background:#f8fbff;box-shadow:none}
.seo-header-search input{background:transparent}
.seo-header-search button{background:linear-gradient(180deg,#2385ff,#075eea)}
.seo-shell{width:min(1180px,100%);padding-top:26px}
.seo-hero-card,.seo-route-landing,.seo-about-card{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(160,202,255,.4),transparent 27%),linear-gradient(135deg,#fff,#f0f7ff);box-shadow:var(--seo-shadow)}
.seo-hero-card::after,.seo-route-landing::after,.seo-about-card::after{content:"";position:absolute;right:-120px;bottom:-170px;width:360px;height:360px;border-radius:50%;background:rgba(11,99,246,.055);pointer-events:none}
.seo-kicker{background:#eaf3ff;color:#0b5fd7}
.seo-search-large input{border-color:#d5e3f5;box-shadow:0 9px 24px rgba(38,83,149,.06)}
.seo-button,.seo-search-large button{background:linear-gradient(180deg,#2385ff,#075eea);box-shadow:0 12px 24px rgba(11,99,246,.2)}
.seo-directory-nav,.seo-word-link,.seo-panel,.seo-directory-card,.seo-letter-directory a,.seo-hsk-directory a,.seo-footer{border-color:var(--seo-line);box-shadow:0 10px 26px rgba(40,80,140,.055)}
.seo-word-link,.seo-panel,.seo-directory-card,.seo-letter-directory a,.seo-hsk-directory a{background:linear-gradient(180deg,#fff,#f9fbff)}
.seo-word-link:hover,.seo-directory-card:hover,.seo-letter-directory a:hover,.seo-hsk-directory a:hover{transform:translateY(-3px);border-color:#b8d1f2;box-shadow:0 16px 32px rgba(40,80,140,.10)}
.seo-word-head span,.seo-footer a,.seo-breadcrumbs a{color:#0b63f6}
.seo-definition{border-left-color:#0b63f6;background:#f2f7ff}
.seo-chip,.seo-badge{background:#eaf3ff;color:#1b5dbf}
.seo-topic-nav a,.seo-directory-nav a,.seo-page-landmarks a{border-color:#d7e5f7;background:#fff;color:#245a9c}
.seo-topic-nav a.active,.seo-topic-nav a[aria-current="page"],.seo-alpha-nav a.active,.seo-alpha-nav a:hover{background:linear-gradient(180deg,#2385ff,#075eea);border-color:#0b63f6;color:#fff}
.seo-footer{background:linear-gradient(180deg,#f8fbff,#edf4ff)}
@media(max-width:620px){
  .seo-site-header-inner{min-height:60px}
  .seo-hero-card,.seo-entry-card,.seo-route-landing,.seo-about-card{border-radius:20px}
  .seo-shell{padding-top:14px}
}