/* 成长专栏与文章阅读页；沿用官网字体、色彩与品牌。 */
.journal{background:var(--paper)}
.journal__header .header__in{justify-content:space-between;height:72px}
.journal__nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}
.journal__nav a:hover,.journal__nav [aria-current]{color:var(--rose)}
.journal__intro{padding:64px 0 36px}
.journal__intro h1{font-size:clamp(30px,5vw,46px);max-width:18em;margin-bottom:16px}
.journal__intro .sec__lead{margin-bottom:18px}
.journal__topics{display:flex;flex-wrap:wrap;gap:8px}
.journal__topics a,.journal__tags a,.journal__category{font-size:13px;color:var(--rose);background:var(--rose-soft);padding:6px 12px;border-radius:999px}
.journal__topics a{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent}
.journal__topics a[aria-current]{border-color:var(--rose);font-weight:700}
.journal__topics a:hover,.journal__tags a:hover{background:var(--rose);color:#fff}
.journal a:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
.journal__tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.journal__tags a{display:inline-block;font-size:12px}
.journal__list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.journal__list-heading h2{font-size:23px}
.journal__list-heading p{font-size:14px;color:var(--muted);white-space:nowrap}
.journal__list{padding-bottom:48px}
.journal__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.journal__card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .2s}
.journal__card:only-child{grid-column:1/-1}
.journal__card:hover{border-color:var(--rose)}
.journal__cover{width:100%;aspect-ratio:3/1;object-fit:contain;background:#fff}
.journal__card-in{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.journal__card h2{font-size:21px;margin:14px 0 12px;overflow-wrap:anywhere}
.journal__card-link:hover{color:var(--rose)}
.journal__card p{font-size:14px;color:var(--muted);margin-bottom:20px;overflow-wrap:anywhere}
.journal__card-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}
.journal__read{margin-top:14px;color:var(--rose);font-size:13px;font-weight:600}
.journal__empty{padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.journal__empty h2{font-size:24px;margin-bottom:12px}
.journal__empty p{max-width:40em;color:var(--muted)}
.journal__reading{max-width:840px;padding-top:40px;padding-bottom:60px}
.journal__breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:24px}
.journal__breadcrumbs a:hover{color:var(--rose)}
.journal__article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:44px 48px}
.journal__article h1{font-size:clamp(27px,4vw,40px);line-height:1.4;margin:18px 0;overflow-wrap:anywhere}
.journal__meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted)}
.journal__summary{margin-top:24px;padding:18px 20px;background:var(--paper);border-left:3px solid var(--rose);font-size:15px;color:var(--ink-2)}
.journal__toc{margin-top:24px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;font-size:14px}
.journal__toc p{font-weight:700;margin-bottom:10px}
.journal__toc ol{list-style:decimal;padding-left:1.4em}
.journal__toc li{margin:8px 0}
.journal__toc a:hover{color:var(--rose);text-decoration:underline}
.journal__body{margin-top:32px;font-size:17px;line-height:1.95;overflow-wrap:anywhere}
.journal__body h2{font-size:25px;margin:38px 0 16px;scroll-margin-top:90px}
.journal__body h3{font-size:21px;margin:28px 0 12px}
.journal__body h4{font-size:18px;margin:24px 0 10px}
.journal__body p,.journal__body ul,.journal__body ol,.journal__body figure,.journal__body blockquote,.journal__body pre{margin:0 0 20px}
.journal__body ul,.journal__body ol{padding-left:1.4em;list-style:revert}
.journal__body li{margin:8px 0}
.journal__body a,.journal__source a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.journal__body blockquote{padding:18px 22px;background:var(--rose-soft);border-left:3px solid var(--rose);border-radius:0 8px 8px 0}
.journal__body blockquote p:last-child{margin:0}
.journal__body blockquote p{margin-bottom:8px}
.journal__body .journal__chapter{margin:32px 0 6px;color:var(--rose);font-size:12px;font-weight:700;letter-spacing:1px}
.journal__body .journal__chapter+h2{margin-top:0}
.journal__body .journal__note{font-size:13px;color:var(--muted)}
.journal__body .journal__product{padding-top:24px;border-top:1px solid var(--line)}
.journal__body .journal__product img{width:56px;height:56px;margin:0 12px 0 0;display:inline-block;vertical-align:middle}
.journal__body img{margin:auto;border-radius:8px}
.journal__body figcaption{margin-top:8px;text-align:center;font-size:13px;color:var(--muted)}
.journal__body pre{padding:16px;overflow:auto;background:var(--paper);font-size:14px}
.journal__body table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.journal__body th,.journal__body td{padding:10px;border:1px solid var(--line);min-width:100px}
.journal__source{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.journal__subscribe{display:flex;align-items:center;gap:28px;max-width:840px;margin:0 auto 56px;padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.journal__subscribe h2{font-size:23px;margin-bottom:10px}
.journal__subscribe p{font-size:14px;color:var(--muted);max-width:28em}
.journal__qr{flex:0 0 150px;text-align:center}
.journal__qr img{width:150px;height:150px;object-fit:contain}
.journal__qr span{display:block;margin-top:6px;font-size:12px;color:var(--rose)}
.journal__back{display:inline-block;margin-top:24px;font-size:14px;color:var(--rose);font-weight:600}
.journal__draft{padding:12px 16px;background:var(--amber-soft);color:var(--ink-2);font-size:14px;border-radius:8px;margin-bottom:24px}
@media(min-width:961px){
  .journal__card:only-child{flex-direction:row;align-items:center}
  .journal__card:only-child .journal__cover{width:40%;flex:0 0 40%;aspect-ratio:auto;padding:28px}
  .journal__card:only-child h2{font-size:26px}
  .journal__card:only-child .journal__card-in{padding:32px}
}
@media(max-width:960px){.journal__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .journal__header .header__in{height:auto;min-height:64px;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  .journal__header .brand__logo{height:42px}
  .journal__nav{gap:12px;font-size:12px;flex-wrap:wrap}
  .journal__intro{padding-top:36px}
  .journal__cards{grid-template-columns:1fr}
  .journal__reading{padding-top:24px;padding-bottom:36px}
  .journal__article{padding:28px 20px}
  .journal__body{font-size:16px}
  .journal__body h2{font-size:23px}
  .journal__subscribe{flex-direction:column;align-items:flex-start;margin:0 20px 40px;padding:24px}
  .journal__qr{flex-basis:auto;align-self:center}
}