:root{--ink:#152823;--forest:#20473b;--paper:#fbfaf6;--warm:#f0ede4;--gold:#ad8b58;--muted:#61706a;--line:#d7ddd7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 "Noto Sans TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}.ofwrap{width:min(1100px,calc(100% - 48px));margin:auto}.ofnav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;border-bottom:1px solid var(--line)}.ofbrand{font-weight:800;letter-spacing:.05em;color:var(--forest)}.ofnavlinks{display:flex;gap:22px;font-size:14px;font-weight:700}.ofnavlinks a:hover,.oftextlink:hover{text-decoration:underline}.ofhero{padding:78px 0 58px;background:linear-gradient(115deg,#fbfaf6 55%,#e7f3f6 55%)}.ofeyebrow{font-size:12px;letter-spacing:.14em;color:#8e433b;font-weight:700}.ofhero h1{max-width:840px;margin:14px 0 18px;font:500 clamp(34px,4.2vw,55px)/1.3 Georgia,"Noto Serif TC",serif}.oflead{max-width:680px;color:var(--muted);font-size:17px}.ofactions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.ofbtn{display:inline-block;background:var(--forest);border:1px solid var(--forest);color:#fff;padding:11px 18px;font-weight:700;font-size:14px}.ofbtn.alt{background:white;color:var(--forest)}.ofsection{padding:56px 0}.ofsection h2{margin:0 0 9px;font-size:28px}.ofsection p{color:var(--muted)}.ofgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}.ofitem{background:#fff;border:1px solid var(--line);padding:20px}.ofitem small{color:var(--forest);font-weight:700}.ofitem h3{font-size:18px;margin:8px 0}.ofitem p{margin:4px 0;font-size:14px}.ofguide{background:var(--warm);padding:32px;margin-top:34px}.ofguide h2{font-size:25px}.ofguide p{max-width:700px}.ofcontact{background:var(--forest);color:white;padding:48px 0}.ofcontact p{color:#d5e7df}.offooter{background:#10231c;color:#c6d8d0;padding:24px 0;font-size:13px}.of-home-topics{padding:68px 0}.of-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.of-home-card{border:1px solid #d7ddd7;background:white;padding:20px}.of-home-card h3{margin:4px 0 10px;font-size:19px}.of-home-card p{font-size:14px;color:#61706a}.of-home-card a{color:#20473b;font-weight:800;font-size:14px}
@media(max-width:850px){.of-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ofsection .ofnavlinks{flex-wrap:wrap}.ofhero h1{text-wrap:balance}
@media(max-width:600px){.ofwrap{width:calc(100% - 32px)}.ofnav{min-height:64px}.ofnav .ofnavlinks a:not(:last-child){display:none}.ofhero{padding:48px 0}.ofhero h1{font-size:34px}.ofgrid,.of-home-grid{grid-template-columns:1fr}.ofsection{padding:42px 0}.ofguide{padding:22px}.of-home-topics{padding:48px 0}}