@font-face{font-family:Parabole;src:url(/assets/Parabole-Cl7A2Y4u.ttf)format("truetype");font-display:swap}@font-face{font-family:Brand;src:url(/assets/Brand-BUc4qkYh.otf)format("opentype");font-display:swap}@font-face{font-family:Ari Condensed;src:url(/assets/ari-w9500-condensed-display-DGSQCo-r.ttf)format("truetype");font-display:swap}:root{color:#fff8e7;text-rendering:geometricprecision;background:#8fd6ee;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:auto}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus{outline:none}button:focus-visible,input[type=range]:focus-visible{outline-offset:4px;outline:2px solid #ffeca7f5;box-shadow:0 0 0 7px #ffffff24}.stage{--night-opacity:0;background:#9bdcf0;min-height:100vh;position:relative;overflow:hidden}.bg-photo,.bg-paint,.night-filter,.aura,.bubbles,.grain{pointer-events:none;position:absolute;inset:0}.bg-photo{filter:saturate(1.14)contrast(1.02);background-image:url(/assets/meadow-DodATVUX.jpg),linear-gradient(#71cef2 0%,#bff3ff 39%,#69bf5b 100%);background-position:50%;background-size:cover,auto}.bg-paint{opacity:.8;mix-blend-mode:soft-light;background:radial-gradient(at 25% 71%,#125e3c75 0 10%,#0000 28%),radial-gradient(at 78% 74%,#1a8f3761 0 14%,#0000 34%),radial-gradient(circle at 18% 84%,#ff71b2db 0 .35%,#0000 1.2%),radial-gradient(circle at 28% 80%,#ffc446eb 0 .36%,#0000 1.25%),radial-gradient(circle at 57% 82%,#ff7ebed1 0 .32%,#0000 1.2%),radial-gradient(circle at 74% 78%,#ffaa3fd9 0 .34%,#0000 1.22%),linear-gradient(#0000 66%,#004a2557)}.night-filter{opacity:var(--night-opacity);z-index:1;background:#000;transition:opacity .9s}.aura{z-index:2;mix-blend-mode:screen;background:radial-gradient(circle at 28% 73%,#ffccdb57,#0000 18%),radial-gradient(circle at 69% 23%,#fff2c452,#0000 14%),radial-gradient(circle at 79% 77%,#85c1ff52,#0000 19%),linear-gradient(#ffffff0f,#fff0)}.bubbles{z-index:4}.bubbles i{aspect-ratio:1;mix-blend-mode:screen;opacity:.64;filter:brightness(1.05)contrast(.98)saturate(1.12);width:clamp(70px,9vw,160px);animation:bubble-drift var(--dur,28s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);background:url(/assets/bubble.png) 50%/contain no-repeat;position:absolute}.bubbles i:first-child{--dur:13s;--dx:76px;--dy:-58px;--rot:12deg;top:4%;left:5%;transform:scale(.55)}.bubbles i:nth-child(2){--dur:14.5s;--dx:-72px;--dy:64px;--rot:-14deg;top:7%;left:82%;transform:scale(.38)}.bubbles i:nth-child(3){--dur:16s;--dx:-94px;--dy:-44px;--rot:18deg;opacity:.6;top:22%;left:91%;transform:scale(.82)}.bubbles i:nth-child(4){--dur:14s;--dx:68px;--dy:78px;--rot:-10deg;top:30%;left:66%;transform:scale(.42)}.bubbles i:nth-child(5){--dur:17s;--dx:92px;--dy:-66px;--rot:14deg;opacity:.56;top:70%;left:4%;transform:scale(.88)}.bubbles i:nth-child(6){--dur:15.5s;--dx:-78px;--dy:-74px;--rot:-18deg;top:84%;left:55%;transform:scale(.48)}.bubbles i:nth-child(7){--dur:18s;--dx:-106px;--dy:58px;--rot:20deg;opacity:.54;top:75%;left:86%;transform:scale(1.04)}.bubbles i:nth-child(8){--dur:13.5s;--dx:62px;--dy:-82px;--rot:-12deg;top:68%;left:35%;transform:scale(.34)}.bubbles i:nth-child(9){--dur:16.5s;--dx:-68px;--dy:-68px;--rot:16deg;top:50%;left:74%;transform:scale(.54)}@keyframes bubble-drift{0%{translate:0;rotate:0deg}to{translate:var(--dx) var(--dy);rotate:var(--rot)}}.grain{z-index:3;opacity:.12;mix-blend-mode:overlay;background-image:radial-gradient(circle at 20% 30%,#ffffffd1 0 1px,#0000 1px),radial-gradient(circle at 72% 61%,#244a3885 0 1px,#0000 1px);background-size:4px 4px,6px 6px}.layout{z-index:5;grid-template-columns:minmax(640px,1.15fr) minmax(360px,.62fr);align-items:center;gap:clamp(20px,3vw,44px);width:min(1440px,100vw - 72px);min-height:calc(100vh - 72px);margin:36px auto;display:grid;position:relative}.glass-card{-webkit-backdrop-filter:blur(23px)saturate(1.28);backdrop-filter:blur(23px)saturate(1.28);background:linear-gradient(135deg,#ffffff47,#ffffff14 47%,#ffddf429),#aed7ff29;border:1px solid #ffffff85;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #ffffff2e,0 28px 80px #1330603d}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 18% 7%,#ffffff94,#0000 19%),radial-gradient(circle at 80% 86%,#ffc9f057,#0000 26%),linear-gradient(145deg,#ffffff3d,#0000 45%);position:absolute;inset:1px}.clock-card{border-radius:clamp(42px,5vw,72px);min-height:min(720px,100vh - 86px);padding:clamp(28px,4.2vw,58px)}.topbar,footer,.nextline,.status-dot,.panel-title,.volume-row{align-items:center;display:flex}.topbar{z-index:2;justify-content:space-between;gap:14px;position:relative}.brand{letter-spacing:.52em;text-indent:.52em;color:#fff9e1f5;text-shadow:0 1px 12px #19386542;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:.98rem;font-weight:400}.status-dot{color:#fffae6f2;background:#ffffff29;border:1px solid #ffffff6b;border-radius:999px;gap:9px;padding:11px 18px;font-size:.94rem;font-weight:350;box-shadow:inset 0 1px 10px #ffffff2e}.status-dot span{background:#ffffffb3;border-radius:50%;width:11px;height:11px}.status-dot span.live{background:#ffd85e;box-shadow:0 0 18px #fff1a8}.hero-clock{z-index:2;text-align:center;color:#fff9e2fa;text-shadow:0 1px #5d442629,0 0 24px #ffeeb861,0 18px 46px #22325c47;align-content:center;justify-items:center;min-height:clamp(330px,46vh,430px);padding:clamp(24px,4.5vh,54px) 0 22px;display:grid;position:relative}.hero-clock p{margin:0;padding-bottom:68px;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:clamp(1.8rem,3.35vw,3.6rem);font-weight:350;line-height:1}.hero-clock p:after{content:"";background:linear-gradient(90deg,#0000,#fff9e2b8,#0000);width:min(240px,22vw);height:1px;margin:28px auto 0;display:block}.hero-clock h1{letter-spacing:0;margin:10px 0 0;font-family:Brand,Noto Sans TC,serif;font-size:clamp(7.3rem,12vw,12.7rem);font-weight:400;line-height:.78}.nextline{color:#fffae5db;justify-content:center;gap:9px;margin-top:22px;font-size:clamp(1rem,1.35vw,1.24rem);font-weight:400}.command-row{z-index:2;grid-template-columns:1fr 1fr;gap:18px;width:min(660px,100%);margin:12px auto 0;display:grid;position:relative}.glass-button{color:#fff8e2f5;background:linear-gradient(135deg,#ffffff61,#ffffff1a),#ffffff1f;border:1px solid #ffffff8a;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:74px;padding:0 26px 2px;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:clamp(1.1rem,2vw,1.72rem);font-weight:350;line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffffb8,inset 0 -12px 28px #ffffff14,0 18px 30px #1f3e6729}.glass-button:hover{transform:translateY(-2px)}.primary.active{background:radial-gradient(circle at 20% 20%,#ffe6895c,#0000 36%),linear-gradient(135deg,#5073e26b,#ffffff1f);box-shadow:inset 0 0 0 1px #ffe7a67a,inset 0 1px #ffffffc7,0 0 28px #ffca6533,0 18px 34px #182d6238}.secondary{color:#323d5cdb;background:linear-gradient(135deg,#ffffffc2,#ffeedc66),#ffffff40}.side-stack{gap:28px;display:grid}.control-panel{border-radius:38px;padding:34px}.control-panel.compact{padding-bottom:28px}.panel-title{z-index:2;color:#fff9e4f0;text-shadow:0 8px 24px #1b386238;gap:12px;margin-bottom:28px;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:1.35rem;font-weight:350;position:relative}.segmented{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px;display:grid;position:relative}.language-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.segmented button,.icon-button{background:#ffffff24;border:1px solid #fff6;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff5c}.segmented button{white-space:nowrap;color:#fff8e7eb;border-radius:20px;min-height:62px;font-size:1rem;font-weight:350}.segmented button.selected{color:#2b3a52db;background:radial-gradient(circle at 22% 18%,#fff6c5eb,#0000 34%),linear-gradient(135deg,#ffffffa8,#fff0b942),#ffffff52;border-color:#fff4bfeb;box-shadow:inset 0 0 0 1px #ffffff94,inset 0 0 24px #ffffff57,0 0 26px #ffdd8657,0 10px 22px #20385e1a}.volume-row{z-index:2;gap:14px;position:relative}.icon-button{border-radius:50%;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.volume-row label{flex:1;gap:12px;min-width:0;display:grid}.volume-row span,.volume-row strong,footer{color:#fff9e6db;font-size:.92rem;font-weight:400}.volume-row strong{text-align:right;width:52px}input[type=range]{accent-color:#fff0b9;border-radius:999px;width:100%;height:8px}footer{z-index:2;text-shadow:0 1px 12px #19305a3d;justify-content:center;gap:16px;position:absolute;bottom:28px;left:clamp(28px,4.2vw,58px);right:clamp(28px,4.2vw,58px)}@media (width<=1080px){.layout{grid-template-columns:1fr;align-items:start;width:min(980px,100vw - 40px);margin:20px auto}.clock-card{min-height:auto;padding-bottom:94px}.hero-clock h1{font-size:clamp(8.1rem,17vw,11rem)}.side-stack{grid-template-columns:1fr 1fr;gap:18px}}@media (width<=760px){.stage{overflow:auto}.layout{gap:14px;width:min(100vw - 20px,520px);min-height:calc(100vh - 20px);margin:10px auto}.clock-card{border-radius:32px;padding:22px 18px 86px}.topbar,footer{flex-direction:column;align-items:stretch}.brand{letter-spacing:.36em;text-indent:.36em}.status-dot{width:fit-content}.hero-clock{min-height:268px;padding:36px 0 16px}.hero-clock p{padding-bottom:42px;font-size:clamp(1.5rem,8vw,2.8rem)}.hero-clock p:after{width:min(180px,46vw);margin-top:18px}.hero-clock h1{font-size:clamp(4.8rem,23vw,8rem)}.command-row,.side-stack{grid-template-columns:1fr}.glass-button{min-height:60px;font-size:1.18rem}.control-panel{border-radius:28px;padding:24px}.segmented{grid-template-columns:1fr}footer{bottom:20px;left:20px;right:20px}}