@charset "UTF-8";
:root{--ink:#132c2d;--dark:#0b3031;--dark2:#0e4042;--cream:#f6f5ef;--warm:#e6dfd2;--gold:#b88c54;--muted:#657675;--paper:#fffdfa;--line:#dfe4df;--green:#284c44;--radius:18px;--shadow:0 22px 60px rgba(17,38,36,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family: "Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #c8945c;outline-offset:3px}img{max-width:100%;display:block}button{font:inherit}::selection{background:#d3b887;color:#0b3031}
.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.narrow{width:min(760px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:-9999px;z-index:100;background:#fff;padding:8px}.skip:focus{left:8px;top:8px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(246,245,239,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,47,45,.1)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:22px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.brand-name{font-size:18px;font-weight:750;letter-spacing:.12em}.brand-sub{color:var(--muted);font-size:10px;letter-spacing:.1em;margin-top:-3px}
.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:14px;font-weight:600;color:#415b59;white-space:nowrap;transition:color .18s}.nav a:hover,.nav a[aria-current="page"]{color:#ad7c45}.nav .nav-cta{color:white;background:var(--dark);padding:9px 19px;border-radius:40px}.nav .nav-cta:hover{color:white;background:var(--dark2)}
.menu-toggle{display:none;align-items:center;gap:8px;border:1px solid var(--line);border-radius:50px;padding:7px 12px;background:transparent;font-size:13px;color:var(--ink)}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:#b58756}.rule{display:inline-block;width:27px;height:1px;background:currentColor;vertical-align:middle;margin-right:11px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.38;letter-spacing:.018em}h1{font-size:clamp(42px,5.2vw,76px);font-weight:650;letter-spacing:-.035em}h2{font-size:clamp(30px,3.4vw,48px);font-weight:620;letter-spacing:-.025em}h3{font-size:21px;font-weight:650}.serif{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif}
p{color:#526560}.lead{font-size:18px;line-height:1.95;color:#4d6560}.hero{position:relative;min-height:675px;display:flex;align-items:center;background:#e9e9df;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 30%,rgba(255,254,245,.96),rgba(246,245,239,.85) 36%,rgba(246,245,239,.2) 67%);z-index:1;pointer-events:none}.hero-image{position:absolute;right:0;top:0;bottom:0;width:68%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(.85) contrast(.92)}.hero-inner{position:relative;z-index:2;padding-top:85px;padding-bottom:100px}.hero-content{max-width:690px}.hero h1{margin:20px 0 28px}.hero h1 em{font-style:normal;color:#a47d50}.hero .lead{max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:999px;padding:11px 23px;font-size:14px;font-weight:650;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--dark);color:#fff;box-shadow:0 12px 25px rgba(12,48,48,.17)}.button-primary:hover{background:var(--dark2)}.button-ghost{border:1px solid rgba(28,66,62,.32);color:var(--dark);background:rgba(255,255,255,.38)}.button-light{background:#f4e4c9;color:#143836}.button-outline-light{border:1px solid #84a5a2;color:#f8f9f5}.hero-note{display:flex;align-items:center;gap:12px;margin-top:38px;color:#596e67;font-size:12px}.tiny-line{width:35px;height:1px;background:#ad8c64}
.section{padding:105px 0}.section-heading{max-width:790px;margin-bottom:42px}.section-heading h2{margin:11px 0 16px}.kicker{font-size:12px;font-weight:650;letter-spacing:.16em;color:#a47d51}.section-heading p{max-width:640px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{padding:31px 29px;background:var(--paper);border:1px solid var(--line);border-radius:14px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card .num{font-family:Georgia,serif;color:var(--gold);font-size:22px;margin-bottom:20px}.feature-card h3{margin-bottom:13px}.feature-card p{font-size:14px;line-height:1.9;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.editorial{background:var(--dark);color:#f8f6ee}.editorial p{color:#bdd0c9}.editorial .eyebrow{color:#d8b47c}.editorial .quote{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(29px,3vw,42px);letter-spacing:.025em;line-height:1.65;font-weight:500}.portrait-frame{border-radius:10px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.15);max-height:470px;position:relative}.portrait-frame img{width:100%;height:460px;object-fit:cover;object-position:center 45%}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,35,36,.25),transparent 50%)}
.section-white{background:var(--paper)}.post-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:145px 1fr 160px;gap:28px;align-items:center}.post-date{font-size:13px;color:#8a8f82}.post-panel h3{font-size:24px;margin-bottom:6px}.post-panel p{font-size:14px;margin:0}.inline-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#986e43;font-weight:700}.inline-link:hover{text-decoration:underline}.small-note{font-size:12px;color:var(--muted)}
.intro-band{padding:75px 0;background:#e9e5dc}.intro-band .split{gap:44px}.question-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.question-list li{border-bottom:1px solid #cacfc6;padding:11px 0;color:#435d55;font-size:15px}.question-list li:before{content:"—";color:#b08756;margin-right:12px}
.cta-section{padding:100px 0;background:var(--dark);color:var(--paper);position:relative;overflow:hidden}.cta-section:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid rgba(229,197,144,.14);right:-180px;top:-300px;pointer-events:none}.cta-section p{color:#b6d0c8}.cta-section h2{max-width:760px}.cta-section .button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.footer{padding:53px 0 28px;background:#0a292a;color:#d6ddd4}.footer-grid{display:flex;justify-content:space-between;gap:28px;align-items:start}.footer .brand-name{color:#fff}.footer p{color:#a3bab4;font-size:13px;max-width:435px;margin:14px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:24px;max-width:460px}.footer a{font-size:13px;color:#d2ddd7}.footer a:hover{color:#e7c691}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #315555;margin-top:40px;padding-top:18px;font-size:12px;color:#86a19c}
.page-hero{padding:104px 0 78px;background:#eae9e1}.page-hero h1{font-size:clamp(37px,4vw,62px);max-width:900px;margin:22px 0 18px}.page-hero p{max-width:755px}.page-hero .eyebrow{color:#947048}.content-section{padding:72px 0 100px}.longform{max-width:770px}.longform h2{margin:48px 0 20px;font-size:31px}.longform h3{margin:31px 0 14px}.longform p{font-size:16px;line-height:2.1}.longform ul{padding-left:22px;line-height:2.2;color:#526560}.note-box{padding:25px 28px;border-radius:10px;background:#eef1e9;border-left:3px solid #b6a077;margin:33px 0}.note-box p{margin:0;font-size:14px}.muted-rectangle{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dimension-card{padding:26px;border-radius:12px;border:1px solid var(--line);background:#fff}.dimension-card h3{font-size:18px}.dimension-card p{font-size:14px}.soon{border:1px solid #dcded7;background:#f2f1ea;border-radius:15px;padding:40px 45px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.soon h2{margin:0 0 8px}.soon p{margin:0;max-width:600px}.bullet-list{padding-left:20px;color:#526560}.bullet-list li{margin-bottom:12px}.pill{display:inline-block;border:1px solid #c9d0c6;border-radius:999px;padding:4px 11px;font-size:12px;letter-spacing:.03em;color:#53635b}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.mini-grid .feature-card{padding:25px}.mini-grid h3{font-size:17px}.page-divider{border:0;border-top:1px solid var(--line);margin:50px 0}.profile-banner{height:220px;width:100%;object-fit:cover;border-radius:12px;margin:16px 0 32px}.page-list{list-style:none;padding:0}.page-list li{border-bottom:1px solid var(--line);padding:18px 0}.contact-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;padding:43px;border-radius:14px;background:#e8e7dd}.contact-panel img{width:100%;height:260px;object-fit:cover;border-radius:10px}.contact-panel h2{font-size:35px}.contact-panel p{font-size:15px}.footnote{font-size:13px;color:#6b7971;line-height:1.8}
@media(max-width:900px){.nav{gap:14px}.nav a{font-size:13px}.hero{min-height:640px}.hero-image{width:100%;opacity:.55}.hero:before{background:linear-gradient(90deg,rgba(246,245,239,.98) 4%,rgba(246,245,239,.88) 58%,rgba(246,245,239,.4))}.split{gap:35px}.post-panel{grid-template-columns:1fr;gap:6px}.post-panel .post-date{margin-bottom:7px}.post-panel .inline-link{margin-top:12px}}
@media(max-width:720px){.container,.narrow{width:min(100% - 36px,1160px)}.header-inner{min-height:66px}.brand img{width:34px;height:34px}.brand-name{font-size:16px}.menu-toggle{display:flex}.nav{display:none;position:absolute;left:0;right:0;top:66px;background:#f6f5ef;flex-direction:column;gap:0;padding:8px 18px 18px;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.07)}.nav.open{display:flex}.nav a{width:100%;padding:12px 9px;font-size:15px}.nav .nav-cta{text-align:center;margin-top:6px}.hero{min-height:650px}.hero-inner{padding-top:74px;padding-bottom:70px}.hero h1{font-size:clamp(38px,11vw,55px)}.hero .lead{font-size:16px}.hero-image{opacity:.42;object-position:60% center}.hero-note{margin-top:26px}.section{padding:68px 0}.section-heading{margin-bottom:30px}.grid-3,.split,.muted-rectangle,.mini-grid,.contact-panel{grid-template-columns:1fr}.feature-card{padding:25px}.portrait-frame img{height:300px}.editorial .split>div:first-child{order:2}.editorial .split>div:last-child{order:1}.intro-band{padding:60px 0}.cta-section{padding:68px 0}.footer-grid,.footer-bottom{flex-direction:column;gap:19px}.footer-links{gap:16px}.page-hero{padding:72px 0 52px}.content-section{padding:45px 0 70px}.soon{grid-template-columns:1fr;padding:29px}.contact-panel{padding:22px}.contact-panel img{height:190px}.profile-banner{height:130px}.longform h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}