/* 第七轮视觉精修：沿用主题与页面结构，只调整文字和控件的呈现。 */
body {
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.brand { letter-spacing:.65px; }
.main-nav a { font-weight:500; letter-spacing:.2px; }
.main-nav a[aria-current="page"] { color:var(--accent); }
.main-nav a[aria-current="page"]:after { border-radius:2px; }

.button {
  border-radius:5px;
  font-weight:500;
  letter-spacing:.15px;
  transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease;
}
.button.primary { box-shadow:0 2px 5px var(--shadow-color); }
.button.primary:hover { box-shadow:0 4px 12px var(--shadow-color); }
.text-link,.main-nav a,.filter-button,.carousel-arrow {
  transition:color 140ms ease,background-color 140ms ease,border-color 140ms ease;
}
.library-search input,.archive-controls select,.search-form {
  border-radius:5px;
  transition:border-color 140ms ease,box-shadow 140ms ease;
}
.library-search input:focus-visible,.archive-controls select:focus-visible {
  outline:2px solid var(--focus);
  outline-offset:3px;
}
.button:focus-visible,.text-link:focus-visible,.main-nav a:focus-visible,
.filter-button:focus-visible,.carousel-arrow:focus-visible {
  outline:2px solid var(--focus);
  outline-offset:4px;
}

.hero-carousel,.hero-screen { border-radius:6px; }
.hero-screen { box-shadow:inset 0 0 0 1px var(--line); }
.hero-slide-copy h2 { font-weight:600; letter-spacing:.25px; }
.hero-slide-copy p { line-height:1.8; }
.video-cover,.shop-art { border-radius:5px; }
.video-card h3 { font-weight:600; }
.content-meta { line-height:1.6; font-variant-numeric:tabular-nums; }
.content-meta .category { font-weight:500; }
.section-heading h2,.library-all-heading h2,.spotlight-heading h1 {
  font-weight:600;
  letter-spacing:.6px;
}
.article-row h3,.store-card h3,.topic-tile h3 { font-weight:600; }
.video-card:hover h3,.article-row:hover h3,.store-card:hover h3 {
  color:var(--accent);
}
.article-row h3,.video-card h3,.store-card h3 {
  transition:color 140ms ease;
}
.topic-tile { border-radius:5px; }
.topic-tile:after { opacity:.25; }
.topic-tile h3 { line-height:1.6; }
.store-card-copy>p { line-height:1.9; }
.store-card-bottom>strong { font-weight:500; font-variant-numeric:tabular-nums; }

.spotlight-stage {
  border-radius:6px;
  box-shadow:0 3px 14px var(--shadow-color);
}
.spotlight-copy h2 { font-weight:600; letter-spacing:.2px; line-height:1.55; }
.spotlight-description { line-height:1.95; }
.spotlight-copy>.button.primary { border-radius:4px; }
.spotlight-toolbar button { border-radius:4px; }
.spotlight-tab-title { font-weight:500; }
.spotlight-tab-category { letter-spacing:.15px; }
.spotlight-tab,.spotlight-toolbar button {
  transition:color 140ms ease,background-color 140ms ease,border-color 140ms ease;
}
.spotlight-media { box-shadow:inset 0 0 0 1px var(--feature-line); }

.detail-heading h1,.product-detail-copy h1,.intro-block h2,.about-panel h2 {
  font-weight:600;
  letter-spacing:.3px;
}
.article-body {
  line-height:2.1;
  letter-spacing:.15px;
  word-break:normal;
}
.article-body p { text-wrap:pretty; }
.article-body .lead { line-height:1.95; }
.about-panel { border-radius:6px; box-shadow:inset 0 0 0 1px var(--line); }
.about-panel a { text-underline-offset:4px; }
.portrait-placeholder .seal { border-radius:3px; }
.site-footer .footer-brand { letter-spacing:.5px; }
.footer-top p { line-height:1.8; }

@media(min-width:761px) {
  .main-nav { box-shadow:none; }
  .content-meta,.spotlight-copy .content-meta { font-size:12px; }
  .section-heading p { font-size:13px; line-height:1.8; }
  .home-page .article-row h3 { font-size:22px; }
  .article-row p { font-size:14px; line-height:1.9; }
  .video-card h3 { font-size:18px; }
  .spotlight-description { font-size:14px; }
  .store-card-copy>p { font-size:13px; }
  .about-panel p { line-height:2; }
}
@media(min-width:981px) {
  .home-page .hero h1 {
    font-size:clamp(38px,3.6vw,49px);
    font-weight:600;
    line-height:1.5;
    letter-spacing:1px;
  }
}
@media(max-width:760px) {
  .home-page .hero h1 { font-weight:600; letter-spacing:.6px; }
  .content-meta,.spotlight-copy .content-meta { font-size:11px; }
  .hero-slide-copy h2 { letter-spacing:0; }
  .spotlight-copy h2 { letter-spacing:0; }
  .article-body { line-height:2.05; letter-spacing:.1px; }
}
@media(prefers-reduced-motion:reduce) {
  .button,.text-link,.main-nav a,.filter-button,.carousel-arrow,
  .library-search input,.archive-controls select,.search-form,
  .article-row h3,.video-card h3,.store-card h3,
  .spotlight-tab,.spotlight-toolbar button { transition:none; }
}

/* 真实素材沿用原缩略图区尺寸，详情正文使用原文对应配图。 */
.article-thumb{overflow:hidden;flex-shrink:0}
.article-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
.article-lead-image{max-width:750px;margin:28px auto 0}
.article-lead-image>img{display:block;width:100%;height:auto;border-radius:5px}
.article-lead-image figcaption{font-family:var(--sans);font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}
.article-lead-image a,.demo-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* 真实媒体播放器与精选展示；标题仅保留在左侧选择栏。 */
.inline-video { position:relative; width:100%; height:100%; overflow:hidden; background:var(--media-bg); }
.inline-video>video { display:block; width:100%; height:100%; object-fit:contain; }
.inline-video:not(.has-started)>video { object-fit:cover; }
.media-play {
  position:absolute; inset:0; display:grid; place-items:center;
  width:100%; height:100%; padding:0; border:0; border-radius:inherit;
  background:transparent; color:var(--feature-accent); cursor:pointer;
}
.media-play[hidden] { display:none; }
.media-play>span {
  display:grid; place-items:center; width:58px; height:58px;
  border:1px solid var(--feature-line); border-radius:50%; background:var(--surface);
  box-shadow:0 3px 14px var(--shadow-color);
}
.media-play svg { width:17px; height:20px; margin-left:4px; fill:currentColor; }
.media-play:hover>span { transform:scale(1.06); }
.media-play:focus-visible { outline:3px solid var(--focus); outline-offset:-5px; }
.hero-screen>.inline-video,.hero-screen>.hero-image { position:absolute; inset:0; width:100%; height:100%; }
.hero-image>.art { display:block; width:100%; height:100%; }
.hero-image .art:after { display:none; }
.spotlight-video .spotlight-panels,.spotlight-article .spotlight-panels,.spotlight-shop .spotlight-panels { display:grid; background:var(--surface); }
.spotlight-panel.spotlight-panel-media {
  display:grid; grid-template-columns:minmax(0,1fr); place-items:center; position:relative; aspect-ratio:auto;
  min-height:0; height:auto; padding:24px; background:var(--surface);
}
.spotlight-panel-media[hidden] { display:none; }
.spotlight-panel-media>.spotlight-media {
  position:relative; inset:auto; width:100%; height:auto;
  min-height:0; aspect-ratio:16/9; border-radius:4px; box-shadow:none;
}
.spotlight-panel-media>.spotlight-media.inline-video>video { position:absolute; inset:0; }
@media(min-width:981px) {
  .home-page .hero { grid-template-columns:minmax(0,.783fr) minmax(0,1.217fr); }
}
@media(max-width:760px) {
  .media-play>span { width:50px; height:50px; }
  .spotlight-panel.spotlight-panel-media { padding:14px; }
}

/* 第十轮：首页控制融入16:9画面，不再保留底部提示或控制栏。 */
.home-page .hero-screen { aspect-ratio:16/9; }
.home-page .hero-carousel { align-self:center; }
.hero-overlay-controls {
  position:absolute; inset:0; display:block; pointer-events:none;
}
.hero-overlay-controls .carousel-arrow {
  position:absolute; top:50%; width:30px; height:50px; padding:4px;
  transform:translateY(-50%); border:0; border-radius:0 4px 4px 0;
  background:rgb(0 0 0 / 28%); color:#fff; pointer-events:auto;
}
.hero-overlay-controls .carousel-arrow:first-child { left:0; }
.hero-overlay-controls .carousel-arrow:last-child { right:0; border-radius:4px 0 0 4px; }
.hero-overlay-controls .carousel-arrow svg { width:24px; height:28px; stroke-width:2.5; }
.hero-overlay-controls .carousel-arrow:disabled { opacity:.35; }
.hero-overlay-controls .carousel-arrow:hover:not(:disabled) { background:rgb(0 0 0 / 46%); color:#fff; }
.hero-overlay-controls .carousel-dots {
  position:absolute; right:12px; bottom:10px; gap:0; pointer-events:auto;
}
.hero-overlay-controls .carousel-dots button {
  position:relative; width:20px; height:26px; padding:0; border:0;
  border-radius:0; background:transparent;
}
.hero-overlay-controls .carousel-dots button:before {
  inset:auto; top:50%; left:50%; width:8px; height:8px;
  border:1px solid #fff; border-radius:50%; background:rgb(0 0 0 / 15%);
  transform:translate(-50%,-50%); box-shadow:0 0 2px rgb(0 0 0 / 30%);
}
.hero-overlay-controls .carousel-dots button[aria-current=true]:before { background:#fff; }
.hero-overlay-controls button:focus-visible { outline:2px solid #fff; outline-offset:-3px; }
.hero-carousel:has(.hero-slide:not([inert]) .inline-video.has-started) .carousel-dots { bottom:52px; }
@media(max-width:760px) {
  .hero-overlay-controls .carousel-arrow { width:26px; height:44px; }
  .hero-overlay-controls .carousel-arrow svg { width:20px; }
  .hero-overlay-controls .carousel-dots { right:8px; bottom:6px; }
}

/* 第十一轮：文章左图右文，统一阅读节奏。 */
.article-row.article-with-image {
  grid-template-columns:176px minmax(0,1fr); gap:24px; align-items:start;
  padding:20px 0;
}
.article-row.article-with-image:first-child { padding-top:0; }
.article-row-copy { min-width:0; }
.article-row.article-with-image .article-thumb {
  position:relative; display:block; width:100%; height:112px;
  border:0; border-radius:4px; overflow:hidden; background:var(--soft);
}
.article-with-image .article-thumb>.art { display:block; width:100%; height:100%; }
.article-with-image .article-thumb .art-caption { display:none; }
.article-row.article-with-image h3 { font-size:22px; line-height:1.55; }
.article-row.article-with-image p { margin-top:8px; font-size:14px; line-height:1.8; }
.article-with-image .content-meta { margin-top:10px; gap:5px 10px; }
.article-row.article-with-image:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
.home-page .article-row.article-with-image { grid-template-columns:132px minmax(0,1fr); gap:18px; }
.home-page .article-with-image .article-thumb { height:88px; }
.home-page .article-with-image h3 { font-size:20px; }
.home-page .article-with-image p { -webkit-line-clamp:1; font-size:13px; }

/* 合作页只保留说明、联系方式和二维码。 */
.cooperation-page { max-width:1040px; padding-bottom:40px; }
.cooperation-page .page-heading { padding-top:32px; padding-bottom:26px; }
.cooperation-page .breadcrumbs { margin-bottom:12px; }
.cooperation-page .page-heading h1 { font-size:34px; line-height:1.5; overflow-wrap:anywhere; }
.cooperation-page .page-heading>p { max-width:640px; white-space:pre-line; }
.cooperation-contact {
  display:grid; grid-template-columns:minmax(0,1fr) 200px; align-items:center;
  gap:64px; padding:30px 0 34px; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.cooperation-contact.contact-only { grid-template-columns:minmax(0,1fr); }
.cooperation-details h2 { margin:0 0 22px; font-family:var(--serif); font-size:23px; font-weight:600; }
.cooperation-methods { margin:0; }
.cooperation-methods>div { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; margin:14px 0 0; align-items:baseline; }
.cooperation-methods dt { font-size:13px; color:var(--muted); }
.cooperation-methods dd { margin:0; font-size:17px; line-height:1.8; overflow-wrap:anywhere; }
.cooperation-methods a { color:var(--accent); text-underline-offset:4px; }
.cooperation-methods a:hover { text-decoration:underline; }
.cooperation-qr { min-width:0; max-width:200px; margin:0; justify-self:end; text-align:center; overflow-wrap:anywhere; }
.cooperation-qr-box {
  display:grid; place-items:center; width:176px; height:176px; padding:12px;
  border:1px solid var(--line); border-radius:4px; background:#fff;
}
.cooperation-qr-box.is-empty { background:var(--soft); border-style:dashed; }
.cooperation-qr-box img { display:block; width:100%; height:100%; object-fit:contain; }
.cooperation-qr-box span { color:var(--muted); font-size:12px; }
.cooperation-qr figcaption { margin-top:12px; font-size:13px; }
.cooperation-qr>p { max-width:176px; margin:7px 0 0; color:var(--muted); font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
@media(max-width:760px) {
  .article-row.article-with-image,.home-page .article-row.article-with-image { grid-template-columns:92px minmax(0,1fr); gap:14px; padding:18px 0; }
  .article-row.article-with-image:first-child { padding-top:0; }
  .article-row.article-with-image .article-thumb { height:72px; }
  .article-row.article-with-image h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:17px; line-height:1.55; }
  .article-row.article-with-image p { -webkit-line-clamp:1; margin-top:5px; font-size:12px; line-height:1.75; }
  .article-with-image .content-meta { margin-top:7px; column-gap:7px; font-size:10px; }
  .cooperation-page { padding-bottom:30px; }
  .cooperation-page .page-heading { padding-top:25px; padding-bottom:22px; }
  .cooperation-page .page-heading h1 { font-size:30px; }
  .cooperation-contact { grid-template-columns:minmax(0,1fr); gap:28px; padding:25px 0 28px; }
  .cooperation-details h2 { margin-bottom:16px; font-size:22px; }
  .cooperation-methods dd { font-size:15px; }
  .cooperation-qr { justify-self:center; }
  .cooperation-qr-box { width:164px; height:164px; }
}
@media(max-width:380px) {
  .article-row.article-with-image,.home-page .article-row.article-with-image { grid-template-columns:78px minmax(0,1fr); gap:12px; }
  .article-row.article-with-image .article-thumb { height:64px; }
  .article-row.article-with-image h3 { font-size:16px; }
}

/* 第十二轮：焦点图标题回到画面左下，商品精选统一使用留白媒体面板。 */
.hero-caption-shade {
  position:absolute; inset:auto 0 0; height:32%; pointer-events:none;
  background:linear-gradient(0deg,rgb(0 0 0 / 62%),transparent);
}
.hero-caption {
  position:absolute; left:18px; right:116px; bottom:12px; margin:0;
  color:#fff; font-family:var(--sans); font-size:18px; font-weight:400; line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; overflow-wrap:anywhere; text-wrap:balance; pointer-events:none;
  text-shadow:0 1px 3px rgb(0 0 0 / 30%);
}
.hero-screen:has(.inline-video.has-started) .hero-caption,
.hero-screen:has(.inline-video.has-started) .hero-caption-shade { display:none; }
@media(max-width:760px) {
  .hero-caption { left:12px; right:100px; bottom:10px; font-size:14px; }
}

/* 第十三轮：列表跟随页面左边缘；视频详情只呈现摘要。 */
.article-list,.library-page .article-list { max-width:none; margin:0; }
.video-summary { margin:22px 0 26px; color:var(--muted); font-size:16px; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }
.video-summary p { margin:0; }

/* 专题封面：栏目与首页共用，文案固定在画面左下角。 */
.topic-tile.topic-cover-card {
  display:block; position:relative; padding:0; margin:0;
  width:100%; min-width:0; min-height:220px; aspect-ratio:16/10;
  overflow:hidden; isolation:isolate; border:1px solid var(--line);
  border-radius:5px; background:var(--media-bg); color:#fff;
}
.topic-tile.topic-cover-card::after { content:none; }
.topic-cover,.topic-shade { position:absolute; inset:0; }
.topic-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.topic-cover .art { position:absolute; inset:0; }
.topic-cover .art-caption { display:none; }
.topic-shade {
  background:linear-gradient(180deg,rgba(17,31,55,.04) 15%,rgba(17,31,55,.38) 42%,rgba(17,31,55,.96) 100%);
}
.topic-copy { position:absolute; z-index:1; left:23px; right:23px; bottom:21px; text-align:left; }
.topic-tile.topic-cover-card h3 {
  margin:0; font-size:23px; line-height:1.5; color:#fff;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.topic-tile.topic-cover-card p {
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  max-width:none; margin:7px 0 0; font-size:13px; line-height:1.75; color:#fff;
}
.topic-tile.topic-cover-card:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
.home-reading .home-article-column { min-width:0; display:flex; flex-direction:column; }
.home-reading .home-article-list { flex:1; display:flex; flex-direction:column; justify-content:space-between; }
.home-article-list .article-row:last-child { padding-bottom:0; }
.home-reading .topic-aside { min-width:0; padding-top:0; display:flex; flex-direction:column; }
.home-reading .topic-aside>.section-heading { flex:none; }
.home-reading .topic-aside-list {
  flex:1; display:grid; grid-template-columns:minmax(0,1fr);
  grid-auto-rows:minmax(0,1fr); gap:14px; min-height:0;
}
.home-reading .topic-cover-card { min-height:160px; aspect-ratio:auto; }
.home-reading .topic-copy { left:20px; right:20px; bottom:18px; }
.home-reading .topic-cover-card h3 { font-size:21px; }
.article-audio {
  min-width:0; margin:24px 0; padding:17px 20px 15px;
  background:var(--soft); border:1px solid var(--line); border-radius:6px;
  font-family:var(--sans); color:var(--ink); color-scheme:light;
}
.article-audio-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.article-audio-heading>span { font-size:16px; font-weight:600; }
.article-audio-heading label { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.article-audio-heading select {
  width:84px; min-width:0; margin:0; padding:6px 8px; border:1px solid var(--line-strong);
  border-radius:4px; background:var(--white); color:var(--ink); font:inherit; line-height:1.5;
}
.article-audio audio { display:block; width:100%; min-width:0; height:46px; }
.article-audio-error { font-size:12px; line-height:1.7; color:var(--error-ink); margin:10px 0 0; }
.article-audio-error[hidden] { display:none; }
@media(max-width:760px) {
  .article-audio { padding:14px 12px; margin:20px 0; }
  .article-audio-heading { gap:8px; }
  .article-audio-heading>span { font-size:15px; }
  .article-audio-heading label { gap:6px; font-size:11px; }
  .topic-tile.topic-cover-card { aspect-ratio:16/9; min-height:190px; }
  .topic-copy { left:20px; right:20px; bottom:18px; }
  .topic-tile.topic-cover-card h3 { font-size:22px; }
  .home-reading .topic-aside { border-top:1px solid var(--line); padding-top:26px; }
  .home-reading .topic-aside-list { flex:none; grid-auto-rows:auto; gap:14px; }
  .home-reading .topic-cover-card { aspect-ratio:16/9; min-height:190px; }
}
@media(max-width:380px) {
  .topic-tile.topic-cover-card,.home-reading .topic-cover-card { min-height:180px; }
  .topic-copy,.home-reading .topic-copy { left:17px; right:17px; bottom:16px; }
  .topic-tile.topic-cover-card h3 { font-size:21px; }
  .topic-tile.topic-cover-card p { font-size:12px; }
}

/* 首页图片链接覆盖画面，导航与轮播控件保留原有层级。 */
.hero-article-link { display:block; cursor:pointer; }
.hero-article-link:focus-visible { outline:3px solid var(--accent); outline-offset:-4px; }