:root{color-scheme:light;--ink:#17201d;--muted:#5c6761;--paper:#f7f8f2;--surface:#fff;--line:#dfe6dc;--green:#226f54;--green-soft:#dcefe6;--blue:#315c8c;--blue-soft:#dfeaf6;--berry:#a7374f;--berry-soft:#f4dfe5;--gold:#9b681d;--gold-soft:#f2e7cf;--shadow:0 18px 48px #17201d1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}p{line-height:1.8}.skip-link{z-index:20;background:var(--ink);color:var(--surface);border-radius:6px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.content-width{width:min(1120px,100% - 40px);margin:0 auto}.site-header{z-index:10;backdrop-filter:blur(16px);background:#f7f8f2eb;border-bottom:1px solid #dfe6dcdb;justify-content:space-between;align-items:center;gap:24px;padding:14px max(20px,50vw - 560px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;font-weight:760;display:inline-flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--surface);letter-spacing:0;border-radius:8px;place-items:center;font-size:.78rem;display:inline-grid}.primary-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.nav-group{position:relative}.nav-link{min-height:38px;color:var(--muted);border-radius:6px;align-items:center;padding:8px 12px;font-size:.94rem;font-weight:680;display:inline-flex}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{background:var(--surface);color:var(--ink);outline:none}.subnav{visibility:hidden;border:1px solid var(--line);background:var(--surface);min-width:190px;box-shadow:var(--shadow);opacity:0;border-radius:8px;padding:8px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.nav-group:hover .subnav,.nav-group:focus-within .subnav{visibility:visible;opacity:1;transform:translateY(0)}.subnav a{color:var(--muted);border-radius:6px;padding:10px 12px;font-size:.94rem}.subnav a:hover,.subnav a:focus-visible{background:var(--paper);color:var(--ink);outline:none}.hero{background-image:linear-gradient(90deg, #0d1211cc, #0d12117a 42%, #0d121114), var(--hero-image);min-height:72svh;color:var(--surface);background-position:50%;background-size:cover;align-items:center;padding:clamp(72px,10vw,116px) 0;display:grid}.hero-content{max-width:1120px}.eyebrow{color:currentColor;letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}.hero .eyebrow{color:#c9f4dc}.hero h1,.page-intro h1{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.98}.hero p{color:#ffffffe0;max-width:620px;margin:22px 0 0;font-size:clamp(1.04rem,2vw,1.28rem)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.hero-actions a{min-height:44px;color:var(--surface);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff52;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-weight:760;display:inline-flex}.hero-actions a:hover,.hero-actions a:focus-visible{background:#ffffff38;outline:none}.home-note,.page-intro{padding:clamp(54px,8vw,94px) 0}.home-note{background:var(--ink);color:var(--surface)}.home-note-grid,.intro-grid{grid-template-columns:minmax(0,.68fr) minmax(260px,1fr);align-items:end;gap:clamp(24px,5vw,72px);display:grid}.home-note-grid .eyebrow,.intro-grid .eyebrow{grid-column:1/-1}.home-note h2,.page-intro h1{margin:0}.home-note h2{letter-spacing:0;max-width:620px;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.home-note p,.page-intro p:not(.eyebrow){max-width:640px;color:var(--muted);margin:0;font-size:1.08rem}.home-note p{color:#ffffffb8}.page-intro{background:var(--surface)}.page-intro .eyebrow{color:var(--green)}.content-band{padding:clamp(44px,7vw,86px) 0}.muted-band{background:#eef3eb;padding:28px 0}.section-title{letter-spacing:0;margin:0 0 24px;font-size:clamp(1.4rem,3vw,2rem)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.topic-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:14px;min-height:196px;padding:22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.topic-card:hover,.topic-card:focus-visible{box-shadow:var(--shadow);outline:none;transform:translateY(-3px)}.topic-card strong{letter-spacing:0;font-size:1.28rem}.topic-card span:last-child{color:var(--muted);line-height:1.7}.card-meta{border-radius:999px;width:fit-content;padding:5px 10px;font-size:.78rem;font-weight:760}.tone-green{border-top:4px solid var(--green)}.tone-green .card-meta{background:var(--green-soft);color:var(--green)}.tone-blue{border-top:4px solid var(--blue)}.tone-blue .card-meta{background:var(--blue-soft);color:var(--blue)}.tone-berry{border-top:4px solid var(--berry)}.tone-berry .card-meta{background:var(--berry-soft);color:var(--berry)}.tone-gold{border-top:4px solid var(--gold)}.tone-gold .card-meta{background:var(--gold-soft);color:var(--gold)}.note-list{flex-wrap:wrap;gap:10px;display:flex}.note-list span,.status-pill{border:1px solid var(--line);background:var(--surface);width:fit-content;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700}.detail-band{background:var(--paper)}.detail-layout,.about-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.detail-copy,.about-layout article{max-width:760px}.detail-copy p,.about-layout p{color:var(--muted);font-size:1.06rem}.detail-copy p:first-child{color:var(--muted)}.detail-notes{border-left:4px solid var(--green);background:var(--surface);padding:22px}.detail-notes h2,.about-layout h2{margin:0 0 16px;font-size:1.2rem}.detail-notes ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.detail-notes li{border-bottom:1px solid var(--line);color:var(--muted);padding-bottom:10px}.detail-notes li:last-child{border-bottom:0;padding-bottom:0}.contact-band{background:var(--surface)}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.contact-layout h2{letter-spacing:0;margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.contact-layout p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:1.06rem}.mail-link{border:1px solid var(--line);background:var(--green-soft);min-height:52px;color:var(--green);overflow-wrap:anywhere;text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:14px 18px;font-weight:760;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.mail-link:hover,.mail-link:focus-visible{border-color:var(--green);box-shadow:var(--shadow);outline:none;transform:translateY(-2px)}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:26px max(20px,50vw - 560px);display:flex}.site-footer div{gap:4px;display:grid}.site-footer strong,.site-footer a{color:var(--ink)}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.footer-links a{font-weight:700}.story-reader{background:var(--paper)}.reader-header{background:var(--surface);padding:clamp(54px,8vw,92px) 0 clamp(34px,6vw,70px)}.reader-header-inner{max-width:820px}.reader-header .eyebrow{color:var(--berry)}.reader-header h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(2.1rem,6vw,4.8rem);line-height:1.04}.reader-header p:not(.eyebrow){max-width:650px;color:var(--muted);margin:22px 0 0;font-size:1.08rem}.reader-body-band{padding:clamp(42px,7vw,86px) 0}.story-body{width:min(760px,100% - 40px);margin:0 auto}.story-body p{color:#29332f;margin:0 0 1.7em;font-size:clamp(1.06rem,2vw,1.18rem);line-height:2.15}.reader-nav{flex-wrap:wrap;gap:10px;width:min(760px,100% - 40px);margin:0 auto;padding:0 0 clamp(48px,7vw,90px);display:flex}.reader-nav a{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:760;display:inline-flex}.reader-nav a:hover,.reader-nav a:focus-visible{border-color:var(--berry);outline:none}.character-band{background:var(--surface)}.character-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.character-card{border:1px solid var(--line);border-top:4px solid var(--gold);background:var(--paper);border-radius:8px;padding:22px}.character-card h3{letter-spacing:0;margin:8px 0 16px;font-size:1.45rem}.character-card p{color:var(--muted);margin:0 0 12px;line-height:1.8}.character-card p:last-child{margin-bottom:0}.character-role{background:var(--gold-soft);border-radius:999px;width:fit-content;padding:5px 10px;font-size:.78rem;font-weight:760;color:var(--gold)!important}@media (width<=820px){.site-header{padding:14px 20px;display:grid;position:static}.primary-nav{justify-content:flex-start}.nav-group{position:static}.subnav{display:none}.hero{background-position:50%;min-height:68svh;padding:64px 0}.home-note-grid,.intro-grid,.detail-layout,.about-layout,.contact-layout{grid-template-columns:1fr}.page-intro h1{font-size:clamp(2.2rem,12vw,4rem)}.site-footer{align-items:start;display:grid}.footer-links{justify-content:flex-start}}@media (width<=520px){.content-width{width:min(100% - 28px,1120px)}.brand{width:100%}.nav-link{padding-inline:10px}.hero h1{font-size:clamp(2.2rem,14vw,3.8rem)}.hero-actions a{flex:120px}.topic-card{min-height:176px}.story-body,.reader-nav{width:min(100% - 28px,760px)}}