/* React Bits FoldText / ScrollVelocity native candidate; attribution in 来源/. */
@property --a-crease{syntax:'<number>';inherits:false;initial-value:0}
.a-fold{display:inline-block;line-height:1.05;white-space:nowrap;letter-spacing:-.04em}
.a-fold-segment{display:inline-block;perspective:700px;transform-style:preserve-3d}
.a-fold-piece{position:relative;display:inline-block;transform-origin:50% 0%;backface-visibility:hidden;transform-style:preserve-3d}
[data-a-fold=left] .a-fold-piece{transform-origin:0% 50%}
.a-fold-piece::after{content:'';position:absolute;inset:-.02em;pointer-events:none;opacity:var(--a-crease);background:linear-gradient(180deg,#0009,#0003 42%,#fff4);mix-blend-mode:multiply}
.a-wordmark{margin:24px 0 26px;color:#142f24}
.a-wordmark .a-english{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,4.8vw,74px);font-weight:800}
.a-wordmark .a-chinese{display:block;margin-top:16px;font-size:clamp(22px,2.4vw,34px);font-weight:550;letter-spacing:.12em}
.a-ribbon{padding:52px 0 42px;border-top:1px solid #bdc8bd;overflow:hidden;color:#193d2c}
.a-ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px}
.a-ribbon-heading p{font-size:12px;letter-spacing:.13em;margin:0;color:#52675a}
.a-ribbon-heading button{flex-shrink:0;white-space:nowrap;font:inherit;font-size:12px;color:inherit;border:1px solid #96ac9b;background:transparent;padding:9px 15px;cursor:pointer}
.a-lane{overflow:hidden;margin:3px -1%;padding:3px 0;transform-origin:center;will-change:transform}
.a-track{display:flex;width:max-content;will-change:transform}
.a-copy{display:flex;flex:none;align-items:center;white-space:nowrap;font-weight:500;font-size:clamp(26px,3.4vw,54px);letter-spacing:-.02em;line-height:1.15}
.a-copy span{display:inline-flex;align-items:center;gap:34px;padding-right:34px}

.a-lane:nth-of-type(3){color:#5c755e}.a-lane:nth-of-type(4){color:#315541}
.a-tag-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:24px;margin-top:26px;border-top:1px solid #cad2c8;font-size:13px;color:#385b47}
.a-tag-links a{display:inline-flex;gap:22px;text-decoration:none;padding:8px 0;border-bottom:1px solid #8da590}
.a-tag-links a:hover{color:#102e20}.a-tag-links a:focus-visible,.a-ribbon button:focus-visible{outline:2px solid #315b41;outline-offset:5px}
.a-about-replay{font:inherit;background:transparent;border:0;border-bottom:1px solid #78907c;padding:8px 0;color:#425d48;cursor:pointer;font-size:12px}
@media(max-width:650px){.a-ribbon{padding:34px 0}.a-ribbon-heading{align-items:start}.a-ribbon-heading p{font-size:10px;line-height:1.6}.a-copy span{gap:22px;padding-right:22px}.a-wordmark .a-english{font-size:46px}.a-wordmark .a-chinese{font-size:24px}.a-tag-links{gap:6px 18px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.a-fold-piece{transform:none!important;opacity:1!important}.a-fold-piece::after{opacity:0!important}.a-track,.a-lane{transform:none!important;will-change:auto}}

/* A2: continuous mask on the original artwork; no sliced panels. */
.a2-signature{position:relative;container-type:inline-size;width:min(850px,100%);height:310px;display:grid;grid-template-columns:24% minmax(0,1fr);gap:5%;align-items:center;margin:0 auto;isolation:isolate}
.a2-symbol{display:block;width:100%;height:auto;overflow:hidden;filter:url(#logo-paper-alpha);transform-origin:center}
.a2-copy{min-width:0;color:#142f24}.a2-copy.a-wordmark{margin:0}

.a2-small{font:600 clamp(9px,1.7cqw,14px)/1.4 ui-monospace,Menlo,monospace;letter-spacing:.08em;height:1.4em;white-space:nowrap}
.a2-type{display:inline-block;overflow:hidden;vertical-align:top;border-right:1px solid transparent;white-space:nowrap}
.a2-sequence-note{font-size:12px;line-height:1.9;color:#607665}
#about .a2-signature{width:100%;height:260px;margin:0}
.site-header .logo-symbol-sheen{display:none}
@media(max-width:650px){.a2-signature{height:225px}#about .a2-signature{height:180px}.a-copy span{gap:0;padding-right:32px}}


/* A3: all variants reveal the whole original SVG viewport; no narrow path mask. */
.a2-copy .a2-small{margin-top:10px}
.a3-mode{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;color:#506954}
.a3-mode select{font:inherit;color:inherit;background:transparent;border:1px solid #96ac9b;padding:9px 12px}
.a3-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:30px 0 45px;border-top:1px solid #bdc8bd}
.a3-variant{min-width:0;border-bottom:1px solid #c4cec1;padding:0 12px 24px}
.a3-variant h2{font-size:17px;font-weight:500;margin:0 0 12px}
.a3-variant p{font-size:12px;line-height:1.7;color:#647b64;margin:10px 0 16px}
.a3-logo-demo{height:190px;display:flex;align-items:center;justify-content:center}
.a3-logo-demo .a2-symbol{width:120px}
@media(max-width:650px){.a3-variants{grid-template-columns:1fr;gap:24px}.a3-logo-demo{height:165px}.a2-signature{grid-template-columns:24% minmax(0,1fr);gap:5%}.a3-mode{gap:10px}}
@media(prefers-reduced-motion:reduce){.a2-symbol,.a2-type{transform:none!important;clip-path:none!important;opacity:1!important}}

/* A4: restore the original black wordmark and measured artwork proportions. */
.a2-signature{width:min(680px,100%);height:300px;grid-template-columns:35.3% minmax(0,1fr);gap:0}
.a2-copy.a-wordmark{color:#000;translate:0 5cqw}
.a2-copy .a-english{font-size:17.65cqw}
.a2-copy .a-chinese{font-size:7.1cqw;letter-spacing:.3em;margin-top:0}
.a2-copy .a2-small{font-size:2.9cqw;letter-spacing:.16em;margin-top:6px}
.a4-original-logo{margin:34px 0 42px;text-align:center}
.a4-original-logo img{display:block;width:min(850px,100%);height:auto;margin:auto;filter:url(#logo-paper-alpha)}
.a4-original-logo figcaption{font-size:11px;color:#657766;margin-top:8px}
.a4-theme-heading{max-width:620px;margin:0 0 24px}
.a4-theme-heading h2{font-size:clamp(25px,3vw,39px);font-weight:500;line-height:1.35;letter-spacing:-.03em;margin:12px 0;color:#182e21}
.a4-theme-heading p{font-size:14px;line-height:1.8;color:#536a57}
.a4-theme-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:28px;padding-top:24px;border-top:1px solid #c7d0c4}
.a4-theme-links a{display:block;padding:0 0 16px;border-bottom:1px solid #91a48f;min-width:0}
.a4-theme-links small{font-size:10px;letter-spacing:.1em;color:#6a806b}
.a4-theme-links strong{display:block;font-size:21px;font-weight:500;margin:14px 0 12px;color:#1a3425}
.a4-theme-links p{font-size:13px;line-height:1.85;color:#586f5b;margin:0 0 16px}
.a4-theme-links span{font-size:13px;color:#345d43}
.a4-theme-links a:focus-visible{outline:2px solid #315b41;outline-offset:5px}
.a4-technology{border-top:1px solid #aebdab;padding-top:18px;margin:20px 0 28px}
.a4-technology h3{font-size:22px!important;font-weight:500!important;margin:0 0 14px}
.a4-technology p{font-size:17px;line-height:1.8;margin:0 0 14px;color:var(--ink)}
.a4-technology ul{padding-left:20px;font-size:15px;line-height:1.9;color:#48634e}
.a4-application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.a4-application-grid article{border-top:1px solid #96ac96;padding-top:20px;min-width:0}
.a4-application-grid h3{font-size:24px;font-weight:500;margin:16px 0}
.a4-application-grid p{font-size:15px;line-height:1.85;color:#4f6954;margin:0 0 20px}
.a4-application-grid small{font-size:10px;letter-spacing:.08em;color:#6c826e}
.a4-application-grid a{font-size:13px;border-bottom:1px solid #8da58e;padding:8px 0;display:inline-block}
@media(max-width:800px){.a4-theme-links{gap:16px}.a4-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.a2-signature{height:230px;grid-template-columns:35.3% minmax(0,1fr);gap:0}.a4-theme-links{grid-template-columns:1fr;gap:22px}.a4-theme-heading h2{font-size:27px}.a4-theme-heading p{font-size:13px}.a4-application-grid{grid-template-columns:1fr;gap:26px}.a4-technology p{font-size:16px}#about .a2-signature{height:205px}}

#themeBridge{scroll-margin-top:110px}

#themeBridge:focus,#technology:focus{outline:none}#technology{scroll-margin-top:110px}