@charset "UTF-8";:root{--primary:#fafafa;--secondary:#e0e0e0;--inverse:#0a0a0a;--text-primary:#0a0a0a;--text-secondary:#222;--text-tertiary:#5f5f5f;--text-inverse:#f0f0f0;--text-inverse-soft:#e0e0e0;--bg-page:#e0e0e0;--bg-header:250,250,250;--bg-footer:#e0e0e0;--bg-surface:#f0f0f0;--bg-surface-soft:#fafafa;--bg-surface-strong:#e0e0e0;--bg-surface-secondary:#c8c8c8;--bg-surface-card:#fafafa;--bg-surface-contrast:#141414;--bg-surface-glass:rgba(2,2,3,.7);--border-default:#a0a0a0;--border-soft:#222;--brand:#a02fec;--brand-hover:#a02fec;--brand-soft:#cb8cf5;--action-primary:var(--brand);--action-primary-hover:var(--brand-soft);--action-primary-soft:var(--brand-soft);--shadow-default:0px 2px 2px 0px rgba(31,31,31,.4);--shadow-card:0 0px 8px 4px rgba(31,31,31,.4);--shadow-bottomBar:0 -2px 2px 0px rgba(31,31,31,.4);--state-danger:#d9534f}@media(prefers-color-scheme:dark){:root{--primary:#0a0a0a;--secondary:#222;--inverse:#fafafa;--text-primary:#fafafa;--text-secondary:#e0e0e0;--text-tertiary:#a0a0a0;--text-inverse:#222;--text-inverse-soft:#333;--bg-page:#222;--bg-header:10,10,10;--bg-footer:#0a0a0a;--bg-surface:#141414;--bg-surface-soft:#222;--bg-surface-strong:#0a0a0a;--bg-surface-secondary:#5f5f5f;--bg-surface-card:#e0e0e0;--bg-surface-contrast:#f0f0f0;--bg-surface-glass:hsla(0,0%,100%,.6);--border-default:#5f5f5f;--border-soft:#f0f0f0;--brand:#a02fec;--brand-hover:#cb8cf5;--brand-soft:#690fa6;--action-primary:var(--brand);--action-primary-hover:var(--brand);--action-primary-soft:var(--brand-soft);--shadow-default:0px 2px 2px 0px hsla(0,0%,46%,.4);--shadow-card:0 0px 8px 4px hsla(0,0%,46%,.4);--shadow-bottomBar:0 -2px 2px 0px hsla(0,0%,46%,.4);--state-danger:#d9534f}}*{box-sizing:border-box;vertical-align:top}body,html{letter-spacing:1px;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:微軟正黑體,Arial,Helvetica,Microsoft JhengHei,PingFang TC,Noto Sans TC,sans-serif;font-size:14px;font-weight:400;line-height:1.4;transition:color .4s,background-color .4s}h2,h3,h4,h5{cursor:default;letter-spacing:1px;line-height:1.4;margin:0;padding:0}h2{font-size:clamp(28px,4vw,42px);font-weight:900}h3{font-size:clamp(20px,3vw,30px)}h3,h4{font-weight:600}h4{font-size:clamp(16px,2vw,20px)}h5,p{font-size:clamp(14px,2vw,16px);font-weight:400}p{cursor:default;letter-spacing:1px;line-height:1.4;margin:0;overflow-wrap:break-word;padding:0}a{color:var(--text-primary);text-decoration:none}button{background:none;border:0;padding:0;white-space:nowrap}.btn{background-color:var(--action-primary);border:2px solid transparent;border-radius:4px;color:#fafafa;cursor:pointer;display:grid;font-size:clamp(14px,1.5vw,16px);font-weight:400;height:44px;letter-spacing:1px;place-items:center;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease;width:clamp(120px,16vw,160px)}.btn:active:not(:disabled){background-color:var(--action-primary-soft);border-color:var(--action-primary-hover);color:#fafafa;transform:scale(.98)}.btn:disabled{cursor:default;opacity:.3}@media(hover:hover)and (pointer:fine){.btn:hover{background-color:transparent;border-color:var(--action-primary);color:var(--brand-hover);font-weight:600}}.swiper-btn{background:var(--action-primary);border:2px solid transparent;border-radius:4px;box-shadow:none;box-shadow:transparent;color:var(--text-inverse);cursor:pointer;opacity:.8;transition:background-color .3s ease-out,color .3s ease-out,opacity .3s ease-out,transform .3s ease}.swiper-btn .icon{height:clamp(36px,4vw,52px);width:clamp(36px,4vw,52px)}.swiper-btn:disabled{background:var(--action-primary-soft);cursor:default;opacity:.3}@media(hover:hover)and (pointer:fine){.swiper-btn:hover:not(:disabled){box-shadow:var(--shadow-focus);color:#fafafa;opacity:1;transform:scale(1.06)}}.swiper-btn:active:not(:disabled){color:#fafafa;transform:scale(.96)}.admin-btn{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;min-height:40px;padding:0 14px;transition:background-color .4s ease,border-color .4s ease,transform .4s ease}.admin-btn:hover{border-color:var(--brand)}.admin-btn:active{transform:scale(.95)}.point{background:#fafafa;border-radius:50%;cursor:pointer;height:30px;transform:scale(1);transition:transform .3s ease-out;width:30px}.point:after{animation:pointscale 1.2s linear infinite;border:1px solid #fafafa;border-radius:50%;content:"";height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(1);width:40px;will-change:transform,opacity,border-width}@media(hover:hover)and (pointer:fine){.point:hover:after{animation:pointscale .8s linear infinite}}@keyframes pointscale{0%{border-width:1px;opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}80%{border-width:4px;opacity:0;transform:translate3d(-50%,-50%,0) scale(2)}to{border-width:4px;opacity:0;transform:translate3d(-50%,-50%,0) scale(2)}}.point:active{transform:scale(.88)}input[type=checkbox]{accent-color:var(--brand)}input{border-style:none;border-width:1px;caret-color:var(--brand);outline:none;padding:0 8px}input::-moz-placeholder{color:var(--text-secondary);opacity:.7}input::placeholder{color:var(--text-secondary);opacity:.7}li,ul{list-style:none;margin:0;padding:0}.container{margin:0 auto;max-width:1280px;padding-inline:clamp(16px,4vw,32px)}