:root{--primary:#FF6B35;--primary-dark:#E55A2B;--secondary:#4A90D9;--success:#52C41A;--warning:#FAAD14;--danger:#F5222D;--gold:#FFD700;--silver:#C0C0C0;--bronze:#CD7F32;--bg:#F5F6FA;--card-bg:#FFFFFF;--text:#333333;--text-secondary:#666666;--text-light:#999999;--border:#EEEEEE;--shadow:0 2px 8px rgba(0,0,0,0.08);--radius:12px;--safe-bottom:env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{border:none;background:0 0;font:inherit;cursor:pointer}input,textarea{font:inherit;outline:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;transition:.2s}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{border:1px solid var(--border);background:#fff;color:var(--text)}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{width:100%;padding:14px;font-size:16px}.card{background:var(--card-bg);border-radius:var(--radius);margin:10px;padding:15px;box-shadow:var(--shadow)}.banner-slider{position:relative;overflow:hidden;background:#ddd;height:180px}.banner-list{display:flex;transition:transform .3s;height:100%}.banner-item{min-width:100%;height:100%}.banner-item img{width:100%;height:100%;object-fit:cover}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.banner-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);transition:.3s}.banner-dots span.active{width:16px;border-radius:3px;background:#fff}.notice-bar{display:flex;align-items:center;background:#fff7e6;padding:8px 15px;margin:10px;border-radius:8px;font-size:13px;color:#d48806}.notice-icon{margin-right:8px;font-size:16px}.notice-scroll{flex:1;overflow:hidden;white-space:nowrap}.nav-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:15px 10px;background:#fff;margin:10px;border-radius:var(--radius)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:6px}.nav-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.nav-text{font-size:12px;color:var(--text-secondary)}.sort-tabs{display:flex;gap:15px;padding:10px 15px;background:#fff;margin:10px 10px 0;border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--border)}.sort-tab{font-size:14px;color:var(--text-secondary);padding-bottom:6px;position:relative;cursor:pointer}.sort-tab.active{color:var(--primary);font-weight:600}.sort-tab.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary);border-radius:1px}.post-list{padding:0 10px}.post-item{background:#fff;padding:15px;margin-bottom:10px;border-radius:var(--radius);box-shadow:var(--shadow);animation:.3s fadeIn}.post-header{display:flex;align-items:center;margin-bottom:10px}.post-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-right:10px}.post-user-info{flex:1}.post-nickname{font-size:14px;font-weight:600}.post-meta{font-size:12px;color:var(--text-light);margin-top:2px}.post-vip{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;margin-left:6px}.post-vip.v1{background:#fff7e6;color:#faad14}.post-vip.v2{background:#e6f7ff;color:#1890ff}.post-vip.v3{background:#f6ffed;color:#52c41a}.post-title{font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.4}.post-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:700;margin-right:6px;vertical-align:1px}.post-tag.top{background:#fff1f0;color:#f5222d}.post-tag.ctop{background:#e6fffb;color:#13c2c2}.post-content{font-size:13px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-footer{display:flex;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text-light)}.post-footer span{margin-right:16px;display:flex;align-items:center;gap:4px}.post-paid{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:#fff1f0;color:var(--danger);font-size:12px;margin-left:auto}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:56px;background:#fff;border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:6px 0;color:var(--text-light);transition:color .2s;position:relative}.tab-item.active{color:var(--primary)}.tab-icon{font-size:20px;line-height:1}.tab-text{font-size:10px}.tab-badge{position:absolute;top:2px;right:calc(50% - 16px);min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;border-radius:8px;font-size:10px;display:flex;align-items:center;justify-content:center}.load-more{text-align:center;padding:20px;color:var(--text-light);font-size:13px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:none;align-items:center;justify-content:center}.modal.active{display:flex}.modal-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.modal-content{position:relative;background:#fff;border-radius:var(--radius);width:80%;max-width:320px;overflow:hidden;animation:.3s modalIn}.modal-header{padding:20px 20px 0;font-size:17px;font-weight:600;text-align:center}.modal-body{padding:15px 20px;font-size:14px;color:var(--text-secondary);line-height:1.6}.modal-footer{padding:0 20px 20px;display:flex;gap:10px}.modal-footer .btn{flex:1}.page{display:none;min-height:100vh;padding-bottom:70px}.page.active{display:block;animation:.3s slideIn}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;background:linear-gradient(180deg,#fff5f0 0,#fff 100%)}.auth-logo{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:30px}.auth-title{font-size:24px;font-weight:700;margin-bottom:30px}.auth-form{width:100%;max-width:340px}.form-group{margin-bottom:16px}.form-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.form-captcha{display:flex;gap:10px}.form-captcha img{height:46px;border-radius:8px;cursor:pointer}.user-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:0 0 var(--radius) var(--radius)}.user-info-top{display:flex;align-items:center;gap:15px}.user-avatar-large{width:70px;height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.3);object-fit:cover}.user-name-area{flex:1}.user-nickname-large{font-size:20px;font-weight:700}.user-id{font-size:12px;opacity:.8;margin-top:4px}.user-stats{display:flex;justify-content:space-around;margin-top:20px}.user-stat{text-align:center}.user-stat-num{font-size:18px;font-weight:700}.user-stat-label{font-size:12px;opacity:.8;margin-top:2px}.user-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin:10px;border-radius:var(--radius);overflow:hidden}.user-menu-item{background:#fff;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:6px;font-size:12px;color:var(--text-secondary)}.user-menu-icon{font-size:24px}.rank-item{display:flex;align-items:center;padding:12px 15px;background:#fff;margin:0 10px 8px;border-radius:var(--radius)}.rank-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px;margin-right:12px}.rank-num.gold{background:#fffbe6;color:#faad14}.rank-num.silver{background:#f5f5f5;color:#8c8c8c}.rank-num.bronze{background:#fff2e8;color:#fa8c16}.rank-user{flex:1}.rank-user-name{font-size:14px;font-weight:600}.rank-user-meta{font-size:12px;color:var(--text-light);margin-top:2px}.rank-score{font-size:14px;font-weight:700;color:var(--primary)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes modalIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width:768px){.banner-slider{height:260px}.nav-icons{grid-template-columns:repeat(8,1fr)}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 15px}.post-item{margin-bottom:0}.tab-bar{max-width:768px;left:50%;transform:translateX(-50%);border-radius:16px 16px 0 0;border:1px solid var(--border);border-bottom:none}}@media (min-width:1024px){body{background:#e8e8e8}#app{max-width:420px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:0 0 30px rgba(0,0,0,.1);position:relative}.banner-slider{height:200px}.post-list{grid-template-columns:1fr}.tab-bar{max-width:420px}.modal-content{max-width:360px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite skeleton;border-radius:4px}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.pull-refresh{text-align:center;padding:15px;color:var(--text-light);font-size:13px;transition:.3s}.user-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:30px 20px 20px;color:#fff;border-radius:0 0 var(--radius) var(--radius);display:flex;align-items:center;gap:15px}.user-avatar{width:70px;height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.3);overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:20px;font-weight:700}.user-level{font-size:12px;opacity:.8;margin-top:4px}.user-assets{display:flex;justify-content:space-around;padding:15px;background:#fff;margin:10px;border-radius:var(--radius);box-shadow:var(--shadow)}.asset-item{text-align:center}.asset-num{font-size:20px;font-weight:700;color:var(--text)}.asset-label{font-size:12px;color:var(--text-light);margin-top:2px}.user-menu{background:#fff;margin:10px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.menu-item{display:flex;align-items:center;padding:14px 15px;border-bottom:1px solid var(--border)}.menu-item:last-child{border-bottom:none}.menu-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.menu-text{flex:1;font-size:14px}.menu-arrow{font-size:18px;color:var(--text-light)}#history-nav-bar{position:fixed;bottom:calc(60px + var(--safe-bottom));left:50%;transform:translateX(-50%);z-index:999;display:flex;gap:8px;background:rgba(0,0,0,.7);padding:6px 12px;border-radius:20px;backdrop-filter:blur(4px)}#history-nav-bar button{width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}#history-nav-bar button.disabled{opacity:.4;cursor:not-allowed;background:#ddd}#history-nav-bar button:not(.disabled):active{transform:scale(.92)}.confirm-modal .modal-content{max-width:360px}.confirm-modal .modal-body{font-size:15px;line-height:1.6;color:var(--text-secondary)}.confirm-count{color:var(--primary);font-weight:700}.permission-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.permission-mask .lock-icon{font-size:48px;margin-bottom:16px}.permission-mask .lock-title{font-size:18px;font-weight:700;margin-bottom:8px}.permission-mask .lock-desc{font-size:14px;color:var(--text-light);margin-bottom:24px}.permission-mask .lock-btns{display:flex;gap:12px}.maintenance-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.maintenance-page .maint-icon{font-size:64px;margin-bottom:20px}.maintenance-page .maint-title{font-size:24px;font-weight:700;margin-bottom:12px}.maintenance-page .maint-desc{font-size:15px;opacity:.9;max-width:320px}.user-info-row{display:flex;justify-content:space-between;padding:10px 15px;font-size:14px;border-bottom:1px solid var(--border)}.user-info-row:last-child{border-bottom:none}.user-info-label{color:var(--text-light)}.user-info-value{color:var(--text);font-weight:500}.user-vip-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;margin-left:6px}.user-vip-tag.vip0{background:#f5f5f5;color:#999}.user-vip-tag.vip1{background:#fff7e6;color:#faad14}.user-vip-tag.vip2{background:#e6f7ff;color:#1890ff}.user-vip-tag.vip3{background:#f6ffed;color:#52c41a}.menu-item.hidden{display:none!important}.form-page{padding:15px}.form-page .form-group{margin-bottom:16px}.form-page .form-label{display:block;font-size:14px;color:var(--text);margin-bottom:6px;font-weight:500}.form-page .form-input,.form-page .form-select,.form-page .form-textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:#fff;-webkit-appearance:none}.form-page .form-textarea{min-height:80px;resize:vertical}.form-page .form-hint{font-size:12px;color:var(--text-light);margin-top:4px}.form-page .form-error{font-size:12px;color:var(--danger);margin-top:4px;display:none}.form-page .form-error.show{display:block}.withdraw-tip{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:12px 15px;border-radius:8px;font-size:13px;margin-bottom:15px}.withdraw-tip.success{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.bank-card-item{display:flex;align-items:center;padding:12px;border:2px solid var(--border);border-radius:8px;margin-bottom:10px;cursor:pointer}.bank-card-item.active{border-color:var(--primary);background:#fff7e6}.bank-card-item .bank-name{font-weight:600;font-size:14px}.bank-card-item .bank-card-no{font-size:13px;color:var(--text-light);margin-top:2px}.fee-display{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--text-light)}.fee-display .fee-value{color:var(--danger);font-weight:600}.record-list{background:#fff;border-radius:var(--radius);margin:10px;overflow:hidden}.record-item{padding:14px 15px;border-bottom:1px solid var(--border)}.record-item:last-child{border-bottom:none}.record-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.record-title{font-size:14px;font-weight:600}.record-amount{font-size:15px;font-weight:700}.record-amount.pos{color:var(--success)}.record-amount.neg{color:var(--danger)}.record-meta{font-size:12px;color:var(--text-light)}.record-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px}.record-status.pending{background:#fff7e6;color:#faad14}.record-status.success{background:#f6ffed;color:#52c41a}.record-status.reject{background:#fff2f0;color:#cf1322}.sign-btn{width:100%;padding:16px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:18px;font-weight:700;cursor:pointer}.sign-btn.signed{background:#ddd;color:#999;cursor:not-allowed}.sign-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:15px}.sign-day{text-align:center;padding:10px 0;border-radius:8px;font-size:13px;background:#f5f5f5}.sign-day.signed{background:var(--success);color:#fff}.sign-day.today{border:2px solid var(--primary)}