/* 創作者說檔案館 v3：典藏報頭（2026-08-05 從 Claude Design「creatortalks.fm 檔案館」專案拉回）
   Keith 在 Design 端大改版的正本：巨大明體報頭、Cormorant 拉丁字距、卷首語＋金句頭條、
   朗讀紅 #9d3b2c（名牌底線、標籤、選中、hover）。禁：圓角、陰影、hover 浮起。
   SOP 偏離註記：本站載 Google Fonts（Noto Serif TC＋Cormorant Garamond），設計層拍板；
   要斷外部依賴時改自托管子集字型。 */
/* --hair 2026-08-05 從 #d7cab3 加深（Keith：框跟底色太接近看不清） */
:root{color-scheme:light;--paper:#f7f2e8;--paper2:#efe7d8;--card:#fdfaf3;--ink:#3f302a;--ink2:#5d4c42;--dim:#8b7a6d;--rule:#3f302a;--hair:#c3b08e;--red:#9d3b2c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",Georgia,serif;font-size:17px;line-height:1.9}
h1,h2,h3{font-weight:500;margin:0;line-height:1.45}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
.lat{font-family:"Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.34em;font-weight:500}
.wrap{max-width:1220px;margin:0 auto;padding:0 56px}

/* 報頭（首頁） */
.masthead{border-bottom:1px solid var(--rule);padding:26px 0 0}
.mh-top{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;padding-bottom:20px;color:var(--ink2)}
.mh-mid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:34px 0 30px;text-align:center}
.mh-mid .name{font-size:clamp(52px,8.4vw,116px);font-weight:600;letter-spacing:.16em;line-height:1;margin-left:.16em;display:block}
.mh-mid .name:hover{color:var(--ink)}
.mh-sub{text-align:center;font-size:12.5px;padding:13px 0 15px;color:var(--ink2)}
.masthead nav{display:flex;gap:38px;justify-content:center;border-top:1px solid var(--hair);padding:14px 0 15px;font-size:15px;letter-spacing:.16em}
nav a{padding-bottom:3px;border-bottom:1px solid transparent}
nav a:hover{border-bottom-color:var(--red);color:var(--red)}
nav a.on{border-bottom-color:var(--red);color:var(--red)}

/* 內頁窄報頭 */
.site-head{border-bottom:1px solid var(--rule)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 26px;padding:20px 56px 16px}
.logo{font-size:24px;font-weight:600;letter-spacing:.2em}
.logo-en{font-family:"Cormorant Garamond",Georgia,serif;text-transform:uppercase;font-size:10.5px;letter-spacing:.3em;color:var(--dim)}
.site-head nav{display:flex;flex-wrap:wrap;gap:4px 28px;font-size:14px;letter-spacing:.14em;margin-left:auto}

/* 卷首語 */
.lede{display:grid;grid-template-columns:1fr 300px;gap:70px;padding:72px 0 66px;border-bottom:1px solid var(--rule)}
.lede h1{font-size:clamp(25px,2.9vw,40px);letter-spacing:.03em;line-height:1.66;text-wrap:balance}
.lede h1 .u{display:inline-block}
.lede h1 em{font-style:normal;box-shadow:inset 0 -.5em 0 rgba(157,59,44,.14)}
.lede .aside{border-left:1px solid var(--hair);padding-left:34px;font-size:14.5px;line-height:2;color:var(--ink2)}
.lede .aside .num{font-family:"Cormorant Garamond",serif;font-size:74px;line-height:.9;letter-spacing:0;display:block;margin-bottom:10px;color:var(--red)}
.subs{display:flex;margin-top:26px;border:1px solid var(--rule)}
.subs a{flex:1;text-align:center;padding:11px 4px;font-size:11px;font-family:"Cormorant Garamond",serif;text-transform:uppercase;letter-spacing:.2em;border-right:1px solid var(--rule);color:var(--ink)}
.subs a:last-child{border-right:0}
.subs a:hover{background:var(--red);border-color:var(--red);color:var(--paper)}

/* 金句頭條 */
.label{font-family:"Cormorant Garamond",serif;text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:var(--red);margin-bottom:22px;display:flex;gap:16px;align-items:center}
.label::after{content:"";flex:1;height:1px;background:var(--hair)}
.lead{display:grid;grid-template-columns:minmax(0,1fr) 1.05fr;gap:64px;align-items:start;padding:64px 0 70px;border-bottom:1px solid var(--rule)}
.lead figure{margin:0}
.lead img{width:100%;display:block;border:1px solid var(--rule)}
.lead h2{font-size:clamp(26px,2.5vw,35px);letter-spacing:.02em;line-height:1.6;margin-bottom:20px;text-wrap:pretty}
.lead h2 .q{color:var(--red)}
.lead .who{font-size:15px;letter-spacing:.2em;color:var(--ink2);margin-bottom:26px}
.lead p{font-size:16px;color:var(--ink2);margin:0 0 26px;max-width:44em}
.more{font-size:13.5px;letter-spacing:.22em;border-bottom:1px solid var(--ink);padding-bottom:4px}
.more:hover{border-color:var(--red)}

/* 名冊 */
.roster{border-bottom:1px solid var(--rule);padding-bottom:56px}
.rhead{display:flex;justify-content:space-between;align-items:baseline;padding:52px 0 30px}
.rhead h2,.sec-head h2{font-size:21px;letter-spacing:.24em}
.rhead .lat,.sec-head .lat{font-size:11px;color:var(--dim)}
.names{display:flex;flex-wrap:wrap;gap:6px 0;align-items:baseline}
.names a{font-size:clamp(24px,2.9vw,40px);font-weight:500;letter-spacing:.08em;line-height:1.42;padding:0 .32em;position:relative;color:var(--ink)}
.names a::after{content:"·";position:absolute;right:-.16em;color:var(--hair);font-weight:400}
.names a:last-of-type::after{content:""}
.names a:hover{color:var(--red)}
.names .rest{align-self:flex-end;font-size:13px;letter-spacing:.18em;color:var(--dim);padding-left:18px}
.names .rest::after{content:""}

/* 目錄格卡片 */
.sec-head{display:flex;justify-content:space-between;align-items:baseline;padding:56px 0 32px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:52px 34px}
.card{display:flex;flex-direction:column}
.card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border:1px solid var(--rule);background:var(--card)}
.card .pad{padding-top:14px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.card .meta{align-self:stretch;font-family:"Cormorant Garamond",serif;text-transform:uppercase;letter-spacing:.22em;font-size:10.5px;color:var(--dim);display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--hair);margin-bottom:12px}
.card h3{font-weight:500}
.card h3.guest{background:none;color:var(--ink);padding:0;font-size:16.5px;line-height:1.7;letter-spacing:.12em;border-bottom:2px solid rgba(157,59,44,.45);align-self:flex-start}
.card h3.plain{font-size:16.5px;line-height:1.7;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .work{color:var(--dim);font-size:13.5px;letter-spacing:.02em;margin-top:7px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.card:hover img{border-color:var(--red)}
.card:hover h3.guest{color:var(--red);border-bottom-color:var(--red)}
.card:hover h3.plain{color:var(--red)}
.nameplate{display:inline-block;color:var(--ink);font-weight:500;padding:0 0 3px;font-size:19px;letter-spacing:.16em;border-bottom:2px solid rgba(157,59,44,.45)}

/* 索引列 */
.index{border-top:1px solid var(--rule);margin-top:52px}
.index a{display:grid;grid-template-columns:112px 1fr 150px;gap:28px;align-items:baseline;padding:19px 2px;border-bottom:1px solid var(--hair);color:var(--ink)}
.index .n{font-family:"Cormorant Garamond",serif;letter-spacing:.16em;font-size:12px;color:var(--dim);text-transform:uppercase}
.index .t{font-size:17px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index .d{font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.16em;color:var(--dim);text-align:right}
.index a:hover{background:var(--paper2);color:var(--ink)}
.index a:hover .t{color:var(--red)}
.allbtn{display:block;text-align:center;border:1px solid var(--rule);margin:44px auto 0;max-width:340px;padding:14px;font-size:13px;letter-spacing:.24em;color:var(--ink)}
.allbtn:hover{background:var(--red);border-color:var(--red);color:var(--paper)}

/* 濾鏡＋搜尋 */
.toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;border-top:1px solid var(--rule);padding-top:20px}
.toolbar input{flex:1;min-width:220px;background:transparent;border:0;border-bottom:1px solid var(--hair);color:var(--ink);padding:10px 2px;font-size:17px;font-family:inherit;border-radius:0;appearance:none}
.toolbar input:focus{outline:none;border-bottom-color:var(--red)}
.toolbar input::placeholder{color:var(--dim)}
.count{font-family:"Cormorant Garamond",serif;color:var(--dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.tags{display:flex;gap:10px 8px;flex-wrap:wrap;margin-top:22px}
.tags button{background:transparent;border:1px solid var(--hair);color:var(--ink);padding:6px 16px;font-size:14.5px;font-family:inherit;letter-spacing:.08em;cursor:pointer;border-radius:0}
.tags button:hover{border-color:var(--red);color:var(--red)}
.tags button.on{background:var(--red);border-color:var(--red);color:var(--paper)}
.tags button small{color:var(--dim);margin-left:6px;font-size:11px;font-family:"Cormorant Garamond",serif}
.tags button.on small{color:#e8c4ba}

/* 單集頁 */
.crumb{font-family:"Cormorant Garamond",serif;text-transform:uppercase;color:var(--dim);font-size:11px;letter-spacing:.24em;margin-bottom:34px;display:inline-block}
article .ep-name{font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:.1em;line-height:1.3;margin:0 0 10px}
article .ep-work{font-size:17px;letter-spacing:.14em;color:var(--ink2);margin:0 0 30px}
article .ep-quote{font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.7;letter-spacing:.02em;max-width:30em;margin:0 0 34px;text-wrap:pretty}
article .ep-quote .q{color:var(--red)}
.epmeta{display:flex;gap:6px 26px;flex-wrap:wrap;font-family:"Cormorant Garamond",serif;text-transform:uppercase;color:var(--dim);font-size:11.5px;letter-spacing:.2em;border-top:1px solid var(--rule);border-bottom:1px solid var(--hair);padding:12px 2px;margin-bottom:30px;max-width:840px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}
.chips a{border:1px solid var(--hair);padding:3px 14px;font-size:13px;letter-spacing:.06em;color:var(--ink2)}
.chips a:hover{border-color:var(--red);color:var(--red)}
.epcover{max-width:520px;width:100%;height:auto;display:block;margin-bottom:30px;border:1px solid var(--rule)}
.player{max-width:640px}
.player iframe{width:100%;display:block;border:0}
.listen{color:var(--ink2);font-size:14.5px;margin:14px 0 36px}
.listen a,.notes a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.notes{max-width:700px;font-size:16.5px;color:var(--ink2);line-height:2.05}
.notes p{margin:0 0 1.2em}
.notes a{word-break:break-all}
.pn{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);margin-top:56px;padding-top:22px;font-size:15px;line-height:1.8}
.pn a{color:var(--ink2);max-width:46%}

footer{margin-top:90px;border-top:1px solid var(--rule);padding:32px 0 52px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12px;letter-spacing:.1em;color:var(--dim)}
footer a{border-bottom:1px solid var(--hair)}

@media(max-width:900px){.wrap{padding:0 24px}.site-head .wrap{padding:16px 24px 12px}.lede,.lead{grid-template-columns:1fr;gap:36px}.grid{grid-template-columns:repeat(2,1fr);gap:34px 20px}.index a{grid-template-columns:88px 1fr}.index .d{display:none}.masthead nav{gap:22px;flex-wrap:wrap}}

/* ---- 落地補充（v3 樣板未覆蓋的頁面；蓋章前先對 Design 正本，這段只加不改上方） ---- */
main{padding:52px 0 0}
.ep-title{font-size:clamp(26px,3.2vw,40px);font-weight:600;letter-spacing:.03em;line-height:1.65;margin:0 0 24px;max-width:840px;text-wrap:pretty}
.page-head{padding:0 0 6px}
.page-head h1{font-size:clamp(30px,3.5vw,44px);letter-spacing:.14em;font-weight:600}
.page-head p{color:var(--ink2);font-size:15.5px;max-width:640px;margin:16px 0 30px}
.contact-box{background:var(--card);border:1px solid var(--rule);padding:34px;max-width:560px;font-size:16px}
.contact-box a{color:var(--red);text-decoration:underline;text-underline-offset:3px;font-size:18px}
.season-sec{scroll-margin-top:20px}
/* about 頁（研究生其他作品） */
.shows{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:8px}
.show{border:1px solid var(--rule);padding:26px 26px 22px;display:flex;flex-direction:column;background:var(--card)}
.show img{width:calc(100% + 52px);height:auto;aspect-ratio:1/1;object-fit:cover;display:block;
margin:-26px -26px 20px;border-bottom:1px solid var(--rule);max-width:none}
.show h3{font-size:20px;letter-spacing:.14em;font-weight:600}
.show .desc{color:var(--ink2);font-size:14.5px;margin:12px 0 20px;flex:1}
.show .links{display:flex;border-top:1px solid var(--hair);margin:0 -26px -22px;padding:0}
.show .links a{flex:1;text-align:center;padding:11px 4px;font-size:11px;font-family:"Cormorant Garamond",serif;text-transform:uppercase;letter-spacing:.2em;color:var(--ink);border-right:1px solid var(--hair)}
.show .links a:last-child{border-right:0}
.show .links a:hover{background:var(--red);color:var(--paper)}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;padding:0 0 56px;border-bottom:1px solid var(--rule);margin-bottom:8px}
.about-grid .bio{font-size:16.5px;color:var(--ink2);line-height:2.05;max-width:44em}
.about-grid .bio p{margin:0 0 1.2em}
.about-grid .aside{border-left:1px solid var(--hair);padding-left:34px;font-size:14.5px;line-height:2.2;color:var(--ink2)}
.about-grid .aside a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.shows{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:30px}}