
@font-face{font-family:"Wuzhu Serif";src:url("/assets/noto-serif-tc-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
:root{--paper:#f3f1ea;--ink:#20231f;--muted:#686d64;--line:#c8cbbf;--moss:#5f6b4c;--moss-dark:#394331;--white:#fbfaf6;--max:1240px;--sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;--serif:"Wuzhu Serif","Noto Serif TC","Songti TC","STSongti-TC-Regular","PMingLiU",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:#cdd3bd}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--ink);color:#fff;padding:8px 14px}.link-hint{display:inline-block;padding:1px 6px;border:1px solid currentColor;border-radius:999px;font:600 9px/1.6 var(--sans);letter-spacing:.08em;white-space:nowrap;text-decoration:none;color:var(--moss)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(243,241,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);color:var(--ink)}.nav{max-width:var(--max);margin:auto;height:76px;display:flex;align-items:center;gap:36px;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-logo{width:38px;height:38px;object-fit:contain;display:block}.brand-name{font-family:var(--serif);letter-spacing:.18em;font-weight:500}.nav-links{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--ink)}.nav-links a{padding:4px 0;border-bottom:1px solid transparent;color:inherit}.nav-links a:hover,.nav-links a[aria-current="page"]{border-color:var(--moss)}.nav-cta{border:1px solid var(--ink)!important;padding:8px 16px!important;background:transparent}.menu{display:none;border:0;background:transparent;color:var(--ink);font-size:14px}
main{overflow:hidden}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.section{padding:96px 0;border-top:1px solid var(--line)}.section:first-child{border-top:0}.eyebrow{font:600 12px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--moss);margin:0 0 20px}.display{font:500 clamp(48px,7.4vw,104px)/1.07 var(--serif);letter-spacing:-.045em;margin:0}.h1{font:500 clamp(42px,6vw,78px)/1.15 var(--serif);letter-spacing:-.035em;margin:0}.h2{font:500 clamp(32px,4vw,54px)/1.2 var(--serif);letter-spacing:-.025em;margin:0 0 32px}.h3{font:500 24px/1.4 var(--serif);margin:0 0 14px}.lead{font-size:clamp(18px,2vw,23px);line-height:1.75;max-width:760px;color:#3c4139}.copy{max-width:720px;color:#454940}.copy p{margin:0 0 24px}.muted{color:var(--muted)}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:56px;align-items:center;padding-top:80px;padding-bottom:80px}.hero-copy .lead{margin:36px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:1px solid var(--ink);font-size:14px;transition:.2s}.button:hover{background:var(--ink);color:var(--paper)}.button.primary{background:var(--moss-dark);border-color:var(--moss-dark);color:white}.button.primary:hover{background:var(--ink)}
.analysis-board{margin:0;align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:680px;width:100%}.method-stage{display:grid;grid-template-rows:auto 1fr;gap:14px;align-content:start;min-width:0}.method-diagram{position:relative;aspect-ratio:1;isolation:isolate}.method-crop{position:absolute;inset:0;overflow:hidden}.method-art{position:absolute;left:50%;width:222%;max-width:none;height:auto;transform:translateX(-50%)}.method-diagram.locate .method-art{top:-7.4%}.method-diagram.judge .method-art{top:-106.9%}.method-diagram.correct .method-art{top:-206%}.method-stage:not(:last-child) .method-diagram:before{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font:400 19px/1 var(--sans);color:var(--moss);z-index:5}.method-copy{border-top:1px solid var(--line);padding-top:14px}.method-num{font:12px/1.4 monospace;color:var(--moss)}.method-copy h2{font:500 26px/1.3 var(--serif);margin:8px 0}.method-copy strong{display:block;font-weight:500}.method-copy p{font-size:13px;line-height:1.65;color:var(--muted);margin:8px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.diagnostic{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.question-list{border-top:1px solid var(--ink)}.question{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}.question span:first-child{font:12px monospace;color:var(--moss)}
.principle-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.big-note{border-left:1px solid var(--moss);padding-left:28px;font:500 clamp(26px,3vw,42px)/1.45 var(--serif);margin:0 0 28px}.flow{margin-top:0;border-top:1px solid var(--ink)}.flow-item{display:grid;grid-template-columns:100px .75fr 1.25fr;column-gap:30px;row-gap:12px;padding:28px 0;border-bottom:1px solid var(--line)}.flow-num{font:13px monospace;color:var(--moss)}.flow-item p{margin:0;color:var(--muted)}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.fit{padding:40px}.fit+ .fit{border-left:1px solid var(--line)}.fit ul{padding-left:20px;margin:25px 0 0}.fit li{margin:10px 0}.fit.no{background:rgba(255,255,255,.28)}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.guide-card{padding:30px 28px 34px 0;border-bottom:1px solid var(--line);min-height:270px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.guide-card:nth-child(odd){border-right:1px solid var(--line);padding-right:34px}.guide-card:nth-child(even){padding-left:34px}.guide-card .read-more{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;padding-bottom:3px;border-bottom:1px solid currentColor;color:var(--moss);font-size:14px;font-weight:500;letter-spacing:.08em;transition:color .2s,gap .2s}.guide-card:hover .h3,.guide-card:focus-visible .h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.guide-card:hover .read-more,.guide-card:focus-visible .read-more{color:var(--ink);gap:12px}.guide-card p{color:var(--muted);max-width:480px}
.page-hero{padding:88px 0 64px;display:grid;grid-template-columns:1fr .55fr;gap:56px;align-items:end}.page-index{font:12px/1.8 monospace;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}main>section:first-child:has(.page-hero)+.section{padding-top:64px}.article{display:grid;grid-template-columns:240px minmax(0,760px);gap:70px;align-items:start}.toc{position:sticky;top:110px;font-size:13px}.toc a{display:block;border-bottom:1px solid var(--line);padding:10px 0;color:var(--muted)}.article-body h2{font:500 34px/1.35 var(--serif);margin:56px 0 16px}.article-body h2:first-child{margin-top:0}.article-body p{color:#41463d}.article-intro{font:500 24px/1.7 var(--serif);margin:0 0 48px}.callout{margin:48px 0;padding:30px;border:1px solid var(--moss);background:rgba(255,255,255,.24)}
.value-list{border-top:1px solid var(--ink)}.value{display:grid;grid-template-columns:60px .55fr 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.value p{margin:0;color:var(--muted)}.quote{font:500 clamp(30px,4vw,52px)/1.45 var(--serif);max-width:1000px;margin:0}.course-path{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.stage{padding:28px;min-height:260px}.stage+.stage{border-left:1px solid var(--line)}.stage .num{font:12px monospace;color:var(--moss)}.stage h3{font:500 24px var(--serif);margin:32px 0 16px}.stage p{font-size:14px;color:var(--muted)}
.faq{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:25px 50px 25px 0;font:500 21px/1.5 var(--serif);position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:5px;color:var(--moss)}details[open] summary:after{content:"－"}.answer{max-width:760px;padding:0 0 28px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px}.contact-panel{border:1px solid var(--line);padding:36px}.contact-list{margin:30px 0}.contact-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.contact-row>span:first-child{color:var(--muted)}.contact-row>*{min-width:0}.contact-row a,.contact-row>span:last-child{overflow-wrap:anywhere}.contact-row a{display:inline-flex;align-items:baseline;gap:7px;flex-wrap:wrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.cta-band{background:var(--moss-dark);color:#f5f3ec;padding:90px 0}.cta-band .wrap{display:flex;justify-content:space-between;gap:40px;align-items:end}.cta-band .button{border-color:#f5f3ec}.footer{padding:48px 0 32px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}.footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:14px}.legal{margin-top:60px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.gateway{min-height:100vh;display:flex;flex-direction:column}.gateway-header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center}.gateway-header .wrap{width:100%;display:flex;align-items:center}.gateway-wordmark{font:500 18px/1 var(--serif);letter-spacing:.18em}.gateway-main{flex:1;display:flex;align-items:center;padding:72px 0}.gateway-intro{max-width:900px}.gateway-title{font:500 clamp(54px,9vw,126px)/.98 var(--serif);letter-spacing:-.055em;margin:0}.gateway-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);margin-top:70px}.gateway-card{padding:32px 36px 34px 0;min-height:220px;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.gateway-card+.gateway-card{padding-left:36px;border-left:1px solid var(--line)}.gateway-card h2{font:500 clamp(28px,3vw,44px)/1.25 var(--serif);margin:14px 0}.gateway-card p{color:var(--muted);max-width:480px;margin:0}.gateway-card .read-more{margin-top:auto;padding-top:28px;text-decoration:underline;text-underline-offset:6px}.gateway-footer{padding:24px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:900px){.nav{height:66px;padding:0 18px}.brand-logo{width:34px;height:34px}.menu{display:block}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);color:var(--ink);padding:22px 18px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{color:var(--ink)}.hero,.page-hero,.diagnostic,.principle-grid,.article,.contact-grid{grid-template-columns:1fr}.hero{padding-top:58px;gap:50px}.analysis-board{max-width:680px;width:100%;margin:auto}.page-hero,.diagnostic,.principle-grid{gap:32px}.diagnostic .h2,.principle-grid .h2{margin-bottom:0}.toc{display:none}.cta-band .wrap{display:block}.cta-band .actions{margin-top:30px}}
@media(max-width:620px){body{font-size:15px}.wrap{padding-inline:24px}.nav{padding-inline:24px}.section{padding:64px 0}.eyebrow{margin-bottom:18px}.display{font-size:49px}.h1{font-size:clamp(36px,10.5vw,40px);line-height:1.22;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}.h2{font-size:34px;line-height:1.25;margin-bottom:28px}.page-hero{padding:64px 0 40px;gap:28px}.page-hero>*,.article-body,.article-body section,.contact-grid>*{min-width:0}main>section:first-child:has(.page-hero)+.section{padding-top:40px}.diagnostic,.principle-grid{gap:28px}.guide-grid,.fit-grid,.course-path{grid-template-columns:1fr}.guide-card:nth-child(odd){border-right:0;padding-right:0}.guide-card:nth-child(even){padding-left:0}.fit+.fit,.stage+.stage{border-left:0;border-top:1px solid var(--line)}.flow-item,.value{grid-template-columns:48px 1fr;column-gap:18px;row-gap:12px}.flow-item p,.value p{grid-column:2}.question{padding:20px 0}.article-body h2{font-size:30px;margin:48px 0 14px;overflow-wrap:anywhere}.article-body p{overflow-wrap:anywhere}.article-intro{font-size:21px;margin-bottom:40px}.callout{margin:40px 0;padding:24px}.analysis-board{gap:9px}.method-stage{gap:10px}.method-stage:not(:last-child) .method-diagram:before{right:-10px;font-size:14px}.method-copy{padding-top:10px}.method-num{font-size:10px}.method-copy h2{font-size:20px;margin:5px 0}.method-copy strong{font-size:12px;line-height:1.45}.method-copy p{font-size:11px;line-height:1.55;margin-top:6px}.contact-panel{padding:24px}.contact-row{grid-template-columns:92px minmax(0,1fr);gap:14px}.footer-grid{grid-template-columns:1fr}.footer nav{grid-template-columns:1fr 1fr}.legal{display:block}.legal span{display:block;margin-top:8px}.gateway-main{padding:54px 0}.gateway-grid{grid-template-columns:1fr;margin-top:48px}.gateway-card,.gateway-card+.gateway-card{padding:26px 0;border-left:0}.gateway-card+.gateway-card{border-top:0}.gateway-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
