:root{--ink:#1d1d1f;--ink2:#424245;--mute:#6e6e73;--line:#d2d2d7;--soft:#f5f5f7;--green:#02483E;--gsoft:rgba(2,72,62,.08);--pad:clamp(20px,5vw,64px)}
:where(.col-main),:where(.col-main) *{margin:0;padding:0;box-sizing:border-box}
:where(.col-main){font-family:"NTC","Noto Sans TC",-apple-system,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 0}
:where(.col-main) a{color:inherit;text-decoration:none}
:where(.col-main) img{display:block;max-width:100%}
.eb{font-size:13px;font-weight:400;letter-spacing:.28em;color:var(--mute)}
/* headline: 400 at large size keeps Chinese strokes solid; tight tracking avoids loose template look */
.hl{font-weight:400;letter-spacing:-.01em;line-height:1.22;color:var(--ink)}
.cat{font-size:13px;letter-spacing:.16em;color:var(--green);font-weight:400}
.more{font-size:15px;letter-spacing:.06em;color:var(--green);display:inline-flex;gap:.5em;align-items:center}
.more i{font-style:normal;display:inline-block;position:relative;width:15px;height:10px;transition:transform .3s ease-out}
.more i::before{content:"";position:absolute;left:0;right:1px;top:50%;height:1px;background:currentColor}
.more i::after{content:"";position:absolute;right:1px;top:50%;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
a:hover .more i,.more:hover i,a:focus-visible .more i{transform:translateX(4px)}
.ph{overflow:hidden;border-radius:18px;background:var(--soft)}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
a:hover .ph img{transform:scale(1.03)}
a:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:8px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.ph img,.more i{transition:none!important;transform:none!important}}
.foot{background:#fff;border-top:1px solid #ececf0;padding:56px var(--pad);font-size:13px;color:var(--mute);line-height:1.9;letter-spacing:.04em}
.foot b{color:var(--ink);font-weight:500;font-size:15px}
/* text-link CSS arrow (same geometry as .more i: 1px line + 7px chevron) */
.arw{display:inline-flex;gap:.5em;align-items:center}
.arw i{font-style:normal;display:inline-block;position:relative;width:15px;height:10px}
.arw i::before{content:"";position:absolute;left:0;right:1px;top:50%;height:1px;background:currentColor}
.arw i::after{content:"";position:absolute;right:1px;top:50%;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.arw.back i{transform:scaleX(-1)}
/* check.py contrast >= 4.5:1 */
table.cmpt-t td.cs,.col-text p.calc-n{color:#6e6e73}
/* column guard vs site styles.css (generated by tools/col_guard.py) */
html body.column-page .col-main :is(p,li,dd,dt,address,strong,b,a,span,button,figcaption){font-size:inherit !important;line-height:inherit !important}html body.column-page .col-main :is(h1,h2,h3,h4,p,li,dd,dt,small,strong,b,a,button,figcaption,span){letter-spacing:inherit !important}html body.column-page .col-main :is(h1,h2,h3,h4){font-family:inherit !important;color:inherit !important}html body.column-page .col-main h1 span{display:inline !important}html body.column-page .col-main h3:not([class]),html body.column-page .col-main h3.sr-only{font-size:1.17em !important;line-height:normal !important;font-weight:700 !important}html body.column-page .col-main figcaption.sr-only{font-size:inherit !important}
html body.column-page .col-main,html body.column-page .col-main *{margin:0 !important;padding:0 !important}
html body.column-page .col-main{font-family:"NTC","Noto Sans TC",-apple-system,sans-serif !important;color:var(--ink) !important;background:#fff !important}
html body.column-page .col-main a{color:inherit !important;text-decoration:none !important}
html body.column-page .col-main img{display:block !important;max-width:100% !important}
html body.column-page .col-main .eb{font-size:13px !important;font-weight:400 !important;letter-spacing:.28em !important;color:var(--mute) !important}
html body.column-page .col-main .hl{font-weight:400 !important;letter-spacing:-.01em !important;line-height:1.22 !important;color:var(--ink) !important}
html body.column-page .col-main .cat{font-size:13px !important;letter-spacing:.16em !important;color:var(--green) !important;font-weight:400 !important}
html body.column-page .col-main .more{font-size:15px !important;letter-spacing:.06em !important;color:var(--green) !important;display:inline-flex !important;gap:.5em !important;align-items:center !important}
html body.column-page .col-main .more i{font-style:normal !important;display:inline-block !important;position:relative !important;width:15px !important;height:10px !important}
html body.column-page .col-main .more i::before{position:absolute !important;right:1px !important;top:50% !important;height:1px !important;background:currentColor !important}
html body.column-page .col-main .more i::after{position:absolute !important;right:1px !important;top:50% !important;width:7px !important;height:7px !important;border-top:1px solid currentColor !important;border-right:1px solid currentColor !important}
html body.column-page .col-main .ph{overflow:hidden !important;border-radius:18px !important;background:var(--soft) !important}
html body.column-page .col-main .ph img{width:100% !important;height:100% !important;object-fit:cover !important}
html body.column-page .col-main a:focus-visible{border-radius:8px !important}
html body.column-page .col-main .foot{background:#fff !important;border-top:1px solid #ececf0 !important;padding:56px var(--pad) !important;font-size:13px !important;color:var(--mute) !important;line-height:1.9 !important;letter-spacing:.04em !important}
html body.column-page .col-main .foot b{color:var(--ink) !important;font-weight:500 !important;font-size:15px !important}
html body.column-page .col-main .arw{display:inline-flex !important;gap:.5em !important;align-items:center !important}
html body.column-page .col-main .arw i{font-style:normal !important;display:inline-block !important;position:relative !important;width:15px !important;height:10px !important}
html body.column-page .col-main .arw i::before{position:absolute !important;right:1px !important;top:50% !important;height:1px !important;background:currentColor !important}
html body.column-page .col-main .arw i::after{position:absolute !important;right:1px !important;top:50% !important;width:7px !important;height:7px !important;border-top:1px solid currentColor !important;border-right:1px solid currentColor !important}
html body.column-page .col-main table.cmpt-t td.cs,html body.column-page .col-main .col-text p.calc-n{color:#6e6e73 !important}
html body.column-page .col-main .scn{position:relative !important;width:100vw !important;margin:80px 0 80px calc(50% - 50vw) !important;height:var(--len,600vh) !important}
html body.column-page .col-main .scn .st{position:sticky !important;top:56px !important;height:calc(100vh - 56px) !important;overflow:hidden !important;background:#fff !important}
html body.column-page .col-main .scn .st p{margin:0 !important}
html body.column-page .col-main .scn .num{position:absolute !important;top:var(--ny,13%) !important;font-weight:250 !important;font-size:var(--nz,clamp(88px,9vw,150px)) !important;letter-spacing:-.045em !important;line-height:1 !important;white-space:nowrap !important;color:#1d1d1f !important}
html body.column-page .col-main .scn .num .cur{font-size:.26em !important;font-weight:300 !important;letter-spacing:0 !important;margin-right:.18em !important;color:#424245 !important}
html body.column-page .col-main .scn .num .u{font-size:.2em !important;font-weight:400 !important;letter-spacing:.04em !important;margin-left:.3em !important;color:#424245 !important}
html body.column-page .col-main .scn .lbl{position:absolute !important;top:var(--ly,calc(13% - 42px)) !important;font-size:clamp(17px,1.5vw,21px) !important;font-weight:400 !important;letter-spacing:.06em !important;line-height:1.4 !important;color:#424245 !important;white-space:nowrap !important}
html body.column-page .col-main .scn .word{position:absolute !important;top:44% !important;font-weight:300 !important;font-size:clamp(64px,9vw,148px) !important;letter-spacing:-.01em !important;line-height:1.15 !important;white-space:nowrap !important;color:#1d1d1f !important;text-align:center !important}
html body.column-page .col-main .scn .word.g{color:#86868b !important}
html body.column-page .col-main .scn .sub{position:absolute !important;top:calc(44% + clamp(64px,9vw,148px)*.75) !important;font-size:clamp(18px,1.7vw,24px) !important;font-weight:300 !important;letter-spacing:.04em !important;color:#424245 !important;white-space:nowrap !important;text-align:center !important}
html body.column-page .col-main .scn .sub.w{color:#2f5f56 !important}
html body.column-page .col-main .scn .eb2{position:absolute !important;top:14% !important;font-size:13px !important;letter-spacing:.28em !important;color:#6e6e73 !important;white-space:nowrap !important}
html body.column-page .col-main .scn .sfoot{position:absolute !important;right:0 !important;bottom:24px !important;text-align:center !important;font-size:12px !important;letter-spacing:.06em !important;color:#86868b !important}
html body.column-page .col-main .scn .wash{position:absolute !important;border-radius:50% !important;width:70vmin !important;height:70vmin !important;top:64% !important;background:radial-gradient(closest-side,rgba(2,72,62,.11),rgba(2,72,62,.04) 55%,rgba(2,72,62,0)) !important}
html body.column-page .col-main .scn .bb{position:absolute !important;top:var(--by,66%) !important;width:var(--bw,min(58vw,800px)) !important;aspect-ratio:1038/741 !important}
html body.column-page .col-main .scn .bb img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important}
html body.column-page .col-main .scn .cut{position:absolute !important;top:-5% !important;bottom:-5% !important;width:1px !important;background:#1d1d1f !important}
html body.column-page .col-main .scn canvas{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important}
html body.column-page .col-main .scn .hl{position:absolute !important;height:1px !important;background:rgba(2,72,62,.55) !important;top:calc(44% + clamp(64px,9vw,148px)*.62) !important;width:min(320px,60vw) !important}
html body.column-page .col-main .scn .ctr{position:absolute !important;bottom:28px !important;font-size:12px !important;letter-spacing:.2em !important;color:#86868b !important}
@media (max-width:760px){html body.column-page .col-main .scn .word{font-size:56px !important}html body.column-page .col-main .scn .sub{top:calc(44% + 46px) !important;font-size:17px !important;white-space:normal !important;width:86vw !important}html body.column-page .col-main .scn .hl{top:calc(44% + 38px) !important}}
@media (prefers-reduced-motion:reduce){html body.column-page .col-main .scn{height:auto !important}html body.column-page .col-main .scn .st{position:relative !important;top:0 !important;height:calc(100vh - 56px) !important;min-height:560px !important}}
html body.column-page .col-main .scn .unit{position:absolute !important;bottom:52px !important;font-size:15px !important;letter-spacing:.08em !important;color:#424245 !important;white-space:nowrap !important}
html body.column-page .col-main .scn[data-mode="auto"]{height:auto !important;width:auto !important;margin:0 !important}
html body.column-page .col-main .scn[data-mode="auto"] .st{position:relative !important;top:0 !important;height:min(86vh,760px) !important;min-height:560px !important;background:transparent !important}
html body.column-page .col-main.col-main .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;white-space:nowrap !important;border:0 !important}
html body.column-page .col-main .scn .scn-still{display:block !important;width:100% !important;height:auto !important}
html body.column-page .col-main figure.scn{margin-top:80px !important;margin-bottom:80px !important}
html body.column-page .col-main .scn[data-mode="auto"] .sfoot{white-space:normal !important;padding:0 20px !important}
html body.column-page .col-main .scn .sfoot{right:auto !important;width:max-content !important;max-width:90vw !important;white-space:normal !important}
html body.column-page .col-main .scn[data-s="bowls"] .dec{position:absolute !important;inset:0 !important}
html body.column-page .col-main .scn[data-s="bowls"] .bw{top:60% !important;width:56vmin !important;height:56vmin !important}
html body.column-page .col-main .scn[data-s="bowls"] .bt{position:absolute !important;top:9% !important;text-align:center !important;font-weight:300 !important;font-size:clamp(34px,4.6vw,72px) !important;line-height:1.22 !important;letter-spacing:-.005em !important;color:#1d1d1f !important;white-space:nowrap !important}
html body.column-page .col-main .scn[data-s="bowls"] .bs{position:absolute !important;top:calc(9% + clamp(34px,4.6vw,72px)*2.6) !important;font-size:13px !important;letter-spacing:.28em !important;color:#6e6e73 !important;white-space:nowrap !important}
html body.column-page .col-main .scn[data-s="bowls"] .bl{position:absolute !important;top:16% !important;text-align:center !important;font-weight:300 !important;font-size:clamp(40px,5.4vw,88px) !important;letter-spacing:-.01em !important;line-height:1.2 !important;color:#1d1d1f !important;white-space:nowrap !important}
html body.column-page .col-main .scn[data-s="bowls"] .bi{position:absolute !important;top:60% !important;width:clamp(44px,4vw,64px) !important;height:clamp(44px,4vw,64px) !important;color:#6e6e73 !important}
html body.column-page .col-main .scn[data-s="bowls"] .bi svg{width:100% !important;height:100% !important}
html body.column-page .col-main .scn[data-s="bowls"] .bx{position:absolute !important;right:-12% !important;top:50% !important;height:1px !important;background:rgba(2,72,62,.6) !important}
html body.column-page .col-main .scn[data-s="bowls"] .bend{position:absolute !important;top:12% !important;width:min(680px,86vw) !important;text-align:center !important}
html body.column-page .col-main .scn[data-s="bowls"] .bbody{font-weight:300 !important;font-size:clamp(20px,1.9vw,28px) !important;line-height:1.75 !important;color:#1d1d1f !important;letter-spacing:.02em !important}
html body.column-page .col-main.col-main .scn[data-s="bowls"] .bbody{margin:0 0 28px !important}
html body.column-page .col-main .scn[data-s="bowls"] .bbtn{font-size:16px !important;letter-spacing:.08em !important;color:#02483E !important;border:1px solid rgba(2,72,62,.55) !important;border-radius:999px !important;padding:12px 26px !important;text-decoration:none !important;background:transparent !important}
html body.column-page .col-main .scn[data-s="bowls"] .bbtn:hover{border-color:#02483E !important;background:rgba(2,72,62,.04) !important}
@media (max-width:760px){html body.column-page .col-main .scn[data-s="bowls"] .bt{font-size:32px !important;top:8% !important}html body.column-page .col-main .scn[data-s="bowls"] .bs{top:calc(8% + 84px) !important}html body.column-page .col-main .scn[data-s="bowls"] .bl{font-size:32px !important;white-space:normal !important;width:86vw !important;top:14% !important}html body.column-page .col-main .scn[data-s="bowls"] .bend{top:8% !important}html body.column-page .col-main .scn[data-s="bowls"] .bbody{font-size:19px !important}}
html body.column-page .col-main .cmpt{margin:24px 0 56px !important}
html body.column-page .col-main .cmpt-h{font-weight:300 !important;font-size:clamp(28px,3vw,40px) !important;letter-spacing:-.005em !important;margin:0 0 18px !important;color:#1d1d1f !important}
html body.column-page .col-main .cmpt-t{border-collapse:collapse !important;width:100% !important}
html body.column-page .col-main .cmpt-t thead th{font-weight:400 !important;font-size:13px !important;letter-spacing:.14em !important;color:#6e6e73 !important;text-align:left !important;padding:0 16px 14px 0 !important;border-bottom:1px solid #1d1d1f !important}
html body.column-page .col-main .cmpt-t thead th:first-child{width:4.5em !important}
html body.column-page .col-main .cmpt-t thead th:last-child{color:#02483E !important}
html body.column-page .col-main .cmpt-t tbody th{font-weight:400 !important;font-size:13px !important;letter-spacing:.12em !important;color:#6e6e73 !important;text-align:left !important;padding:20px 16px 20px 0 !important}
html body.column-page .col-main .cmpt-t td{font-weight:300 !important;font-size:17px !important;line-height:1.7 !important;padding:18px 16px 18px 0 !important;border-bottom:1px solid #ececf0 !important}
html body.column-page .col-main .cmpt-t tbody th{border-bottom:1px solid #ececf0 !important}
html body.column-page .col-main .cmpt-t .cs{color:#86868b !important}
html body.column-page .col-main .cmpt-t .cy{color:#1d1d1f !important}
@media (max-width:760px){html body.column-page .col-main .cmpt-t thead th:first-child{width:3.6em !important}html body.column-page .col-main .cmpt-t th{white-space:nowrap !important;letter-spacing:.06em !important}html body.column-page .col-main .cmpt-t td{font-size:15px !important}}
html body.column-page .col-main .calc{margin:0 0 64px !important;padding:32px 0 !important;border-top:1px solid #d2d2d7 !important;border-bottom:1px solid #d2d2d7 !important}
html body.column-page .col-main .calc-in{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important}
html body.column-page .col-main .calc label span,html body.column-page .col-main .calc-out span{display:block !important;font-size:13px !important;letter-spacing:.14em !important;color:#6e6e73 !important;margin-bottom:8px !important}
html body.column-page .col-main .calc input{width:100% !important;font:inherit !important;font-weight:300 !important;font-size:24px !important;padding:10px 14px !important;border:1px solid #d2d2d7 !important;border-radius:12px !important;background:#fff !important;color:#1d1d1f !important}
html body.column-page .col-main .calc input:focus{border-color:#02483E !important}
html body.column-page .col-main .calc-out{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important;margin-top:28px !important}
html body.column-page .col-main.col-main .calc-out p{margin:0 !important}
html body.column-page .col-main .calc-out output{display:block !important;font-weight:300 !important;font-size:clamp(30px,3.4vw,44px) !important;letter-spacing:-.01em !important;color:#1d1d1f !important}
html body.column-page .col-main .col-text .calc-n{font-size:13px !important;color:#86868b !important;letter-spacing:.06em !important;margin:16px 0 0 !important}
html body.column-page .col-main .col-text .calc-n+.calc-n{margin-top:2px !important}