:root{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color-scheme:dark;background:#10121a}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{display:grid;min-height:100dvh;place-items:center;overflow:auto;background:radial-gradient(circle at 50% 18%,rgba(116,67,214,.25),transparent 34rem),linear-gradient(145deg,#17151f,#10121a 64%,#171321)}.preview-controls{position:fixed;z-index:200;top:max(1rem,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:.65rem;padding:.42rem .48rem .42rem .75rem;border:1px solid rgba(219,223,240,.18);border-radius:1rem;color:#d9dfef;background:#0f121fd1;box-shadow:0 .8rem 2.4rem #00000052,0 0 1.8rem #702cd329;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.preview-controls>span{font-size:.69rem;font-weight:720;white-space:nowrap}.preview-controls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;padding:.2rem;border-radius:.72rem;background:#ffffff12}.preview-controls button{min-width:3.35rem;min-height:2.25rem;padding:0 .65rem;border:0;border-radius:.58rem;color:#aab4c9;background:transparent;font-size:.68rem;font-weight:740;cursor:pointer;transition:color .12s ease,background .16s ease,box-shadow .16s ease,transform .1s ease}.preview-controls button:hover{color:#fff}.preview-controls button:active{transform:scale(.97)}.preview-controls button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#a347e6,#7227cf);box-shadow:0 .45rem 1rem #702cd359}.preview-controls button:focus-visible{outline:3px solid rgba(196,133,255,.34);outline-offset:2px}:root[data-environment=prod] .preview-controls{display:none}.browser-phone{position:relative;display:block;width:417px;height:876px;padding:12px;border:1px solid rgba(226,228,238,.64);border-radius:58px;background:linear-gradient(135deg,#858894,#22242c 14%,#05060a 48%,#343640 86%,#9598a3);box-shadow:0 0 0 2px #08090de6,inset 0 0 0 2px #fff3,inset 0 0 0 8px #090a0f,0 2.8rem 7rem #0000008f,0 0 5.5rem #6b38d23b;zoom:min(1,calc((100dvh - 2rem)/876px),calc((100vw - 2rem)/417px))}.browser-phone:before{content:"";position:absolute;z-index:2;inset:5px;border:1px solid rgba(255,255,255,.14);border-radius:53px;pointer-events:none}.app-viewport{display:block;width:393px;height:852px;border:0;border-radius:46px;background:#f1f3ff}.phone-chrome{position:absolute;z-index:120;inset:0;display:block;color:#10121a;pointer-events:none}.browser-phone[data-preview-theme=dark] .phone-chrome{color:#f4f6ff}.preview-status-bar{position:absolute;top:24px;right:35px;left:38px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;line-height:1}.preview-system-icons{display:flex;align-items:center;gap:7px;height:14px}.preview-signal{display:flex;align-items:end;gap:2px;height:12px}.preview-signal i{display:block;width:3px;border-radius:2px;background:currentColor}.preview-signal i:nth-child(1){height:4px}.preview-signal i:nth-child(2){height:6px}.preview-signal i:nth-child(3){height:9px}.preview-signal i:nth-child(4){height:12px}.preview-wifi{position:relative;width:17px;height:12px;overflow:hidden}.preview-wifi:before,.preview-wifi:after{content:"";position:absolute;left:50%;border:2px solid currentColor;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translate(-50%) rotate(45deg)}.preview-wifi:before{top:-6px;width:16px;height:16px}.preview-wifi:after{top:1px;width:6px;height:6px}.preview-battery{position:relative;width:21px;height:10px;border:1.5px solid currentColor;border-radius:3px}.preview-battery:before{content:"";position:absolute;top:2px;right:-4px;width:2px;height:4px;border-radius:0 2px 2px 0;background:currentColor;opacity:.55}.preview-battery:after{content:"";position:absolute;inset:2px;border-radius:1px;background:currentColor}.preview-dynamic-island{position:absolute;top:20px;left:50%;width:116px;height:34px;border-radius:999px;background:#020307;box-shadow:inset 0 1px 2px #ffffff0f;transform:translate(-50%)}.preview-home-indicator{position:absolute;bottom:19px;left:50%;width:128px;height:5px;border-radius:999px;background:currentColor;transform:translate(-50%)}.phone-side-button{position:absolute;width:4px;border:1px solid #22242b;background:linear-gradient(90deg,#5e6069,#17181e);box-shadow:inset 1px 0 #ffffff3d}.phone-action-button{top:134px;left:-4px;height:38px;border-radius:3px 0 0 3px}.phone-volume-up{top:197px;left:-4px;height:66px;border-radius:3px 0 0 3px}.phone-volume-down{top:276px;left:-4px;height:66px;border-radius:3px 0 0 3px}.phone-power-button{top:218px;right:-4px;height:101px;border-radius:0 3px 3px 0}body[data-preview-mode=web]{display:block;background:#f1f3ff}body[data-preview-mode=web] .browser-phone{width:100%;height:100dvh;padding:0;border:0;border-radius:0;background:none;box-shadow:none;zoom:1}body[data-preview-mode=web] .browser-phone:before,body[data-preview-mode=web] .phone-chrome,body[data-preview-mode=web] .phone-side-button{display:none}body[data-preview-mode=web] .app-viewport{width:100%;height:100dvh;border-radius:0}@media(max-width:639px){body{display:block;overflow:hidden;background:#f1f3ff}.browser-phone{width:100vw;height:100dvh;padding:0;border:0;border-radius:0;background:none;box-shadow:none;zoom:1}.browser-phone:before,.phone-chrome,.phone-side-button{display:none}.app-viewport{width:100vw;height:100dvh;border-radius:0}.preview-controls{top:auto;right:.65rem;bottom:max(.65rem,env(safe-area-inset-bottom));left:.65rem;justify-content:space-between;transform:none}.preview-controls>span{display:none}.preview-controls>div{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}