@charset "UTF-8";
:root{color-scheme:dark;--red:#ec2227;--red-hover:#ff3e43;--ink:#101113;--paper:#f3f1ec;--line:#303135;font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;font-synthesis:none;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #ffbf66;outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:20;top:12px;left:12px;background:var(--paper);color:var(--ink);padding:12px 18px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{min-height:84px;padding:0 clamp(22px,4.5vw,88px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:4px solid var(--red);border-bottom:1px solid #37383a;background:#101113;position:relative;z-index:5}.wordmark{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transform:skew(-10deg);line-height:1}.wordmark-dc{font-family:Impact,"Arial Black",sans-serif;font-size:39px;letter-spacing:-2px;color:var(--red)}.wordmark-name{font-size:25px;font-weight:900;letter-spacing:-1px}.site-nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,44px)}.site-nav button,.site-nav a{font-weight:700;font-size:14px;letter-spacing:.05em;white-space:nowrap}.site-nav button{padding:26px 0;background:transparent;position:relative}.site-nav button::after{position:absolute;content:"";height:2px;background:var(--red);bottom:15px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .18s}.site-nav button:hover::after{transform:scaleX(1)}.site-nav a{display:flex;align-items:center;justify-content:center;gap:26px;min-height:43px}.nav-topup{border-left:1px solid #444;padding-left:28px}.nav-download{background:var(--red);min-width:117px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:background .18s}.nav-download:hover{background:var(--red-hover)}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;background:#202125;overflow:hidden;max-width:1920px;margin:0 auto}.hero-art{display:block;width:100%;height:auto;position:relative;z-index:-2}.hero-shade{position:absolute;z-index:-1;inset:48% 0 0;background:linear-gradient(0deg,rgba(6,7,8,.77),transparent 80%),linear-gradient(70deg,rgba(6,7,8,.38),transparent 48%);pointer-events:none}.launch{position:absolute;bottom:clamp(32px,5vw,84px);left:clamp(24px,5.2vw,100px)}.hero-kicker{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.22em;margin:0 0 13px}.hero-kicker span{display:block;width:29px;height:3px;background:var(--red);transform:skew(-26deg)}.hero-title{font-size:clamp(36px,4.4vw,72px);font-weight:900;line-height:1.12;letter-spacing:.02em;margin:0 0 27px;text-shadow:0 2px 20px #0006;transform:skew(-8deg);transform-origin:left}.launch-actions{display:flex;gap:12px}.action{min-height:62px;min-width:185px;padding:18px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:16px;font-weight:800;letter-spacing:.06em;transition:background .18s,transform .18s}.action:hover{transform:translateY(-3px)}.action-primary{background:var(--red);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.action-primary:hover{background:var(--red-hover)}.action-secondary{color:var(--ink);background:var(--paper);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.action-secondary:hover{background:#fff}.hero-edge{position:absolute;bottom:0;left:0;width:100%;height:6px;background:var(--red)}.hero-edge::before{content:"";position:absolute;right:7%;width:90px;top:-9px;height:15px;background:repeating-linear-gradient(120deg,var(--red) 0 12px,transparent 12px 22px)}
.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 clamp(22px,4.5vw,88px);background:var(--paper);color:var(--ink);border-bottom:1px solid #d7d6d2}.quick-link{display:flex;align-items:center;gap:22px;background:transparent;padding:35px clamp(20px,3.2vw,60px);text-align:left;position:relative;min-height:140px;border-right:1px solid #cececa;overflow:hidden}.quick-link:first-child{border-left:1px solid #cececa}.quick-link::after{content:"";height:4px;width:100%;position:absolute;bottom:0;left:0;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}.quick-link:hover::after{transform:scaleX(1)}.link-index{font-family:Impact,"Arial Black",sans-serif;font-size:43px;font-style:italic;color:#b6b5b1;transition:color .2s}.quick-link:hover .link-index{color:var(--red)}.link-label{display:flex;flex-direction:column;gap:6px}.link-en{font-family:Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:.18em;color:#666664}.link-title{font-size:21px;letter-spacing:.09em;font-weight:900;white-space:nowrap}.link-arrow{font-size:25px;margin-left:auto;color:var(--red);padding-left:4px;transition:transform .2s}.quick-link:hover .link-arrow{transform:translate(2px,-2px)}
.site-footer{min-height:100px;display:flex;align-items:center;gap:22px;padding:24px clamp(22px,4.5vw,88px);color:#a8aaad}.footer-name{font-family:Impact,"Arial Black",sans-serif;font-size:23px;font-style:italic;letter-spacing:-1px;color:#f0f0ef}.footer-name span{font-family:"Microsoft JhengHei",sans-serif;font-size:16px;font-weight:900;letter-spacing:-1px;margin-left:3px}.site-footer small{font-size:11px;letter-spacing:.06em}.site-footer a{margin-left:auto;font-size:11px;letter-spacing:.14em;font-weight:700;padding:12px 0}.site-footer a:hover{color:white}.no-script-note{font-size:14px;text-align:center;padding:20px}
.info-dialog{background:var(--paper);color:var(--ink);border:0;border-top:5px solid var(--red);padding:38px;width:min(420px,calc(100% - 40px));box-shadow:0 24px 120px #0008}.info-dialog::backdrop{background:rgba(8,9,11,.8);backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;background:transparent;width:44px;height:44px}.dialog-close:hover{color:var(--red)}.dialog-mark{font-family:Impact,"Arial Black",sans-serif;font-style:italic;letter-spacing:-2px;color:var(--red);font-size:39px}.info-dialog h2{font-size:26px;margin:20px 0 9px}.info-dialog p{color:#626366;font-size:15px;margin:0 0 32px}.dialog-dismiss{background:var(--ink);color:#fff;min-height:48px;padding:13px 18px;width:100%;display:flex;justify-content:space-between;font-weight:700}.dialog-dismiss:hover{background:#343537}body.dialog-open{overflow:hidden}
@media (min-width:1920px){.hero{border-inline:1px solid var(--line)}}
@media (max-width:1000px){.site-header{padding-inline:26px;gap:20px}.site-nav{gap:22px}.nav-topup{padding-left:20px}.quick-links{padding:0 24px}.quick-link{padding:28px 24px;gap:14px;min-height:120px}.link-index{font-size:35px}.link-title{font-size:18px}.link-arrow{font-size:22px}.link-en{font-size:8px}.launch{bottom:38px}.hero-title{margin-bottom:22px}.action{min-width:165px;min-height:56px;padding:16px 21px;font-size:15px}}
@media (max-width:760px){.site-header{min-height:72px;padding-inline:21px;border-top-width:3px}.wordmark-dc{font-size:34px}.wordmark-name{font-size:22px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:44px;height:44px;background:transparent}.menu-toggle span{width:23px;height:2px;background:var(--paper);transition:transform .18s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:14px 23px 24px;background:var(--ink);border-bottom:3px solid var(--red);box-shadow:0 18px 35px #0005;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav button{padding:16px 0;text-align:left;border-bottom:1px solid var(--line)}.site-nav button::after{display:none}.site-nav a{justify-content:space-between;min-height:50px;padding:14px 0}.site-nav .nav-topup{border:0;margin:4px 0}.site-nav .nav-download{padding:15px 20px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.hero-shade{display:none}.hero-art{z-index:auto}.launch{position:relative;bottom:auto;left:auto;padding:27px 23px 35px;background:#141517}.hero-kicker{font-size:10px;letter-spacing:.19em;margin-bottom:12px}.hero-title{font-size:35px;margin-bottom:22px}.launch-actions{gap:10px}.action{flex:1;min-width:0;padding:16px;gap:12px;min-height:56px;font-size:15px}.action svg{width:18px;height:18px;flex-shrink:0}.hero-edge{height:4px}.hero-edge::before{right:25px;height:13px}.quick-links{grid-template-columns:1fr;padding:0 23px}.quick-link,.quick-link:first-child{border:0;border-bottom:1px solid #cdcdc8;padding:23px 6px;min-height:100px;gap:23px}.quick-link:last-child{border-bottom:0}.link-index{font-size:36px;min-width:40px}.link-title{font-size:20px}.link-en{font-size:9px}.quick-link::after{width:4px;height:100%;transform:scaleY(0);left:auto;right:-23px;transform-origin:top}.quick-link:hover::after{transform:scaleY(1)}.link-arrow{margin-right:6px}.site-footer{padding:25px 23px;min-height:98px;flex-wrap:wrap;gap:9px 14px}.site-footer small{font-size:10px}.site-footer a{font-size:10px}.footer-name{font-size:20px}.footer-name span{font-size:14px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}