:root{--navy:#14233d;--navy2:#203759;--cream:#f4efe6;--paper:#fffdf9;--ink:#182033;--muted:#697386;--line:#e6dfd4;--gold:#b9904b;--goldsoft:#efe5d3;--shadow:0 14px 40px rgba(20,35,61,.10)}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 0%,rgba(185,144,75,.10),transparent 33%),linear-gradient(180deg,var(--cream),#f7f3ec 52%,#efe9df 100%);min-height:100vh}.hero{background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;padding:calc(28px + env(safe-area-inset-top)) 22px 34px;border-radius:0 0 34px 34px;box-shadow:0 16px 40px rgba(20,35,61,.18)}.hero-inner{max-width:760px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;color:#d8c6a2;font-weight:700;margin-bottom:16px}.eyebrow:before{content:"";width:26px;height:1px;background:#d8c6a2}h1{font-size:36px;line-height:1.12;margin:0;font-weight:800;letter-spacing:.02em}.subtitle{margin-top:12px;font-size:17px;line-height:1.55;color:#f4f6f8;font-weight:600}.meta{margin-top:10px;font-size:14px;color:#cbd5e1;line-height:1.7}main{max-width:760px;margin:0 auto;padding:22px 18px 40px}.intro-box{background:rgba(255,255,255,.6);border:1px solid rgba(230,223,212,.9);border-radius:18px;padding:14px 16px;margin-bottom:16px;color:#455066;font-size:14px;line-height:1.7}.cards{display:grid;gap:14px}.card{position:relative;background:rgba(255,253,249,.96);border:1px solid rgba(230,223,212,.9);border-radius:22px;padding:21px 18px 18px;box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}.topline{display:flex;align-items:flex-start;gap:14px}.num{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--goldsoft);color:#7a5b25;font-weight:800;font-size:13px}.title-wrap{flex:1;min-width:0}.kicker{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.08em;margin-bottom:4px}h2{font-size:21px;line-height:1.35;margin:0 0 6px}.desc{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.player-wrap{margin-top:16px;padding:12px;border-radius:16px;background:#f7f2ea;border:1px solid #eee3d1}audio{width:100%;display:block}.back{display:inline-block;margin-top:20px;color:#5f6780;text-decoration:none;font-size:14px}.back:hover{text-decoration:underline}footer{max-width:760px;margin:0 auto;padding:0 18px calc(24px + env(safe-area-inset-bottom));text-align:center;color:#8a8174;font-size:12px}.home-hero{padding-bottom:28px}.home-main{max-width:900px}.people{display:grid;grid-template-columns:1fr;gap:12px}.person{display:block;text-decoration:none;color:var(--ink);background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 28px rgba(20,35,61,.07);transition:.15s transform,.15s box-shadow}.person:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,35,61,.11)}.person .n{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.08em}.person h2{font-size:20px;margin:5px 0}.person p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}@media(min-width:680px){h1{font-size:44px}.people{grid-template-columns:1fr 1fr}.card{padding:25px 23px 21px}}