/* Public reading site. Colours and sizes are supplied by site settings. */
:root{--accent:#576e02;--nav-height:44px;--lottery-height:104px;--filter-top:140px;--mobile-title-size:12px;--mobile-preview-title:11px;--content-scale:.4;--chat-color:#17a62f;--chat-desktop-size:140px;--chat-mobile-size:70px;--chat-size:var(--chat-desktop-size)}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scrollbar-gutter:stable;color-scheme:light}
body{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:#f0f2f5;color:#333;min-height:100vh;padding-top:var(--nav-height)}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #42a5f5;outline-offset:2px}input,textarea,select{min-width:0}a{color:inherit}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-.12em}.auth-header-icon .icon{width:20px;height:20px}.user-avatar .icon{width:12px;height:12px}
.nav{position:fixed;inset:0 0 auto;background:var(--accent);border-bottom:1px solid #16213e;z-index:100}
.nav-inner{width:928px;max-width:100%;height:var(--nav-height);margin:auto;padding:0 16px;display:flex;align-items:center;gap:12px}
.user-panel{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.user-tip{flex:1;min-width:0;text-align:center;color:#fff;font-size:16px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:6px}
.auth-buttons{display:flex;gap:8px;flex-shrink:0}.btn-auth{padding:8px 16px;border:0;border-radius:8px;background:#1e88e5;color:#fff;font-size:13px;font-weight:500}.btn-auth:hover{background:#1565c0}
.user-menu-wrap{position:relative;flex-shrink:0}.user-info{display:flex;align-items:center;gap:8px;padding:6px 12px;border:0;border-radius:8px;background:#ffffff33;color:#fff}.user-info:hover{filter:brightness(1.1)}.user-name{font-size:20px;font-weight:500}.user-points{font-size:20px;font-weight:700;color:#f1c40f}.user-avatar{width:22px;height:22px;background:linear-gradient(135deg,#1e88e5,#0f3460);border-radius:50%;font-size:13px;display:grid;place-items:center}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;min-width:180px;overflow:hidden;z-index:200}.user-dropdown button{display:block;width:100%;border:0;background:none;text-align:left;padding:12px 16px;color:#333;font-size:13px}.user-dropdown button:hover{background:#f5f5f5}.user-dropdown .danger{color:#e74c3c}
.container{width:928px;max-width:100%;margin:0 auto;padding:0 6px}.home-banner{text-align:center;margin:14px 0 0;line-height:0}.home-banner img{display:block;width:100%;height:auto;border-radius:8px;margin:auto}.lottery-frame{position:sticky;top:calc(var(--nav-height) + 1px);z-index:99;background:#f0f2f5;overflow:hidden;height:var(--lottery-height)}.lottery-frame.is-static{position:relative;top:auto}.lottery-frame iframe{display:block;width:100%;height:var(--lottery-height);border:0}
.promo-banner{margin-bottom:8px;text-align:center;overflow:hidden}.promo-banner img{max-width:100%;height:auto}.promo-content{transform-origin:top left}.promo-content a{color:inherit}.promo-content table{max-width:100%}
.filter-bar{display:flex;align-items:center;gap:8px;margin:24px 0 8px;padding:8px 12px 12px;position:sticky;top:var(--filter-top);z-index:98;background:#fff;box-shadow:0 2px 6px -2px #000b}.filter-bar.is-static{position:relative;top:auto;margin:0;padding:12px}.filter-tag{border:0;color:#fff;background:var(--category-color,#006894);border-radius:6px;padding:2px 14px;flex:1;white-space:nowrap;text-align:center;position:relative;transition:filter .15s}.filter-tag:hover{filter:brightness(1.25)}.filter-tag-name{font-size:18px;font-weight:700;line-height:1.3}.filter-tag-note{font-size:14px;font-weight:400;opacity:.8;line-height:1.1}.filter-tag.active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid var(--category-color,#006894)}
.search-wrap{padding:8px 0}.search-wrap input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;outline:none}.post-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.post-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid transparent;border-radius:12px;padding:10px 16px;text-align:left;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s,transform .2s,border .2s;width:100%;color:var(--category-color,#333)}.post-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px);border-color:#e94560}.post-cat{font-size:11px;font-weight:400;padding:3px 10px;border-radius:10px;background:var(--category-color,#333);color:#fff;flex-shrink:0}.post-title{font-size:32px;font-weight:600;line-height:1.4;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lock-icon{font-size:22px;flex-shrink:0;margin-left:6px}.empty-state{background:#fff;border-radius:12px;padding:60px 20px;text-align:center;color:#999;font-size:15px}.empty-state p{font-size:13px;margin-top:6px;color:#aaa}.empty-state button{padding:8px 20px;border:0;border-radius:6px;color:#fff;background:#1e88e5;margin-top:15px}.footer{text-align:center;padding:24px 16px;color:#aaa;font-size:12px;margin-top:16px;line-height:1.7}
/* Layered reading and account dialogs. */
.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0008;padding:20px}.article-overlay{z-index:1000}.article-modal{background:#fff;width:100%;max-width:900px;height:90vh;height:90dvh;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 20px 60px #0005;overflow:hidden;position:relative}.article-header{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 20px;border-bottom:1px solid #eee;background:var(--category-tint,#f5f5f5)}.article-cat{background:var(--category-color,#333);color:#fff;font-size:12px;padding:4px 10px;border-radius:12px;flex-shrink:0}.article-header h1{font-size:28px;font-weight:600;color:var(--category-color,#333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.round-close{width:32px;height:32px;background:#e94560;color:#fff;border:0;border-radius:50%;font-size:22px;flex-shrink:0;line-height:1}.article-body{flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;line-height:1.8}.article-body-inner{padding:20px;font-size:15px;word-break:break-word}.article-body-inner p{margin-bottom:12px}.article-body-inner p:last-child{margin-bottom:0}.article-body-inner img{height:auto;max-width:100%}.article-body-inner table{max-width:100%}.article-body-inner:empty{min-height:50px}.article-access{flex-shrink:0}.article-free-tip{padding:8px 16px;text-align:center;color:#666;font-size:22px}.reward-intro{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:2px 20px 0;font-size:20px;color:#065f46}.reward-price{background:#fafafa;border:1px solid #d1d5db;border-radius:4px;padding:2px;white-space:nowrap}.reward-price b{font-weight:400;color:#e91e63}.reward-price.purchased{color:#28a745}.reward-button{border:0;background:#e91e63;color:#fff;border-radius:8px;padding:6px 12px;font-size:24px;font-weight:600;white-space:nowrap}.reward-button:disabled{background:#999;font-size:20px}.reward-buyers{padding:4px 1px;border:1px solid #d1d5db;border-radius:6px;background:#fafafa;color:#065f46;font-size:20px;max-width:190px;appearance:none}.reward-data{display:flex;border:1px solid #e91e63;border-radius:8px;overflow:hidden;margin:2px 20px 4px;min-height:50px;font-weight:700}.reward-label{background:#6366f1;color:#fff;padding:8px 12px;font-size:20px;display:flex;align-items:center;white-space:nowrap}.reward-content{flex:1;min-width:0;padding:8px 12px;background:#ff00001a;font-size:24px;word-break:break-word;display:flex;align-items:center;flex-wrap:wrap}.reward-content.purchased{background:#4caf501a}.reward-content img{max-width:100%;height:auto}.reward-content p{width:100%}.sale-tip{padding:0 16px 2px;font-size:22px;color:#e91e63;font-weight:600;text-align:center}.article-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 20px 4px;flex-shrink:0;border-top:1px solid #eee;background:var(--category-tint,#f5f5f5)}.article-back,.recharge-button{border:0;border-radius:8px;height:40px;padding:0 18px;font-size:22px;font-weight:600;color:#fff;white-space:nowrap}.article-back{background:#6b7280}.recharge-button{background:#1e88e5;margin:auto}.article-counters{display:flex;gap:12px;align-items:center;color:#666;font-size:13px;white-space:nowrap}.recharge-panel{flex-shrink:0;text-align:center;background:#fff;max-height:35vh;overflow:auto}.recharge-panel img{display:block;width:100%;max-height:360px;object-fit:contain;margin:auto}.article-error{padding:40px;text-align:center;color:#dc2626}.article-error button{display:block;margin:16px auto;border:0;background:#1e88e5;color:white;padding:8px 16px;border-radius:6px}
.auth-overlay,.wallet-overlay{z-index:2000;background:#0009;backdrop-filter:blur(12px);padding:12px;overflow:auto}.auth-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:24px;width:100%;max-width:440px;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 100px #0008,0 0 0 1px #ffffff1a;animation:modal-pop .25s ease}.auth-header{padding:16px 22px;text-align:center;position:relative;background:linear-gradient(135deg,#1e88e5,#1565c0,#0d47a1);color:#fff}.auth-header-icon{width:44px;height:44px;margin:0 auto 8px;border:2px solid #ffffff4d;border-radius:50%;display:grid;place-items:center;background:#fff3;font-size:22px}.auth-header h2{font-size:19px;font-weight:700;letter-spacing:2px;margin-bottom:2px}.auth-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:24px}.auth-tabs{display:flex;border-bottom:1px solid #ffffff1a}.auth-tabs button{flex:1;padding:10px;font-size:13px;font-weight:600;border:0;border-bottom:2px solid transparent;color:#fff9;background:none}.auth-tabs button.active{border-bottom-color:#1e88e5;color:#fff}.auth-body{padding:16px 22px}.form-group{margin-bottom:11px;position:relative}.form-group label{display:block;font-size:12px;font-weight:600;color:#ffffffe6;margin-bottom:5px;letter-spacing:1px;padding-left:4px}.form-group input{display:block;width:100%;padding:11px 14px 11px 40px;border:2px solid #ffffff26;border-radius:11px;font-size:13.5px;outline:none;background:#ffffff14;color:#fff;transition:border-color .15s}.form-group input:focus{border-color:#1e88e5;box-shadow:0 0 0 4px #1e88e526}.form-group input::placeholder{color:#fff6}.input-icon{position:absolute;left:15px;top:30px;color:#fff8;font-size:15px}.form-hint{font-size:11px;color:#aaa;margin-top:4px}.password-meter{height:3px;background:#ffffff1a;overflow:hidden;border-radius:2px;margin-top:5px}.password-meter span{display:block;width:0;height:100%;transition:width .2s}.password-strength-text{margin-top:4px;font-size:11px;min-height:13px;color:#aaa}.captcha-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;margin-top:8px}.captcha-image{height:40px;max-width:130px;cursor:pointer;border-radius:6px}.captcha-row input{width:100%;flex:1;padding:6px 9px;border:2px solid #ffffff26;background:#ffffff14;border-radius:8px;color:#fff;font-size:13px;outline:none}.captcha-refresh{flex-shrink:0;border:0;width:28px;height:28px;border-radius:50%;background:#ffffff26;color:#fff;font-size:19px}.btn-submit{width:100%;padding:12px;border:0;border-radius:11px;background:linear-gradient(135deg,#1e88e5,#1565c0,#0d47a1);color:#fff;font-weight:700;font-size:14px;letter-spacing:3px;margin-top:6px;box-shadow:0 8px 25px #1e88e566}.btn-submit:disabled{opacity:.55}.form-error{color:#ff7b7b;font-size:12px;margin:8px 0;line-height:1.5}.auth-modal input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #2a3350 inset;caret-color:#fff}.wallet-balance{color:#ffcfde;background:#fff3;display:inline-block;padding:2px 12px;border-radius:4px;font-weight:700;font-size:14px;margin:4px 0}.wallet-reason{font-size:12px;margin:4px 0;color:#fff}.wallet-content{background:#fff;padding:14px 16px;max-height:360px;overflow:auto}.wallet-row{display:grid;grid-template-columns:76px 1fr 52px 52px;gap:4px;align-items:start;padding:6px 0;border-bottom:1px solid #eee;font-size:12px}.wallet-date,.wallet-before{color:#999}.wallet-before,.wallet-amount{text-align:right}.wallet-amount{font-weight:600}.wallet-desc{border:0;background:none;text-align:left;font-size:12px;word-break:break-word}.wallet-desc.purchase{color:#e74c3c;text-decoration:underline}.wallet-positive{color:#16a34a}.wallet-negative{color:#e74c3c}.wallet-empty{text-align:center;color:#999;padding:22px 0}
.success-overlay{z-index:4000;background:#0008}.purchase-success{width:226px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 12px #ffd70033;animation:modal-pop .3s ease}.purchase-success h2{padding:18px 12px;background:linear-gradient(90deg,#ee2877,#ff6480);font-size:26px;color:#fff;text-align:center}.success-body{padding:22px 20px;color:#16a34a;font-size:16px;line-height:2}.success-body>strong{display:block;color:#1e40af;text-align:center;font-size:18px;margin-bottom:12px;white-space:nowrap}.success-body dl{padding:0 18px}.success-body dl div{display:flex;white-space:nowrap}.success-body dt{font-weight:400}.success-body dd{font-weight:700;color:#ff0062}.purchase-success>button{display:block;width:100%;border:0;color:#fff;background:#f97316;font-size:16px;padding:13px}
.popup-overlay{z-index:3000;background:#0009}.popup-box{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80dvh;overflow:hidden;animation:modal-pop .25s ease}.popup-header{padding:16px 20px;background:linear-gradient(135deg,var(--accent),#0f3460);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px}.popup-header h2{font-size:18px}.popup-close{background:#fff3;border:0;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;flex-shrink:0}.popup-content{padding:24px;overflow:auto;max-height:60dvh;line-height:1.8;font-size:15px}.popup-content img{height:auto;max-width:100%}
/* Customer service has an independent visitor conversation. */
.chat-widget.is-open{z-index:1500}
.chat-widget{position:fixed;right:20px;bottom:90px;z-index:999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--chat-size:var(--chat-desktop-size)}.chat-launch{position:relative;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--chat-color);color:#fff;font-weight:600;font-size:14px;padding:10px 18px;min-height:44px;transition:transform .2s}.chat-launch:hover{transform:scale(1.05)}.chat-launch.has-image{width:var(--chat-size);height:var(--chat-size);background:none;padding:0}.chat-launch img{width:100%;height:100%;object-fit:contain}.chat-badge{position:absolute;right:-8px;top:-8px;background:#ef4444;color:#fff;font-size:14px;min-width:28px;height:28px;border:3px solid #fff;border-radius:18px;padding:1px 5px}.chat-panel{position:absolute;right:0;bottom:calc(var(--chat-size) + 8px);width:350px;height:480px;max-height:calc(100dvh - 100px);background:#fff;border-radius:16px;box-shadow:0 10px 60px #0003;overflow:hidden;display:flex;flex-direction:column;animation:modal-pop .2s ease}.chat-head{display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--chat-color);padding:14px 16px;color:#fff}.chat-head strong{font-size:14px;white-space:nowrap}.chat-head-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff3;overflow:hidden;flex-shrink:0}.chat-head-avatar img{width:100%;height:100%;object-fit:contain}.chat-close{border:0;border-radius:50%;background:#fff3;color:#fff;width:28px;height:28px;font-size:18px;flex-shrink:0;margin-left:auto}.chat-contact{background:none;border:1px solid #fff9;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:3px 5px;margin-left:auto;white-space:nowrap}.chat-start{flex:1;overflow:auto;padding:10px 20px;display:flex;align-items:center;flex-direction:column;overscroll-behavior:contain}.chat-start h3{font-size:16px;color:#ef4444;text-align:center}.chat-start>p{font-size:13px;color:#9ca3af;white-space:pre-wrap;text-align:center;margin-bottom:8px}.chat-start>img{max-width:100%;max-height:270px;object-fit:contain;margin-bottom:8px;flex-shrink:0}.chat-input-row{display:flex;gap:8px;width:100%;margin-top:auto}.chat-input-row input{width:100%;flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;outline:none}.chat-start-button{width:100%;padding:8px;margin-top:10px;border:0;border-radius:8px;background:var(--chat-color);color:#fff;font-weight:600;font-size:16px}.chat-start-button:disabled{opacity:.6}.chat-start .chat-error{color:#dc2626;font-size:12px;margin:6px 0 0}.chat-conversation{flex:1;display:flex;flex-direction:column;min-height:0}.chat-messages{flex:1;min-height:0;overflow:auto;padding:8px 12px;background:#f5f7fb;overscroll-behavior:contain}.chat-row{display:flex;align-items:flex-end;gap:6px;margin-bottom:8px}.chat-row.visitor{justify-content:flex-end}.chat-message{max-width:84%}.chat-bubble{padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.5;word-break:break-word;white-space:pre-wrap;background:#fff;color:#1f2937;box-shadow:0 1px 3px #00000014}.chat-row.visitor .chat-bubble{background:var(--chat-color);color:#fff;border-bottom-right-radius:4px}.chat-row.admin .chat-bubble{border-bottom-left-radius:4px}.chat-bubble img{display:block;border-radius:6px;max-width:100%;height:auto;cursor:zoom-in}.chat-message-time{font-size:10px;color:#9ca3af;margin-top:3px}.chat-row.visitor .chat-message-time{text-align:right}.chat-empty{font-size:12px;color:#999;text-align:center;padding:12px}.chat-status{font-size:11px;color:#ef4444;text-align:center;background:#fff;padding:2px}.chat-status:empty{display:none}.chat-compose{display:flex;align-items:center;padding:8px 10px;border-top:1px solid #edf2f7;background:#fff;flex-shrink:0;gap:6px}.chat-compose textarea{flex:1;border:0;padding:8px 10px;font-size:13px;outline:none;resize:none;max-height:90px;border-radius:8px;background:#f5f7fb;line-height:1.5}.chat-image-button{padding:6px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:20px;line-height:1;flex-shrink:0}.chat-send{padding:7px 12px;border:0;border-radius:8px;background:var(--chat-color);color:#fff;flex-shrink:0;font-size:13px;font-weight:600}.chat-send:disabled,.chat-image-button:disabled{opacity:.45}.chat-notification{position:absolute;right:0;bottom:calc(var(--chat-size) + 8px);width:250px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 6px 30px #0003;border-radius:12px;text-align:left;cursor:pointer}.chat-notification strong{display:block;color:var(--chat-color);font-size:13px;margin-bottom:5px}.chat-notification span{font-size:12px;color:#555;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-overlay{z-index:6000;background:#000d;cursor:zoom-out}.image-overlay>img{max-width:95vw;max-height:90dvh;object-fit:contain}.image-close{position:absolute;right:20px;top:15px;background:#fff3;color:#fff;width:40px;height:40px;border:0;border-radius:50%;font-size:28px}.back-to-top{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:44px;height:44px;background:linear-gradient(135deg,#e94560,#c0392b);color:#fff;border:0;border-radius:50%;font-size:28px;box-shadow:0 4px 15px #e9456066;z-index:105;opacity:.5}.back-to-top:hover{opacity:.8}.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:7000;max-width:calc(100vw - 32px);background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 15px #1e88e566;text-align:center;font-size:14px;line-height:1.5;pointer-events:none}.site-closed-overlay{position:fixed;inset:0;z-index:8000;background:linear-gradient(135deg,#1a1a2e,#0f0f23);display:grid;place-items:center;padding:20px}.site-closed-box{max-width:500px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:50px;text-align:center;color:#fff;box-shadow:0 30px 100px #0008}.site-closed-icon{font-size:40px;margin-bottom:25px;color:#ef4444}.site-closed-box h1{font-size:28px;margin-bottom:16px}.site-closed-box p{font-size:16px;line-height:1.8;color:#fffc}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#fff;z-index:9000;padding:30px}
.promo-content .scroll-wrap{overflow:hidden;white-space:nowrap}.promo-content .scroll-wrap>div{display:inline-block;animation:scroll 10s linear infinite}.promo-content .scroll-wrap>div span{padding-right:2em}
@keyframes textShine{0%{background-position:200% 0}100%{background-position:-100% 0}}
@keyframes heartbeat{0%,28%,70%,100%{transform:scale(1)}14%{transform:scale(1.06)}42%{transform:scale(1.04)}}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes modal-pop{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){
 :root{--nav-height:36px;--lottery-height:96px}.nav-inner{padding:0 6px}.user-panel{gap:6px}.user-tip{font-size:10px}.btn-auth{height:26px;min-height:26px;padding:0 12px;font-size:12px;border-radius:6px}.auth-buttons{gap:6px}.user-info{padding:0 10px;min-height:26px;gap:6px}.user-name,.user-points{font-size:11px}.user-avatar{width:18px;height:18px;font-size:11px}.container{width:100%;padding:0 6px}.home-banner{margin-top:4px}.lottery-frame{top:calc(var(--nav-height) - 1px)}.lottery-frame.is-static{top:auto}.filter-bar{flex-wrap:wrap;gap:0;padding:6px 8px;margin:8px -6px -6px 0;transform:translateY(-3px)}.filter-bar.is-static{transform:none;margin:0;padding:6px 8px}.filter-tag{flex:1 1 auto;margin:0 6px 6px 0;padding:2px 6px}.filter-tag:nth-child(-n+4){flex:0 0 calc(25% - 6px)}.filter-tag-name{font-size:11px;line-height:1.1;letter-spacing:6px}.filter-tag-note{font-size:9px;line-height:1.1}.filter-tag.active:after{bottom:-5px;border-left-width:5px;border-right-width:5px;border-top-width:6px}.post-list{gap:4px}.post-card{padding:8px 4px;gap:1px;flex-wrap:nowrap}.post-cat{font-size:9px;padding:2px 4px;border-radius:8px}.post-title{font-size:var(--mobile-title-size);font-weight:700}.lock-icon{font-size:12px;margin-left:3px}.modal-overlay{padding:10px}.article-header{padding:8px 10px;gap:6px}.article-header h1{font-size:var(--mobile-preview-title);font-weight:700}.article-cat{font-size:9px;padding:3px 6px}.round-close{width:24px;height:24px;font-size:18px}.article-body-inner{zoom:var(--content-scale)}.article-free-tip{font-size:12px;padding:6px 10px}.reward-intro{gap:2px;padding:2px 10px 0;flex-wrap:nowrap;font-size:10px}.reward-price{padding:1px;border-radius:3px}.reward-button{font-size:12px;padding:6px;border-radius:4px}.reward-button:disabled{font-size:12px}.reward-buyers{font-size:10px;padding:2px 1px;border-radius:3px;max-width:115px}.reward-data{margin:2px 12px 4px;min-height:30px;border-radius:5px}.reward-label{font-size:10px;padding:4px 8px}.reward-content{font-size:12px;padding:4px 8px}.sale-tip{font-size:12px;padding:0 10px 2px}.article-footer{gap:4px;padding:6px 10px 4px}.article-back,.recharge-button{font-size:12px;height:28px;border-radius:4px;padding:0 8px}.article-counters{gap:4px;font-size:8px}.recharge-panel img{max-height:200px}.auth-overlay,.wallet-overlay{padding:8px}.auth-modal{max-width:95%;border-radius:20px}.auth-header{padding:12px 14px}.auth-body{padding:12px 14px}.form-group{margin-bottom:10px}.form-group input{padding:9px 12px 9px 40px;font-size:13px}.input-icon{left:13px;top:28px}.auth-tabs button{padding:9px;font-size:12px}.btn-submit{padding:11px}.wallet-content{padding:12px 8px}.wallet-row{font-size:10px;grid-template-columns:68px 1fr 44px 44px}.wallet-desc{font-size:10px}.popup-content{padding:16px}.popup-header{padding:12px 16px}.popup-header h2{font-size:16px}.success-body{font-size:14px}.purchase-success{width:218px}.purchase-success h2{font-size:22px;padding:16px 12px}.success-body>strong{font-size:16px}
}
@media(max-width:480px){.chat-widget{--chat-size:var(--chat-mobile-size)}.chat-panel{position:fixed;width:330px;max-width:calc(100vw - 20px);left:50%!important;right:auto!important;transform:translateX(-50%);bottom:calc(90px + var(--chat-size) + var(--chat-offset-y,0px) + 6px);height:480px;max-height:calc(100dvh - 190px);animation:none}.chat-head{padding:10px 12px}.chat-notification{max-width:calc(100vw - 40px)}.chat-start{padding:10px 16px}.chat-start>img{max-height:220px}.chat-compose{padding:8px}.chat-widget.is-left .chat-notification{left:0;right:auto}.site-closed-box{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Match article visual editing: preserve authored text newlines. */
.article-body-inner,.reward-content.purchased{white-space:pre-wrap}
.article-body-inner table,.reward-content.purchased table{white-space:normal}
.article-body-inner td,.article-body-inner th,.reward-content.purchased td,.reward-content.purchased th{white-space:pre-wrap}