/* 《让生命重新长出来》专栏样式 · 沿用 VI V4.1（藏青 + 铜色），加纸张底色营造“书”的阅读感 */
:root{--paper:#F8F6F1;--paper-2:#EFEBE2;--sage:#8FA39A}

/* ---------- 共用小件 ---------- */
.lg-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.08em;color:var(--copper-d)}
.lg-tag::before{content:"";width:22px;height:1px;background:var(--copper)}
.lg-st{display:inline-block;font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;white-space:nowrap;font-family:var(--sans)}
.lg-st.pub{background:var(--navy);color:#fff}
.lg-st.soon{background:var(--copper-soft);color:var(--copper-d)}
.lg-st.wip{background:var(--paper-2);color:var(--muted)}

/* 封面：在正式配图到位前，用 VI 图形（藏青底 + 铜色圆 + 地平线）做排版封面 */
.lg-cover{position:relative;aspect-ratio:16/9;background:var(--navy);border-radius:var(--r);overflow:hidden;color:#fff}
.lg-cover::before{content:"";position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:var(--copper);right:10%;bottom:8%;opacity:.95}
.lg-cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:var(--navy-3);border-top:1px solid rgba(255,255,255,.18)}
.lg-cover .n{position:absolute;left:7%;top:14%;z-index:1;font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1;letter-spacing:.04em}
.lg-cover .p{position:absolute;left:7%;bottom:7%;z-index:2;font-size:12.5px;letter-spacing:.14em;color:var(--copper-soft)}
.lg-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}

/* ---------- 专栏首页 ---------- */
.lg-hero{background:var(--paper);border-bottom:1px solid var(--paper-2);overflow:hidden}
.lg-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:64px;padding-bottom:72px}
.lg-hero .crumb{color:var(--muted);margin-bottom:28px}
.lg-hero .crumb a:hover{color:var(--copper-d)}
.lg-hero h1{font-family:var(--serif);font-size:clamp(36px,5.4vw,60px);line-height:1.2;color:var(--navy);letter-spacing:.04em;margin:18px 0 14px}
.lg-hero .sub{font-family:var(--serif);font-size:clamp(17px,2vw,21px);color:var(--ink);letter-spacing:.06em}
.lg-hero .by{font-size:14px;color:var(--muted);margin-top:10px}
.lg-hero blockquote{font-family:var(--serif);font-size:18px;line-height:1.95;color:#3A3D58;border-left:3px solid var(--copper);padding:4px 0 4px 20px;margin:30px 0 34px;max-width:30em}
.lg-hero .hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.lg-hero .btn-line{border-color:var(--navy);color:var(--navy)}
.lg-visual{position:relative;aspect-ratio:4/5;max-height:560px;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(180deg,#232A63 0%,var(--navy) 58%,var(--navy-3) 100%)}
.lg-visual::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:var(--copper);left:19%;top:22%}
.lg-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:var(--navy-3);border-top:1px solid rgba(255,255,255,.16)}
.lg-visual svg{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);width:34%;z-index:2}
.lg-visual figcaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;font-family:var(--serif);font-size:15px;line-height:1.8;color:#D6DAEF;letter-spacing:.06em}
.lg-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}
.lg-visual:has(img)::after{z-index:3;height:38%;background:linear-gradient(180deg,rgba(10,20,66,0) 0%,rgba(10,20,66,.78) 100%);border-top:0}
.lg-visual:has(img) figcaption{z-index:4;color:#fff}

.lg-why{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
.lg-why h2{font-family:var(--serif);font-size:28px;color:var(--navy);line-height:1.4;margin-top:12px}
.lg-why p{font-family:var(--serif);font-size:18px;line-height:2;color:#2B2E4A;margin-bottom:1em}
.lg-why .link{margin-top:6px}

/* 阅读路线：八部纵向时间轴 */
.lg-route{position:relative;margin-top:8px}
.lg-end{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.lg-end .k{font-family:var(--serif);font-size:15px;color:var(--copper-d);letter-spacing:.1em}
.lg-end h3{font-family:var(--serif);font-size:19px;color:var(--navy);line-height:1.5}
a.lg-end:hover h3{color:var(--copper-d)}
.lg-parts{display:grid;gap:14px;margin:14px 0}
.lg-part{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--r);scroll-margin-top:96px}
.lg-part .pn{font-family:var(--serif);color:var(--navy)}
.lg-part .pn b{display:block;font-size:13px;font-weight:400;letter-spacing:.14em;color:var(--copper-d);margin-bottom:6px}
.lg-part .pn span{font-size:22px;font-weight:700;line-height:1.35;display:block}
.lg-part .pn small{display:block;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-top:10px}
.lg-part .intro{font-size:15px;color:var(--muted);margin-bottom:12px}
.lg-chs{list-style:none}
.lg-chs li{border-top:1px solid var(--mist-2)}
.lg-chs li:first-child{border-top:0}
.lg-chs .row{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding:12px 0}
.lg-chs .no{font-family:var(--serif);font-size:14px;color:var(--copper-d)}
.lg-chs .t{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.55}
.lg-chs a.row:hover .t{color:var(--copper-d)}
.lg-chs .row:not(a) .t{color:#5A5E7A}

.lg-start{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lg-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.lg-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,31,77,.08)}
.lg-card .lg-cover{border-radius:0}
.lg-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.lg-card .m{font-size:13px;color:var(--copper-d);letter-spacing:.06em}
.lg-card h3{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--navy);margin:8px 0 10px}
.lg-card p{font-size:14.5px;color:var(--muted);line-height:1.8;flex:1}
.lg-card time{font-size:12.5px;color:var(--muted-2);margin-top:14px}

.lg-latest{display:grid;gap:0;border-top:1px solid var(--line)}
.lg-latest a{display:grid;grid-template-columns:110px 1fr 120px;gap:24px;align-items:baseline;padding:22px 4px;border-bottom:1px solid var(--line)}
.lg-latest .m{font-size:13px;color:var(--copper-d)}
.lg-latest h3{font-family:var(--serif);font-size:19px;color:var(--navy);line-height:1.5}
.lg-latest p{font-size:14.5px;color:var(--muted);margin-top:4px}
.lg-latest time{font-size:13px;color:var(--muted-2);text-align:right}
.lg-latest a:hover h3{color:var(--copper-d)}

.lg-readers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lg-readers a{padding:22px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;transition:background .2s}
.lg-readers a:hover{background:rgba(255,255,255,.12)}
.lg-readers b{display:block;font-family:var(--serif);font-size:19px;margin-bottom:8px}
.lg-readers span{font-size:14px;color:#C9CDE6;line-height:1.75;display:block}
.lg-readers i{display:block;font-style:normal;font-size:13px;color:var(--copper-soft);margin-top:12px}

.lg-author{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.lg-author>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}
.lg-author h3{font-family:var(--serif);font-size:20px;color:var(--navy);margin-bottom:12px}
.lg-author p{font-size:15px;color:#3A3D58;line-height:1.9}
.lg-author .qr{display:flex;gap:22px;align-items:center}
.lg-author .qr img{width:128px;height:128px;border-radius:var(--r-sm);border:1px solid var(--line);flex-shrink:0}
.lg-fine{font-size:13px;color:var(--muted-2);line-height:1.8;margin-top:28px}

/* ---------- 首页 / 厌学拒学页入口横幅 ---------- */
.lg-band{display:grid;grid-template-columns:1.3fr 1fr;gap:0;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);border:1px solid var(--paper-2)}
.lg-band .txt{padding:40px 44px}
.lg-band h2{font-family:var(--serif);font-size:clamp(26px,3.2vw,36px);color:var(--navy);line-height:1.3;margin:14px 0 6px;letter-spacing:.04em}
.lg-band .sub{font-family:var(--serif);font-size:16px;color:var(--ink);letter-spacing:.06em}
.lg-band p.d{font-size:15px;color:var(--muted);line-height:1.85;margin:16px 0 22px;max-width:32em}
.lg-band .hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.lg-band .btn-line{border-color:var(--navy);color:var(--navy)}
.lg-band .side{background:var(--navy);color:#fff;padding:32px 34px;position:relative;overflow:hidden}
.lg-band .side::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--copper);right:-80px;bottom:-110px}
.lg-band .side h4{font-size:13px;font-weight:400;letter-spacing:.14em;color:var(--copper-soft);margin-bottom:12px}
.lg-band .side ol{list-style:none;position:relative;z-index:1}
.lg-band .side li{display:flex;gap:12px;font-family:var(--serif);font-size:15px;line-height:1.6;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#E3E6F5}
.lg-band .side li b{font-weight:400;color:var(--copper-soft);min-width:4.2em;font-size:13.5px;font-family:var(--sans);padding-top:2px}
.lg-band .side a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ---------- 章节阅读页 ---------- */
.lg-bar{position:fixed;left:0;top:0;height:3px;width:0;background:var(--copper);z-index:60}
.lg-ah{background:var(--paper);border-bottom:1px solid var(--paper-2)}
.lg-ah .wrap{max-width:820px;padding-top:52px;padding-bottom:44px}
.lg-ah .crumb{color:var(--muted);margin-bottom:22px}
.lg-ah .crumb a:hover{color:var(--copper-d)}
.lg-ah .lg-ser{font-size:13.5px;letter-spacing:.08em;color:var(--copper-d)}
.lg-ah .pos{display:flex;align-items:center;gap:14px;margin:14px 0 16px;font-size:14px;color:var(--muted)}
.lg-ah .pos .track{flex:0 0 120px;height:4px;border-radius:4px;background:var(--paper-2);overflow:hidden}
.lg-ah .pos .track i{display:block;height:100%;background:var(--copper)}
.lg-ah h1{font-family:var(--serif);font-size:clamp(28px,4vw,42px);line-height:1.4;color:var(--navy)}
.lg-ah .dek{font-family:var(--serif);font-size:18px;line-height:1.9;color:#3A3D58;margin-top:18px;max-width:36em}
.lg-ah .meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--muted);margin-top:20px}
.lg-draft{background:var(--copper-soft);color:var(--copper-d);font-size:13.5px;text-align:center;padding:9px 16px}

.lg-read{display:grid;grid-template-columns:250px minmax(0,720px);gap:56px;justify-content:center;max-width:1100px;margin:0 auto;padding:0 24px}
.lg-read .prose{padding-left:0;padding-right:0;margin:0}
.lg-toc{position:sticky;top:96px;align-self:start;margin-top:56px;max-height:calc(100vh - 120px);overflow:auto;font-size:14px}
.lg-toc summary{list-style:none;cursor:pointer;font-weight:600;color:var(--navy);padding-bottom:12px;border-bottom:1px solid var(--line)}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc h5{font-size:12px;font-weight:400;letter-spacing:.12em;color:var(--copper-d);margin:16px 0 6px}
.lg-toc a,.lg-toc span.x{display:block;padding:4px 0 4px 10px;border-left:2px solid transparent;line-height:1.55;color:var(--ink)}
.lg-toc span.x{color:var(--muted-2)}
.lg-toc a:hover{color:var(--copper-d)}
.lg-toc a[aria-current=page]{border-left-color:var(--copper);color:var(--copper-d);font-weight:600}
.lg-tools{display:flex;gap:8px;margin:12px 0 4px;flex-wrap:wrap}
.lg-tools button{font:inherit;font-size:13px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--ink)}
.lg-tools button:hover{border-color:var(--copper);color:var(--copper-d)}
.lg-read .prose ul{margin:0 0 1.2em 1.2em;font-family:var(--serif);font-size:17px;line-height:1.95;color:#2B2E4A}
.lg-read .prose li{margin-bottom:.35em}
.prose.fs-l p,.prose.fs-l li{font-size:19.5px}
.prose.fs-xl p,.prose.fs-xl li{font-size:21.5px}
.prose .pts{background:var(--paper);border-radius:var(--r);padding:20px 24px;margin:0 0 2.2em}
.prose .pts h4{font-size:13px;letter-spacing:.12em;color:var(--copper-d);font-weight:400;margin-bottom:8px}
.prose .pts ul{margin-bottom:0}
.lg-take{background:var(--navy);color:#fff;border-radius:var(--r);padding:28px 30px;margin:2.6em 0 1.4em;position:relative;overflow:hidden}
.lg-take::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--copper);right:-60px;top:-70px;opacity:.9}
.lg-take h3{font-size:13px;font-weight:400;letter-spacing:.14em;color:var(--copper-soft);margin-bottom:12px;position:relative;z-index:1}
.lg-take p{font-family:var(--serif);font-size:17px!important;line-height:1.95!important;color:#E6E8F5!important;margin-bottom:.4em!important;position:relative;z-index:1}
.lg-take p.q{font-size:19px!important;color:#fff!important}
.lg-foot{max-width:720px;margin:0 auto;padding:0 0 30px}
.lg-follow{display:flex;gap:18px;align-items:center;background:var(--paper);border-radius:var(--r);padding:18px 22px;margin:8px 0 22px}
.lg-follow img{width:84px;height:84px;border-radius:var(--r-sm);flex-shrink:0}
.lg-follow b{display:block;font-family:var(--serif);font-size:16px;color:var(--navy)}
.lg-follow span{font-size:14px;color:var(--muted);line-height:1.75}
.lg-follow span{display:block}
.lg-follow .link{display:inline-block;margin-top:6px;font-size:14px}
.lg-follow img{background:#fff;border:1px solid var(--line);width:96px;height:96px}
.lg-read .art-nav{max-width:none;padding:0;margin:0 0 18px}
.lg-back{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:8px 0 4px}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .lg-read{grid-template-columns:minmax(0,720px);gap:0}
  .lg-toc{position:static;max-height:none;margin:22px 0 0;background:var(--paper);border-radius:var(--r);padding:14px 18px}
  .lg-toc summary{border-bottom:0;padding-bottom:0}
  .lg-toc summary::after{content:"展开 ▾";float:right;font-weight:400;color:var(--muted);font-size:13px}
  .lg-toc[open] summary::after{content:"收起 ▴"}
  .lg-toc[open] summary{padding-bottom:10px;border-bottom:1px solid var(--line)}
  .lg-read .prose{padding-top:32px}
}
@media (max-width:900px){
  .lg-hero .wrap{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:48px}
  .lg-visual{aspect-ratio:16/10}
  .lg-visual::before{width:36%;left:auto;right:12%;top:14%}
  .lg-visual svg{width:20%;left:30%}
  .lg-why{grid-template-columns:1fr;gap:12px}
  .lg-start{grid-template-columns:1fr}
  .lg-readers{grid-template-columns:1fr 1fr}
  .lg-author{grid-template-columns:1fr}
  .lg-band{grid-template-columns:1fr}
  .lg-band .txt{padding:30px 24px}
  .lg-band .side{padding:26px 24px}
}
@media (max-width:600px){
  .lg-part,.lg-end{grid-template-columns:1fr;gap:10px;padding:20px}
  .lg-end{grid-template-columns:1fr auto}
  .lg-end .k{grid-column:1/-1}
  .lg-chs .row{grid-template-columns:48px 1fr;gap:10px}
  .lg-chs .row .lg-st{grid-column:2;justify-self:start;margin-top:-4px}
  .lg-latest a{grid-template-columns:1fr;gap:4px}
  .lg-latest time{text-align:left}
  .lg-readers{grid-template-columns:1fr}
  .lg-author .qr{flex-direction:column;align-items:flex-start}
  .lg-ah .wrap{padding-top:36px;padding-bottom:32px}
  .lg-take{padding:22px 20px}
}

.lg-follow .wx-this{margin-left:16px}