/* FuFuLin 首頁（v5）專屬樣式；共用的導覽列與頁尾在 shell.css */
.intro-label,.eyebrow,.section-head .label,.thinking-section .tag,.thinking-index,.thinking-more{font-family:var(--latin)}

/* 開場標題 */
.intro{padding:61px 0 30px}
.intro-label{display:flex;align-items:center;gap:13px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.22em}
.intro-label:before{content:'';display:block;width:27px;height:1px;background:var(--accent)}
.intro h1{margin-top:18px;font-size:clamp(30px,3.45vw,46px);line-height:1.48;letter-spacing:.015em}
.intro h1 em{font-style:normal;color:var(--accent);white-space:nowrap}

/* 作者識別列 */
.author-signature{margin:0 0 22px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0 16px}
.author-photo-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #ede8e1;background:#e7e8e4}
.author-name{display:flex;flex-direction:column;gap:3px;line-height:1.4}
.author-name strong{font-family:var(--latin);font-size:15px;font-weight:700}
.author-name span{color:var(--muted);font-size:12px;letter-spacing:.015em}
.author-mini-link{font-size:12px;color:var(--accent)!important;white-space:nowrap;margin-left:24px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}

/* 本期焦點 */
.feature{display:grid;grid-template-columns:42% 58%;background:var(--panel);min-height:485px;overflow:hidden}
.feature.no-art{grid-template-columns:1fr;min-height:0}
.feature-copy{padding:58px 35px 48px 55px;display:flex;flex-direction:column;align-items:flex-start}
.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.19em;font-weight:700}
.feature h2{font-size:clamp(27px,2.75vw,40px);line-height:1.55;letter-spacing:.012em;margin:25px 0 17px}
.feature h2 .clause,.thinking-lead h2 .clause{display:inline-block}
.nb{white-space:nowrap}  /* 英數字詞與短引語不斷開 */  /* 標題優先在逗號後換行，避免把「該守還是該改」拆開 */
.feature h2 a:hover{color:var(--accent)}
.feature .sub{color:var(--muted);font-size:15px;line-height:1.95;max-width:340px;line-break:strict}
.signature{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.035em;margin-top:auto;padding-top:35px}
.signature i{height:1px;width:25px;background:#bfb8ae}
.read{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid var(--accent);padding-bottom:9px;margin-top:26px;font-size:13px;font-weight:700;color:var(--accent)!important}
.read>span[aria-hidden]{font-size:19px}
.feature-art{display:block;background:#d4c1ae;overflow:hidden;position:relative}
.feature-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.feature-art:after{content:'';position:absolute;inset:0;border-left:1px solid #ded8cf;pointer-events:none}

/* 最近的觀點 */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:78px 0 19px}
.section-head h2{font-size:27px;letter-spacing:.05em}
.section-head .label{color:var(--muted);font-size:12px;letter-spacing:.15em}
.see-all{font-size:12px;color:var(--accent)!important;font-weight:700;white-space:nowrap}
.stories{display:grid;grid-template-columns:minmax(0,780px);gap:34px;padding:30px 0 64px}
.story{display:grid;grid-template-columns:45% 1fr;gap:24px;align-items:start}
.story.no-img{grid-template-columns:1fr}
.story-img{display:block}
.story img{width:100%;aspect-ratio:1.37;object-fit:cover;display:block;background:var(--panel)}
.story h3{font-size:22px;line-height:1.55;margin:9px 0 12px}
.story h3 a:hover{color:var(--accent)}
.story p{font-size:13px;line-height:1.9;color:var(--muted)}
.story .meta{font-size:11px;color:var(--accent);letter-spacing:.06em}

/* 我的思考方式 */
.thinking-section{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:start;gap:70px;padding:73px 0 76px}
.thinking-section .tag{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:700}
.thinking-lead h2{font-size:clamp(27px,2.45vw,34px);line-height:1.58;margin:18px 0}
.thinking-lead h2 em{font-style:normal;color:var(--accent)}
.thinking-lead>p{color:var(--muted);max-width:28em;line-height:2.05;font-size:15px}
.thinking-lead>p+p{margin-top:1em}
.about-link{margin-top:23px;padding:13px 17px;background:var(--accent);color:#fff!important;display:inline-flex;gap:14px;align-items:center;font-weight:700;font-size:13px;line-height:1.6}
.thinking-examples{border-top:1px solid var(--line)}
.thinking-example{display:block;padding:20px 0 23px;border-bottom:1px solid var(--line)}
.thinking-index{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.055em;display:flex;gap:16px;align-items:center}
.thinking-index span{font-family:var(--sans);font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.04em}
.thinking-line{display:block;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.75;margin:12px 0;max-width:34ch;line-break:strict}
.thinking-more{color:var(--accent);font-size:12px;font-weight:600}
.thinking-example:hover .thinking-line{color:var(--accent)}

@media(prefers-reduced-motion:no-preference){.feature-art img{transition:transform .5s ease}.feature-art:hover img{transform:scale(1.025)}}
@media(max-width:940px){
 .intro h1{font-size:clamp(29px,3.7vw,42px)}
 .feature{grid-template-columns:48% 52%}
 .feature-copy{padding:38px 28px}
 .feature h2{font-size:30px}
 .story{grid-template-columns:37% 1fr}
 .thinking-section{gap:34px}
}
@media(max-width:610px){
 .intro{padding:32px 0 24px}
 .intro-label{font-size:11px}
 .intro h1{font-size:clamp(24px,7vw,30px);line-height:1.52;letter-spacing:0;margin-top:14px}
 .author-signature{gap:10px;margin-bottom:16px}
 .author-photo-avatar{width:42px;height:42px}
 .author-name strong{font-size:13px}
 .author-name span{font-size:11px}
 .author-mini-link{margin-left:auto;font-size:11px}
 .feature{grid-template-columns:1fr;min-height:0}
 .feature-art{grid-row:1;aspect-ratio:1.52}
 .feature-copy{grid-row:2;padding:28px 24px 29px}
 .feature h2{font-size:clamp(23px,6.4vw,27px);line-height:1.45;margin:13px 0 9px}
 .feature .sub{font-size:14px}
 .signature{padding-top:20px}
 .read{margin-top:18px}
 .section-head{padding-top:51px}
 .section-head h2{font-size:23px}
 .stories{gap:27px;padding:22px 0 40px}
 .story{grid-template-columns:35% 1fr;gap:17px}
 .story h3{font-size:18px;line-height:1.45;margin:6px 0}
 .story p{font-size:12px;line-height:1.7}
 .story img{aspect-ratio:1/1.07}
 .thinking-section{grid-template-columns:1fr;gap:24px;padding:40px 0 45px}
 .thinking-lead h2{font-size:clamp(24px,6.6vw,28px);line-height:1.52}
 .thinking-lead>p{font-size:14px}
 .thinking-line{font-size:17px}
 .thinking-example{padding:18px 0}
}
.feature .sub,.story p,.thinking-lead>p,.thinking-line{text-wrap:pretty}  /* 避免段落最後一行只剩一兩個字 */
