@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;800&family=Manrope:wght@400;500;700;800&display=swap');
:root{font-family:'Manrope','Noto Sans TC',system-ui,sans-serif;color:#163529;background:#f8f5eb;--gold:#e1bd66;--ink:#0c2830;--accent:#b68a30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#f7f2e5,#fffdf8 45%,#f5f0e4);line-height:1.65}a{color:inherit;text-decoration:none}button,select{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}
.topbar{background:#0c2830;color:#e9dcc2;font-size:12px;letter-spacing:.13em;text-align:center;padding:8px 14px}.nav{position:sticky;top:0;z-index:20;border-bottom:1px solid #dcd2b9;background:#fffbedf0;backdrop-filter:blur(16px)}.nav-content{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.mark{height:43px;width:43px;display:grid;place-items:center;border:1px solid #b69247;transform:rotate(45deg);flex-shrink:0}.mark span{font-weight:800;color:#8b692a;transform:rotate(-45deg);font-size:14px}.brand strong{display:block;font-size:16px;letter-spacing:.07em}.brand small{display:block;font-size:9px;letter-spacing:.15em;color:#806b4d}.nav-links{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:700}.nav-links a:hover{color:#b68a30}.lang{background:#fffdf6;border:1px solid #d4c4a2;border-radius:8px;padding:9px 7px;color:#483b27;max-width:126px}
.hero{background:radial-gradient(circle at 80% 32%,#d4a95538,transparent 45%),linear-gradient(135deg,#081e28,#123b43 78%,#153b34);color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:-30%;background:repeating-linear-gradient(118deg,transparent 0 58px,#eec8680d 59px,transparent 60px);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;min-height:600px;padding:76px 0 82px;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;color:#dbbc76;letter-spacing:.23em;font-size:12px;font-weight:800;text-transform:uppercase}.eyebrow:before{content:'';width:28px;height:1px;background:#d3b473}.hero h1{font-size:clamp(40px,5.1vw,74px);line-height:1.15;letter-spacing:.025em;margin:22px 0 18px;font-weight:800}.hero .en{display:block;color:#e9c978;font-size:clamp(13px,1.5vw,19px);margin-top:14px;letter-spacing:.15em;line-height:1.4}.hero-lead{font-size:clamp(16px,1.65vw,19px);color:#dce5df;max-width:560px}.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 30px}.hero-pills span{border:1px solid #dabb7d70;padding:6px 12px;border-radius:999px;font-size:11px;color:#f1ddb5;letter-spacing:.08em}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 23px;font-size:13px;font-weight:800;border-radius:4px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(130deg,#f6dda0,#cea14a);color:#14312e}.btn-outline{border:1px solid #b6a989;color:#fff}.hero-media{position:relative}.hero-media:after{content:'';position:absolute;inset:15px -14px -13px 16px;border:1px solid var(--accent);z-index:0}.hero-media img{width:100%;aspect-ratio:4/3;object-fit:contain;object-position:center;position:relative;z-index:1;box-shadow:0 25px 50px #0019}.hero-caption{position:absolute;bottom:16px;left:14px;right:14px;z-index:2;background:#092022db;border:1px solid #bda05b;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-caption b{font-size:13px;letter-spacing:.16em}.hero-caption small{font-size:10px;color:#efd6a1}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7c7a3;border:1px solid #d7c7a3}.stats>div{background:#fff9ec;padding:23px 24px;text-align:center}.stats b{font-size:27px;color:var(--accent);display:block;line-height:1.2}.stats span{font-size:12px;color:#51615a}.section{padding:85px 0}.section.alt{background:#f1ead9}.section-header{text-align:center;max-width:780px;margin:0 auto 38px}.kicker{font-size:12px;font-weight:800;color:#a27627;letter-spacing:.2em}.section h2{font-size:clamp(28px,3.4vw,45px);letter-spacing:.02em;margin:10px 0 12px;line-height:1.3}.section-header p{color:#5d7168;font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid #e6dbc7;padding:30px 26px;box-shadow:0 10px 28px #43300909;min-height:230px}.feature-icon{display:grid;place-items:center;height:44px;width:44px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:22px}.feature h3{font-size:21px;margin:23px 0 9px}.feature p{font-size:14px;color:#67766c;margin:0}.feature-index{font-size:11px;letter-spacing:.16em;color:#af9160}.bridge{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.bridge-visual img{width:100%;border-radius:4px;box-shadow:0 19px 35px #2c1f1a1a}.bridge-copy p{color:#53685d}.bridge-copy ul{list-style:none;padding:0;margin:21px 0 26px}.bridge-copy li{border-bottom:1px solid #ddd3bf;padding:10px 0;display:flex;gap:12px}.bridge-copy li:before{content:'◆';font-size:10px;color:#a77c30;margin-right:12px}.link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.dark-link{background:#0d3439;color:white;padding:11px 17px;border-radius:4px;font-size:13px;font-weight:800}.light-link{border:1px solid #b4a47f;padding:10px 16px;border-radius:4px;font-size:13px;font-weight:700}.partner-panel{background:linear-gradient(125deg,#0d313a,#163c36);color:#fff;padding:43px 50px;display:flex;justify-content:space-between;gap:40px;align-items:center;border-top:5px solid #d6b469}.partner-panel h2{margin:0 0 9px}.partner-panel p{margin:0;color:#d4e1db;max-width:580px}.fineprint{font-size:12px;color:#738179;margin-top:20px}.counter{display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;color:#687569;padding:17px 0 32px}.counter strong{font-size:22px;color:var(--accent)}.footer{background:#091f2a;color:#ccd8d1;padding:38px 0 26px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.footer strong{color:#f4dfad}.footer small{display:block;color:#9baea4;font-size:11px;max-width:650px;line-height:1.8;margin-top:8px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}.footer-links a:hover{color:#f2ce7c}
body[data-alliance=HWA]{--accent:#2b8f66}body[data-alliance=GBA]{--accent:#ba7831}body[data-alliance=SGREA]{--accent:#287fb8}body[data-alliance=SGAA]{--accent:#8c5aac}body[dir=rtl] .eyebrow:before{order:2}body[dir=rtl] .hero-media:after{inset:15px 16px -13px -14px}
[hidden]{display:none!important}@media(max-width:900px){.hero-inner{gap:30px;min-height:0;padding:66px 0}.nav-links{gap:10px}.hero-media img{aspect-ratio:4/3}.partner-panel{padding:32px}.brand small{display:none}}@media(max-width:700px){.wrap{width:min(100% - 28px,1180px)}.topbar{font-size:10px}.nav-content{min-height:69px}.brand strong{font-size:13px}.nav-links a{display:none}.lang{padding:7px 4px;max-width:103px;font-size:11px}.hero-inner{grid-template-columns:1fr;padding:54px 0 57px}.hero h1{font-size:40px}.hero-media{max-width:470px;margin:10px auto 0}.hero-media img{aspect-ratio:4/3;object-fit:contain}.hero-caption{padding:9px}.hero-caption small{font-size:9px}.stats>div{padding:15px 7px}.stats b{font-size:19px}.stats span{font-size:10px}.section{padding:55px 0}.features{grid-template-columns:1fr}.feature{min-height:0;padding:23px}.bridge{grid-template-columns:1fr}.bridge-visual{order:-1}.partner-panel{display:block;padding:27px}.partner-panel .btn{margin-top:23px}.footer-inner{display:block}.footer-links{margin-top:20px}.counter{padding:12px 0 25px}}