:root {
      --ink:#1a1828;
      --ink2:#3c3a52;
      --ink3:#6b698a;
      --ink4:#a8a6c0;
      --bg:#f7f6f2;
      --white:#fff;
      --bd:#e4e2da;
      --red:#6b2d8b;
      --red2:#8b47b0;
      --grn:#1e7a50;
    }
    * { box-sizing:border-box; margin:0; padding:0; }
    body {
      font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
      background:var(--bg);
      color:var(--ink);
      line-height:1.85;
    }
    a { color:inherit; text-decoration:none; }
    .container { max-width:980px; margin:0 auto; padding:0 24px; }
    .nav {
      position:sticky; top:0; z-index:50;
      background:rgba(247,246,242,.95);
      backdrop-filter:blur(12px);
      border-bottom:1px solid var(--bd);
    }
    .nav-inner {
      height:60px; display:flex; align-items:center; justify-content:space-between; gap:16px;
    }
    .nav-logo { display:flex; align-items:center; gap:10px; }
    .nav-logo-mark {
      width:34px; height:34px; border-radius:8px; background:var(--ink);
      color:#fff; display:flex; align-items:center; justify-content:center;
      font-family:'Noto Serif SC',serif; font-weight:900;
    }
    .nav-logo-text { font-size:16px; font-weight:700; }
    .nav-logo-sub { font-size:10px; color:var(--ink3); margin-top:-2px; }
    .nav-link {
      padding:9px 16px; border-radius:8px; background:var(--red); color:#fff;
      font-size:13px; font-weight:700;
    }
    .hero {
      padding:42px 0 24px;
      border-bottom:1px solid var(--bd);
      background:linear-gradient(180deg,#fff 0%,#faf8fd 100%);
    }
    .breadcrumb {
      display:flex; flex-wrap:wrap; gap:8px; align-items:center;
      font-size:12px; color:var(--ink3); margin-bottom:20px;
    }
    .breadcrumb a:hover { color:var(--red); }
    .hero-kicker {
      display:inline-block; font-size:11px; font-weight:700; letter-spacing:1px;
      color:var(--red); margin-bottom:14px;
    }
    h1 {
      font-family:'Noto Serif SC',serif; font-size:42px; line-height:1.22; font-weight:900;
      margin-bottom:14px;
    }
    .hero-meta { color:var(--ink3); font-size:13px; display:flex; gap:12px; flex-wrap:wrap; }
    .main {
      padding:36px 0 72px;
    }
    .layout {
      display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:28px; align-items:start;
    }
    .article-card, .aside-card, .related-card, .empty-card {
      background:var(--white); border:1px solid var(--bd); border-radius:20px;
      box-shadow:0 10px 30px rgba(26,24,40,.04);
    }
    .article-card { padding:32px; }
    .summary {
      margin-bottom:24px; padding:18px 20px; border-radius:14px;
      background:#faf8fd; color:var(--ink2); font-size:16px;
      border:1px solid rgba(107,45,139,.1);
    }
    .tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
    .tag {
      display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px;
      font-size:12px; font-weight:700; background:rgba(107,45,139,.08); color:var(--red);
    }
    .article-body h2 {
      font-family:'Noto Serif SC',serif; font-size:26px; line-height:1.35;
      margin:32px 0 12px;
    }
    .article-body h3 {
      font-family:'Noto Serif SC',serif; font-size:22px; line-height:1.4;
      margin:24px 0 10px;
    }
    .article-body p { margin-bottom:16px; color:var(--ink2); font-size:16px; }
    .article-body strong { color:var(--ink); }
    .article-body ul, .article-body ol { margin:0 0 18px 22px; padding-left:12px; color:var(--ink2); }
    .article-body li { margin-bottom:8px; }
    .article-body blockquote { margin:20px 0; padding:14px 18px; border-left:4px solid rgba(107,45,139,.25); background:#faf8fd; border-radius:0 12px 12px 0; color:var(--ink2); }
    .article-body a { color:var(--red); text-decoration:underline; text-underline-offset:3px; word-break:break-word; }
    .article-body figure { margin:24px 0; }
    .article-body img { display:block; max-width:100%; height:auto; border-radius:16px; border:1px solid var(--bd); }
    .article-body figcaption { margin-top:8px; font-size:12px; color:var(--ink3); text-align:center; }
    .article-body .md-table-wrap { margin:20px 0; overflow-x:auto; border:1px solid var(--bd); border-radius:12px; background:var(--white); }
    .article-body table { width:100%; border-collapse:collapse; min-width:520px; }
    .article-body th, .article-body td { padding:12px 14px; border-bottom:1px solid var(--bd); text-align:left; vertical-align:top; color:var(--ink2); }
    .article-body thead th { background:#faf8fd; color:var(--ink); font-weight:700; }
    .article-body tbody tr:last-child td { border-bottom:none; }
    .aside-card { padding:24px; position:sticky; top:92px; }
    .aside-title {
      font-family:'Noto Serif SC',serif; font-size:22px; line-height:1.35; margin-bottom:12px;
    }
    .aside-text { font-size:14px; color:var(--ink2); margin-bottom:16px; }
    .contact-box {
      padding:14px; border-radius:14px; background:#faf8fd; border:1px solid rgba(107,45,139,.1);
      margin-bottom:16px;
    }
    .contact-label { font-size:12px; color:var(--ink3); margin-bottom:6px; }
    .contact-value { font-size:18px; font-weight:700; color:var(--ink); }
    .btn-primary, .btn-secondary {
      display:inline-flex; justify-content:center; align-items:center; width:100%;
      border-radius:12px; padding:13px 16px; font-size:14px; font-weight:700;
    }
    .btn-primary { background:var(--red); color:#fff; }
    .btn-secondary { border:1px solid var(--bd); color:var(--ink); margin-top:10px; }
    .section-title {
      font-family:'Noto Serif SC',serif; font-size:28px; margin:40px 0 18px;
    }
    .related-grid {
      display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;
    }
    .related-card { padding:22px; transition:transform .18s, box-shadow .18s; }
    .related-card:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(26,24,40,.08); }
    .related-date { font-size:12px; color:var(--ink4); margin-bottom:8px; }
    .related-title { font-size:17px; font-weight:700; line-height:1.45; margin-bottom:8px; }
    .related-summary { font-size:14px; color:var(--ink3); }
    .empty-card {
      padding:44px 28px; text-align:center;
    }
    .empty-title {
      font-family:'Noto Serif SC',serif; font-size:30px; margin-bottom:10px;
    }
    .empty-text { color:var(--ink3); margin-bottom:18px; }
    footer {
      background:var(--ink); color:rgba(255,255,255,.68); padding:36px 0;
    }
    .footer-inner { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
    .footer-brand { max-width:560px; }
    .footer-name { color:#fff; font-size:18px; font-weight:700; margin-bottom:8px; }
    .footer-text { font-size:13px; line-height:1.9; }
    .footer-link { color:#fff; font-size:13px; }
    @media (max-width: 900px) {
      .layout { grid-template-columns:1fr; }
      .aside-card { position:static; }
      .related-grid { grid-template-columns:1fr; }
      h1 { font-size:32px; }
    }
    @media (max-width: 600px) {
      .container { padding:0 16px; }
      .article-card { padding:24px 18px; }
      .hero { padding-top:28px; }
      .nav-link { display:none; }
      h1 { font-size:28px; }
      .footer-inner { flex-direction:column; }
    }