:root{--navy:#131921;--nav:#232f3e;--ink:#172535;--muted:#586677;--gold:#ffd814;--orange:#ff9900;--teal:#007185;--line:#dce1e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f3f4f5;color:var(--ink);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;cursor:pointer;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #008ca5;outline-offset:5px}header{color:white;background:var(--navy)}.header-inner,.nav-inner,main,.footer-inner,.fixed-inner{width:min(1200px,calc(100% - 64px));margin:auto}.header-inner{height:82px;display:flex;align-items:center;gap:40px}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;position:relative;padding-bottom:8px;white-space:nowrap}.brand span{font-weight:400;margin-left:5px}.brand i{position:absolute;width:56px;height:10px;border-bottom:4px solid var(--orange);border-radius:50%;bottom:0;left:49px;transform:rotate(-6deg)}.header-label{font-size:13px;color:#d3dce5;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0}.header-join{margin-left:auto;font-size:14px;font-weight:700;border:1px solid #64707e;padding:11px 18px;border-radius:5px}.header-join span{color:var(--gold);padding-left:18px}nav{background:var(--nav)}.nav-inner{display:flex;align-items:center;gap:30px;min-height:42px;font-size:12px}.nav-inner a:hover{color:var(--gold)}.nav-inner>span{margin-left:auto;color:#bdc9d5;font-size:11px;letter-spacing:1px}.breadcrumb{display:flex;gap:12px;font-size:11px;color:#74808a;padding:23px 0}.breadcrumb strong{font-weight:400;color:#354353}.hero{background:white;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:46px;padding:42px;border-radius:8px;align-items:center}.eyebrow{display:flex;gap:13px;align-items:center;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:1px}.eyebrow>span{background:var(--nav);color:white;padding:7px 10px;font-size:11px;letter-spacing:1px}h1{font-size:clamp(30px,3.35vw,45px);line-height:1.4;letter-spacing:-1.5px;margin:20px 0 17px}.underline{position:relative;z-index:0;white-space:nowrap}.underline:after{content:"";position:absolute;left:0;right:0;height:10px;bottom:4px;background:#ffe69d;z-index:-1}.lead{font-size:19px;line-height:1.65;margin:0 0 24px;color:#53616e}.schedule{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.clock{font-size:39px;color:var(--teal)}.schedule strong{font-size:18px;display:block}.schedule b{font-size:26px}.schedule div>span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.free-tag{margin-left:auto;color:#a45006;background:#fff3dd;border-radius:4px;font-size:12px;padding:6px 10px;font-weight:700}.intro{font-size:13px;line-height:1.9;color:var(--muted);margin:20px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:49px;border-radius:7px;padding:13px 27px;font-size:15px;font-weight:700;border:1px solid #edc300;transition:background .15s,box-shadow .15s}.primary{background:var(--gold);color:#17212a;box-shadow:0 2px 4px #0000000c}.primary:hover{background:#f7ca00;box-shadow:0 3px 9px #00000016}.hero-button{width:100%}.button-note{display:flex;justify-content:center;gap:9px;font-size:11px;color:#6e7a84;margin:12px 0 0}.button-note span:first-child{color:var(--teal)}figure{margin:0}.hero-image{border:1px solid #d4dae0;border-radius:7px;overflow:hidden;background:#fafbfc}.image-label{height:38px;display:flex;align-items:center;gap:8px;font-size:11px;padding:0 13px}.image-label>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1.1px;color:#7a8794}.hero-image img{width:100%;height:auto;display:block}.hero-image figcaption{text-align:center;padding:13px;color:#697584;font-size:11px;letter-spacing:1px}.highlights{padding:43px 0 33px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.overline{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--teal);margin:0 0 10px}h2{font-size:24px;line-height:1.4;letter-spacing:-.5px;margin:0}.section-chip{border:1px solid #d6dce2;border-radius:20px;padding:8px 13px;white-space:nowrap;font-size:11px;color:#61717f}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{padding:22px;background:white;border:1px solid var(--line);border-radius:6px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fef3d5;color:#996000;border-radius:7px;font-size:27px}.card-number{color:#cbd2d8;font-size:24px;font-weight:700}.card h3{font-size:16px;margin:0 0 12px;line-height:1.4}.card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 20px}.card-tag{font-size:10px;color:var(--teal);background:#eaf5f5;padding:5px 8px;border-radius:3px}.routine{background:var(--nav);color:white;border-radius:7px;display:flex;align-items:center;gap:34px;padding:30px 35px;margin-bottom:42px;border-top:3px solid var(--orange)}.time-display{font-size:46px;font-weight:700;letter-spacing:-2px;padding-right:30px;border-right:1px solid #4d5763;white-space:nowrap}.time-display>span{color:var(--orange)}.time-display small{display:block;color:#c5ced7;font-size:9px;font-weight:400;letter-spacing:1.3px;margin-top:8px}.routine .overline{color:#f2bd67;font-size:10px;letter-spacing:1px}.routine h2{font-size:23px}.routine p:last-child{font-size:12px;color:#b9c6d3;margin:9px 0 0}.routine>.button{margin-left:auto;white-space:nowrap}footer{background:#e9ecef;border-top:1px solid var(--line);padding:27px 0 calc(115px + env(safe-area-inset-bottom))}.footer-inner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}.footer-name{font-weight:700}.footer-name>span{font-weight:400;color:#687583}.footer-inner>a{margin-left:auto;color:var(--teal);text-decoration:underline;text-underline-offset:4px}.footer-inner>p{flex-basis:100%;font-size:10px;color:#74808c;line-height:1.7;margin:2px 0 0}.fixed-bar{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #d4dbe0;box-shadow:0 -4px 22px #17253509;padding:14px 0 calc(14px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.fixed-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.fixed-copy strong{display:block;font-size:14px}.fixed-copy span{display:block;font-size:11px;color:#687684;margin-top:6px}.fixed-inner>.button{min-width:245px}.fixed-inner .button>span{margin-left:45px}dialog{padding:0;border:0;border-radius:12px;width:min(620px,calc(100% - 32px));max-height:85dvh;box-shadow:0 20px 90px #0005;color:var(--ink)}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#101c2acc;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 18px;border-bottom:1px solid var(--line)}.dialog-head .overline{font-size:9px}.dialog-head h2{font-size:25px;margin-top:5px}.close-button{background:#eef1f4;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;color:#445366}.dialog-body{overflow:auto;overscroll-behavior:contain;padding:10px 28px 20px;font-size:13px;line-height:1.9}.dialog-body h3{font-size:15px;margin:22px 0 5px}.dialog-body p{margin:10px 0}.policy-date{color:#7a8793;font-size:11px}.operator{background:#f2f5f7;padding:13px}.dialog-foot{padding:16px 28px;border-top:1px solid var(--line);text-align:right}.dialog-foot .button{min-height:40px;font-size:13px}.modal-open{overflow:hidden}@media(min-width:1500px){main,.header-inner,.nav-inner,.footer-inner,.fixed-inner{width:1200px}}@media(max-width:1000px){.hero{padding:28px;gap:28px}h1{font-size:34px}.cards{grid-template-columns:repeat(2,1fr)}.routine{gap:22px;padding:25px}.routine h2{font-size:19px}.routine>.button{padding:13px 20px;gap:14px}.time-display{font-size:36px;padding-right:22px}}@media(max-width:760px){.header-inner,.nav-inner,main,.footer-inner,.fixed-inner{width:calc(100% - 36px)}.header-inner{height:67px;gap:16px}.brand{font-size:23px}.header-label{display:none}.header-join{font-size:12px;padding:9px 12px}.header-join span{padding-left:9px}.nav-inner{font-size:11px;gap:24px;min-height:38px}.nav-inner>span{font-size:9px;letter-spacing:0}.breadcrumb{font-size:10px;padding:17px 0;gap:8px}.hero{grid-template-columns:1fr;gap:27px;padding:25px 22px}h1{font-size:clamp(30px,6.7vw,42px);margin-top:19px;letter-spacing:-1px}.lead{font-size:17px;margin-bottom:20px}.desktop-break{display:none}.schedule{padding:12px 0}.intro{font-size:13px;margin:17px 0}.hero-image{max-width:520px;width:100%;justify-self:center}.highlights{padding:31px 0 25px}h2{font-size:22px}.section-heading{margin-bottom:18px}.section-chip{display:none}.card{padding:18px 15px}.card-top{margin-bottom:18px}.card h3{font-size:15px}.card p{font-size:12px;margin-bottom:15px}.cards{gap:11px}.routine{flex-wrap:wrap;gap:20px;padding:24px 22px;margin-bottom:30px}.routine-copy{flex:1;min-width:150px}.routine h2{font-size:19px}.routine .overline{font-size:9px;letter-spacing:0}.routine>.button{width:100%}.time-display{font-size:33px;padding-right:17px}.fixed-copy strong{font-size:11px}.fixed-copy span{font-size:9px;max-width:170px;line-height:1.5}.fixed-inner{gap:12px}.fixed-inner>.button{min-width:135px;min-height:45px;padding:11px 17px;gap:16px;font-size:14px}.fixed-inner .button>span{margin-left:0}.footer-name{font-size:11px}.footer-name>span{font-size:10px}.dialog-head{padding:20px}.dialog-body{padding:8px 20px 18px}.dialog-foot{padding:13px 20px}}@media(max-width:370px){.nav-inner>span{display:none}.hero{padding:22px 17px}h1{font-size:29px}.card h3{font-size:14px}.fixed-copy span{display:none}.fixed-copy strong{line-height:1.7;max-width:138px}.fixed-inner>.button{min-width:122px}.routine{gap:14px;padding:20px 16px}.time-display{font-size:29px;padding-right:12px}.routine-copy{min-width:140px}.routine h2{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}