:root {
      color-scheme: light;
      --ink: #15223a;
      --muted: #62708a;
      --line: #d9e3ee;
      --soft: #f4f8fb;
      --paper: #ffffff;
      --blue: #0073bc;
      --blue-deep: #0b4d83;
      --teal: #00a6a6;
      --gold: #d49b2f;
      --shadow: 0 18px 48px rgba(19, 44, 78, 0.12);
      --font-sans: "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
      --font-serif: Georgia, "Times New Roman", "Songti SC", serif;
    }

    * { box-sizing: border-box; }
    body { margin: 0; color: var(--ink); background: #f7fafc; font-family: var(--font-sans); line-height: 1.5; }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; }
    .skip-link { position: fixed; left: 14px; top: 10px; z-index: 100; padding: 10px 14px; color: #fff; background: #111827; transform: translateY(-160%); transition: transform 160ms ease; }
    .skip-link:focus { transform: translateY(0); }
    :where(a, button, summary):focus-visible { outline: 3px solid #f7c948; outline-offset: 3px; }
    .global-header { height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 clamp(18px, 4vw, 56px); background: #fff; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 10; }
    .brand { color: var(--blue-deep); font-size: 1.35rem; font-weight: 900; letter-spacing: 0; }
    .global-header nav { display: flex; flex-wrap: wrap; gap: 18px; color: var(--muted); font-size: 0.94rem; font-weight: 800; }
    .global-header nav a { min-height: 44px; display: inline-flex; align-items: center; }
    .global-header nav a:hover, .global-header nav .active { color: var(--blue); }
    .journal-hero { min-height: 238px; display: flex; align-items: end; background: linear-gradient(135deg, rgba(8, 76, 132, 0.94), rgba(0, 166, 166, 0.76)), url("../assets/reports/liquid-cooling-ai-datacenter/report-hero-ai-datacenter-optimized.jpg") center/cover; color: #fff; }
    .hero-inner { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 36px 0 34px; }
    .breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; color: rgba(255, 255, 255, 0.84); font-size: 0.88rem; font-weight: 700; }
    .journal-hero h1 { max-width: 820px; margin: 0; font-family: var(--font-serif); font-size: clamp(2.4rem, 5.4vw, 5.8rem); line-height: 0.96; letter-spacing: 0; }
    .journal-subtitle { margin: 12px 0 0; font-size: clamp(1rem, 2vw, 1.35rem); font-weight: 800; opacity: 0.9; }
    .journal-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
    .journal-meta span { border: 1px solid rgba(255, 255, 255, 0.42); padding: 8px 12px; background: rgba(255, 255, 255, 0.12); font-weight: 800; font-size: 0.82rem; }
    .journal-nav { display: flex; gap: 0; overflow-x: auto; border-bottom: 1px solid var(--line); background: #fff; padding-left: max(18px, calc((100vw - 1180px) / 2)); }
    .journal-nav a { min-height: 44px; padding: 16px 22px; color: var(--muted); border-right: 1px solid var(--line); font-weight: 800; white-space: nowrap; }
    .journal-nav a.active, .journal-nav a:hover { color: #fff; background: var(--blue); }
    .page-shell { width: min(1180px, calc(100% - 36px)); margin: 34px auto 72px; display: grid; grid-template-columns: 294px minmax(0, 1fr); gap: 32px; align-items: start; }
    .issue-panel { position: sticky; top: 92px; }
    .cover-card { overflow: hidden; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow); }
    .cover-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--soft); }
    .cover-card div { padding: 18px; border-top: 5px solid var(--blue); }
    .cover-card span { display: block; color: var(--muted); font-size: 0.86rem; font-weight: 800; }
    .cover-card strong { display: block; margin-top: 4px; color: var(--blue-deep); font-family: var(--font-serif); font-size: 2rem; }
    .issue-facts { margin: 18px 0 0; border: 1px solid var(--line); background: #fff; }
    .issue-facts div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 15px; border-bottom: 1px solid var(--line); }
    .issue-facts div:last-child { border-bottom: 0; }
    .issue-facts dt { color: var(--muted); font-weight: 800; }
    .issue-facts dd { margin: 0; color: var(--ink); text-align: right; font-weight: 900; }
    .contents-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 16px; padding: 0 16px; background: var(--blue); color: #fff; font-weight: 900; }
    .theme-box { margin-top: 24px; padding: 20px; border: 1px solid var(--line); background: #fff; }
    .theme-box h2 { margin: 0 0 14px; font-size: 1.04rem; color: var(--blue-deep); }
    .theme-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .theme-list span { padding: 7px 10px; background: var(--soft); color: var(--muted); font-size: 0.82rem; font-weight: 800; }
    .theme-list em { color: var(--blue); font-style: normal; }
    .issue-title { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 3px solid var(--blue); }
    .issue-title span { color: var(--gold); font-size: 0.82rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
    .issue-title h2 { margin: 6px 0 8px; font-family: var(--font-serif); font-size: clamp(2rem, 3vw, 3.2rem); line-height: 1; }
    .issue-title p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.7; }
    .journal-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
    .journal-actions button { min-height: 44px; padding: 0 14px; border: 1px solid var(--blue); color: var(--blue-deep); background: #fff; cursor: pointer; font-weight: 900; }
    .article-list { display: grid; gap: 18px; }
    .paper-row { display: grid; grid-template-columns: minmax(0, 1fr) 196px; gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--line); background: #fff; }
    .paper-body { padding-left: 24px; }
    .paper-type { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-bottom: 8px; color: var(--blue); font-size: 0.8rem; font-weight: 900; text-transform: uppercase; }
    .paper-type em { color: var(--teal); font-style: normal; text-transform: none; }
    .paper-row h3 { margin: 0; color: var(--blue-deep); font-family: var(--font-serif); font-size: clamp(1.35rem, 2vw, 2.05rem); line-height: 1.18; }
    .paper-row h3 a:hover { color: var(--blue); }
    .authors { margin: 10px 0 0; color: var(--ink); font-weight: 700; line-height: 1.5; }
    .publish-line { margin: 8px 0 0; color: var(--muted); font-size: 0.9rem; font-weight: 700; }
    .abstract-lede { margin: 14px 0 0; color: #34445f; line-height: 1.72; }
    .paper-detail { margin-top: 14px; border-top: 1px solid var(--line); }
    .paper-detail summary { cursor: pointer; padding: 12px 0; color: var(--blue); font-weight: 900; }
    .paper-detail section { padding: 4px 0 10px; }
    .paper-detail h4 { margin: 0 0 6px; color: var(--blue-deep); }
    .paper-detail p { margin: 0; color: #34445f; line-height: 1.72; }
    .article-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
    .article-actions a { display: inline-flex; min-height: 44px; align-items: center; padding: 9px 12px; border: 1px solid var(--blue); color: var(--blue); font-weight: 900; }
    .paper-thumb { display: block; padding-right: 24px; align-self: start; }
    .paper-thumb img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--line); background: var(--soft); }
    .archive-shell { width: min(980px, calc(100% - 36px)); margin: 36px auto 72px; }
    .archive-list { display: grid; gap: 14px; }
    .archive-row { display: flex; justify-content: space-between; gap: 22px; align-items: center; padding: 22px 24px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow); }
    .archive-row span { color: var(--gold); font-weight: 900; font-size: 0.82rem; }
    .archive-row h2 { margin: 4px 0 6px; color: var(--blue-deep); font-family: var(--font-serif); }
    .archive-row p { margin: 0; color: var(--muted); }
    .empty-state { padding: 30px; background: #fff; border: 1px solid var(--line); }
    .paper-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; padding: 28px 18px 36px; border-top: 1px solid var(--line); color: var(--muted); background: #fff; font-size: 0.92rem; font-weight: 800; }
    .paper-footer a { min-height: 44px; display: inline-flex; align-items: center; }

    @media (max-width: 900px) {
      .page-shell { grid-template-columns: 1fr; }
      .issue-panel { position: static; display: grid; grid-template-columns: minmax(160px, 240px) minmax(0, 1fr); gap: 18px; }
      .theme-box { grid-column: 1 / -1; margin-top: 0; }
      .paper-row { grid-template-columns: 1fr; }
      .paper-body { padding-right: 24px; }
      .paper-thumb { padding: 0 24px 0; }
      .paper-thumb img { max-height: 260px; }
    }

    @media (max-width: 620px) {
      .global-header { height: auto; min-height: 64px; align-items: flex-start; flex-direction: column; padding-top: 14px; padding-bottom: 14px; }
      .global-header nav { width: 100%; flex-wrap: nowrap; overflow-x: auto; }
      .journal-hero { min-height: 220px; }
      .issue-panel { display: block; }
      .issue-facts, .contents-link { width: 100%; }
      .archive-row { align-items: stretch; flex-direction: column; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
    }