:root{--color-paper: #f6f3ed;--color-paper-shade: #ebe6dc;--color-paper-warm: #f1e8dc;--color-ink: #1f2522;--color-coffee: #6b4636;--color-clay: #b86f4b;--color-sage: #7b8d78;--color-muted: #5c574f;--color-line: #d6d1c7;--font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-serif: "Noto Serif TC", "PMingLiU", "Times New Roman", serif;--font-size-body: 1.375rem;--font-weight-body: 600;--font-weight-title: 700;--line-height-body: 1.9;--measure-article: 72rem;--space-xs: .5rem;--space-s: .75rem;--space-m: 1.25rem;--space-l: 2rem;--space-xl: 3.5rem;--space-2xl: 5rem;--radius-m: 14px;--duration-fast: .18s;--page-gutter: 1.25rem;--page-max: 72rem;--header-height: 6.75rem}@media(min-width:800px){:root{--header-height: 5.5rem}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:.015em;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:var(--font-weight-title)}.site-header{position:sticky;top:0;z-index:10;background:var(--color-paper);border-bottom:1px solid var(--color-line)}.site-header__inner{min-height:var(--header-height);max-width:var(--page-max);margin:0 auto;padding:.4rem var(--page-gutter) .15rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.15rem var(--space-l)}.site-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-coffee)}.site-logo__mark{width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover;object-position:center;background:transparent}.site-logo__name{font-family:var(--font-serif);font-size:1.4rem;font-weight:var(--font-weight-title);letter-spacing:.03em}.site-header .site-logo{gap:.5rem}.site-header .site-logo__mark{width:2.75rem;height:2.75rem}.site-header .site-logo__name{font-size:1.4rem}.site-nav{display:flex;width:100%;justify-content:space-between;gap:0}.site-nav__link{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.25rem .1rem;text-decoration:none;color:var(--color-ink);font-size:1.0625rem;font-weight:var(--font-weight-body);border-bottom:1px solid transparent;transition:border-color var(--duration-fast) ease}.site-nav__link:hover,.site-nav__link[aria-current=page]{border-bottom-color:var(--color-clay)}@media(min-width:800px){.site-header__inner{flex-wrap:nowrap;padding:.65rem var(--page-gutter);gap:var(--space-s) var(--space-l)}.site-header .site-logo__mark,.site-footer .site-logo__mark{width:3.35rem;height:3.35rem}.site-header .site-logo__name,.site-footer .site-logo__name{font-size:1.575rem}.site-nav{width:auto;gap:.35rem 1.15rem}.site-nav__link{flex:none;min-height:auto;padding:0;font-size:1.15rem}}.site-main{max-width:var(--page-max);margin:0 auto;padding:var(--space-xl) var(--page-gutter) var(--space-2xl)}.site-footer{border-top:1px solid var(--color-line);background:var(--color-paper-shade)}.site-footer__inner{max-width:var(--page-max);margin:0 auto;padding:var(--space-l) var(--page-gutter);display:grid;gap:var(--space-s)}.site-footer .site-logo{gap:.5rem}.site-footer .site-logo__mark{width:2.75rem;height:2.75rem}.site-footer .site-logo__name{font-size:1.4rem}.site-footer__mark{font-family:var(--font-serif);color:var(--color-coffee)}.site-footer__tagline{font-family:var(--font-serif);font-size:1.25rem;font-weight:var(--font-weight-body);line-height:1.75;letter-spacing:.02em;color:var(--color-muted)}.site-footer__links{display:flex;flex-wrap:wrap;gap:.35rem 1.15rem;margin:0;padding:0;list-style:none}.site-footer__links a{color:var(--color-coffee);font-family:var(--font-sans);font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.02em}.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;font-size:1rem;color:var(--color-sage);margin-bottom:var(--space-m)}.breadcrumb a{color:var(--color-coffee)}.section-kicker{font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-sage);margin-bottom:var(--space-xs)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.875rem;padding:.55rem 1.15rem;border-radius:var(--radius-m);text-decoration:none;font-weight:var(--font-weight-body);font-size:1.15rem;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.button--primary{background:var(--color-clay);color:var(--color-paper)}.button--primary:hover{background:var(--color-coffee)}.button--ghost{border:1px solid var(--color-line);color:var(--color-coffee)}.button--ghost:hover{background:var(--color-paper-shade)}.caption{font-size:.875rem;color:var(--color-sage);margin-top:var(--space-xs)}.theme-card__title,.knowledge-map__name,.pick-card__title,.compare-entry__title,.hub-path__name,.related-card__title{font-family:var(--font-serif);font-size:1.6rem;font-weight:var(--font-weight-title);line-height:1.35;letter-spacing:.015em;color:var(--color-coffee)}.theme-card__text,.knowledge-map__text,.pick-card__text,.compare-entry__text,.hub-path__note,.related-card__text{font-family:var(--font-serif);font-size:1.15rem;font-weight:var(--font-weight-title);line-height:1.6;letter-spacing:.015em;color:var(--color-ink)}.home-entrance{width:100%;margin:0}.home-entrance picture{display:block;width:100%}.home-entrance img{width:100%;height:min(68vh,34rem);object-fit:cover;object-position:center}.home-hero{display:grid;gap:var(--space-m);margin-bottom:var(--space-2xl);max-width:40rem}.home-hero__title{font-family:var(--font-serif);font-size:clamp(2.125rem,5vw,3.3rem);line-height:1.35;color:var(--color-coffee);font-weight:var(--font-weight-title);letter-spacing:.01em}.home-hero__lead{margin-top:var(--space-s);max-width:36rem;font-family:var(--font-serif);font-size:1.325rem;font-weight:var(--font-weight-body);line-height:1.9;letter-spacing:.02em}.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-l)}.home-hero__figure{margin:0;border:1px solid var(--color-line);border-radius:var(--radius-m);overflow:hidden;background:var(--color-paper-shade)}.home-hero__figure img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.theme-grid{display:grid;gap:var(--space-m);margin-top:var(--space-l)}.theme-card{display:grid;text-decoration:none;background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-m);overflow:hidden;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease}.theme-card:hover{border-color:var(--color-clay);background:var(--color-paper-shade)}.theme-card picture{display:block;width:100%}.theme-card__media{aspect-ratio:4 / 3;object-fit:cover;width:100%}.theme-card--wide .theme-card__media{aspect-ratio:4 / 5;object-position:18% 50%}.theme-card__body{padding:var(--space-m);display:grid;gap:.35rem}.theme-card__title,.theme-card__text{margin:0}.home-section{margin-bottom:var(--space-2xl)}.home-section__title{font-family:var(--font-serif);font-size:clamp(1.725rem,3vw,2.25rem);font-weight:var(--font-weight-title);color:var(--color-coffee)}.knowledge-map{display:grid;gap:var(--space-s);margin-top:var(--space-l)}.knowledge-map__item{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:0;align-items:stretch;padding:0;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-m);text-decoration:none;background:var(--color-paper);color:var(--color-ink);transition:border-color var(--duration-fast) ease}.knowledge-map__item:hover{border-color:var(--color-sage)}.knowledge-map picture{display:block;width:100%;height:100%}.knowledge-map__media{width:100%;height:100%;min-height:6.5rem;object-fit:cover}.knowledge-map__body{display:grid;align-content:center;gap:.2rem;padding:var(--space-m)}.knowledge-map__step{font-family:var(--font-serif);font-size:.875rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-clay)}.knowledge-map__name,.knowledge-map__text{margin:0}.pick-list,.compare-entry-list{display:grid;gap:var(--space-s);margin-top:var(--space-l)}.pick-card,.compare-entry{display:grid;gap:.3rem;padding:var(--space-m);border-left:3px solid var(--color-clay);background:var(--color-paper-shade);border-radius:0 var(--radius-m) var(--radius-m) 0;text-decoration:none}.pick-card__title,.compare-entry__title,.pick-card__text,.compare-entry__text{margin:0}.trust-panel{padding:var(--space-l);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper-shade);display:grid;gap:var(--space-s);max-width:42rem;font-family:var(--font-serif);font-size:1.3rem;font-weight:var(--font-weight-body);line-height:1.85;letter-spacing:.02em;color:var(--color-muted)}@media(min-width:720px){.theme-grid{grid-template-columns:1.2fr 1fr}.theme-card{height:100%}.theme-card--wide{grid-row:span 2;grid-template-rows:minmax(0,1fr) auto}.theme-card--wide .theme-card__media{aspect-ratio:auto;height:100%;min-height:0;object-fit:cover;object-position:18% 50%}.knowledge-map{grid-template-columns:repeat(5,minmax(0,1fr))}.knowledge-map__item{grid-template-columns:1fr}.knowledge-map__media{height:7.5rem;min-height:0}}@media(min-width:960px){.theme-grid{grid-template-columns:1.15fr 1fr 1fr}.theme-card--wide{grid-row:span 2}}.hub-intro{max-width:var(--measure-article);margin-bottom:var(--space-xl)}.hub-intro__title{font-family:var(--font-serif);font-size:clamp(2.25rem,4vw,3.2rem);font-weight:var(--font-weight-title);color:var(--color-coffee);line-height:1.25}.hub-intro__lead{margin-top:var(--space-m);font-family:var(--font-serif);font-size:1.325rem;font-weight:var(--font-weight-body);line-height:1.9;letter-spacing:.02em}.hub-figure{margin:0 0 var(--space-xl);border:1px solid var(--color-line);border-radius:var(--radius-m);overflow:hidden;background:var(--color-paper-shade)}.hub-figure picture{display:block}.hub-figure img{width:100%;height:auto;display:block}.hub-path{display:grid;gap:var(--space-l)}.hub-path__group{display:grid;gap:var(--space-s)}.hub-path__label{font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-sage)}.hub-path__list{display:grid;gap:var(--space-s);padding:0;margin:0;list-style:none}.hub-path__link{display:grid;gap:.2rem;padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);text-decoration:none}.hub-path__link:hover{border-color:var(--color-clay)}.hub-path__name,.hub-path__note{margin:0}@media(min-width:800px){.hub-path__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-layout{display:grid;gap:var(--space-xl)}.article-hero__title{font-family:var(--font-serif);font-size:clamp(2.25rem,4vw,3.2rem);font-weight:var(--font-weight-title);line-height:1.25;color:var(--color-coffee)}.article-answer{margin-top:var(--space-m);max-width:var(--measure-article);font-family:var(--font-serif);font-size:1.3rem;font-weight:var(--font-weight-body);line-height:1.9;letter-spacing:.02em}.article-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:var(--space-m);font-size:1rem;color:var(--color-sage)}.article-figure{margin:0 0 var(--space-l);border:1px solid var(--color-line);border-radius:var(--radius-m);overflow:hidden;background:var(--color-paper-shade)}.article-figure picture,.hub-figure picture{display:block}.article-figure img{width:100%;height:auto;display:block}.article-figure--mid{max-width:36rem}.article-figure--small{max-width:20rem}.article-figure figcaption,.prose .article-figure figcaption{padding:.7rem .9rem .9rem;font-size:.9375rem;color:var(--color-sage);line-height:1.6}.prose .article-figure{margin:var(--space-m) 0 var(--space-l)}.article-toc{padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);font-size:1.0625rem;line-height:1.6}.article-toc__title{font-size:.875rem;letter-spacing:.08em;color:var(--color-sage);margin-bottom:var(--space-s)}.article-toc ol{margin:0;padding-left:1.15rem;display:grid;gap:.35rem}.article-toc a{color:var(--color-coffee)}.prose{max-width:var(--measure-article);display:grid;gap:1.15rem;font-family:var(--font-serif);font-weight:var(--font-weight-body);font-size:1.25rem;line-height:1.9;letter-spacing:.02em}.prose h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:var(--font-weight-title);color:var(--color-coffee);margin-top:var(--space-s);scroll-margin-top:calc(var(--header-height) + 1rem)}.prose h3{font-size:1.3rem;font-weight:var(--font-weight-title);color:var(--color-coffee)}.prose a{color:var(--color-coffee)}.prose ul{margin:0;padding-left:1.25rem;display:grid;gap:.45rem}.process-switch{display:grid;gap:var(--space-s);margin:var(--space-l) 0 var(--space-xl)}.process-switch__tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.process-switch__tab{appearance:none;display:inline-flex;align-items:center;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-coffee);border-radius:var(--radius-m);padding:.45rem .85rem;font-family:var(--font-serif);font-size:1.15rem;font-weight:var(--font-weight-title);letter-spacing:.015em;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease}.process-switch__tab:hover{border-color:var(--color-clay)}.process-switch__tab.is-active{background:var(--color-clay);color:var(--color-paper);border-color:var(--color-clay)}.process-switch__panel{display:none;padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper-shade)}.process-switch__panel.is-active{display:grid;gap:var(--space-s)}.process-switch__title,.prose .process-switch__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:var(--font-weight-title);line-height:1.35;letter-spacing:.015em;color:var(--color-coffee)}.process-switch__steps{margin:0;padding-left:1.25rem;font-family:var(--font-serif);font-size:1.25rem;font-weight:var(--font-weight-body);line-height:1.8;letter-spacing:.015em;color:var(--color-muted)}.process-switch__fallback{display:grid;gap:var(--space-s)}.source-list,.faq-list{display:grid;gap:var(--space-m);padding:0;margin:0;list-style:none;max-width:var(--measure-article)}.source-list{font-family:var(--font-serif);font-size:1.15rem;line-height:1.7;letter-spacing:.02em}.source-list a{font-family:var(--font-serif);font-weight:var(--font-weight-title);color:var(--color-coffee)}.related-list{display:grid;gap:var(--space-m);padding:0;margin:0;list-style:none;max-width:var(--measure-article)}.related-list li{display:grid}.related-card{display:grid;align-content:start;gap:.35rem;height:100%;padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper);text-decoration:none}.related-list li:nth-child(3n+1) .related-card{background:var(--color-paper)}.related-list li:nth-child(3n+2) .related-card{background:var(--color-paper-shade)}.related-list li:nth-child(3n) .related-card{background:var(--color-paper-warm)}.related-card:hover{border-color:var(--color-clay)}.related-card__title,.related-card__text{margin:0}@media(min-width:800px){.related-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.faq-item{padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);font-family:var(--font-serif);font-size:1.15rem;line-height:1.8;letter-spacing:.02em}.faq-item h3{font-size:1.15rem;font-weight:var(--font-weight-title);color:var(--color-coffee);margin-bottom:.7rem}.article-end{display:grid;gap:var(--space-2xl);margin-top:var(--space-xl)}.article-end .home-section__title{margin:0 0 var(--space-l)}@media(min-width:960px){.article-layout:has(.article-toc){grid-template-columns:minmax(0,1fr) 16rem;align-items:start}.article-toc{position:sticky;top:calc(var(--header-height) + 1.25rem)}}.compare-hero{max-width:var(--measure-article);margin-bottom:var(--space-xl)}.compare-hero__title{font-family:var(--font-serif);font-size:clamp(2.25rem,4vw,3.2rem);font-weight:var(--font-weight-title);color:var(--color-coffee);line-height:1.25}.compare-hero__verdict{margin-top:var(--space-m);font-family:var(--font-serif);font-size:1.425rem;font-weight:var(--font-weight-body);line-height:1.9;letter-spacing:.02em}.compare-note{margin:var(--space-l) 0;padding:var(--space-m);border-left:3px solid var(--color-sage);max-width:var(--measure-article)}.compare-cards{display:grid;gap:var(--space-m)}.compare-card{border:1px solid var(--color-line);border-radius:var(--radius-m);padding:var(--space-m);display:grid;gap:var(--space-s);background:var(--color-paper)}.compare-card__axis{font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-sage)}.compare-card__pair{display:grid;gap:var(--space-s)}.compare-card__side h3{font-size:1.15rem;font-weight:var(--font-weight-title);color:var(--color-coffee)}@media(min-width:800px){.compare-cards{display:none}.compare-table-wrap{display:block;overflow-x:auto}}@media(max-width:799px){.compare-table-wrap{display:none}}.compare-table{width:100%;border-collapse:collapse;min-width:36rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--color-line);padding:.85rem .75rem;text-align:left;vertical-align:top}.compare-table th{font-family:var(--font-serif);color:var(--color-coffee);font-weight:var(--font-weight-title)}.compare-table__axis{color:var(--color-sage);width:7rem}.token-grid{display:grid;gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin:var(--space-l) 0 var(--space-2xl)}.token-swatch{border:1px solid var(--color-line);border-radius:var(--radius-m);overflow:hidden}.token-swatch__chip{height:5.5rem}.token-swatch__chip--paper{background:var(--color-paper)}.token-swatch__chip--paper-shade{background:var(--color-paper-shade)}.token-swatch__chip--ink{background:var(--color-ink)}.token-swatch__chip--coffee{background:var(--color-coffee)}.token-swatch__chip--clay{background:var(--color-clay)}.token-swatch__chip--sage{background:var(--color-sage)}.token-swatch__chip--line{background:var(--color-line)}.token-swatch__meta{padding:var(--space-s) var(--space-m);display:grid;gap:.15rem}.token-swatch__name{font-family:var(--font-serif);color:var(--color-coffee)}.preview-type{display:grid;gap:var(--space-m);margin-bottom:var(--space-2xl)}.preview-type__serif{font-family:var(--font-serif);font-size:2rem;color:var(--color-coffee)}.preview-type__sans{max-width:var(--measure-article)}.component-row{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-m)}