@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-page: #E0F2FE;--bg-card: #FFFFFF;--bg-hover: #F8FAFC;--bg-input: #F1F5F9;--ink: #0F172A;--ink-secondary: #334155;--ink-muted: #64748B;--blue: #0284C7;--blue-soft: #E0F2FE;--amber: #D97706;--amber-soft: #FEF3C7;--green: #16A34A;--green-soft: #DCFCE7;--red: #DC2626;--poster-cyan: #06B6D4;--poster-cyan-soft: #E0F2FE;--border: #CBD5E1;--border-strong: #94A3B8;--radius: 14px;--radius-sm: 8px}[data-theme=dark]{--bg-page: #0F172A;--bg-card: #1E293B;--bg-hover: #334155;--bg-input: #1E293B;--ink: #F8FAFC;--ink-secondary: #CBD5E1;--ink-muted: #94A3B8;--blue-soft: #0369A1;--amber-soft: #78350F;--green-soft: #14532D;--border: #334155;--border-strong: #475569}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);color:var(--ink);min-height:100vh;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s,color .25s;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}@keyframes crazyScreenShake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-8px,6px) rotate(-1.5deg)}20%{transform:translate(8px,-6px) rotate(1.5deg)}30%{transform:translate(-10px,-4px) rotate(-1deg)}40%{transform:translate(10px,4px) rotate(1deg)}50%{transform:translate(-6px,8px) rotate(-2deg)}60%{transform:translate(6px,-8px) rotate(2deg)}70%{transform:translate(-4px,4px) rotate(-.5deg)}80%{transform:translate(4px,-4px) rotate(.5deg)}90%{transform:translate(-2px,2px) rotate(0)}to{transform:translate(0) rotate(0)}}.crazy-shake-mode{animation:crazyScreenShake .4s ease-in-out 4}.poster-hero-3d{background:linear-gradient(135deg,#ffffffeb,#e0f2fef2),url(/images/poster_3d_clouds.png) right center / contain no-repeat;border:2px solid #38BDF8;box-shadow:0 12px 35px #0284c71f;border-radius:var(--radius);position:relative;overflow:hidden}.poster-grid-container{border:3px solid var(--poster-cyan);border-radius:16px;padding:1.25rem;background:#fffffffa;box-shadow:0 8px 30px #06b6d426}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-strong)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.card-interactive:hover{box-shadow:0 8px 30px -12px #1c19171f;transform:translateY(-2px);transition:all .2s ease}.card-interactive:active{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;background:var(--bg-card);color:var(--ink);transition:all .15s ease;white-space:nowrap;line-height:1.4;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#0369a1;border-color:#0369a1}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);border-color:transparent}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;border-radius:6px;letter-spacing:.03em;text-transform:uppercase}.tag-blue{background:var(--blue-soft);color:var(--blue)}.tag-amber{background:var(--amber-soft);color:var(--amber)}.tag-green{background:var(--green-soft);color:var(--green)}.meter{width:100%;height:6px;background:var(--bg-page);border-radius:100px;overflow:hidden}.meter-fill{height:100%;border-radius:100px;background:var(--blue);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{padding:0 .875rem}.grid-3,.grid-2{grid-template-columns:1fr;gap:.875rem}.poster-grid-container{padding:.75rem;border-width:2px}.btn{padding:.75rem 1rem;font-size:.9rem;min-height:44px}input,textarea,select{font-size:16px!important}h1{font-size:1.35rem!important}h2{font-size:1.45rem!important}h3{font-size:1.15rem!important}header img{height:60px!important}footer img[src*="sponsors.png"]{height:auto!important;max-height:130px!important;width:100%!important}footer img[src*="LOGO.png"]{height:75px!important}.header-title-box{border-left:none!important;padding-left:0!important;margin-top:.25rem}nav{-webkit-overflow-scrolling:touch}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:enter .35s ease-out both}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.3}}.live-dot{animation:liveDot 2s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::selection{background:#2563eb26}