:root{font-family:Segoe UI,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#111827;background-color:#f3f4f6;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f4f6}a{color:inherit}#root{min-height:100vh}.app{padding:2.5rem 1.5rem 3rem}.container{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.header{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 12px 24px #2563eb40}.header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:600}.header p{margin:0;max-width:680px;font-size:1rem;opacity:.9}.panel{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 16px 40px #0f172a1a}.panel h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.login-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-weight:600;font-size:.95rem}.field input,.field textarea,.field select{border:1px solid #d1d5db;border-radius:10px;padding:.75rem .9rem;font-size:.95rem;width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb38}.hint{font-size:.85rem;color:#4b5563}button{border:none;border-radius:10px;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}button.primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 12px 20px #3b82f659}button.primary:hover{transform:translateY(-1px);box-shadow:0 16px 24px #3b82f659}button.secondary{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}button.secondary:hover{transform:translateY(-1px);box-shadow:0 10px 18px #1118271f}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.account-select,.post-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.account-select select,.post-list select{max-width:480px}.permalink{font-size:.9rem;color:#2563eb}.filter-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;gap:1.25rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.checkbox-row{display:flex;align-items:center;gap:.75rem}.checkbox-row span{font-size:.9rem;color:#4b5563}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:.75rem 1rem;color:#1d4ed8;margin-top:1rem}.error{background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;padding:1rem 1.25rem;color:#b91c1c;margin-top:1.5rem}.results h2{margin-top:0;font-size:1.5rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#f9fafb;border-radius:14px;padding:1rem 1.25rem;border:1px solid #e5e7eb}.stat-card strong{display:block;font-size:1.6rem;color:#1d4ed8}.stat-card span{color:#4b5563;font-size:.9rem}.warning-list{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;padding:1rem 1.25rem;color:#92400e;margin-bottom:1.5rem}.warning-list ul{margin:.5rem 0 0;padding-left:1.25rem}.warning-list li{margin:.25rem 0}.draw-options{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.draw-options label{margin-right:1rem;font-weight:600;color:#1f2937}.result-section{display:flex;flex-direction:column;gap:1.5rem}.comment-list{display:grid;gap:1rem}.comment-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;background:#fff;box-shadow:0 6px 16px #0f172a14}.comment-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comment-card h3{margin:0;font-size:1.1rem}.comment-card time{font-size:.85rem;color:#6b7280}.comment-card p{margin:.5rem 0 0;white-space:pre-wrap;word-break:break-word;color:#374151}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.25rem .6rem;border-radius:999px;background:#e0e7ff;color:#1d4ed8}.reasons{margin-top:.75rem;font-size:.9rem;color:#b45309}.alt-list{margin-top:1.5rem}.preview-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.empty-state{text-align:center;padding:2rem 1rem;border:2px dashed #dbeafe;border-radius:16px;color:#2563eb;background:#eff6ff}footer{text-align:center;color:#6b7280;font-size:.85rem}@media (max-width: 768px){.app{padding:1.5rem 1rem 2rem}.header{padding:1.75rem}.panel{padding:1.5rem}.draw-options{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;align-items:stretch}button{width:100%}}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;font-weight:600}.footer-links a{color:#1d4ed8}.footer-links span{color:#6b7280}.policy-page{min-height:100vh;padding:3rem 1.5rem;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.policy-page h1{margin:0;font-size:2rem}.policy-page p{max-width:640px;font-size:1rem;line-height:1.6;color:#374151}.policy-page a{color:#1d4ed8}.back-link{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:#1d4ed8}.manual-ig{gap:.75rem}.manual-ig-row{display:flex;gap:.75rem;align-items:center}.manual-ig-row input{flex:1;border:1px solid #d1d5db;border-radius:10px;padding:.7rem .85rem;font-size:.95rem}.manual-ig .hint{display:block}.membership-block{margin-top:1.5rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;display:flex;flex-direction:column;gap:1rem}.membership-status{display:flex;flex-wrap:wrap;gap:1.5rem}.membership-status .label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:.25rem}.membership-status strong{font-size:1.1rem;color:#111827}.membership-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch}.membership-actions .balance-box{flex:1 1 220px;padding:.9rem 1.1rem;border-radius:14px;background:linear-gradient(135deg,#6366f11f,#bfdbfe59);border:1px solid rgba(99,102,241,.3);display:flex;flex-direction:column;gap:.35rem}.membership-actions .balance-box .label{font-size:.8rem;color:#4338ca;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.membership-actions .balance-box strong{font-size:1.6rem;color:#1f2937}.membership-actions .balance-box .hint{font-size:.8rem;color:#4f46e5;opacity:.8}.membership-actions .primary.block-button{width:auto;min-width:200px;padding:.9rem 1.6rem;align-self:center}.balance-placeholder{margin:.5rem 0 1.25rem;padding:.75rem 1rem;border-radius:12px;border:1px dashed rgba(148,163,184,.6);background:#f8fafc;color:#6b7280;display:flex;flex-direction:column;gap:.35rem}.balance-placeholder .label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.topup-control{flex:1;min-width:220px}.topup-group{display:flex;gap:.75rem;align-items:center}.topup-group input{width:120px;padding:.5rem}.membership-block .usage-hint{font-size:.85rem;color:#6b7280}.membership-block .error{margin:0}.comment-card.masked{position:relative;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.comment-card.masked *{color:transparent!important}.comment-card.masked:after{content:"���I��~�i�d�ݯd�����e";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#1f2937;background:#ffffffeb;border-radius:inherit;padding:1rem;text-align:center;pointer-events:none}.layout{width:100%;margin:0;padding:0 2.5rem 3rem;display:grid;grid-template-columns:340px 1fr;gap:2.5rem;align-items:start;box-sizing:border-box}@media (max-width: 960px){.layout{grid-template-columns:1fr;padding:0 1.25rem 2.5rem;gap:1.5rem}.sidebar{position:static;height:auto}}.sidebar{position:sticky;top:2rem;align-self:start;height:max-content;display:flex;flex-direction:column;gap:1.5rem}.membership,.info-panel{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 12px 32px #0f172a14}.membership h2,.info-panel h3{margin:0 0 1rem}.membership-card{display:flex;flex-direction:column;gap:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.membership-card .label{display:block;font-size:.85rem;color:#6b7280}.membership-card strong{font-size:1.1rem;color:#111827}button.link{background:transparent;color:#2563eb;padding:0;text-align:left}button.link:hover{text-decoration:underline}details.advanced{margin-top:1.5rem;border:1px solid #e5e7eb;border-radius:12px;background:#fefefe;padding:1rem 1.2rem}details.advanced[open] summary{margin-bottom:1rem}details summary{font-weight:600;cursor:pointer}details .inline{display:flex;gap:.75rem;align-items:center}details .inline input{flex:1}.main-content{display:flex;flex-direction:column;gap:2rem}.sidebar ul{margin:0;padding-left:1.25rem;color:#374151;line-height:1.5}details.advanced .field{display:flex;flex-direction:column;gap:.6rem}details.advanced .field+.field{margin-top:1rem}details.advanced textarea{min-height:100px}details.advanced .inline button{white-space:nowrap;flex-shrink:0;padding:.65rem 1.1rem}button.block-button{width:100%;justify-content:center}body.modal-open{overflow:hidden}.topup-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000}.topup-modal{position:relative;width:min(940px,100%);max-height:calc(100vh - 3rem);overflow-y:auto;border-radius:24px;background:linear-gradient(160deg,#eef2ff,#f8fafc 55%,#fff);box-shadow:0 30px 70px #0f172a40;padding:2.25rem 2rem 2.5rem}.topup-modal .topup-container{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.topup-close{position:absolute;top:1.1rem;right:1.1rem;width:2.5rem;height:2.5rem;border-radius:999px;border:none;background:#0f172a14;color:#0f172a;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.topup-close:hover{background:#0f172a29;transform:scale(1.05)}.topup-close:focus-visible{outline:3px solid rgba(99,102,241,.45);outline-offset:2px}.app.topup-page{min-height:100vh;background:linear-gradient(160deg,#eef2ff,#f8fafc 55%,#fff)}.topup-container{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.topup-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 18px 40px #4f46e51a}.topup-hero .hero-text{display:flex;flex-direction:column;gap:.75rem;max-width:420px}.topup-eyebrow{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;background:#4f46e51f;color:#4f46e5;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.topup-hero h1{margin:0;font-size:2.1rem;color:#312e81}.topup-hero p{margin:0;color:#4b5563;line-height:1.6}.topup-balance{min-width:220px;padding:1rem 1.25rem;border-radius:16px;background:linear-gradient(150deg,#312e81,#4338ca);color:#fff;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 16px 32px #312e8147}.topup-balance .label{font-size:.8rem;letter-spacing:.08em;opacity:.75}.topup-balance strong{font-size:1.75rem;font-weight:700}.topup-balance .hint{font-size:.8rem;opacity:.88}.topup-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.topup-card{position:relative;border:1px solid #e0e7ff;border-radius:18px;padding:1.6rem 1.4rem;background:#fff;text-align:left;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease;cursor:pointer}.topup-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.topup-card .plan-title{font-weight:600;color:#312e81;font-size:1.05rem}.topup-card .badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;background:#6366f126;color:#3730a3;font-size:.75rem;font-weight:600}.topup-card .card-points strong{font-size:1.9rem;color:#1f2937;line-height:1.1}.topup-card .card-points .price{display:block;margin-top:.35rem;color:#6366f1;font-weight:600}.topup-card .card-description{margin:0;color:#4b5563;font-size:.95rem;line-height:1.5}.topup-card .card-note{font-size:.85rem;color:#4338ca;font-weight:600}.topup-card .card-action{margin-top:auto;font-weight:600;color:#4f46e5;display:inline-flex;align-items:center;gap:.35rem}.topup-card .card-action:after{content:"→";transition:transform .2s ease}.topup-card.highlight{border-color:#6366f1;background:linear-gradient(180deg,#6366f11f,#fff 70%);box-shadow:0 18px 40px #6366f12e}.topup-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 16px 36px #4f46e52e;border-color:#6366f1}.topup-card:hover:not(:disabled) .card-action:after{transform:translate(4px)}.topup-card:disabled{cursor:wait;opacity:.7}.topup-toast{padding:1rem 1.25rem;border-radius:14px;background:linear-gradient(135deg,#16a34a1a,#16a34a0a);border:1px solid rgba(22,163,74,.2);color:#166534;font-weight:600}.topup-toast.error{background:linear-gradient(135deg,#dc26261f,#fee2e27a);border-color:#dc262659;color:#b91c1c}.topup-result-overlay{position:fixed;inset:0;z-index:2200;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.5rem}.topup-result-card{position:relative;background:#fff;border-radius:20px;width:min(420px,100%);padding:1.75rem 2rem;box-shadow:0 28px 60px #0f172a40;display:flex;flex-direction:column;gap:1.25rem}.topup-result-card.success{border-top:6px solid #16a34a}.topup-result-card.error{border-top:6px solid #dc2626}.topup-result-icon{position:absolute;top:-28px;right:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;font-weight:700;color:#fff;background:#312e81}.topup-result-icon.success{background:#16a34a}.topup-result-icon.error{background:#dc2626}.topup-result-header h2{margin:0;font-size:1.6rem;color:#111827}.topup-result-header p{margin:.4rem 0 0;color:#4b5563;line-height:1.5}.topup-result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.topup-result-metrics div{background:#f9fafb;border-radius:12px;padding:.9rem;text-align:center}.topup-result-metrics dt{margin:0 0 .35rem;font-size:.8rem;color:#6b7280}.topup-result-metrics dd{margin:0;font-size:1.2rem;font-weight:700;color:#111827}.topup-result-metrics .positive{color:#15803d}.topup-result-metrics .negative{color:#dc2626}.topup-result-meta{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#374151}.topup-result-meta .label{font-weight:600;color:#4b5563}.topup-result-meta .value{font-family:monospace;word-break:break-all}.topup-result-meta .timestamp{font-size:.85rem;color:#6b7280}.topup-result-actions{display:flex;justify-content:flex-end;gap:.75rem}.topup-result-actions .secondary{background:#f4f4f5;color:#1f2937}@media (max-width: 640px){.topup-result-card{padding:1.5rem 1.35rem;gap:1rem}.topup-result-metrics{grid-template-columns:repeat(1,minmax(0,1fr))}.topup-result-actions{flex-direction:column}.topup-result-actions button{width:100%}}.topup-info{background:#fff;border-radius:18px;padding:1.75rem;border:1px solid #e5e7eb;box-shadow:0 12px 30px #0f172a14}.topup-info h2{margin:0 0 1rem;color:#1f2937;font-size:1.4rem}.topup-info ul{margin:0;padding-left:1.2rem;color:#4b5563;display:flex;flex-direction:column;gap:.75rem}.topup-footer{text-align:center}.topup-footer .link{font-weight:600;color:#4f46e5}@media (max-width: 640px){.membership-actions .primary.block-button{width:100%}.topup-hero{padding:1.5rem}.topup-balance{width:100%}}.posts-list{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.5rem}.posts-list select{width:100%;max-width:100%}.posts-list option{white-space:normal}.posts-list .permalink{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.step-alert{margin:1rem 0;padding:1rem 1.25rem;border-radius:14px;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;font-weight:600}.step-hint{margin-bottom:1rem;padding:.75rem 1rem;border-radius:12px;background:#eef2ff;color:#3730a3;font-weight:600}.draw-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.draw-controls .radio-group{display:flex;gap:1.25rem;flex-wrap:wrap}.draw-controls .radio-group label{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#1f2937}.draw-controls input[type=radio]{accent-color:#4f46e5}.comment-list.compact{gap:.75rem}.comment-card.compact{padding:.75rem 1rem;border-radius:10px;box-shadow:0 4px 14px #0f172a14}.comment-card.compact h3{font-size:1rem}.comment-list.highlight .comment-card{border-color:#f97316;box-shadow:0 6px 20px #f9731633}.preview-columns{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.result-block{display:flex;flex-direction:column;gap:.75rem}.result-block__header{display:flex;align-items:baseline;gap:.5rem}.result-block__header .count{font-size:1.35rem;font-weight:700;color:#1f2937}.result-block__header .label{font-size:.9rem;color:#6b7280}.comment-preview-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #0f172a14}.comment-preview-image img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.comment-preview-image__placeholder{flex:1;text-align:center;color:#6b7280;font-size:.85rem;padding:2rem 1rem}.reasons-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.reason-tag{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:600}.empty-state.small{padding:1.25rem .75rem;font-size:.9rem}.lottery-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;pointer-events:auto}.lottery-overlay__backdrop{position:absolute;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lottery-overlay__content{position:relative;width:min(640px,calc(100% - 3rem));max-height:calc(100% - 3rem);overflow-y:auto;background:#fff;border-radius:18px;padding:2rem;box-shadow:0 24px 64px #0f172a40;display:flex;flex-direction:column;gap:1.25rem}.overlay-winners{display:grid;gap:.75rem}.overlay-placeholder{padding:1rem;border-radius:12px;background:#eef2ff;color:#312e81;font-weight:600;text-align:center}.overlay-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.overlay-hint{font-size:.9rem;color:#4b5563}@media (max-width: 640px){.draw-controls{align-items:stretch}.draw-controls .radio-group,.draw-controls button{width:100%}.lottery-overlay__content{width:calc(100% - 2rem);padding:1.5rem}}