:root{color-scheme:light;--paper:#f6f4ef;--ink:#253e37;--muted:#68726a;--green:#008f78;--line:#d9ded4}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #bd632f;outline-offset:6px}
.skip-link{position:absolute;left:24px;top:-100px;padding:14px 20px;background:#fff;z-index:5}
.skip-link:focus{top:16px}
.page-shell{width:min(1248px,100% - 96px);margin:0 auto}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:122px;border-bottom:1px solid var(--line);gap:24px}
.brand{display:block;line-height:0}.brand img{width:132px;height:60px}
.header-right{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500;letter-spacing:.04em}
.header-right>a{padding:12px 0}.header-right>a span{margin-left:12px}.header-right>a:hover{color:var(--green)}
.client-label{display:flex;align-items:center;gap:9px;color:var(--muted)}.client-label i{height:6px;width:6px;background:var(--green);border-radius:50%}
.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:54px 0 44px}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--green);margin:0 0 18px}
h1{font-size:clamp(40px,4.4vw,62px);font-weight:600;line-height:1.25;letter-spacing:-.035em;margin:0}.title-dot{color:var(--green)}
.intro-description{font-size:16px;line-height:1.8;color:var(--muted);margin:20px 0 0}.mobile-break{display:none}
.intro-mark{width:290px;display:flex;align-items:center;flex-direction:column;align-self:stretch;justify-content:center;margin-right:24px;position:relative}
.intro-mark:before{content:"";position:absolute;width:186px;height:186px;background:#e8ece2;border-radius:50%;z-index:-1}
.intro-mark svg{width:175px;height:175px;stroke:#809c8b;stroke-width:.8;transform:rotate(-8deg)}
.intro-mark span{margin-top:17px;font-size:9px;letter-spacing:.18em;color:#6f8175}
.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;scroll-margin-top:24px}
.entry-card{display:flex;flex-direction:column;min-height:314px;padding:28px 30px 22px;border:1px solid transparent;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
.entry-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #263e3614}
.entry-hr{background:#e5ece2;border-color:#dce4d7}.entry-hr:hover{border-color:#9ab8a5}
.entry-system{background:#254b40;color:#fff}.entry-system:hover{background:#1e4237}
.entry-review{background:#efe5dc;border-color:#e7dcd1}.entry-review:hover{border-color:#cbb6a4}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.card-number{font-size:10px;letter-spacing:.13em;font-weight:600;color:#5d7464}.entry-system .card-number{color:#c3d8cb}.entry-review .card-number{color:#826854}
.card-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #54776135;border-radius:50%}.card-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.entry-system .card-icon{border-color:#b5d2c545}
.card-content{padding:22px 0 25px;flex:1}.card-content h2{font-size:32px;letter-spacing:.02em;font-weight:600;line-height:1.3;margin:0 0 13px}.card-content p{color:#5e6d61;font-size:15px;line-height:1.8;margin:0}.entry-system .card-content p{color:#d3e0d6}.entry-review .card-content p{color:#75685c}
.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #65836c30;padding-top:17px;font-size:13px;font-weight:600;gap:12px}.entry-system .card-bottom{border-color:#c8e3d635}.entry-review .card-bottom{border-color:#85694e30}
.card-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff85;font-size:20px;font-weight:400;line-height:1;transition:transform .2s ease}.entry-system .card-arrow{background:#d7ebdc;color:#244a3f}.entry-card:hover .card-arrow{transform:translate(2px,-2px)}
.help-section{margin:40px 0 0}.help-heading{display:flex;gap:10px;align-items:center}.help-heading h2{font-size:14px;font-weight:600;margin:0;white-space:nowrap}.help-symbol{display:grid;place-items:center;font:italic 13px Georgia,serif;border:1px solid #87988a;border-radius:50%;width:18px;height:18px;color:#627667}.help-rule{height:1px;background:var(--line);flex:1;margin-left:8px}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin:24px 0 28px}.help-grid article+article{position:relative}.help-grid article+article:before{content:"";position:absolute;left:-22px;top:5px;bottom:4px;width:1px;background:var(--line)}
.help-grid h3{font-size:14px;font-weight:600;margin:0 0 8px}.help-grid p{font-size:13px;line-height:1.9;margin:0;color:var(--muted)}
.reference-row{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:17px 22px;gap:16px;font-size:12px;color:var(--muted)}.reference-row>div{display:flex;gap:30px}.reference-row a{color:#426756;font-weight:600}.reference-row a span{margin-left:8px}.reference-row a:hover{text-decoration:underline;text-underline-offset:5px}
footer{margin-top:40px;border-top:1px solid var(--line);padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.07em;color:var(--muted)}footer>span{font-weight:600;color:#436552}footer b{margin-left:12px;font-weight:400}footer p{margin:0}footer>a{padding:8px 0}
@media(min-width:1500px){.intro{padding-top:68px;padding-bottom:54px}.entry-card{min-height:342px}.card-content{padding-top:30px}}
@media(max-width:980px){.page-shell{width:calc(100% - 48px)}.intro-mark{margin-right:0;width:200px}.entry-grid{gap:14px}.entry-card{padding:24px 20px 20px}.card-content h2{font-size:28px}.card-content p{font-size:14px}.help-grid{gap:30px}.help-grid article+article:before{left:-16px}}
@media(max-width:680px){.page-shell{width:calc(100% - 40px)}.site-header{min-height:98px;gap:16px}.brand img{width:112px;height:51px}.header-right{gap:0;font-size:12px}.client-label{display:none}.intro{padding:37px 0 30px}.eyebrow{font-size:9px;margin-bottom:16px}h1{font-size:40px;line-height:1.28}.intro-description{font-size:14px;margin-top:15px}.mobile-break{display:block}.intro-mark{display:none}.entry-grid{grid-template-columns:1fr;gap:14px}.entry-card{min-height:222px;padding:22px 24px 17px}.card-content{padding:9px 0 17px}.card-content h2{font-size:28px;margin-bottom:7px}.card-content p{font-size:14px}.card-content br{display:none}.card-bottom{padding-top:13px}.card-icon{width:36px;height:36px}.card-icon svg{width:21px;height:21px}.help-section{margin-top:32px}.help-grid{grid-template-columns:1fr;gap:21px;margin-top:22px}.help-grid article+article:before{display:none}.help-grid h3{margin-bottom:5px}.reference-row{align-items:flex-start;flex-direction:column;padding:18px;gap:12px}.reference-row>div{flex-wrap:wrap;gap:12px 24px}.reference-row a{padding:5px 0}footer{margin-top:28px;padding:22px 0;flex-wrap:wrap;gap:12px}footer p{order:3;width:100%}footer>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-card,.card-arrow{transition:none}}
@media print{.page-shell{width:100%}.site-header{min-height:90px}.intro{padding:24px 0}.intro-mark{display:none}.entry-card{break-inside:avoid}.entry-card,.entry-system{background:#fff;color:#253e37;border:1px solid #aaa}.entry-system .card-number,.entry-system .card-content p{color:#253e37}footer>a,.skip-link{display:none}}