/* 开发者：@Dim_TD ;搭建同款软件库系统电报联系开发者，请勿删除与源码绑定，尊重版权！！！ */ *{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.app{max-width:780px;margin:0 auto;background:#f7f8fb;min-height:100vh;padding-bottom:60px}.top-header{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px}.site-small-icon{width:28px;height:28px;border-radius:8px}.top-link{color:#2f80ff;font-size:14px}.page{padding:14px}.hero-title{font-size:22px;font-weight:700;margin:4px 0 14px}.banner-slider{position:relative;overflow:hidden;border-radius:18px;margin-bottom:16px}.banner-track{display:flex;transition:transform .4s ease}.banner-slide{min-width:100%;aspect-ratio:16/9;display:block;background:#dfe7f5}.banner-slide img{width:100%;height:100%;object-fit:cover}.banner16x9.placeholder{display:flex;align-items:center;justify-content:center;color:#6d7a90;background:#dfe7f5;border-radius:18px;aspect-ratio:16/9}.banner-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}.banner-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55)}.banner-dots i.active{background:#fff;width:18px;border-radius:999px}.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.quick-card{background:#fff;border-radius:18px;padding:14px 6px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04);font-size:14px}.circle{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#f5f7fb;color:#fff;font-weight:700;margin:0 auto 8px}.c1,.c2,.c3,.c4{background:#f5f7fb}.section-h{font-size:22px;font-weight:700;margin:16px 0 12px}.app-list{display:flex;flex-direction:column;gap:12px}.app-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:14px;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.left{display:flex;align-items:center;gap:12px;min-width:0}.app-icon{width:66px;height:66px;border-radius:16px;background:#eef3fb;object-fit:cover;flex:none}.meta{min-width:0}.name{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub,.downline{font-size:13px;color:#666;margin-top:6px}.badge-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.soft-badge{font-size:12px;padding:4px 8px;border-radius:10px;background:#edf8ef;color:#46a060}.coin-badge{font-size:12px;padding:4px 8px;border-radius:10px;background:#fff5dd;color:#b27b12}.btn-view,.download-pill{display:inline-flex;align-items:center;justify-content:center;height:46px;min-width:86px;border-radius:23px;background:linear-gradient(90deg,#5a31ff,#1e8cff);color:#fff}.search-wrap{display:flex;gap:10px;margin-bottom:14px}.search-wrap input{flex:1;border:none;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);font-size:15px}.search-wrap button{width:110px;border:none;border-radius:16px;background:linear-gradient(90deg,#5a31ff,#1e8cff);color:#fff;font-size:18px}.cat-layout{display:grid;grid-template-columns:110px 1fr;gap:12px;min-height:520px}.cat-side{background:linear-gradient(180deg,#f8fbff,#f2f6fc);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:8px;border:1px solid #edf1f7}.cat-link{padding:15px 10px;border-radius:14px;background:transparent;text-align:center;font-size:17px;color:#536075}.cat-link.active{background:#fff;color:#2f80ff;font-weight:700;box-shadow:0 4px 12px rgba(47,128,255,.08)}.cat-main{display:flex;flex-direction:column;gap:16px}.cat-app{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 12px;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.download-pill{margin-left:auto;width:90px}.mini-purple{display:inline-block;background:#8c1fff;color:#fff;font-size:12px;padding:2px 7px;border-radius:6px;margin-top:8px}.panel,.menu-panel,.auth-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.detail-head{display:flex;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:16px;margin-bottom:12px}.detail-icon{width:82px;height:82px;border-radius:18px}.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shot-grid a,.shot-grid img{width:100%;height:260px;object-fit:cover;border-radius:12px}.detail-desc{line-height:1.8;color:#666}.meta-table{margin-top:14px}.meta-table div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f1f1}.download-bar{position:sticky;bottom:70px;background:#fff;border-radius:18px;padding:14px;margin-top:12px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.price-left{min-width:120px;color:#c28712;font-size:22px;font-weight:700}.big-download{flex:1;height:54px;border-radius:16px;background:#1986ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border:none}.big-download.disabled{background:#c4d2eb}.news-item{background:#fff;border-radius:18px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;gap:14px;margin-bottom:12px}.news-item img{width:112px;height:84px;border-radius:12px;object-fit:cover}.news-title{font-size:18px;font-weight:700}.news-time,.news-more{font-size:13px;color:#666;margin-top:6px}.article-cover-big{width:100%;border-radius:14px;margin:12px 0}.article-content img,.article-content video{max-width:100%;height:auto;border-radius:12px}.user-card{background:linear-gradient(135deg,#1986ff,#0860d3);padding:18px;border-radius:20px;color:#fff;margin-bottom:14px}.user-top{display:flex;align-items:center;gap:14px}.avatar-big{width:78px;height:78px;border-radius:50%;background:#fff;padding:6px}.uid{font-size:34px;line-height:1.1}.user-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.user-badges span{background:rgba(255,255,255,.16);padding:8px 14px;border-radius:999px}.menu-row{display:flex;align-items:center;justify-content:space-between;padding:20px 4px;border-bottom:1px solid #f0f0f0;font-size:19px}.menu-row:last-child{border-bottom:none}.menu-label{display:flex;align-items:center;gap:10px}.logout-btn,.buy-link,.auth-form button,.full-btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:none;border-radius:16px;background:#2f80ff;color:#fff;font-size:18px;margin-top:14px}.logout-btn{background:#fff;color:#d27b52;border:1px solid #e3b095}.buy-link{background:#eef5ff;color:#2f80ff}.auth-card{max-width:520px;margin:20px auto}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input,.auth-form textarea,.auth-form select{height:50px;border:1px solid #e2e8f4;border-radius:14px;padding:0 14px;font-size:16px;background:#fff}.auth-form textarea{height:auto;padding:14px}.auth-foot{text-align:center;margin-top:12px;color:#666}.auth-foot a{color:#2f80ff}.notice{background:#f4f8ff;color:#2f80ff;padding:12px 14px;border-radius:12px;margin-bottom:12px}.checkbox-row{display:flex;gap:8px;align-items:flex-start;color:#666;font-size:14px}.checkbox-row input{margin-top:4px}.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(780px,100%);height:58px;background:#fff;border-top:1px solid #e8edf4;display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777;font-size:13px;gap:2px}.tab .ico{font-size:20px;line-height:1;height:var(--nav-icon-size);display:flex;align-items:center;justify-content:center}.tab.active{color:#1986ff}.empty{padding:30px 10px;text-align:center;color:#888}.icon-img{width:1em;height:1em;object-fit:cover}.nav-icon.icon-img{width:var(--nav-icon-size);height:var(--nav-icon-size)}.quick-icon.icon-img{width:var(--quick-icon-size);height:var(--quick-icon-size);border-radius:0}.menu-label .nav-icon.icon-img{width:var(--menu-icon-size);height:var(--menu-icon-size)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:80;padding:14px}.lightbox.show{display:flex}.lightbox img{max-width:100%;max-height:100%;border-radius:12px}.customer-links{display:flex;flex-direction:column;gap:12px}.customer-btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:14px;background:#eef5ff;color:#2f80ff;font-weight:700}.gray-mode .top-header,.gray-mode .tabbar,.gray-mode .page > *:not(.lottery-float):not(.redeem-float-btn){filter:grayscale(100%)}.lottery-float{position:fixed;right:12px;bottom:92px;top:auto;left:auto;width:62px;height:62px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;z-index:25;animation:lotteryFloatGlow 1.8s ease-in-out infinite}.lottery-float.icon-only{border-radius:0;box-shadow:none}.lottery-float:before{content:"";position:absolute;inset:10px;border-radius:18px;background:linear-gradient(135deg,rgba(255,122,24,.15),rgba(255,60,120,.22),rgba(97,96,255,.18));filter:blur(10px);z-index:-1;animation:lotteryFloatAura 2.2s linear infinite}.lottery-float-icon{font-size:50px;line-height:1;filter:drop-shadow(0 8px 18px rgba(255,92,138,.35))}.lottery-float-img{width:56px;height:56px;border-radius:0;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(255,92,138,.35))}@keyframes lotteryFloatGlow{0%,100%{transform:translateY(0) scale(1);filter:hue-rotate(0deg)}50%{transform:translateY(-4px) scale(1.06);filter:hue-rotate(20deg)}}@keyframes lotteryFloatAura{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lottery-wrap{display:flex;flex-direction:column;gap:16px}.lottery-card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.lottery-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lottery-meta .item{background:#f6f8fc;border-radius:14px;padding:12px}.service-grid{display:flex;flex-direction:column;gap:12px}.dialog{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:20px;z-index:60}.dialog.show{display:flex}.dialog-box{background:#fff;padding:18px;border-radius:18px;max-width:420px;width:100%}.dialog-actions{display:flex;gap:10px;margin-top:14px}.dialog-actions a,.dialog-actions button{flex:1;height:44px;border:none;border-radius:12px;background:#2f80ff;color:#fff;display:flex;align-items:center;justify-content:center}.dialog-actions .muted{background:#eef5ff;color:#2f80ff}.security-grid{display:grid;grid-template-columns:1fr;gap:14px}.info-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.info-card .item{background:#f7f9fd;border-radius:14px;padding:12px}.forgot-inline{display:flex;justify-content:flex-end;font-size:14px}.forgot-inline a{color:#2f80ff}.policy-box{line-height:1.85;color:#444}.lottery-history{display:flex;flex-direction:column;gap:10px;margin-top:14px}.lottery-history .row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0} @media (max-width:640px){.cat-layout{grid-template-columns:96px 1fr}.cat-link{font-size:16px;padding:14px 8px}.uid{font-size:28px}.price-left{font-size:20px;min-width:92px}.btn-view,.download-pill{min-width:78px;height:42px}.quick-card{font-size:13px}.news-item{align-items:center}.circle{width:48px;height:48px}} /* 2026-04 patch */ .app{padding-bottom:52px} .tabbar{height:52px} .tab{font-size:12px;gap:1px} .tab .ico{font-size:18px} .banner-slider{touch-action:pan-y;user-select:none} .search-wrap{align-items:center} .cat-layout{grid-template-columns:96px 1fr} .cat-link{font-size:14px;line-height:1.25;white-space:normal;word-break:keep-all;padding:14px 8px} .cat-link.active{box-shadow:0 4px 12px rgba(47,128,255,.06)} .checkbox-row{gap:10px;align-items:center;font-size:14px;line-height:1.6} .checkbox-row input{width:18px;height:18px;margin:0;accent-color:#2f80ff;flex:none} .policy-link{color:#2f80ff} .auth-card h2{margin-top:0} .forgot-inline{text-align:right;margin:-2px 2px 2px} .info-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px} .info-card .item{background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)} .muted-tip{color:#7c8597;font-size:13px;margin-bottom:6px} .dialog-box h3{font-size:18px;margin:0 0 14px} .dialog-box .muted-tip{font-size:15px;line-height:1.7;color:#333} .dialog-actions .muted,.dialog-actions a,.dialog-actions button{font-size:18px;font-weight:600} @media (max-width:640px){.dialog-actions .muted,.dialog-actions a,.dialog-actions button{font-size:16px}} .search-wrap{align-items:stretch}.search-wrap input,.search-wrap button{height:56px}.search-wrap button{padding:0 22px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.04)} .cat-layout{grid-template-columns:126px 1fr} .cat-side{padding:16px 12px;gap:12px} .cat-link{padding:0;min-height:auto;height:86px;width:100%;display:flex;align-items:center;justify-content:center;line-height:1.35;font-size:16px;word-break:keep-all;white-space:normal;overflow:hidden;text-overflow:ellipsis;text-align:center} .cat-link.active{padding:0} .cat-side,.cat-link{box-sizing:border-box} .sign-btn.done{background:#edf5ff;color:#2f80ff}.sign-btn.done:hover{opacity:1} .security-list{display:flex;flex-direction:column;gap:14px}.security-entry{background:#fff;border-radius:18px;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,.04);font-size:18px;font-weight:600}.security-entry small{display:block;font-size:13px;color:#7a8599;font-weight:400;margin-top:6px}.security-entry b{font-size:26px;color:#8da2c7}.dialog-box.large{max-width:560px}.dialog-box .q-grid{display:grid;grid-template-columns:1fr;gap:12px} @media (max-width:640px){.cat-layout{grid-template-columns:118px 1fr}.cat-side{padding:14px 10px}.cat-link{padding:0;font-size:15px;height:82px;min-height:auto}} .home-marquee{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px 14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);margin:8px 0 14px} .marquee-icon{width:28px;height:28px;border-radius:10px;background:#f5f7fb;display:flex;align-items:center;justify-content:center;flex:none} .marquee-track{display:flex;min-width:0;white-space:nowrap;overflow:hidden;position:relative;flex:1} .marquee-track div{display:inline-block;padding-right:80px;animation:marq 14s linear infinite;color:#333;font-size:16px;font-weight:650;line-height:1.45} @keyframes marq{from{transform:translateX(0)}to{transform:translateX(-100%)}} .quick-row{gap:10px;margin:12px 0}.quick-card{padding:12px 6px;font-size:13px}.circle{width:46px;height:46px;margin-bottom:6px}.section-h{font-size:20px}.app-item{padding:12px}.app-icon{width:58px;height:58px}.name{font-size:16px}.btn-view,.download-pill{height:42px;min-width:80px}.banner-slider{border-radius:16px}.banner-slide{aspect-ratio:16/8.5} /* ===== 分类页最终固定尺寸版 ===== */ .cat-layout{grid-template-columns:100px 1fr;gap:10px;min-height:480px} .cat-side{background:#f3f5f9;padding:8px;border:none;gap:8px} .cat-link{width:100%;height:80px;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;line-height:1.25;color:#566173;background:transparent;border-left:3px solid transparent;border-radius:12px;white-space:normal;word-break:keep-all;overflow:hidden;box-sizing:border-box} .cat-link span{display:block;padding:0 6px;width:100%} .cat-link.active{background:#fff;color:#2f80ff;border-left-color:#2f80ff;box-shadow:none} .search-wrap{align-items:stretch}.search-wrap input,.search-wrap button{height:54px}.search-wrap button{width:96px;font-size:16px}.cat-app{padding:12px;border-radius:16px}.cat-app .name{white-space:nowrap;font-size:17px}.cat-app .app-icon{width:54px;height:54px}.mini-purple{margin-top:6px} .panel + .panel{margin-top:14px}.shot-grid{margin-top:10px}.detail-desc{margin-top:8px}.detail-head h2{margin:0 0 6px}.detail-head{margin-bottom:14px}.download-bar{margin-top:16px} .lottery-wrap{display:flex;flex-direction:column;gap:16px}.lottery-wheel-box{position:relative;width:320px;height:320px;margin:6px auto 0}.lottery-wheel{width:100%;height:100%;border-radius:50%;position:relative;transition:transform 4.2s cubic-bezier(.2,.9,.2,1);box-shadow:inset 0 0 0 10px #fff,0 8px 30px rgba(0,0,0,.08)}.lottery-pointer{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:34px solid #ff5a5f;z-index:3}.lottery-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border:none;border-radius:50%;background:linear-gradient(135deg,#5a31ff,#1e8cff);color:#fff;font-size:28px;font-weight:700;z-index:3;box-shadow:0 10px 25px rgba(47,128,255,.3)}.segment-label{display:none}.lottery-result{line-height:1.8} .tabbar{height:56px}.app{padding-bottom:56px}.tab{font-size:11px}.nav-icon.icon-img{width:var(--nav-icon-size);height:var(--nav-icon-size)} .notice{background:#edf6ff;color:#2f80ff;padding:12px 14px;border-radius:12px;margin-bottom:12px} .dialog-actions button,.dialog-actions a{font-size:16px} @media (max-width:640px){ .cat-layout{grid-template-columns:96px 1fr;min-height:460px} .cat-side{padding:8px;gap:8px} .cat-link{height:74px;font-size:14px} } /* ===== 分类按钮：保留原布局，只改按钮大小 + App滑块效果 ===== */ /* 左侧分类栏本身不改布局，只加相对定位 */ .cat-side{ position: relative; overflow: hidden; } /* 分类按钮本体 */ .cat-link{ position: relative; z-index: 2; width: 100%; /* 按钮宽度跟随左侧栏宽度，不改整体布局 */ height: 60px; /* ⭐ 这里改：电脑端按钮高度 */ padding: 0 12px; /* ⭐ 这里改：左右内边距，影响按钮“宽松感” */ display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 14px; background: transparent; border-left: 3px solid transparent; font-size: 15px; line-height: 1.3; color: #566173; transition: transform .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease, border-color .22s ease; } /* 文字 */ .cat-link span{ display: block; width: 100%; padding: 0 2px; } /* 悬停/点击时轻微动效 */ .cat-link:active{ transform: scale(0.98); } /* 选中效果：像 App 滑块卡片 */ .cat-link.active{ background: linear-gradient(180deg,#ffffff,#f8fbff); color: #2f80ff; border-left-color: #2f80ff; box-shadow: 0 6px 16px rgba(47,128,255,.10), inset 0 0 0 1px rgba(47,128,255,.06); transform: translateX(2px); font-weight: 700; } /* 选中按钮左侧小滑块高亮 */ .cat-link.active::before{ content: ""; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 4px; height: 34px; /* ⭐ 这里改：滑块高度 */ border-radius: 999px; background: linear-gradient(180deg,#5aa8ff,#2f80ff); } /* 未选中时更干净 */ .cat-link:not(.active){ box-shadow: none; } /* 手机端单独设置 */ @media (max-width: 640px){ .cat-link{ height: 45px; /* ⭐ 这里改：手机端按钮高度 */ padding: 0 10px; /* ⭐ 这里改：手机端左右内边距 */ font-size: 14px; border-radius: 12px; } .cat-link.active::before{ height: 30px; /* ⭐ 这里改：手机端滑块高度 */ } } .checkbox-row{ display:flex; align-items:center; gap:10px; cursor:pointer; } .checkbox-row input[type="checkbox"]{ display:none; } .check-box{ width:18px; height:18px; min-width:18px; border:2px solid #c9d2e3; border-radius:5px; background:#fff; position:relative; flex-shrink:0; } .checkbox-row input[type="checkbox"]:checked + .check-box{ background:#2f80ff; border-color:#2f80ff; } .checkbox-row input[type="checkbox"]:checked + .check-box::after{ content:""; position:absolute; left:5px; top:1px; width:5px; height:10px; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(45deg); } .check-text{ font-size:14px; color:#666; line-height:1.6; } .check-text a, .policy-link{ color:#2f80ff; } .menu-label{display:flex;align-items:center;gap:12px} .menu-label .nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px} .auth-form{display:flex;flex-direction:column;gap:14px}.auth-submit.disabled{background:#b9d0ff!important;color:#fff;cursor:not-allowed}.invite-panel{display:flex;flex-direction:column;gap:14px}.invite-balance-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:18px}.invite-balance{font-size:46px;font-weight:800;color:#e64f74}.invite-withdraw-btn{height:46px;border:none;border-radius:14px;background:#2f80ff;color:#fff;padding:0 22px}.invite-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.invite-share-box{background:#fff;border-radius:18px;padding:16px}.invite-copy-row{display:flex;gap:10px;align-items:center}.invite-copy-row input{flex:1;height:46px;border:1px solid #e6e6e6;border-radius:14px;padding:0 12px}.invite-copy-row button{height:46px;border:none;border-radius:14px;background:#eef5ff;color:#2f80ff;padding:0 18px}.invite-log-list{display:flex;flex-direction:column;gap:12px}.invite-log-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.invite-status{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}.invite-status.ok{background:#e8f7ec;color:#1f9c52}.invite-status.no{background:#fff3e8;color:#d27618}.app-icon-wrap{position:relative}.top-tag{position:absolute;left:-4px;top:-6px;background:#ff5f6d;color:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;z-index:2}.banner-slider,.banner-slide{aspect-ratio:16/9}.banner-slide img{width:100%;height:100%;object-fit:cover}.lottery-float,.redeem-float-btn{touch-action:manipulation} @media(max-width:640px){.invite-stats-grid{grid-template-columns:1fr 1fr}.invite-balance{font-size:38px}.invite-copy-row{flex-direction:column;align-items:stretch}} .checkbox-row{position:relative;padding-left:2px;flex-wrap:wrap}.checkbox-row.shake{animation:shake .25s 2}.check-box{width:18px;height:18px;border:1.5px solid #c7d2e5;border-radius:5px;display:inline-block;position:relative;flex:none;margin-top:1px}.checkbox-row input{position:absolute;opacity:0;pointer-events:none}.checkbox-row input:checked + .check-box{background:#2f80ff;border-color:#2f80ff}.checkbox-row input:checked + .check-box:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-submit.disabled{background:#c8d6f0!important;color:#fff}.auth-form .warn-inline{display:none;color:#ff5b5b;font-size:13px;width:100%}.checkbox-row.shake .warn-inline{display:block}.hero-ad,.banner-slide{overflow:hidden}.hero-ad img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}100%{transform:translateX(0)}} .menu-row{display:flex;align-items:center;justify-content:space-between;min-height:58px} .menu-label{display:flex;align-items:center;gap:12px} .menu-label .nav-icon,.menu-label .icon-img{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;object-fit:contain} .invite-panel-pro{gap:18px}.invite-balance-pro{padding:6px 0}.invite-threshold{margin-top:8px;color:#e14b63;font-weight:700}.invite-reward-box{margin-top:8px;padding:12px 14px;border-radius:14px;background:#f5f8ff;color:#2f80ff;line-height:1.7}.invite-field-title{margin-top:14px;margin-bottom:8px;color:#6b7280;font-weight:700}.invite-copy-card{display:flex;flex-direction:column;gap:10px}.invite-copy-card input,.invite-copy-card textarea{width:100%;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;background:#fff;font-size:16px}.invite-copy-card textarea{min-height:72px;resize:none;line-height:1.6}.invite-copy-card button{height:46px;border:none;border-radius:14px;background:#eef4ff;color:#2f80ff;font-weight:700}.invite-log-card-pro{border:1px solid #edf0f6} @media(max-width:640px){.invite-copy-card textarea{min-height:88px}} .tab { color: #777; } .tab.active { color: #1986ff; } .tab .icon-img { width: var(--nav-icon-size); height: var(--nav-icon-size); object-fit: contain; transition: filter .2s ease, opacity .2s ease; filter: brightness(0) saturate(100%) invert(33%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(40%) contrast(95%); } .tab.active .icon-img { filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2284%) hue-rotate(199deg) brightness(101%) contrast(101%) !important; } /* 2026-04-14 UI优化 */ .code-row{display:flex;align-items:stretch;gap:10px}.code-row input{flex:1;min-width:0}.code-row .code-btn{width:128px;flex:0 0 128px;height:48px;border:none;border-radius:12px;background:#2f80ff;color:#fff;font-weight:700}.auth-card{max-width:520px;margin:0 auto}.auth-form input,.auth-form textarea,.auth-form select{width:100%}.notice{line-height:1.7}.full-btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:14px;background:#2f80ff;color:#fff;text-decoration:none} @media(max-width:640px){.code-row{gap:8px}.code-row .code-btn{width:118px;flex-basis:118px;height:46px;font-size:14px}} /* register / email code row refine */ .code-row{display:flex;align-items:center;gap:12px;width:100%} .code-row input{flex:1 1 auto;min-width:0;height:50px} .code-row .code-btn{flex:0 0 150px;width:150px;max-width:150px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1} @media(max-width:640px){.code-row{gap:10px}.code-row .code-btn{flex-basis:138px;width:138px;max-width:138px;height:48px;font-size:15px}} /* 2026-04-14 final email code row fix */ .code-row{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;margin:0 !important} .code-row input,.code-row .auth-form input{margin:0 !important} .code-row input{flex:1 1 auto !important;min-width:0 !important;width:auto !important;height:50px !important} .auth-form .code-row .code-btn,.code-row .code-btn{flex:0 0 150px !important;width:150px !important;max-width:150px !important;height:50px !important;margin:0 !important;padding:0 12px !important;border:none !important;border-radius:14px !important;background:#2f80ff !important;color:#fff !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;white-space:nowrap !important} @media (max-width:640px){.auth-form .code-row .code-btn,.code-row .code-btn{flex-basis:138px !important;width:138px !important;max-width:138px !important;height:48px !important;font-size:15px !important}} /* final email code row alignment */ .auth-form .code-row{display:grid !important;grid-template-columns:minmax(0,1fr) 150px !important;align-items:center !important;gap:12px !important;width:100% !important;margin:0 !important} .auth-form .code-row input{width:100% !important;min-width:0 !important;height:50px !important;margin:0 !important} .auth-form .code-row .code-btn{width:150px !important;height:50px !important;margin:0 !important;padding:0 12px !important;align-self:stretch !important;display:flex !important;align-items:center !important;justify-content:center !important;border:none !important;border-radius:14px !important;background:#2f80ff !important;color:#fff !important;font-weight:700 !important;line-height:1 !important;white-space:nowrap !important} @media (max-width:640px){.auth-form .code-row{grid-template-columns:minmax(0,1fr) 138px !important;gap:10px !important}.auth-form .code-row .code-btn{width:138px !important;height:48px !important;font-size:15px !important}} /* auth password eye + turnstile */ .pwd-wrap{position:relative;width:100%} .pwd-wrap input{padding-right:54px!important} .eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;color:#8b8b8b;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0} .turnstile-box{margin:4px 0 2px} .turnstile-box .cf-turnstile{display:block;max-width:100%;overflow:hidden} .auth-form .auth-submit.disabled{opacity:.55} .auth-form .code-row{display:grid!important;grid-template-columns:minmax(0,1fr) 138px!important;gap:10px!important;align-items:center!important;width:100%} .auth-form .code-row .code-input{width:100%!important;min-width:0!important;height:50px!important;margin:0!important} .auth-form .code-row .code-btn{width:138px!important;height:50px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important} @media (min-width:641px){.auth-form .code-row{grid-template-columns:minmax(0,1fr) 150px!important}.auth-form .code-row .code-btn{width:150px!important}} /* fix password eye button + turnstile auth layout */ .auth-form .pwd-wrap{position:relative;width:100%} .auth-form .pwd-wrap input{padding-right:56px!important} .auth-form .pwd-wrap .eye-btn{ position:absolute!important; right:14px!important; top:50%!important; transform:translateY(-50%)!important; width:28px!important; height:28px!important; min-width:28px!important; border:none!important; background:transparent!important; color:#8b8b8b!important; font-size:22px!important; line-height:1!important; display:flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; padding:0!important; margin:0!important; box-shadow:none!important; border-radius:0!important; z-index:3!important; } .auth-form .pwd-wrap .eye-btn:hover, .auth-form .pwd-wrap .eye-btn:focus, .auth-form .pwd-wrap .eye-btn:active{ background:transparent!important; color:#555!important; box-shadow:none!important; outline:none!important; } .auth-form .turnstile-box{ margin:10px 0 6px!important; width:100%!important; } .auth-form .turnstile-box .cf-turnstile{ display:flex!important; justify-content:flex-start!important; max-width:100%!important; overflow:hidden!important; } .auth-form .turnstile-box iframe{ max-width:100%!important; } @media (max-width:640px){ .auth-form .turnstile-box{ transform-origin:left top; } } /* eye icon svg */ .eye-btn{color:#8f8f99!important} .eye-btn .eye-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px} .eye-btn .eye-icon svg{display:block;width:22px;height:22px} .eye-btn:hover{background:transparent!important;box-shadow:none!important} .eye-btn:focus{outline:none;background:transparent!important} /* final eye svg icons */ .eye-btn{ width:28px!important; height:28px!important; right:16px!important; border-radius:0!important; } .eye-icon{ display:flex!important; align-items:center!important; justify-content:center!important; width:22px!important; height:22px!important; color:#7c7b83!important; } .eye-btn .eye-icon svg{ display:block!important; width:22px!important; height:22px!important; } /* auto toast */ .mini-toast{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:1200;min-width:180px;max-width:min(88vw,420px);padding:12px 16px;border-radius:14px;background:rgba(34,34,34,.92);color:#fff;font-size:14px;line-height:1.5;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:all .22s ease}.mini-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mini-toast.ok{background:rgba(39,174,96,.95)}.mini-toast.err{background:rgba(217,76,76,.95)} /* floating bottom nav */ .tabbar-float{ position:fixed!important; position:fixed; left:50%; bottom:calc(env(safe-area-inset-bottom,0px) + 18px); transform:translateX(-50%); width:min(92vw,520px); z-index:60; pointer-events:none; } .tabbar-float .tabbar-shell{ position:relative; pointer-events:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px; border-radius:999px; background:rgba(255,255,255,.42); border:1px solid rgba(255,255,255,.32); box-shadow:0 8px 18px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.68); backdrop-filter:blur(22px) saturate(155%); -webkit-backdrop-filter:blur(22px) saturate(155%); overflow:hidden; } .tabbar-float .tabbar-shell:before{ content:''; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.06)); pointer-events:none; } .tabbar{display:none!important} .tabbar-float .tab{ position:relative; z-index:1; min-height:52px; border-radius:999px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#26262d; text-decoration:none; transition:all .18s ease; -webkit-tap-highlight-color:transparent; } .tabbar-float .tab .ico{ width:18px; height:18px; display:flex; align-items:center; justify-content:center; } .tabbar-float .tab .ico img, .tabbar-float .tab .ico svg{ max-width:18px; max-height:18px; } .tabbar-float .tab .txt{ font-size:10px; font-weight:700; line-height:1; } .tabbar-float .tab.active{ color:#2f6fe4; background:rgba(233,236,242,.70); box-shadow:inset 0 1px 0 rgba(255,255,255,.88); } .tabbar-float .tab:active{ transform:scale(.975); } .page,.page-wrap,main.main{ padding-bottom:72px!important; } @media (max-width:640px){ .tabbar-float{ position:fixed!important; width:calc(100vw - 18px); bottom:calc(env(safe-area-inset-bottom,0px) + 16px); } .tabbar-float .tabbar-shell{ gap:4px; padding:4px; backdrop-filter:blur(24px) saturate(160%); -webkit-backdrop-filter:blur(24px) saturate(160%); } .tabbar-float .tab{ min-height:50px; gap:2px; } .tabbar-float .tab .ico{ width:18px; height:18px; } .tabbar-float .tab .ico img, .tabbar-float .tab .ico svg{ max-width:18px; max-height:18px; } .tabbar-float .tab .txt{ font-size:10px; } .page,.page-wrap,main.main{ padding-bottom:76px!important; } } /* fix category page float */ body,html{overflow-x:hidden;} /* category page bottom cover fix */ .category-page, .category-layout, .category-main, .category-soft-list, .soft-list, .category-right{ padding-bottom: 0 !important; } body.page-category .page, body.page-category .page-wrap, body.page-category main.main{ padding-bottom: 118px !important; } body.page-category .category-main, body.page-category .category-right, body.page-category .category-soft-list, body.page-category .soft-list{ padding-bottom: 132px !important; box-sizing: border-box; } body.page-category .lottery-float{ bottom: 126px !important; } @media (max-width:640px){ body.page-category .page, body.page-category .page-wrap, body.page-category main.main{ padding-bottom: 126px !important; } body.page-category .category-main, body.page-category .category-right, body.page-category .category-soft-list, body.page-category .soft-list{ padding-bottom: 148px !important; } body.page-category .lottery-float{ bottom: 126px !important; } } .app-icon-wrap{position:relative;flex:none} .app-item{padding:10px 12px;border-radius:16px} .app-list{gap:10px} .app-item .left{gap:10px} .app-item .meta{display:flex;flex-direction:column;justify-content:center} .app-item .app-meta-ext{font-size:12px;color:#98a2b3;margin-top:4px} .app-item .btn-view{height:40px;min-width:74px;border-radius:20px;font-size:14px} .cat-app{padding:10px 12px;border-radius:16px;justify-content:space-between} .cat-app .meta{min-width:0;flex:1} .cat-app .name{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cat-app .download-pill{height:40px;min-width:72px;border-radius:20px;font-size:14px} .detail-hero{padding:18px 18px 20px;border-radius:26px} .detail-hero-top{display:flex;align-items:flex-start;gap:16px} .detail-main{min-width:0;flex:1;padding-top:2px} .detail-main h2{margin:0;font-size:34px;line-height:1.12;word-break:break-all} .detail-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} .detail-tag{font-size:13px;padding:5px 14px;border-radius:18px;background:#f1f2f7;color:#55639a} .detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;margin-bottom:18px} .detail-stat{text-align:center} .detail-stat-value{font-size:30px;font-weight:800;line-height:1.15} .detail-stat-value.publish{font-size:24px;color:#d39a1f} .detail-stat-value.downloads{font-size:28px;color:#111a3a} .detail-stat-label{font-size:12px;color:#a2a7b7;margin-top:8px} .big-download{width:100%;height:72px;border-radius:36px;font-size:26px;font-weight:800;box-shadow:none} .big-download.disabled{background:#c8d7f2;color:#ffffff} .detail-head{display:none} .download-bar{display:none} .meta-table div:last-child{border-bottom:none} @media (max-width:640px){ .app-item{padding:9px 11px} .app-item .app-icon{width:54px;height:54px;border-radius:14px} .app-item .name{font-size:16px} .app-item .btn-view{height:38px;min-width:68px;font-size:13px} .cat-app .app-icon{width:52px;height:52px;border-radius:14px} .cat-app .name{font-size:16px} .detail-hero{padding:16px 16px 18px;border-radius:24px} .detail-hero-top{gap:14px} .detail-icon{width:108px;height:108px;border-radius:24px} .detail-main h2{font-size:30px} .detail-tag-row{margin-top:8px} .detail-tag{font-size:12px;padding:5px 14px} .detail-stats{margin-top:14px;margin-bottom:16px} .detail-stat-value{font-size:24px} .detail-stat-value.publish{font-size:20px} .detail-stat-value.downloads{font-size:24px} .detail-stat-label{font-size:11px;margin-top:6px} .big-download{height:66px;font-size:24px} } /* 2026-04-16 detail/list refine */ .app-item .app-meta-ext,.days-line{font-size:12px;color:#98a2b3;margin-top:5px} .detail-hero-top{gap:18px} .detail-icon{width:92px;height:92px;border-radius:22px} .detail-main{padding-top:6px} .detail-main h2{font-size:30px;line-height:1.16} .detail-tag-row{margin-top:14px} .detail-stats{margin-top:28px;margin-bottom:18px} .detail-stat-value{font-size:24px} .detail-stat-value.publish{font-size:20px} .detail-stat-value.downloads{font-size:22px} .big-download{font-size:24px} @media (max-width:640px){ .detail-hero-top{gap:15px} .detail-icon{width:84px;height:84px;border-radius:20px} .detail-main{padding-top:4px} .detail-main h2{font-size:25px;line-height:1.18} .detail-tag-row{margin-top:12px} .detail-stats{margin-top:24px;margin-bottom:16px} .detail-stat-value{font-size:20px} .detail-stat-value.publish{font-size:17px} .detail-stat-value.downloads{font-size:18px} .big-download{font-size:22px} } /* 2026-04-16 user/detail visual tune */ .detail-tag, .detail-tag.coin-badge, .detail-tag.soft-badge{ background:#fff6cf !important; color:#d6a11a !important; } .user-top > div{min-width:0;flex:1} .uid{ font-size:24px; line-height:1.2; word-break:break-all; overflow-wrap:anywhere; } .user-badges{ gap:8px; margin-top:8px; } .user-badges span{ font-size:13px; padding:6px 12px; line-height:1.2; } @media (max-width:640px){ .uid{font-size:18px} .user-badges span{font-size:12px;padding:5px 10px} } /* 2026-04-16 button refine */ .big-download{max-width:calc(100% - 40px);margin:0 auto;height:58px !important;border-radius:30px !important;font-size:22px !important;font-weight:800}.btn-view,.download-pill{height:34px !important;min-width:62px !important;padding:0 14px !important;border-radius:17px !important;font-size:13px !important}@media(max-width:640px){.big-download{height:54px !important;font-size:20px !important;max-width:calc(100% - 24px)}.btn-view,.download-pill{height:32px !important;min-width:58px !important;font-size:12px !important;padding:0 12px !important}} /* 2026-04-16 detail/meta/icon-size final fix */ .detail-info-panel .detail-info-title{font-size:15px;font-weight:700;color:#202939;margin-top:2px} .detail-info-panel .detail-desc{margin-top:10px} .detail-info-panel .meta-table{margin-top:12px} .detail-info-panel .meta-table div{font-size:15px} .detail-info-panel .meta-table span{color:#6b7280} .tab .ico, .tab .nav-icon, .tab .icon-text, .tab .icon-img{ width: var(--nav-icon-size) !important; height: var(--nav-icon-size) !important; } .tab .ico{font-size:var(--nav-icon-size) !important;line-height:1} .tab .icon-text{display:flex !important;align-items:center;justify-content:center;font-size:var(--nav-icon-size) !important;line-height:1} .tab .icon-img{object-fit:contain !important;max-width:none !important;max-height:none !important;display:block} .ad-box{margin:18px 0;padding:16px;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #e7eef8;box-shadow:0 10px 30px rgba(64,128,255,.08)} .ad-box .ad-tag{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:999px;background:#edf5ff;color:#2f80ff;font-size:12px;font-weight:700;margin-bottom:12px} .ad-box img,.ad-box iframe{max-width:100%;border-radius:16px;overflow:hidden} .ad-box a{color:#2f80ff} .ad-box>*:last-child{margin-bottom:0} @media(max-width:640px){.ad-box{padding:14px;border-radius:18px}} .ad-box{margin:14px 0;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#fafcff);border:1px solid #edf1f7}.ad-box .ad-tag{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:#f3f6fb;color:#8a94a6;font-size:12px}.ad-box img{max-width:100%;border-radius:14px;display:block} .gray-mode .lottery-float{position:fixed!important;right:12px!important;bottom:92px!important;top:auto!important;left:auto!important;transform:none!important;filter:none!important} body.page-category.gray-mode .lottery-float{bottom:92px!important;top:auto!important} .site-footer-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 12px 92px;color:#8b94a7;font-size:13px}.site-footer-links a{color:#8b94a7}.site-footer-links span{color:#8b94a7} /* v11 ad/footer/customer refine */ .site-footer-links{display:none!important} .ad-soft-slot{position:relative;overflow:hidden}.ad-soft-slot .ad-icon-box{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#2f80ff;background:linear-gradient(135deg,#eef5ff,#f8fbff);border:1px dashed #cfe0ff}.ad-soft-slot .ad-inline-html{margin-top:8px;font-size:13px;color:#6f7b8c;line-height:1.65;max-width:100%;overflow:hidden}.ad-soft-slot .ad-inline-html img,.ad-soft-slot .ad-inline-html iframe,.ad-soft-slot .ad-inline-html video{width:100%;max-width:100%;border-radius:14px;display:block}.ad-soft-slot .ad-view-tag{background:linear-gradient(90deg,#7d9bff,#4aa3ff)!important}.ad-soft-item .name,.ad-soft-item-cat .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-hero{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#ffffff,#f4f8ff);border:1px solid #eaf0fb;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(25,134,255,.06);margin-bottom:14px}.customer-hero-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#2f80ff,#69a7ff);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 10px 24px rgba(47,128,255,.22)}.customer-hero-main h2{margin:0 0 6px;font-size:24px}.customer-hero-main p{margin:0;color:#6f7b8c;line-height:1.8}.customer-card-list{display:flex;flex-direction:column;gap:12px}.customer-card-btn{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid #edf2f8;box-shadow:0 4px 14px rgba(0,0,0,.04)}.customer-card-icon{width:46px;height:46px;border-radius:16px;background:#eef5ff;color:#2f80ff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.customer-card-text{display:flex;flex-direction:column;min-width:0;flex:1}.customer-card-text b{font-size:18px;color:#1f2937}.customer-card-text small{font-size:12px;color:#94a3b8;margin-top:4px}.customer-card-arrow{font-size:28px;color:#9fb6dd}.customer-card-btn:active{transform:scale(.99)}@media(max-width:640px){.customer-hero{padding:16px;border-radius:20px}.customer-hero-main h2{font-size:21px}.customer-card-btn{padding:14px 16px;border-radius:18px}} /* v12 ad card */ .ad-soft-slot{position:relative;overflow:hidden} .ad-soft-slot .left{min-width:0;flex:1} .ad-soft-slot .app-icon-wrap{position:relative} .ad-soft-slot .meta{overflow:hidden} .ad-soft-slot .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ad-soft-slot .app-meta-ext,.ad-soft-slot .days-line{font-size:13px;color:#667085;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.45;max-height:38px} .ad-card-badge{position:absolute;left:4px;bottom:4px;background:rgba(25,134,255,.92);color:#fff;padding:2px 6px;border-radius:8px;font-size:11px;box-shadow:0 2px 6px rgba(25,134,255,.2)} .ad-soft-slot .btn-view,.ad-soft-slot .download-pill{flex:none} /* v13: 首页快捷入口图标不单独触发点击效果，只让整个快捷入口有反馈 */ .quick-card .circle,.quick-card .circle *,.quick-card .icon-img{pointer-events:none!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;} .quick-card .circle:active,.quick-card:active .circle,.quick-card:active .icon-img{transform:none!important;filter:none!important;} .operation-uptime{margin:12px auto 6px;text-align:center;color:#64748b;font-size:13px;line-height:1.5;background:rgba(255,255,255,.78);border:1px solid #eef2f7;border-radius:999px;padding:8px 14px;width:max-content;max-width:92%;box-shadow:0 4px 14px rgba(15,23,42,.04)} /* v20_1 front compact tuning */ .page{padding:12px} .panel,.menu-panel,.auth-card{border-radius:16px;padding:14px} .app-item{padding:12px;border-radius:16px;gap:10px} .app-icon{width:60px;height:60px;border-radius:15px} .name{font-size:17px} .sub,.downline{font-size:12px;margin-top:5px} .menu-row{padding:15px 4px;font-size:17px} .logout-btn,.buy-link,.auth-form button,.full-btn{height:48px;font-size:16px;border-radius:15px} .detail-hero{padding:15px 15px 18px;border-radius:22px} .detail-main h2{font-size:28px} .detail-icon{width:72px;height:72px;border-radius:16px} .detail-stats{gap:12px;margin-top:14px;margin-bottom:14px} .detail-stat-value{font-size:24px} .big-download{height:50px;font-size:18px;border-radius:15px} .section-h{font-size:18px} @media(max-width:640px){ .page{padding:11px} .panel,.menu-panel,.auth-card{padding:13px;border-radius:15px} .app-item{padding:11px} .app-icon{width:56px;height:56px} .menu-row{padding:13px 4px;font-size:16px} .detail-main h2{font-size:24px} .detail-icon{width:64px;height:64px} .detail-hero-top{gap:12px} } /* v20_2 unified front notice + return button fix */ .tips,.notice{ position:relative; display:flex; align-items:flex-start; gap:10px; padding:13px 14px 13px 42px; border-radius:16px; margin:0 0 14px; line-height:1.65; font-size:14px; box-shadow:0 10px 26px rgba(47,128,255,.08); border:1px solid #dbeafe; } .tips{background:linear-gradient(135deg,#f0f7ff,#ffffff);color:#2563eb} .notice{background:linear-gradient(135deg,#fff6f6,#ffffff);color:#e0526b;border-color:#ffd6dc} .tips:before,.notice:before{ content:"✓"; position:absolute; left:14px; top:13px; width:20px; height:20px; border-radius:999px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px; font-weight:900; background:#2f80ff; } .notice:before{content:"!";background:#e0526b} .page-back-title a,.back-mini a{ line-height:1!important; display:flex!important; align-items:center!important; justify-content:center!important; font-family:Arial,Helvetica,sans-serif!important; padding:0 0 4px 0!important; } /* v21 frontend UI tweaks */ .quick-row{gap:9px;margin:12px 0} .quick-card{border-radius:15px;padding:10px 4px;font-size:13px} .circle{width:44px;height:44px;border-radius:14px;margin-bottom:6px} .circle .quick-icon.icon-img{width:min(var(--quick-icon-size),30px);height:min(var(--quick-icon-size),30px)} .app-item{padding:13px 14px} .app-icon{width:74px;height:74px;border-radius:18px} .name{font-size:16px;font-weight:700} .btn-view{height:40px;min-width:74px;border-radius:20px;font-size:14px} .page-category .search-wrap{gap:8px;margin-bottom:8px} .page-category .search-wrap input{height:40px;padding:0 13px;border-radius:13px;font-size:14px} .page-category .search-wrap button{height:40px;width:86px;border-radius:13px;font-size:15px} .operation-uptime{ position:relative; display:flex; align-items:center; justify-content:center; gap:8px; margin:14px auto 8px; width:max-content; max-width:92%; padding:9px 16px; border-radius:999px; color:#2563eb; font-size:13px; font-weight:800; background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.92)); border:1px solid rgba(96,165,250,.22); box-shadow:0 10px 26px rgba(47,128,255,.10); } .operation-uptime:before{ content:""; width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.12); flex:none; } .page-back-title a,.back-mini a{ line-height:1!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 0 4px!important; } @media(max-width:640px){ .quick-card{padding:9px 3px;font-size:12px} .circle{width:40px;height:40px;border-radius:12px} .circle .quick-icon.icon-img{width:27px;height:27px} .app-icon{width:72px;height:72px;border-radius:18px} .name{font-size:15.5px} .app-item{padding:12px 13px} } /* v21_1 fix: 首页软件列表恢复上一版，下载详情页单独调整 */ .app-list .app-icon{ width:60px!important; height:60px!important; border-radius:15px!important; } .app-list .name{ font-size:17px!important; } .detail-icon{ width:86px!important; height:86px!important; border-radius:20px!important; } .detail-main h2{ font-size:24px!important; line-height:1.25!important; } @media(max-width:640px){ .app-list .app-icon{ width:56px!important; height:56px!important; border-radius:15px!important; } .app-list .name{ font-size:17px!important; } .detail-icon{ width:78px!important; height:78px!important; border-radius:18px!important; } .detail-main h2{ font-size:22px!important; } } /* 登录/注册密码显示隐藏图标不做点击动效 */ .eye-btn, .eye-btn:hover, .eye-btn:active, .eye-btn:focus{ transform:none!important; box-shadow:none!important; filter:none!important; outline:none!important; -webkit-tap-highlight-color:transparent!important; } .eye-btn .eye-icon, .eye-btn svg{ pointer-events:none!important; } /* v21 eight-point fixes */ .app-icon-wrap{position:relative;display:inline-block;flex:none}.top-ribbon,.mini-top,.ad-card-badge{position:absolute!important;left:0!important;top:0!important;bottom:auto!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-weight:800!important;padding:2px 8px!important;border-radius:12px 0 12px 0!important;z-index:2!important;box-shadow:none!important;line-height:1.4!important}.home-marquee{width:100%;border:0;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit}.home-marquee .marquee-more{flex:none;font-size:12px;font-weight:800;color:#2f80ff;background:#eef5ff;border-radius:999px;padding:6px 10px}.marquee-dialog .dialog-box{border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 20px 55px rgba(31,91,180,.16)}.marquee-dialog-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.marquee-dialog-head span{width:42px;height:42px;border-radius:16px;background:#eef5ff;display:flex;align-items:center;justify-content:center}.marquee-dialog-head strong{font-size:20px;color:#1f2937}.marquee-dialog-content{white-space:pre-wrap;line-height:1.9;color:#475467;background:#fff;border:1px solid #edf2fb;border-radius:18px;padding:16px;max-height:50vh;overflow:auto}.lottery-win-modal .image-box{min-height:180px;display:flex!important;align-items:center!important;justify-content:center!important}.lottery-win-modal img{display:block;margin:0 auto}.lottery-win-note{margin-top:12px;padding:12px 14px;border-radius:16px;background:#fff7e6;color:#d97706;font-size:14px;font-weight:800;line-height:1.7}.tips.success,.security-success{background:linear-gradient(135deg,#f0fff4,#ffffff)!important;color:#16a34a!important;border-color:#bbf7d0!important}.tips.success:before,.security-success:before{background:#22c55e!important;content:"✓"!important} @media(max-width:780px){.app-item,.news-item,.quick-card,.panel,.menu-panel,.auth-card{content-visibility:auto;contain-intrinsic-size:80px}} /* 富文本内容展示 */ .rich-content{line-height:1.9;color:#555;word-break:break-word}.rich-content img{max-width:100%;height:auto;border-radius:12px;display:block;margin:10px 0}.rich-content a{color:#1677ff;text-decoration:underline}.rich-content blockquote{margin:12px 0;padding:10px 14px;border-left:4px solid #2f80ff;background:#f4f8ff;border-radius:10px}.rich-content h1,.rich-content h2,.rich-content h3{color:#1f2937;line-height:1.35}.rich-content ul,.rich-content ol{padding-left:22px}.policy-box.rich-content{font-size:16px} /* v22 前台统一 UI 与点击效果优化 */ :root{--wd-radius-lg:20px;--wd-radius-md:16px;--wd-shadow-soft:0 8px 24px rgba(15,23,42,.045)} .page{padding:14px 14px 76px}.panel,.menu-panel,.auth-card,.quick-card,.app-item,.news-item,.info-card .item{border-radius:var(--wd-radius-lg)!important;box-shadow:var(--wd-shadow-soft)!important;border:1px solid rgba(226,232,240,.72)} .page-back-title{display:flex;align-items:center;gap:12px;margin:0 0 14px!important}.page-back-title a{width:38px!important;height:38px!important;border-radius:14px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;color:#111827!important;box-shadow:0 8px 18px rgba(31,91,180,.06)!important;border:1px solid rgba(226,232,240,.86);padding:0 0 4px!important;line-height:1!important}.page-back-title h2{margin:0!important;font-size:24px!important;font-weight:900!important;color:#111827!important;letter-spacing:.01em} .home-marquee,.mine-card,.checkbox-row{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation}.home-marquee:active,.mine-card:active,.checkbox-row:active{transform:none!important;filter:none!important;opacity:1!important;box-shadow:inherit!important}.home-marquee *,.checkbox-row *{pointer-events:auto}.checkbox-row .check-box,.checkbox-row .check-text{transition:none!important}.checkbox-row .check-box:active,.checkbox-row .check-text:active{transform:none!important;filter:none!important;background:inherit!important}.policy-link:active{opacity:1!important}.mine-row,.menu-row,.quick-card,.app-item,.cat-app,.pay-item,.pkg-card,.ps-row{transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease}.mine-row:active,.menu-row:active,.quick-card:active,.app-item:active,.cat-app:active,.pay-item:active,.pkg-card:active{transform:scale(.988);filter:saturate(1.03);background:#f7fbff!important}.tab:active{transform:none!important;filter:none!important}.btn-view,.download-pill,.full-btn,.buy-link,.customer-btn,.big-download,.pay-go{transition:transform .18s ease,filter .18s ease}.btn-view:active,.download-pill:active,.full-btn:active,.buy-link:active,.customer-btn:active,.big-download:active,.pay-go:active{transform:scale(.985);filter:saturate(1.05)} .section-h{font-size:19px!important;font-weight:900!important;color:#111827!important}.name{font-weight:850!important}.sub,.downline,.muted-tip{color:#7a8494!important;line-height:1.55}.auth-card{padding:18px!important}.auth-form input,.auth-form textarea,.auth-form select{border-radius:15px!important}.dialog-box{border-radius:24px!important;box-shadow:0 22px 60px rgba(15,23,42,.16)!important}.dialog-actions a,.dialog-actions button{border-radius:15px!important;font-weight:850!important}.mini-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,12px);z-index:200;opacity:0;max-width:86vw;padding:10px 14px;border-radius:999px;background:rgba(17,24,39,.92);color:#fff;font-size:14px;font-weight:800;box-shadow:0 14px 30px rgba(15,23,42,.20);transition:opacity .22s ease,transform .22s ease}.mini-toast.show{opacity:1;transform:translate(-50%,0)}.mini-toast.err{background:rgba(225,29,72,.94)} @media(max-width:640px){.page{padding:12px 12px 78px}.panel,.menu-panel,.auth-card,.quick-card,.app-item,.news-item{border-radius:18px!important}.section-h{font-size:18px!important}.page-back-title h2{font-size:22px!important}.page-back-title a{width:36px!important;height:36px!important}} /* ==== v23 front interaction refinements ==== */ .home-marquee,.home-marquee:active,.mine-card,.checkbox-row,.checkbox-row:active,.check-box,.check-box:active{ -webkit-tap-highlight-color: transparent; } .home-marquee{border:none;cursor:pointer;transition:none!important;transform:none!important;box-shadow:0 6px 16px rgba(15,23,42,.04)!important} .home-marquee:active{transform:none!important;filter:none!important;box-shadow:0 6px 16px rgba(15,23,42,.04)!important} .checkbox-row{user-select:none} .checkbox-row:active,.check-box:active{transform:none!important;filter:none!important;background:transparent!important} .auth-submit.disabled{opacity:.55} .pwd-wrap{position:relative;display:flex;align-items:center} .pwd-wrap input{padding-right:54px!important;width:100%} .eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#98a2b3;padding:0;-webkit-tap-highlight-color:transparent} .eye-btn:active{transform:translateY(-50%) scale(.96)} .eye-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px} .code-row{display:flex;align-items:center;gap:10px;width:100%} .code-row .code-input,.code-row input{flex:1 1 auto;min-width:0;margin:0!important} .code-row .code-btn{flex:0 0 126px;width:126px;height:50px;margin:0;border:none;border-radius:14px;background:#2f80ff;color:#fff;font-weight:800} @media(max-width:640px){.code-row .code-btn{flex-basis:118px;width:118px;font-size:14px}} /* v_next auth/customer redesign */ .auth-card{position:relative;overflow:hidden;background:rgba(255,255,255,.96)!important;border:1px solid rgba(226,232,240,.86)!important;border-radius:28px!important;padding:26px 20px!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important}.auth-card:before{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,rgba(47,128,255,.16),rgba(125,92,255,.08));pointer-events:none}.auth-card h2{position:relative;margin:0 0 6px!important;font-size:28px!important;font-weight:950!important;color:#111827!important}.auth-card h2:after{content:"欢迎使用账号服务";display:block;margin-top:8px;font-size:13px;font-weight:700;color:#98a2b3}.auth-form{position:relative;z-index:2;display:flex!important;flex-direction:column!important;gap:13px!important;margin-top:16px}.auth-form input,.auth-form select,.auth-form textarea{height:52px!important;border:1px solid #e7edf5!important;background:#f9fbff!important;border-radius:17px!important;padding:0 15px!important;font-size:15px!important;color:#111827!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{outline:none!important;border-color:#90c2ff!important;background:#fff!important;box-shadow:0 0 0 4px rgba(47,128,255,.10)!important}.auth-submit,.auth-form>button,.full-btn{height:50px!important;border:none!important;border-radius:17px!important;background:linear-gradient(135deg,#2f80ff,#5b9cff)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 14px 24px rgba(47,128,255,.18)!important}.auth-submit.disabled{background:#cfd6e2!important;color:#6b7280!important;box-shadow:none!important}.auth-foot{position:relative;z-index:2;text-align:center;margin-top:16px!important;color:#8a94a6!important;font-size:14px!important}.auth-foot a,.forgot-inline a{color:#2f80ff!important;font-weight:900!important}.checkbox-row{position:relative;z-index:2;background:#f8fbff;border:1px solid #edf3ff;border-radius:15px;padding:10px 12px!important}.notice{border-radius:16px!important}.code-row{display:flex!important;gap:10px!important}.code-row input{min-width:0!important;flex:1!important}.code-row .code-btn{height:52px!important;border-radius:17px!important;flex:0 0 120px!important;background:#eef5ff!important;color:#2f80ff!important;box-shadow:none!important}.tab-switch a{border-radius:16px!important;font-weight:900!important;text-align:center}.customer-page{display:flex;flex-direction:column;gap:14px}.customer-hero{border-radius:30px!important;padding:22px 20px!important;background:linear-gradient(135deg,#1f7cff,#6aa7ff 58%,#8b7dff)!important;box-shadow:0 20px 44px rgba(47,128,255,.20)!important}.customer-hero h1{font-size:27px!important}.customer-hero p{font-size:14px!important}.customer-card{border-radius:24px!important;padding:15px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important}.customer-card-icon{border-radius:18px!important;background:linear-gradient(135deg,#eef6ff,#f6f9ff)!important}.customer-prepare{border-radius:24px!important;background:#fff!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important}.customer-note{background:#f8fbff!important;border:1px solid #eaf1ff!important;color:#64748b!important} /* v_final_auth: 登录/注册/忘记密码界面重新优化，去除双标题/欢迎账号服务副标题 */ .auth-card{max-width:520px!important;margin:26px auto 0!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:30px!important;padding:28px 22px 24px!important;box-shadow:0 20px 54px rgba(15,23,42,.09)!important;overflow:hidden!important;position:relative!important} .auth-card:before{content:""!important;position:absolute!important;right:-80px!important;top:-90px!important;width:220px!important;height:220px!important;border-radius:50%!important;background:linear-gradient(135deg,rgba(47,128,255,.14),rgba(122,92,255,.07))!important;pointer-events:none!important}.auth-card:after{content:""!important;position:absolute!important;left:-80px!important;bottom:-100px!important;width:190px!important;height:190px!important;border-radius:50%!important;background:linear-gradient(135deg,rgba(47,128,255,.08),rgba(255,255,255,0))!important;pointer-events:none!important}.auth-card h2{position:relative!important;z-index:2!important;margin:0 0 18px!important;font-size:30px!important;font-weight:950!important;color:#111827!important;letter-spacing:.01em!important;text-align:left!important}.auth-card h2:after{content:""!important;display:none!important}.auth-form{position:relative!important;z-index:2!important;gap:14px!important;margin-top:0!important}.auth-form input,.auth-form select,.auth-form textarea{height:54px!important;border:1px solid #e5edf7!important;background:#f8fbff!important;border-radius:18px!important;padding:0 16px!important;font-size:16px!important;font-weight:650!important;color:#111827!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{outline:none!important;background:#fff!important;border-color:#86bfff!important;box-shadow:0 0 0 4px rgba(47,128,255,.10)!important}.auth-form .pwd-wrap input{padding-right:56px!important}.auth-submit,.auth-form>button,.full-btn{height:52px!important;border:none!important;border-radius:18px!important;background:linear-gradient(135deg,#2f80ff,#61a0ff)!important;color:#fff!important;font-size:17px!important;font-weight:950!important;box-shadow:0 15px 26px rgba(47,128,255,.20)!important}.auth-submit.disabled{background:#cfd6e2!important;color:#6b7280!important;box-shadow:none!important}.auth-foot{position:relative!important;z-index:2!important;margin-top:18px!important;text-align:center!important;font-size:14px!important;color:#8a94a6!important}.auth-foot a,.forgot-inline a{color:#2f80ff!important;font-weight:950!important}.forgot-inline{position:relative!important;z-index:2!important;text-align:right!important;margin-top:-4px!important}.checkbox-row{position:relative!important;z-index:2!important;background:#f8fbff!important;border:1px solid #eaf1ff!important;border-radius:16px!important;padding:11px 12px!important}.notice{position:relative!important;z-index:2!important;border-radius:16px!important;line-height:1.7!important}.code-row{display:grid!important;grid-template-columns:minmax(0,1fr) 124px!important;gap:10px!important}.code-row .code-btn{width:124px!important;height:54px!important;border-radius:18px!important;background:#eef5ff!important;color:#2f80ff!important;box-shadow:none!important;font-weight:950!important}.tab-switch a{border-radius:16px!important;font-weight:950!important}.auth-card .notice:first-of-type{background:#f8fbff!important;color:#64748b!important;border:1px solid #eaf1ff!important} @media(max-width:640px){.auth-card{margin-top:16px!important;padding:24px 18px 22px!important;border-radius:26px!important}.auth-card h2{font-size:28px!important}.code-row{grid-template-columns:minmax(0,1fr) 112px!important}.code-row .code-btn{width:112px!important;font-size:14px!important}} /* v_final_auth_light: 登录/注册/忘记密码不使用粗体 */ .auth-card h2{font-weight:500!important;font-size:28px!important;letter-spacing:0!important}.auth-card h2:after{content:""!important;display:none!important}.auth-form input,.auth-form select,.auth-form textarea,.auth-card,.auth-foot,.checkbox-row,.check-text,.notice{font-weight:400!important}.auth-submit,.auth-form>button,.full-btn,.code-row .code-btn,.tab-switch a,.auth-foot a,.forgot-inline a,.policy-link{font-weight:500!important}.auth-form input::placeholder,.auth-form textarea::placeholder{font-weight:400!important;color:#a0a7b3!important} /* ==== 全站提示弹窗最终修复：防止验证码/复制成功提示变成长条遮挡页面 ==== */ .mini-toast, body > .mini-toast, html body .mini-toast{ position: fixed !important; left: 50% !important; top: calc(72px + env(safe-area-inset-top, 0px)) !important; right: auto !important; bottom: auto !important; transform: translateX(-50%) translateY(-8px) !important; z-index: 2147483000 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 42px !important; min-width: 0 !important; max-width: min(86vw, 360px) !important; min-height: 0 !important; max-height: 42px !important; padding: 0 16px !important; border: 0 !important; border-radius: 999px !important; box-sizing: border-box !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; writing-mode: horizontal-tb !important; direction: ltr !important; line-height: 42px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-align: center !important; color: #fff !important; background: rgba(17,24,39,.94) !important; box-shadow: 0 14px 30px rgba(15,23,42,.20) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important; } .mini-toast.show, body > .mini-toast.show, html body .mini-toast.show{ opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; } .mini-toast.ok, body > .mini-toast.ok, html body .mini-toast.ok{ background: rgba(34,197,94,.96) !important; } .mini-toast.err, body > .mini-toast.err, html body .mini-toast.err{ background: rgba(225,29,72,.96) !important; } .mini-toast *{ max-height: 42px !important; line-height: 42px !important; white-space: nowrap !important; } /* === 软件列表点击效果优化：点击整张卡片触发，不再只让图标/按钮单独有反馈 === */ .app-item, .cat-app{ position:relative; overflow:hidden; transform-origin:center; -webkit-tap-highlight-color:transparent; touch-action:manipulation; cursor:pointer; transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background-color .18s ease,filter .18s ease!important; } .app-item::after, .cat-app::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg,rgba(47,128,255,.10),rgba(90,49,255,.07)); opacity:0; pointer-events:none; transition:opacity .18s ease; } .app-item:active, .cat-app:active{ transform:translateY(1px) scale(.985)!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; filter:saturate(1.04)!important; background:#f8fbff!important; } .app-item:active::after, .cat-app:active::after{ opacity:1; } /* 子元素不单独吃点击事件，保证点击图标、文字、按钮都表现为整条列表被点击 */ .app-item .left, .app-item .app-icon-wrap, .app-item .app-icon, .app-item .meta, .app-item .btn-view, .cat-app .app-icon-wrap, .cat-app .app-icon, .cat-app .meta, .cat-app .download-pill{ pointer-events:auto!important; } .app-item .btn-view:active, .cat-app .download-pill:active{ transform:none!important; filter:none!important; } /* 分类页底部加载提示：在列表内部流式显示，不遮挡列表和底部导航 */ .wd-bottom-loader{ pointer-events:none!important; } .wd-bottom-loader span{ font-weight:800; letter-spacing:.02em; } /* === 修复软件列表点击无反应、返回空白、底部导航遮挡 === */ .app-item, .cat-app{ position:relative; display:flex; -webkit-tap-highlight-color:transparent; touch-action:manipulation; cursor:pointer; user-select:none; } .app-item *, .cat-app *{ pointer-events:auto!important; } .app-item::after, .cat-app::after{ pointer-events:none!important; } .app-item:active, .cat-app:active{ transform:translateY(1px) scale(.985)!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; background:#f8fbff!important; } .app-item:active .app-icon, .cat-app:active .app-icon{ transform:none!important; } body.page-category .cat-main{ padding-bottom:150px!important; } body.page-category .wd-bottom-loader{ position:relative!important; pointer-events:none!important; z-index:1!important; margin:14px auto 18px!important; } body.page-category .wd-bottom-loader span{ font-weight:850; } body.page-category .tabbar-float{ pointer-events:auto!important; z-index:80!important; } body.page-category .page-loading-overlay{ display:none!important; } body.page-category.page-loading-lock{ overflow-y:auto!important; } /* === 最终修复：分类普通软件改为接口分页后，不再保留隐藏占位，避免顶部/中间空白 === */ body.page-category .normal-lazy.lazy-hidden{ display:none!important; } html,body{ overscroll-behavior-y:auto; } .app{ overflow-anchor:none; } .app-item, .cat-app{ position:relative; overflow:hidden; -webkit-tap-highlight-color:transparent; touch-action:manipulation; cursor:pointer; transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background-color .18s ease,filter .18s ease!important; } .app-item *, .cat-app *{ pointer-events:auto!important; } .app-item::after, .cat-app::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg,rgba(47,128,255,.10),rgba(90,49,255,.07)); opacity:0; pointer-events:none!important; transition:opacity .18s ease; } .app-item:active, .cat-app:active{ transform:translateY(1px) scale(.985)!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; background:#f8fbff!important; } .app-item:active::after, .cat-app:active::after{ opacity:1; } .app-item:active .app-icon, .cat-app:active .app-icon, .btn-view:active, .download-pill:active{ transform:none!important; filter:none!important; } body.page-category .wd-bottom-loader{ position:relative!important; pointer-events:none!important; z-index:1!important; margin:14px auto 18px!important; } body.page-category .wd-bottom-loader span{ font-weight:850; } body.page-category .cat-main{ padding-bottom:150px!important; } /* 最终修复：普通分类也走接口分页，不保留隐藏占位，避免滑动/跳转时出现顶部大空白 */ body.page-category .normal-lazy.lazy-hidden{ display:none!important; } .lz-first-loading{ display:none; align-items:center; justify-content:center; gap:10px; min-height:180px; color:#64748b; font-size:14px; font-weight:850; } .lz-first-loading.show{ display:flex; } .lz-first-loading span{ width:18px; height:18px; border-radius:50%; border:2px solid #dbeafe; border-top-color:#2f80ff; animation:wdspin .75s linear infinite; } .app{ overflow-anchor:none; } .app-item, .cat-app{ position:relative; overflow:hidden; -webkit-tap-highlight-color:transparent; touch-action:manipulation; cursor:pointer; transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background-color .18s ease,filter .18s ease!important; } .app-item *, .cat-app *{ pointer-events:auto!important; } .app-item::after, .cat-app::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg,rgba(47,128,255,.10),rgba(90,49,255,.07)); opacity:0; pointer-events:none!important; transition:opacity .18s ease; } .app-item:active, .cat-app:active{ transform:translateY(1px) scale(.985)!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; background:#f8fbff!important; } .app-item:active::after, .cat-app:active::after{ opacity:1; } .app-item:active .app-icon, .cat-app:active .app-icon, .btn-view:active, .download-pill:active{ transform:none!important; filter:none!important; } body.page-category .cat-main{ padding-bottom:150px!important; } body.page-category .wd-bottom-loader{ position:relative!important; pointer-events:none!important; z-index:1!important; margin:14px auto 18px!important; } body.page-category .wd-bottom-loader span{ font-weight:850; } body.page-category .page-loading-overlay{ display:none!important; } body.page-category.page-loading-lock{ overflow-y:auto!important; } /* 修复蓝奏云分类首屏两个加载：首屏只显示中间加载，底部加载只用于加载更多 */ .lz-first-loading.show + .wd-bottom-loader.show{ display:none!important; } .lz-first-loading{ pointer-events:none!important; } /* iOS Safari 蓝奏云分类首次加载修复：首屏只显示中间加载，避免底部加载同时出现 */ .lz-first-loading.show + .wd-bottom-loader.show{ display:none!important; } .lz-first-loading{ pointer-events:none!important; } /* 最终滚动修复：电脑端首页/分类页必须允许鼠标滚轮滚动 */ html, body{ overflow-y:auto!important; overscroll-behavior-y:auto!important; } body.page-loading-lock{ overflow-y:auto!important; } @media (min-width:641px){ body, .app, main.page, main.page.category-fixed-page, .category-page, .cat-layout, .cat-main{ overflow-y:visible!important; height:auto!important; max-height:none!important; } .cat-side{ max-height:none!important; overflow:visible!important; } } /* ===== XA软件库全新前台 UI：蓝奏云合集专用 ===== */ :root{--xa-bg:#fbf4fb;--xa-card:#fff9ff;--xa-border:#d8ccd9;--xa-text:#211b25;--xa-muted:#625968;--xa-purple:#7255b6;--xa-purple-soft:#eadffd;--xa-tab:#f3ecf5} *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} html{touch-action:manipulation;-webkit-text-size-adjust:100%;background:var(--xa-bg)!important} body{margin:0;background:var(--xa-bg)!important;color:var(--xa-text)!important;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overscroll-behavior-y:contain;user-select:none;-webkit-user-select:none} a,button,input,select,textarea{touch-action:manipulation;font:inherit} input,textarea{user-select:text;-webkit-user-select:text} .app{max-width:760px;margin:0 auto;min-height:100dvh;background:var(--xa-bg)!important;box-shadow:none!important;position:relative;overflow:visible!important} .top-header{display:none!important} main.page{padding:48px 40px 150px!important;max-width:none!important;min-height:calc(100dvh - 76px);background:var(--xa-bg)!important;overflow:visible!important} .hero-title{display:none!important} .xa-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:54px} .xa-topbar h1{font-size:40px;line-height:1.05;margin:0 0 8px;font-weight:950;letter-spacing:-1px;color:#1f1c22} .xa-topbar p{margin:0;font-size:23px;line-height:1.28;color:#2c2730;font-weight:520} .xa-share{width:56px;height:56px;border:0;background:transparent;color:#211c25;display:inline-flex;align-items:center;justify-content:center;padding:0;text-decoration:none;cursor:pointer;flex:none} .xa-share svg{width:43px;height:43px;display:block} .xa-head-actions{display:flex;gap:20px;align-items:center;margin-top:8px} .xa-banner{position:relative;width:100%;border-radius:31px;overflow:hidden;aspect-ratio:16/8;box-shadow:none;background:linear-gradient(135deg,#1197e8,#18d5ee);margin-top:0;margin-bottom:42px;border:0} .xa-banner-track{height:100%;display:flex;transition:transform .45s cubic-bezier(.2,.8,.2,1)} .xa-banner-slide{display:block;min-width:100%;height:100%} .xa-banner img{width:100%;height:100%;display:block;object-fit:cover} .xa-banner-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;pointer-events:none} .xa-banner-dots i{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.55)} .xa-banner-dots i.active{width:20px;background:#fff} .xa-banner-empty{display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px} .xa-banner-empty b{display:block;font-size:34px;margin-bottom:10px}.xa-banner-empty span{font-size:18px;opacity:.9} .xa-notice{height:100px;border:2px solid var(--xa-border);border-radius:28px;background:rgba(255,255,255,.22);display:flex;align-items:center;gap:30px;padding:0 40px;text-decoration:none;color:var(--xa-text);overflow:hidden;margin-bottom:46px} .xa-notice b{font-size:29px;color:#7055b5;white-space:nowrap}.xa-notice span{font-size:24px;color:#3a3340;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .xa-section-title{font-size:29px;line-height:1.2;font-weight:950;margin:36px 0 28px;color:#26212a} .xa-rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 40px} .xa-rec-card{display:block;text-decoration:none;color:var(--xa-text);border-radius:18px;overflow:hidden;background:#e7e0e9} .xa-rec-img{height:100px;border-radius:18px 18px 0 0;overflow:hidden;background:#e5e0e7}.xa-rec-img img{width:100%;height:100%;object-fit:cover;display:block}.xa-rec-name{height:50px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#625967;background:#e3dce6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px} .xa-default-cover{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:14px 20px;color:#fff;position:relative;overflow:hidden}.xa-default-cover:after{content:"";position:absolute;right:-24px;top:-24px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.18)}.xa-default-cover b{font-size:25px;line-height:1.15;font-weight:950;text-shadow:0 2px 6px rgba(0,0,0,.16);position:relative;z-index:1}.xa-default-cover span{font-size:13px;font-weight:800;opacity:.95;margin-top:6px;position:relative;z-index:1}.xa-default-cover.c1{background:linear-gradient(135deg,#0588e8,#0db5f5)}.xa-default-cover.c2{background:linear-gradient(135deg,#27cfe6,#72e4ec)}.xa-default-cover.c3{background:linear-gradient(135deg,#18b5e8,#7fe0fd)}.xa-default-cover.c4{background:linear-gradient(135deg,#8561ff,#ff67b0)}.xa-default-cover.c5{background:linear-gradient(135deg,#111,#ed1b24)}.xa-default-cover.c6{background:linear-gradient(135deg,#111,#c20d18)} .xa-home-latest{display:flex;flex-direction:column;gap:22px} .xa-cat-tabs{display:flex;align-items:center;gap:30px;overflow-x:auto;padding:0 0 12px;margin:-22px -40px 40px;padding-left:40px;border-bottom:2px solid var(--xa-border);scrollbar-width:none}.xa-cat-tabs::-webkit-scrollbar{display:none}.xa-cat-tabs a{position:relative;display:flex;align-items:center;justify-content:center;height:58px;white-space:nowrap;color:#4c4550;text-decoration:none;font-size:23px;font-weight:680;padding:0 0}.xa-cat-tabs a.active{color:var(--xa-purple);font-weight:850}.xa-cat-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:6px;border-radius:8px;background:var(--xa-purple)} .xa-soft-head{margin-bottom:52px}.xa-search-panel{display:none;grid-template-columns:1fr auto auto;gap:12px;margin:-30px 0 28px}.xa-search-open .xa-search-panel{display:grid}.xa-search-panel input{height:52px;border:2px solid var(--xa-border);border-radius:18px;background:#fff9ff;padding:0 16px;outline:0}.xa-search-panel button,.xa-search-panel a{height:52px;border:0;border-radius:18px;background:var(--xa-purple);color:#fff;padding:0 18px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:850}.xa-search-panel a{background:#eee5f3;color:#6f5e7c} .xa-soft-list{display:flex;flex-direction:column;gap:22px}.xa-soft-row{min-height:144px;border:2px solid var(--xa-border);border-radius:24px;background:rgba(255,255,255,.12);display:flex;align-items:center;padding:20px 20px;text-decoration:none;color:var(--xa-text);gap:22px}.xa-soft-icon{width:82px;height:82px;border-radius:18px;object-fit:cover;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);flex:none}.xa-soft-main{min-width:0;flex:1}.xa-soft-main b{display:block;font-size:25px;font-weight:520;line-height:1.22;color:#27222c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-soft-main span{display:block;margin-top:11px;font-size:20px;line-height:1.34;color:#39323d}.xa-soft-row em{width:96px;height:49px;border-radius:999px;background:var(--xa-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:19px;flex:none}.xa-loadmore,.xa-empty{padding:28px;text-align:center;color:#817786;font-size:18px} .xa-discover-list{display:flex;flex-direction:column;gap:40px}.xa-discover-card{min-height:160px;border:2px solid var(--xa-border);border-radius:24px;background:rgba(255,255,255,.12);padding:22px;display:grid;grid-template-columns:260px 1fr;gap:22px;text-decoration:none;color:var(--xa-text);align-items:center}.xa-discover-img{height:100px;border-radius:16px;overflow:hidden;background:#ddd}.xa-discover-img img{width:100%;height:100%;object-fit:cover;display:block}.xa-discover-info h3{font-size:29px;line-height:1.25;margin:0 0 32px;font-weight:520;color:#29232d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-discover-info p{margin:0;color:#5b5360;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .xa-profile-card{min-height:180px;border:2px solid var(--xa-border);border-radius:24px;background:rgba(255,255,255,.12);display:flex;align-items:center;gap:30px;padding:28px;margin-bottom:62px}.xa-profile-card img{width:120px;height:120px;border-radius:24px;object-fit:cover;background:#000;border:1px solid rgba(0,0,0,.08)}.xa-profile-card h2{font-size:28px;line-height:1.2;margin:0 0 28px;font-weight:500}.xa-profile-card p{display:flex;gap:26px;margin:0;flex-wrap:wrap}.xa-profile-card p span{height:39px;padding:0 18px;border-radius:14px;background:#eadffd;color:#7255b6;display:flex;align-items:center;font-size:20px}.xa-profile-card em{display:block;margin-top:12px;font-style:normal;color:#766b7c;font-size:16px} .xa-mine-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.xa-mine-tile{height:160px;border:2px solid var(--xa-border);border-radius:22px;background:rgba(255,255,255,.12);text-decoration:none;color:var(--xa-text);display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:26px 28px;column-gap:18px}.xa-mine-tile i{grid-row:1/3;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.xa-mine-tile i svg{width:30px;height:30px}.xa-mine-tile .pink{background:linear-gradient(135deg,#ff78b4,#ff4b8e)}.xa-mine-tile .purple{background:linear-gradient(135deg,#c084fc,#7c3aed)}.xa-mine-tile .blue{background:linear-gradient(135deg,#a78bfa,#6d5dfc)}.xa-mine-tile .yellow{background:linear-gradient(135deg,#fde047,#fbbf24)}.xa-mine-tile b{font-size:29px;line-height:1.1;font-weight:500}.xa-mine-tile span{font-size:22px;color:#2b2530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-more-card{border:2px solid var(--xa-border);border-radius:24px;background:rgba(255,255,255,.12);padding:30px}.xa-more-card h2{margin:0 0 28px;font-size:29px;color:#5f5465}.xa-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.xa-more-grid a,.xa-more-grid button{height:150px;border:2px solid var(--xa-border);border-radius:20px;background:transparent;text-decoration:none;color:#5d5561;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:20px;cursor:pointer}.xa-more-grid i{font-style:normal;font-size:42px}.xa-more-grid span{font-size:20px} .xa-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:rgba(245,239,248,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(218,207,222,.5);padding:20px max(18px,calc((100vw - 760px)/2 + 18px)) max(18px,env(safe-area-inset-bottom))}.xa-tabbar-inner{height:96px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:760px;margin:0 auto}.xa-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#17141a;border-radius:34px;font-size:24px;font-weight:500}.xa-tab-ico{width:72px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#17141a}.xa-tab-ico svg{width:36px;height:36px}.xa-tab.active{color:var(--xa-purple);font-weight:700}.xa-tab.active .xa-tab-ico{background:#eadffd;color:var(--xa-purple)} .mini-toast{position:fixed;left:50%;bottom:150px;transform:translateX(-50%) translateY(14px);z-index:99999;max-width:86vw;padding:12px 18px;border-radius:999px;background:rgba(20,20,20,.84);color:#fff;font-size:14px;opacity:0;transition:.22s;white-space:nowrap}.mini-toast.show{opacity:1;transform:translateX(-50%) translateY(0)} .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;z-index:3000;padding:20px}.lightbox.show{display:flex}.lightbox img{max-width:96vw;max-height:90vh;border-radius:18px} @media(max-width:640px){main.page{padding:50px 40px 150px!important}.xa-topbar{margin-bottom:54px}.xa-topbar h1{font-size:38px}.xa-topbar p{font-size:22px}.xa-share svg{width:42px;height:42px}.xa-banner{border-radius:30px;aspect-ratio:16/8;margin-bottom:42px}.xa-notice{height:100px;padding:0 38px}.xa-rec-grid{gap:40px}.xa-rec-img{height:100px}.xa-rec-name{font-size:22px}.xa-soft-row{min-height:144px}.xa-discover-card{grid-template-columns:260px 1fr}.xa-more-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:430px){main.page{padding-left:22px!important;padding-right:22px!important}.xa-cat-tabs{margin-left:-22px;margin-right:-22px;padding-left:22px;gap:28px}.xa-rec-grid{gap:30px 22px}.xa-rec-img{height:86px}.xa-rec-name{height:46px;font-size:18px}.xa-default-cover b{font-size:20px}.xa-topbar h1{font-size:34px}.xa-topbar p{font-size:20px}.xa-banner{border-radius:26px}.xa-notice{height:86px;padding:0 26px;gap:20px}.xa-notice b{font-size:24px}.xa-notice span{font-size:20px}.xa-section-title{font-size:25px}.xa-soft-row{min-height:118px;padding:16px;gap:16px}.xa-soft-icon{width:68px;height:68px}.xa-soft-main b{font-size:21px}.xa-soft-main span{font-size:17px}.xa-soft-row em{width:76px;height:42px;font-size:16px}.xa-discover-list{gap:28px}.xa-discover-card{grid-template-columns:1fr;gap:14px}.xa-discover-img{height:112px}.xa-discover-info h3{font-size:24px;margin-bottom:12px}.xa-discover-info p{font-size:18px}.xa-profile-card{padding:22px;gap:18px;margin-bottom:44px}.xa-profile-card img{width:88px;height:88px}.xa-profile-card h2{font-size:24px;margin-bottom:14px}.xa-profile-card p{gap:10px}.xa-profile-card p span{font-size:16px;height:34px}.xa-mine-grid{gap:22px}.xa-mine-tile{height:135px;padding:20px 16px;grid-template-columns:46px 1fr;column-gap:12px}.xa-mine-tile i{width:42px;height:42px}.xa-mine-tile b{font-size:23px}.xa-mine-tile span{font-size:17px}.xa-more-card{padding:24px}.xa-more-grid{gap:18px}.xa-tabbar{padding-top:16px}.xa-tabbar-inner{height:86px}.xa-tab{font-size:19px}.xa-tab-ico{height:40px;width:70px}.xa-tab-ico svg{width:31px;height:31px}} /* ===== XA 2026 compact lavender UI full override ===== */ :root{--xa-bg:#fbf6fd;--xa-text:#1d1b23;--xa-muted:#6e6875;--xa-line:#d7cfda;--xa-purple:#6f55b5;--xa-purple2:#7b5bd6;--xa-soft:#eee6fb;--xa-card:rgba(255,255,255,.42)} *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{margin:0;background:var(--xa-bg)!important;color:var(--xa-text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overscroll-behavior-y:none}.gray-mode{filter:grayscale(1)}a{text-decoration:none;color:inherit}button,input{font:inherit}.top-header{display:none!important}.app{max-width:430px;margin:0 auto;min-height:100vh;background:var(--xa-bg);padding-bottom:72px;position:relative;overflow-x:hidden}.page{padding:48px 22px 18px!important}.hero-title{display:none}.xa-topbar{display:flex;align-items:flex-start;justify-content:space-between;margin:2px 6px 26px}.xa-topbar h1{margin:0;font-size:24px!important;line-height:1.05;font-weight:900;letter-spacing:-.6px}.xa-topbar p{margin:8px 0 0;font-size:14px!important;line-height:1.25;font-weight:500;color:#24212a}.xa-share{width:38px!important;height:38px!important;border:0;background:transparent;color:#1f1d25;display:inline-flex;align-items:center;justify-content:center;padding:0}.xa-share svg{width:26px!important;height:26px!important}.xa-head-actions{display:flex;gap:14px;align-items:center}.xa-head-actions .xa-share svg{width:28px!important;height:28px!important}.xa-banner{margin:0 0 24px 0;overflow:visible;position:relative}.xa-banner-track{display:flex;gap:12px;transition:transform .35s ease;will-change:transform;touch-action:pan-y}.xa-banner-slide{display:block;flex:0 0 92%;border-radius:18px;overflow:hidden;aspect-ratio:16/8.2;box-shadow:0 10px 24px rgba(52,38,97,.10)}.xa-banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.xa-banner-dots{position:absolute;left:0;right:8%;bottom:10px;display:flex;justify-content:center;gap:6px;pointer-events:none}.xa-banner-dots i{width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.45)}.xa-banner-dots i.active{background:#fff;width:14px}.xa-banner-empty{height:178px;border-radius:18px;background:linear-gradient(135deg,#a29af4,#7f75db);padding:32px 26px;color:#fff;overflow:hidden}.xa-banner-empty b{display:block;font-size:26px;line-height:1.2}.xa-banner-empty span{display:block;margin-top:14px;font-size:15px;line-height:1.5}.xa-notice{height:58px;border:1px solid var(--xa-line);border-radius:17px;margin:0 0 27px;display:flex;align-items:center;gap:18px;padding:0 18px;background:rgba(255,255,255,.22);overflow:hidden}.xa-notice b{font-size:18px;color:var(--xa-purple);font-weight:800;flex:none}.xa-notice span{font-size:14px;color:#4f4a56;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-section-title{margin:0 0 17px 0;font-size:20px!important;font-weight:900;color:#1d1b23;display:flex;align-items:center;justify-content:space-between}.xa-section-title small{font-size:13px;color:#5e5965;font-weight:600}.xa-rec-grid,.xa-home-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}.xa-rec-card{display:block;overflow:hidden;border-radius:14px;background:#e8e0eb;border:1px solid rgba(215,207,218,.8)}.xa-rec-img{height:72px;overflow:hidden;border-radius:13px 13px 0 0}.xa-rec-img img{width:100%;height:100%;object-fit:cover;display:block}.xa-rec-name{height:29px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#5a5360;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.xa-default-cover{height:100%;padding:8px 10px;color:#fff;display:flex;flex-direction:column;justify-content:center}.xa-default-cover b{font-size:17px;line-height:1.05}.xa-default-cover span{font-size:11px;opacity:.85;margin-top:5px}.xa-default-cover.c1,.xa-default-cover.c3{background:#20a7e8}.xa-default-cover.c2{background:#35cbd3}.xa-default-cover.c4{background:#8d68e5}.xa-default-cover.c5,.xa-default-cover.c6{background:#111}.xa-latest-card{min-height:96px;border:1px solid var(--xa-line);border-radius:16px;background:rgba(255,255,255,.28);display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}.xa-latest-card img{width:56px;height:56px;border-radius:14px;object-fit:cover}.xa-latest-card b{display:block;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-latest-card em{font-style:normal;display:inline-block;margin-top:6px;font-size:11px;color:var(--xa-purple);background:var(--xa-soft);border-radius:99px;padding:3px 8px}.xa-latest-card span{display:block;margin-top:7px;font-size:12px;color:#7a7381;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-cat-tabs{height:56px;margin:0 -22px 20px;padding:0 22px;display:flex;gap:32px;overflow:auto;align-items:flex-end;border-bottom:1px solid var(--xa-line);scrollbar-width:none}.xa-cat-tabs::-webkit-scrollbar{display:none}.xa-cat-tabs a{position:relative;flex:none;height:44px;font-size:16px;font-weight:800;color:#3e3944;display:flex;align-items:center}.xa-cat-tabs a.active{color:var(--xa-purple)}.xa-cat-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:99px;background:var(--xa-purple)}.xa-search-panel{display:none;margin:-12px 0 18px;gap:8px}.xa-search-open .xa-search-panel{display:flex}.xa-search-panel input{flex:1;height:42px;border:1px solid var(--xa-line);border-radius:13px;background:transparent;padding:0 13px;color:#222}.xa-search-panel button,.xa-search-panel a{height:42px;border:0;border-radius:13px;background:var(--xa-purple);color:#fff;padding:0 14px;display:flex;align-items:center}.xa-soft-list{display:flex;flex-direction:column;gap:14px}.xa-soft-row{min-height:86px;border:1px solid var(--xa-line);border-radius:16px;background:rgba(255,255,255,.24);padding:12px;display:grid;grid-template-columns:58px minmax(0,1fr)76px;gap:12px;align-items:center}.xa-soft-icon{width:58px!important;height:58px!important;border-radius:14px;object-fit:cover;box-shadow:0 3px 10px rgba(35,27,58,.06)}.xa-soft-main{min-width:0}.xa-soft-main b{display:block;font-size:16px!important;line-height:1.25;font-weight:500;color:#25222c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-soft-main span{display:block;margin-top:7px;font-size:13px!important;line-height:1.55;color:#4c4653}.xa-soft-row em{justify-self:end;width:58px;height:34px;border-radius:99px;background:var(--xa-purple);color:#fff;font-style:normal;font-size:13px;display:flex;align-items:center;justify-content:center}.xa-empty{border:1px dashed var(--xa-line);border-radius:18px;padding:22px;text-align:center;color:#716a77;background:rgba(255,255,255,.25);font-size:13px}.xa-loadmore{text-align:center;color:#8b8292;font-size:12px;padding:14px}.xa-profile-card{height:112px;border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.22);padding:17px;display:flex;align-items:center;gap:18px;margin-bottom:28px}.xa-profile-card img{width:70px;height:70px;border-radius:18px;object-fit:cover}.xa-profile-card h2{margin:0;font-size:18px;font-weight:500}.xa-profile-card p{margin:12px 0 0;display:flex;gap:12px}.xa-profile-card span{height:25px;border-radius:9px;background:var(--xa-soft);color:var(--xa-purple);display:inline-flex;align-items:center;padding:0 12px;font-size:13px}.xa-profile-card em{display:block;margin-top:6px;font-style:normal;color:#77707c;font-size:12px}.xa-mine-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin-bottom:28px}.xa-mine-tile{height:94px;border:1px solid var(--xa-line);border-radius:16px;background:rgba(255,255,255,.22);display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:14px;padding:18px;align-items:center}.xa-mine-tile i{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.xa-mine-tile i svg{width:18px;height:18px;stroke-width:2.3}.xa-mine-tile .pink{background:#f35d9e}.xa-mine-tile .purple{background:#a35bfa}.xa-mine-tile .blue{background:#7d6df1}.xa-mine-tile .yellow{background:#f0ca3c}.xa-mine-tile b{font-size:17px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-mine-tile span{font-size:13px;color:#5d5663;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-more-card{border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.22);padding:20px 18px}.xa-more-card h2{font-size:18px;margin:0 0 14px;color:#5b5660}.xa-more-grid{display:flex;gap:18px}.xa-more-grid a,.xa-more-grid button{width:94px;height:110px;border:1px solid var(--xa-line);border-radius:15px;background:transparent;color:#5c5662;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px}.xa-more-grid i{font-size:23px}.xa-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(250,246,253,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(215,207,218,.75)}.xa-tabbar-inner{max-width:430px;margin:0 auto;height:68px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.xa-tab{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#18161d;font-size:12px!important;font-weight:500}.xa-tab-ico{width:46px;height:28px;border-radius:18px;display:flex;align-items:center;justify-content:center}.xa-tab-ico svg{width:22px!important;height:22px!important}.xa-tab.active{color:var(--xa-purple);font-weight:800}.xa-tab.active .xa-tab-ico{background:var(--xa-soft)}.xa-tab.active .xa-tab-ico svg{stroke:var(--xa-purple)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:300}.lightbox.show{display:flex}.lightbox img{max-width:92vw;max-height:88vh;border-radius:12px}.dialog{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.dialog.show{display:flex}.dialog-box{width:min(92vw,360px);background:#fff;border-radius:20px;padding:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.dialog-actions button,.dialog-actions a{border:0;background:var(--xa-purple);color:#fff;border-radius:12px;padding:10px 16px}.dialog-actions .muted{background:#eee;color:#555}.page-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px}.page-title-left{display:flex;align-items:center;gap:16px}.back-ico{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#1e1b24}.back-ico svg{width:28px;height:28px}.page-title-row h1{font-size:24px;margin:0;font-weight:500}.page-title-row p{margin:5px 0 0;font-size:14px}.no-nav{padding-bottom:22px!important}.no-nav .xa-tabbar{display:none}.ui-card{border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.22)}.detail-top-card{min-height:98px;padding:13px 16px;display:flex;align-items:center;gap:22px;margin-bottom:24px}.detail-top-card img{width:64px;height:64px;border-radius:15px;object-fit:cover}.detail-top-card h2{font-size:18px;line-height:1.35;margin:0 0 14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.detail-pills{display:flex;gap:13px}.detail-pills span{height:25px;border-radius:999px;background:var(--xa-soft);color:var(--xa-purple);font-size:12px;display:inline-flex;align-items:center;padding:0 12px}.detail-card{padding:18px;margin-bottom:24px}.detail-card h3{font-size:17px;margin:0 0 14px;font-weight:500}.detail-card p,.detail-intro{margin:0;color:#766f7c;font-size:14px;line-height:1.75;font-weight:600}.screen-shot-box{border:1px solid var(--xa-line);border-radius:15px;background:#fff;overflow:hidden;padding:0;margin-top:8px}.screen-shot-box img{display:block;width:100%;border-radius:14px}.download-fixed{position:sticky;bottom:12px;margin-top:18px;display:block;height:56px;border-radius:999px;background:var(--xa-purple);color:#fff;text-align:center;line-height:56px;font-size:15px}.auth-page{padding-top:120px!important;min-height:100vh}.auth-title h1{font-size:25px;margin:0 0 6px;font-weight:500}.auth-title p{font-size:20px;margin:0;color:#1f1d25}.auth-form2{margin-top:122px;display:flex;flex-direction:column;gap:26px}.auth-input{height:62px;border:1.6px solid #7a5eb1;border-radius:16px;background:transparent;padding:0 18px;color:#333;font-size:17px;outline:none}.auth-input.gray{border-color:#9a969e}.pwd-wrap2{position:relative}.pwd-wrap2 .auth-input{width:100%;padding-right:58px}.eye-btn2{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#777}.eye-btn2 svg{width:25px;height:25px}.auth-submit2{height:58px;border:0;border-radius:999px;background:var(--xa-purple);color:#fff;font-size:17px;margin-top:0}.auth-links{display:flex;justify-content:space-between;font-size:15px;margin-top:-6px}.auth-agree{text-align:center;margin-top:42px;font-size:15px}.auth-agree a{color:var(--xa-purple)}.member-user{height:104px;display:flex;align-items:center;gap:19px;padding:15px;margin-bottom:25px}.member-user img{width:68px;height:68px;border-radius:16px;object-fit:cover}.member-user b{font-size:20px;font-weight:400}.member-user p{margin:18px 0 0;color:var(--xa-purple);font-size:14px}.member-title{font-size:21px;font-weight:700;margin:0 0 20px}.pkg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:26px}.pkg-card{height:152px;border:1px solid var(--xa-line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:rgba(255,255,255,.18)}.pkg-card.active{border:2px solid var(--xa-purple)}.pkg-card.active:before{content:"";position:absolute;top:-12px;width:68px;height:18px;background:var(--xa-purple);border-radius:8px 8px 0 0}.pkg-card .price{font-size:22px;color:var(--xa-purple);font-weight:600}.pkg-card del{font-size:13px;margin:7px 0 16px;color:#111}.pkg-card span{font-size:15px;text-align:center;line-height:1.35}.pay-tabs{height:55px;border:1px solid var(--xa-line);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;margin-bottom:24px}.pay-tabs label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;color:#5a5460;border-left:1px solid var(--xa-line)}.pay-tabs label:first-child{border-left:0}.pay-tabs label.active{color:var(--xa-purple);box-shadow:inset 0 0 0 1.5px var(--xa-purple);background:rgba(111,85,181,.06)}.member-btn{height:58px;border:0;border-radius:999px;background:var(--xa-purple);color:#fff;width:100%;font-size:16px;margin-bottom:16px}.member-help{text-align:right;margin:13px 4px 28px;color:#4d4853;font-size:15px}.member-note{font-size:12px;line-height:1.7;color:#5f5966;margin:0 0 20px}.plain-msg{border:1px solid var(--xa-line);border-radius:14px;padding:12px 14px;color:#a33;background:#fff6f8;font-size:13px;margin-bottom:16px} @media(max-width:360px){.page{padding-left:16px!important;padding-right:16px!important}.xa-cat-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px}.pkg-row{gap:8px}.pkg-card .price{font-size:20px}.xa-soft-row{grid-template-columns:54px minmax(0,1fr)64px}.xa-soft-row em{width:54px}.xa-rec-grid,.xa-home-latest-grid{gap:12px 10px}} /* ===== 2026-05-14 XA 全站最终轻量修正版 ===== 解决：页面两侧空白、导航过高、发现页文字溢出、我的页卡片过高、点击反馈、移动端性能 */ html,body{width:100%;min-width:0;overflow-x:hidden;background:var(--xa-bg,#fbf6fd)!important;-webkit-text-size-adjust:100%;touch-action:manipulation} body{min-height:100dvh;margin:0;color:var(--xa-text,#1d1b23);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif} .app{width:100%!important;max-width:none!important;margin:0!important;min-height:100dvh;background:var(--xa-bg,#fbf6fd)!important;padding-bottom:58px!important;overflow-x:hidden!important;box-shadow:none!important} main.page,.page{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:34px 16px 14px!important;min-height:auto!important;background:transparent!important;overflow:visible!important} .xa-topbar{margin:0 0 22px!important;padding:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important} .xa-topbar h1{font-size:24px!important;line-height:1.08!important;margin:0!important;font-weight:900!important;letter-spacing:-.4px!important;color:#1e1b22!important} .xa-topbar p{font-size:14px!important;line-height:1.35!important;margin:7px 0 0!important;color:#2f2934!important;font-weight:520!important} .xa-share{width:34px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;color:#211d26!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;border-radius:12px!important;transition:transform .16s ease,background-color .16s ease!important} .xa-share:active,.xa-clickable:active,.xa-soft-row:active,.xa-latest-card:active,.xa-mine-tile:active,.xa-discover-card:active{transform:scale(.975)!important;background-color:rgba(111,85,181,.055)!important} .xa-share svg{width:24px!important;height:24px!important;display:block!important}.xa-head-actions{gap:13px!important;align-items:center!important;margin:0!important} /* 首页 */ .xa-banner{width:100%!important;margin:0 0 22px!important;border-radius:18px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;aspect-ratio:auto!important} .xa-banner-track{display:flex!important;gap:12px!important;transition:transform .35s ease!important;will-change:transform!important;touch-action:pan-y!important} .xa-banner-slide{display:block!important;flex:0 0 calc(100% - 34px)!important;min-width:0!important;height:auto!important;aspect-ratio:16/8.25!important;border-radius:18px!important;overflow:hidden!important;background:#8d7ce6!important;box-shadow:0 8px 18px rgba(78,58,130,.10)!important} .xa-banner.single .xa-banner-slide{flex-basis:100%!important}.xa-banner.single .xa-banner-dots{display:none!important} .xa-banner-slide img,.xa-banner img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:18px!important}.xa-banner-empty{height:auto!important;min-height:164px!important;aspect-ratio:16/8.25!important;border-radius:18px!important;background:linear-gradient(135deg,#a295f4,#7767dc)!important;padding:28px 22px!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.xa-banner-empty b{font-size:24px!important;line-height:1.25!important;margin:0 0 12px!important}.xa-banner-empty span{font-size:14px!important;line-height:1.5!important;margin:0!important;opacity:.9!important}.xa-banner-dots{right:34px!important;bottom:9px!important;gap:5px!important}.xa-banner-dots i{width:6px!important;height:6px!important}.xa-banner-dots i.active{width:14px!important} .xa-notice{height:52px!important;margin:0 0 24px!important;border:1px solid var(--xa-line,#d7cfda)!important;border-radius:17px!important;padding:0 16px!important;gap:16px!important;background:rgba(255,255,255,.22)!important;overflow:hidden!important}.xa-notice b{font-size:17px!important;color:var(--xa-purple,#6f55b5)!important;font-weight:900!important;white-space:nowrap!important}.xa-notice span{font-size:13px!important;color:#4d4652!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-section-title{font-size:20px!important;line-height:1.2!important;margin:0 0 15px!important;font-weight:900!important;color:#1f1b24!important}.xa-section-title small{font-size:13px!important;color:#5f5965!important;font-weight:600!important}.xa-home-latest-grid,.xa-rec-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 14px!important}.xa-latest-card{min-height:90px!important;border:1px solid var(--xa-line,#d7cfda)!important;border-radius:16px!important;background:rgba(255,255,255,.24)!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:9px!important;padding:11px!important;overflow:hidden!important;color:inherit!important;text-decoration:none!important}.xa-latest-card img{width:52px!important;height:52px!important;border-radius:13px!important;object-fit:cover!important;flex:none!important}.xa-latest-card b{display:block!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-latest-card em{font-style:normal!important;display:inline-flex!important;max-width:100%!important;margin-top:6px!important;font-size:11px!important;line-height:18px!important;height:19px!important;color:var(--xa-purple,#6f55b5)!important;background:var(--xa-soft,#eee6fb)!important;border-radius:99px!important;padding:0 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-latest-card span{display:block!important;margin-top:6px!important;font-size:12px!important;line-height:1.2!important;color:#7a7381!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} /* 软件列表 */ .xa-soft-head{margin-bottom:22px!important}.xa-cat-tabs{height:50px!important;margin:0 -16px 18px!important;padding:0 16px!important;gap:28px!important;display:flex!important;align-items:flex-end!important;overflow-x:auto!important;border-bottom:1px solid var(--xa-line,#d7cfda)!important;scrollbar-width:none!important}.xa-cat-tabs::-webkit-scrollbar{display:none!important}.xa-cat-tabs a{height:38px!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important;color:#3d3742!important;position:relative!important;display:flex!important;align-items:center!important;flex:none!important;padding:0!important}.xa-cat-tabs a.active{color:var(--xa-purple,#6f55b5)!important}.xa-cat-tabs a.active:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;border-radius:99px!important;background:var(--xa-purple,#6f55b5)!important}.xa-search-panel{display:none!important}.xa-soft-list{gap:13px!important}.xa-soft-row{min-height:80px!important;border:1px solid var(--xa-line,#d7cfda)!important;border-radius:16px!important;background:rgba(255,255,255,.23)!important;padding:11px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)62px!important;gap:11px!important;align-items:center!important;overflow:hidden!important}.xa-soft-icon{width:54px!important;height:54px!important;border-radius:13px!important;object-fit:cover!important;flex:none!important}.xa-soft-main{min-width:0!important;overflow:hidden!important}.xa-soft-main b{font-size:15px!important;line-height:1.25!important;font-weight:700!important;color:#25212a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-soft-main span{font-size:12.5px!important;line-height:1.45!important;margin-top:5px!important;color:#4f4855!important;display:block!important}.xa-soft-row em{width:56px!important;height:32px!important;border-radius:99px!important;background:var(--xa-purple,#6f55b5)!important;color:#fff!important;font-style:normal!important;font-size:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important} /* 发现页，彻底修复文字飞出 */ .xa-discover-list{display:flex!important;flex-direction:column!important;gap:14px!important;overflow:hidden!important}.xa-discover-card{width:100%!important;min-height:96px!important;border:1px solid var(--xa-line,#d7cfda)!important;border-radius:17px!important;background:rgba(255,255,255,.22)!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(120px,43%) minmax(0,1fr)!important;gap:13px!important;align-items:center!important;overflow:hidden!important;color:inherit!important;text-decoration:none!important}.xa-discover-img{height:72px!important;border-radius:13px!important;overflow:hidden!important;background:#ddd!important;min-width:0!important}.xa-discover-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.xa-discover-info{min-width:0!important;width:100%!important;overflow:hidden!important}.xa-discover-info h3{font-size:16px!important;line-height:1.25!important;margin:0 0 8px!important;font-weight:800!important;color:#27222d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.xa-discover-info p{font-size:12.5px!important;line-height:1.55!important;margin:0!important;color:#5d5663!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;word-break:break-word!important}.xa-default-cover b{font-size:15px!important;line-height:1.18!important}.xa-default-cover span{font-size:10px!important} /* 我的页 */ .xa-profile-card{min-height:0!important;height:88px!important;border:1px solid var(--xa-line,#d7cfda)!important;border-radius:17px!important;background:rgba(255,255,255,.22)!important;padding:13px!important;display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:18px!important;overflow:hidden!important;color:inherit!important;text-decoration:none!important;transition:transform .16s ease,background-color .16s ease!important}.xa-profile-card img{width:58px!important;height:58px!important;border-radius:14px!important;object-fit:cover!important;flex:none!important}.xa-profile-card h2{font-size:17px!important;line-height:1.2!important;margin:0 0 8px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-profile-card p{margin:0!important;display:flex!important;gap:9px!important;flex-wrap:nowrap!important;min-width:0!important}.xa-profile-card p span{height:23px!important;line-height:23px!important;padding:0 10px!important;border-radius:9px!important;background:var(--xa-soft,#eee6fb)!important;color:var(--xa-purple,#6f55b5)!important;font-size:12px!important;white-space:nowrap!important}.xa-profile-card em{margin-top:5px!important;font-size:12px!important;line-height:1.2!important;color:#746d79!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-mine-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important;margin-bottom:18px!important}.xa-mine-tile{height:78px!important;border:1px solid var(--xa-line,#d7cfda)!important;border-radius:16px!important;background:rgba(255,255,255,.22)!important;padding:13px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;column-gap:11px!important;align-items:center!important;overflow:hidden!important;text-decoration:none!important;color:inherit!important;transition:transform .16s ease,background-color .16s ease!important}.xa-mine-tile i{grid-row:1/3!important;width:29px!important;height:29px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}.xa-mine-tile i svg{width:17px!important;height:17px!important}.xa-mine-tile b{font-size:15px!important;line-height:1.1!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-mine-tile span{font-size:12px!important;line-height:1.2!important;color:#5d5663!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-more-card{border:1px solid var(--xa-line,#d7cfda)!important;border-radius:17px!important;background:rgba(255,255,255,.22)!important;padding:16px!important}.xa-more-card h2{font-size:17px!important;margin:0 0 12px!important;color:#5f5865!important}.xa-more-grid{display:flex!important;gap:13px!important}.xa-more-grid a,.xa-more-grid button{width:82px!important;height:88px!important;border:1px solid var(--xa-line,#d7cfda)!important;border-radius:14px!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:12px!important;color:#5d5663!important;padding:0!important}.xa-more-grid i{font-size:22px!important;font-style:normal!important}.xa-more-grid span{font-size:12px!important;white-space:nowrap!important} /* 搜索页 */ .xa-search-page-form{display:flex;align-items:center;gap:8px;margin:0 0 18px}.xa-search-page-form input{flex:1;height:42px;border:1px solid var(--xa-line,#d7cfda);border-radius:14px;background:rgba(255,255,255,.36);padding:0 13px;font-size:14px;outline:0;color:#25222c}.xa-search-page-form input:focus{border-color:var(--xa-purple,#6f55b5);box-shadow:0 0 0 3px rgba(111,85,181,.08)}.xa-search-page-form button{height:42px;border:0;border-radius:14px;background:var(--xa-purple,#6f55b5);color:#fff;padding:0 15px;font-size:14px;font-weight:700}.xa-backline{display:flex;align-items:center;gap:12px;margin:0 0 22px}.xa-backline a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:12px}.xa-backline a:active{background:rgba(111,85,181,.08);transform:scale(.96)}.xa-backline h1{margin:0;font-size:24px;font-weight:900}.xa-backline svg{width:24px;height:24px}.xa-search-tips{font-size:12px;color:#776f7c;margin:-7px 0 16px} /* 底部导航再次压低 */ .xa-tabbar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;background:rgba(250,246,253,.92)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-top:1px solid rgba(215,207,218,.65)!important;padding:0 0 max(0px,env(safe-area-inset-bottom))!important}.xa-tabbar-inner{width:100%!important;max-width:430px!important;height:56px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:center!important}.xa-tab{height:52px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;color:#17141a!important;border-radius:0!important;font-size:11px!important;font-weight:500!important;text-decoration:none!important}.xa-tab-ico{width:42px!important;height:24px!important;border-radius:99px!important;display:flex!important;align-items:center!important;justify-content:center!important}.xa-tab-ico svg{width:20px!important;height:20px!important;stroke-width:2.35!important}.xa-tab.active{color:var(--xa-purple,#6f55b5)!important;font-weight:800!important}.xa-tab.active .xa-tab-ico{background:var(--xa-soft,#eee6fb)!important}.xa-tab.active .xa-tab-ico svg{stroke:var(--xa-purple,#6f55b5)!important} /* 详情、会员、登录页适配导航隐藏后的空间 */ body.no-nav .app{padding-bottom:0!important}body.no-nav .xa-tabbar{display:none!important}.detail-top-card{margin-bottom:18px!important}.detail-card{margin-bottom:18px!important}.download-fixed{bottom:10px!important;height:50px!important;line-height:50px!important}.member-user{height:92px!important}.pkg-card{height:132px!important}.member-btn{height:52px!important}.auth-page{padding-top:100px!important}.auth-form2{margin-top:92px!important;gap:22px!important}.auth-input{height:56px!important;font-size:15px!important}.auth-submit2{height:54px!important;font-size:16px!important} @media(max-width:430px){main.page,.page{padding-left:18px!important;padding-right:18px!important}.xa-cat-tabs{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important}.xa-home-latest-grid{gap:14px 12px!important}.xa-latest-card{grid-template-columns:50px minmax(0,1fr)!important;padding:10px!important}.xa-latest-card img{width:50px!important;height:50px!important}.xa-discover-card{grid-template-columns:minmax(118px,43%) minmax(0,1fr)!important}.xa-mine-grid{gap:12px!important}.xa-mine-tile{padding:12px 10px!important;grid-template-columns:32px minmax(0,1fr)!important}.xa-soft-row{grid-template-columns:52px minmax(0,1fr)58px!important}.xa-soft-icon{width:52px!important;height:52px!important}.xa-soft-row em{width:54px!important}} @media(max-width:360px){main.page,.page{padding-left:14px!important;padding-right:14px!important}.xa-topbar h1{font-size:22px!important}.xa-banner-empty b{font-size:21px!important}.xa-latest-card{grid-template-columns:46px minmax(0,1fr)!important}.xa-latest-card img{width:46px!important;height:46px!important}.xa-latest-card b{font-size:13px!important}.xa-discover-card{grid-template-columns:1fr!important}.xa-discover-img{height:96px!important}.xa-mine-tile{height:74px!important}.xa-mine-tile b{font-size:14px!important}.xa-mine-tile span{font-size:11px!important}.xa-tabbar-inner{height:54px!important}.xa-tab{height:50px!important}} @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}} /* ===== 2026-05 XA软件库：UI重构补丁（紧凑版） ===== */ :root{--xa-bg:#fbf5fb;--xa-line:#d8cedb;--xa-purple:#6f55b5;--xa-soft:#eee6fb;--xa-text:#211c25;--xa-muted:#6b626f} html,body{width:100%!important;min-width:0!important;background:var(--xa-bg)!important;overflow-x:hidden!important} .app{width:100%!important;max-width:430px!important;margin:0 auto!important;min-height:100dvh!important;background:var(--xa-bg)!important;overflow-x:hidden!important;padding-bottom:0!important} main.page,.page{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:34px 18px 82px!important;min-height:calc(100dvh - 48px)!important;overflow-x:hidden!important;background:var(--xa-bg)!important} .xa-topbar{margin-bottom:28px!important;align-items:flex-start!important}.xa-topbar h1{font-size:26px!important;line-height:1.06!important;margin:0 0 5px!important;font-weight:950!important;letter-spacing:-.5px!important}.xa-topbar p{font-size:15px!important;line-height:1.3!important;color:#25212a!important}.xa-share{width:34px!important;height:34px!important;margin-top:6px!important}.xa-share svg{width:28px!important;height:28px!important;stroke-width:2.5!important}.xa-head-actions{gap:16px!important;margin-top:2px!important} .xa-banner{border-radius:20px!important;aspect-ratio:16/8.2!important;margin:0 0 24px!important;overflow:visible!important;background:transparent!important}.xa-banner-track{gap:12px!important;height:100%!important}.xa-banner-slide{min-width:calc(100% - 28px)!important;height:100%!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(135deg,#a28cf2,#7563d8)!important}.xa-banner.single{overflow:hidden!important}.xa-banner.single .xa-banner-slide{min-width:100%!important}.xa-banner-empty{overflow:hidden!important;background:linear-gradient(135deg,#a28cf2,#7563d8)!important}.xa-banner-empty b{font-size:23px!important}.xa-banner-empty span{font-size:14px!important}.xa-banner-dots{bottom:8px!important}.xa-banner-dots i{width:6px!important;height:6px!important}.xa-banner-dots i.active{width:15px!important} .xa-marquee{width:100%;height:56px;border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.32);display:flex;align-items:center;gap:14px;padding:0 18px;margin:0 0 28px;color:var(--xa-text);overflow:hidden;text-align:left}.xa-marquee b{font-size:18px;color:var(--xa-purple);font-weight:900;white-space:nowrap}.xa-marquee span{min-width:0;flex:1;overflow:hidden;white-space:nowrap}.xa-marquee i{display:inline-block;font-style:normal;font-size:14px;color:#403846;animation:xaMarquee 12s linear infinite;padding-left:100%}@keyframes xaMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}} .xa-notice-dialog .dialog-box{border-radius:22px;background:#fffaff;border:1px solid var(--xa-line)}.notice-full-text{line-height:1.8;color:#4e4654;text-align:left;font-size:14px;max-height:50vh;overflow:auto} .xa-section-title{font-size:22px!important;margin:16px 0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.xa-section-title small{font-size:13px!important;color:#6c6271;font-weight:700!important}.xa-home-latest-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.xa-latest-card{min-width:0!important;border:1px solid var(--xa-line)!important;border-radius:16px!important;background:rgba(255,255,255,.28)!important;padding:10px!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;color:inherit!important;text-decoration:none!important;overflow:hidden!important}.xa-latest-card img{width:50px!important;height:50px!important;border-radius:13px!important;object-fit:cover!important}.xa-latest-card b{display:block!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-latest-card em{display:inline-flex!important;margin-top:5px!important;max-width:100%!important;height:22px!important;line-height:22px!important;padding:0 8px!important;border-radius:999px!important;background:var(--xa-soft)!important;color:var(--xa-purple)!important;font-size:11px!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-latest-card span{display:block!important;margin-top:5px!important;font-size:12px!important;color:#6f6573!important;white-space:nowrap!important} .xa-cat-tabs{margin:-10px -18px 24px!important;padding:0 18px 10px!important;gap:26px!important;border-bottom:1px solid var(--xa-line)!important}.xa-cat-tabs a{height:42px!important;font-size:16px!important}.xa-cat-tabs a.active:after{height:4px!important;bottom:-11px!important}.xa-soft-list{gap:14px!important}.xa-soft-row{min-height:92px!important;border:1px solid var(--xa-line)!important;border-radius:18px!important;background:rgba(255,255,255,.28)!important;padding:13px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)58px!important;gap:14px!important;align-items:center!important;overflow:hidden!important}.xa-soft-icon{width:56px!important;height:56px!important;border-radius:14px!important}.xa-soft-main b{font-size:16px!important;line-height:1.22!important;font-weight:750!important}.xa-soft-main span{font-size:13px!important;line-height:1.45!important;margin-top:5px!important;color:#4c4450!important}.xa-soft-row em{width:56px!important;height:32px!important;border-radius:999px!important;background:var(--xa-purple)!important;color:#fff!important;font-size:13px!important;font-weight:650!important} .xa-discover-list-new{gap:16px!important}.xa-discover-card-new{min-height:118px!important;border:1px solid var(--xa-line)!important;border-radius:18px!important;background:rgba(255,255,255,.28)!important;padding:14px!important;display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;overflow:hidden!important}.xa-discover-card-new .xa-discover-img{height:86px!important;border-radius:14px!important;overflow:hidden!important}.xa-discover-card-new .xa-discover-info{min-width:0!important;overflow:hidden!important}.xa-discover-card-new h3{font-size:17px!important;line-height:1.25!important;margin:0 0 12px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-discover-card-new p{font-size:13px!important;line-height:1.55!important;color:#625a67!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important}.xa-default-cover b{font-size:17px!important}.xa-default-cover span{font-size:11px!important} .xa-my-head{margin-bottom:26px!important}.xa-my-user{height:98px!important;min-height:98px!important;margin-bottom:18px!important;border-radius:18px!important;padding:14px!important;border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.3)!important;gap:14px!important}.xa-my-user img{width:64px!important;height:64px!important;border-radius:16px!important}.xa-my-user h2{font-size:18px!important;margin:0 0 8px!important}.xa-my-user p span{height:24px!important;line-height:24px!important;font-size:12px!important;border-radius:9px!important;padding:0 9px!important}.xa-my-user em{font-size:12px!important;color:#6d6371!important}.xa-clickable:active,.xa-mine-tile:active,.xa-latest-card:active,.xa-soft-row:active,.xa-discover-card:active,.history-row:active{transform:scale(.985)!important;background:rgba(238,230,251,.55)!important}.xa-my-actions{gap:12px!important;margin-bottom:16px!important}.xa-mine-tile{height:92px!important;border:1px solid var(--xa-line)!important;border-radius:17px!important;background:rgba(255,255,255,.28)!important;padding:14px 12px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;column-gap:12px!important;align-items:center!important;overflow:hidden!important}.xa-mine-tile i{grid-row:1/3!important;width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}.xa-mine-tile i svg{width:18px!important;height:18px!important}.xa-mine-tile b{font-size:15px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-mine-tile span{font-size:12px!important;color:#625a67!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-mini-panel{border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.28);padding:14px;margin-top:6px}.xa-mini-panel h2{font-size:17px;margin:0 0 8px}.xa-mini-panel a{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid rgba(216,206,219,.55)}.xa-mini-panel a:first-of-type{border-top:0}.xa-mini-panel span{width:32px;height:32px;border-radius:12px;background:var(--xa-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center;flex:none}.xa-mini-panel svg{width:19px;height:19px}.xa-mini-panel b{font-size:15px}.xa-mini-panel em{font-style:normal;font-size:12px;color:#655b69;display:block;margin-top:3px} .xa-tabbar{height:auto!important}.xa-tabbar-inner{height:48px!important;max-width:430px!important}.xa-tab{height:48px!important;font-size:10.5px!important;gap:1px!important}.xa-tab-ico{width:38px!important;height:22px!important}.xa-tab-ico svg{width:18px!important;height:18px!important}.xa-tab.active .xa-tab-ico{border-radius:999px!important;background:var(--xa-soft)!important} body.no-nav main.page,body.no-nav .page{padding-bottom:22px!important}.page-title-row{margin:0 0 28px!important}.page-title-left h1{font-size:25px!important}.page-title-left p{font-size:14px!important}.back-ico{width:34px!important;height:34px!important}.ui-card{border:1px solid var(--xa-line)!important;border-radius:18px!important;background:rgba(255,255,255,.32)!important}.member-user{height:96px!important}.member-user img{width:64px!important;height:64px!important;border-radius:16px!important}.member-user b{font-size:18px!important}.member-user p{font-size:13px!important}.pkg-row{gap:12px!important}.pkg-card{height:128px!important}.pay-tabs{height:54px!important}.member-btn{height:50px!important;border-radius:18px!important}.member-title{font-size:22px!important;margin:24px 0 16px!important}.history-list{display:flex;flex-direction:column;gap:12px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--xa-line);border-radius:16px;background:rgba(255,255,255,.3);padding:14px}.history-row b{font-size:15px}.history-row span{display:block;margin-top:5px;color:#6d6470;font-size:12px}.history-row em{font-style:normal;color:var(--xa-purple);font-size:12px;font-weight:800;background:var(--xa-soft);border-radius:999px;padding:6px 9px;white-space:nowrap}.invite-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.invite-hero b{font-size:13px;color:#6d6470}.invite-hero strong{display:block;font-size:26px;margin:6px 0;color:var(--xa-purple)}.invite-hero p{margin:0;color:#625a67;font-size:12px}.invite-hero button{height:38px;border:0;border-radius:14px;background:var(--xa-purple);color:#fff;padding:0 12px}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.invite-stats div{border:1px solid var(--xa-line);border-radius:16px;background:rgba(255,255,255,.3);padding:12px;text-align:center}.invite-stats b{display:block;font-size:17px;color:var(--xa-purple)}.invite-stats span{font-size:11px;color:#655c69}.invite-link-card h3{margin:0 0 8px;font-size:16px}.invite-link-card p{font-size:12px;color:#655c69;word-break:break-all;margin:0}.security-form{display:flex;flex-direction:column;gap:12px}.security-form label{font-size:13px;color:#655c69;font-weight:700}.security-form input,.security-form select{width:100%;height:42px;border:1px solid var(--xa-line);border-radius:14px;background:#fffaff;padding:0 12px;margin-top:6px;outline:0}.plain-msg{border:1px solid #e6ddf6!important;border-radius:16px!important;background:#fffaff!important;color:#6f55b5!important;padding:12px 14px!important;margin:0 0 16px!important;font-size:13px!important} .auth-clean{padding-top:70px}.auth-clean .auth-title h1{font-size:26px!important;line-height:1.2!important;margin:0 0 8px}.auth-clean .auth-title p{font-size:16px!important;margin:0;color:#222}.auth-back{position:absolute;top:32px;left:18px;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#222}.auth-back:active{background:rgba(111,85,181,.08);transform:scale(.96)}.auth-back svg{width:26px;height:26px}.auth-card-new{margin-top:84px;display:flex;flex-direction:column;gap:18px}.auth-field{position:relative;display:flex;height:58px;border:1.4px solid var(--xa-purple);border-radius:18px;background:transparent;align-items:center;padding:0 16px}.auth-field.gray{border-color:#9b949f}.auth-field span{position:absolute;left:14px;top:-12px;padding:0 8px;background:var(--xa-bg);color:var(--xa-purple);font-size:13px}.auth-field input{width:100%;height:100%;border:0;outline:0;background:transparent;font-size:15px;color:#201b24}.auth-field .eye-btn2{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#777;display:flex;align-items:center;justify-content:center}.auth-field .eye-btn2 svg{width:22px;height:22px}.auth-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#4f4654;line-height:1.5}.auth-check input{width:18px;height:18px;margin-top:1px;accent-color:var(--xa-purple)}.auth-check a,.auth-agree a{color:var(--xa-purple);font-weight:800}.auth-submit2{height:54px!important;border:0!important;border-radius:999px!important;background:var(--xa-purple)!important;color:#fff!important;font-size:17px!important;font-weight:800!important}.auth-links{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:14px!important}.auth-agree{margin-top:60px;text-align:center;font-size:13px;color:#342e38}.invite-mini{height:38px;border-radius:14px;background:var(--xa-soft);color:var(--xa-purple);display:flex;align-items:center;padding:0 12px;font-size:13px;font-weight:800} @media(max-width:360px){main.page,.page{padding-left:14px!important;padding-right:14px!important}.xa-discover-card-new{grid-template-columns:120px minmax(0,1fr)!important}.xa-home-latest-grid{gap:10px!important}.xa-latest-card{grid-template-columns:46px minmax(0,1fr)!important}.xa-latest-card img{width:46px!important;height:46px!important}.xa-mine-tile{height:88px!important}} /* ===== XA 软件库 2026 大厂级 UI 重构补丁 ===== */ :root{--xa-bg:#fbf7fe;--xa-card:#fffaff;--xa-line:#d8cedc;--xa-text:#25212b;--xa-sub:#766f7d;--xa-purple:#6e54b8;--xa-purple2:#8a6ee6;--xa-soft:#eee7fb;--xa-radius:22px;--xa-shadow:0 10px 26px rgba(62,49,78,.06)} html{background:var(--xa-bg);-webkit-text-size-adjust:100%;touch-action:manipulation}body{background:var(--xa-bg);color:var(--xa-text);overflow-x:hidden}.app{width:100%;max-width:none;margin:0;background:var(--xa-bg);min-height:100vh;padding-bottom:84px}.page{width:100%;max-width:720px;margin:0 auto;padding:18px 18px 98px;overflow:hidden}.top-header{display:none}.no-nav .xa-tabbar{display:none}.no-nav .app{padding-bottom:0}.no-nav .page{padding-bottom:28px}.xa-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:42px 0 22px}.xa-topbar h1{margin:0;font-size:30px;line-height:1.05;font-weight:950;letter-spacing:-1px}.xa-topbar p{margin:8px 0 0;font-size:15px;color:var(--xa-text);font-weight:520}.xa-share{width:42px;height:42px;border:0;background:transparent;color:#201d25;display:inline-flex;align-items:center;justify-content:center;border-radius:15px}.xa-share svg{width:29px;height:29px}.xa-share:active,.xa-clickable:active,a:active,button:active{transform:scale(.985);transition:transform .12s ease}.xa-tabbar{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:60;background:rgba(252,248,255,.90);border-top:1px solid rgba(216,206,220,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));height:76px}.xa-tabbar-inner{width:100%;max-width:720px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);height:100%;align-items:center}.xa-tab{height:58px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#201d25;font-size:13px;font-weight:750}.xa-tab-ico{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.xa-tab-ico svg{width:26px;height:26px}.xa-tab.active{color:var(--xa-purple);font-weight:900}.xa-tab.active .xa-tab-ico{width:58px;height:32px;border-radius:999px;background:var(--xa-soft);color:var(--xa-purple)}.xa-tab.active .xa-tab-ico svg{width:23px;height:23px}.xa-banner{position:relative;margin:0 -18px 20px 0;overflow:hidden}.xa-banner-track{display:flex;gap:14px;transition:transform .42s cubic-bezier(.2,.7,.2,1);will-change:transform}.xa-banner-slide{flex:0 0 calc(100% - 34px);aspect-ratio:16/8.2;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#9d8af7,#7661d0);box-shadow:var(--xa-shadow)}.xa-banner.single{margin-right:0}.xa-banner.single .xa-banner-slide{flex-basis:100%}.xa-banner-slide img{width:100%;height:100%;object-fit:cover}.xa-banner-empty{height:auto;margin-right:0;border-radius:22px;background:linear-gradient(135deg,#9b8bf2,#6d59ce);padding:48px 18px;color:#fff;text-align:center}.xa-banner-empty b{display:block;font-size:26px;margin-bottom:14px}.xa-banner-empty span{font-size:16px;opacity:.9}.xa-banner-dots{position:absolute;bottom:12px;left:0;right:34px;display:flex;justify-content:center;gap:6px}.xa-banner-dots i{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.42)}.xa-banner-dots i.active{width:20px;background:#fff}.xa-marquee{width:100%;height:58px;border:1px solid var(--xa-line);background:rgba(255,255,255,.38);border-radius:22px;margin:14px 0 24px;display:flex;align-items:center;gap:16px;padding:0 18px;color:var(--xa-text);overflow:hidden}.xa-marquee b{color:var(--xa-purple);font-size:18px;white-space:nowrap}.xa-marquee span{flex:1;overflow:hidden;white-space:nowrap;text-align:left}.xa-marquee span i{display:inline-block;font-style:normal;color:#3f3948;font-size:15px;animation:xaMarquee 16s linear infinite}.xa-marquee span:hover i{animation-play-state:paused}@keyframes xaMarquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.xa-section-title{display:flex;align-items:end;justify-content:space-between;margin:0 0 14px;font-size:24px;line-height:1;font-weight:950}.xa-section-title small{font-size:14px;color:#595461;font-weight:800}.xa-home-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.xa-latest-card{min-width:0;background:rgba(255,255,255,.42);border:1px solid var(--xa-line);border-radius:20px;padding:12px;display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;box-shadow:var(--xa-shadow)}.xa-latest-card img{width:58px;height:58px;border-radius:15px;object-fit:cover}.xa-latest-card div{min-width:0}.xa-latest-card b{display:block;font-size:16px;line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-latest-card em{display:inline-flex;margin-top:6px;padding:3px 9px;border-radius:999px;background:var(--xa-soft);color:var(--xa-purple);font-style:normal;font-size:12px;font-weight:800;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-latest-card span{display:block;margin-top:7px;color:#746d7c;font-size:13px}.xa-cat-tabs{position:sticky;top:0;z-index:30;margin:0 -18px 18px;padding:0 18px 0;height:54px;display:flex;gap:26px;align-items:center;overflow-x:auto;background:rgba(251,247,254,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,206,220,.70);scrollbar-width:none}.xa-cat-tabs::-webkit-scrollbar{display:none}.xa-cat-tabs a{position:relative;flex:0 0 auto;height:54px;display:flex;align-items:center;color:#504956;font-size:17px;font-weight:850;white-space:nowrap}.xa-cat-tabs a.active{color:var(--xa-purple);font-weight:950}.xa-cat-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--xa-purple),var(--xa-purple2));animation:tabPop .28s ease}.xa-cat-tabs a:active{transform:translateY(1px)}@keyframes tabPop{from{transform:scaleX(.4);opacity:.4}to{transform:scaleX(1);opacity:1}}.xa-soft-list{display:flex;flex-direction:column;gap:14px}.xa-soft-row{height:102px;display:grid;grid-template-columns:68px minmax(0,1fr) 82px;gap:14px;align-items:center;padding:14px 18px;background:rgba(255,255,255,.42);border:1px solid var(--xa-line);border-radius:23px;box-shadow:var(--xa-shadow);min-width:0}.xa-soft-icon{width:68px;height:68px;border-radius:17px;object-fit:cover;background:#eee}.xa-soft-main{min-width:0}.xa-soft-main b{display:block;font-size:18px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-soft-main span{display:block;margin-top:7px;color:#514a57;font-size:14px;line-height:1.45}.xa-soft-row em{justify-self:end;width:74px;height:40px;border-radius:999px;background:var(--xa-purple);color:#fff;font-style:normal;font-size:14px;font-weight:850;display:flex;align-items:center;justify-content:center}.xa-loadmore{margin:18px auto 0;width:max-content;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--xa-line);color:#7a7280;font-size:13px}.xa-empty{padding:28px 14px;border:1px dashed var(--xa-line);border-radius:22px;color:#817986;text-align:center;background:rgba(255,255,255,.34)}.xa-discover-list{display:flex;flex-direction:column;gap:18px}.xa-discover-card{height:136px;display:grid!important;grid-template-columns:42% minmax(0,1fr);gap:18px;align-items:center;overflow:hidden;padding:16px;background:rgba(255,255,255,.42);border:1px solid var(--xa-line);border-radius:24px;box-shadow:var(--xa-shadow)}.xa-discover-img{width:100%;height:92px;border-radius:16px;overflow:hidden;background:#e7e0ef}.xa-discover-img img{width:100%;height:100%;object-fit:cover}.xa-discover-info{min-width:0;overflow:hidden}.xa-discover-info h3{margin:0;font-size:19px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-discover-info p{margin:12px 0 0;color:#665f6d;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xa-default-cover{width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,#3ab0e6,#1596d2);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:16px}.xa-default-cover b{font-size:18px}.xa-default-cover span{font-size:12px;margin-top:6px}.xa-profile-card{height:112px;padding:18px 20px;border:1px solid var(--xa-line);border-radius:24px;background:rgba(255,255,255,.42);display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center;box-shadow:var(--xa-shadow)}.xa-profile-card img{width:76px;height:76px;border-radius:19px;object-fit:cover}.xa-profile-card h2{margin:0;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-profile-card p{margin:8px 0 0;display:flex;gap:10px;flex-wrap:wrap}.xa-profile-card p span,.member-user p,.member-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--xa-soft);color:var(--xa-purple);font-size:13px;font-weight:850}.xa-profile-card em{display:block;margin-top:8px;color:#746d7c;font-style:normal;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xa-mine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.xa-mine-tile{min-height:104px;border:1px solid var(--xa-line);border-radius:22px;background:rgba(255,255,255,.42);box-shadow:var(--xa-shadow);display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:16px}.xa-mine-tile i{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.xa-mine-tile i svg{width:23px;height:23px}.xa-mine-tile .purple{background:linear-gradient(135deg,#a678ff,#6f52bf)}.xa-mine-tile .pink{background:linear-gradient(135deg,#ff78af,#f05b95)}.xa-mine-tile .blue{background:linear-gradient(135deg,#6db8ff,#4979e8)}.xa-mine-tile .yellow{background:linear-gradient(135deg,#ffd66b,#f2a51b)}.xa-mine-tile b{font-size:17px;line-height:1.2}.xa-mine-tile span{color:#665f6d;font-size:13px;line-height:1.4;margin-top:4px}.xa-mini-panel{margin-top:18px;padding:18px;border:1px solid var(--xa-line);border-radius:24px;background:rgba(255,255,255,.42)}.xa-mini-panel h2{font-size:19px;margin:0 0 12px}.xa-mini-panel a{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(216,206,220,.55)}.xa-mini-panel a:first-of-type{border-top:0}.xa-mini-panel span{width:38px;height:38px;border-radius:14px;background:var(--xa-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center}.xa-mini-panel svg{width:21px;height:21px}.xa-mini-panel b{font-size:15px}.xa-mini-panel em{display:block;margin-top:3px;color:#766f7d;font-style:normal;font-size:13px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:42px 0 22px}.page-title-left{display:flex;align-items:center;gap:14px}.back-ico,.auth-back{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid var(--xa-line);display:flex;align-items:center;justify-content:center;color:#1d1a22}.back-ico svg,.auth-back svg{width:24px;height:24px}.page-title-row h1{margin:0;font-size:30px;line-height:1.05}.page-title-row p{margin:7px 0 0;color:#403a47;font-size:15px}.ui-card{border:1px solid var(--xa-line);border-radius:24px;background:rgba(255,255,255,.42);box-shadow:var(--xa-shadow);padding:18px}.plain-msg{padding:12px 14px;border-radius:16px;background:var(--xa-soft);color:var(--xa-purple);line-height:1.6;margin-bottom:14px}.auth-clean-body .page{max-width:720px}.auth-clean{padding-top:30px}.auth-title{margin:72px 0 84px}.auth-title h1{font-size:31px;margin:0 0 10px;font-weight:830}.auth-title p{font-size:20px;margin:0}.auth-card-new{display:flex;flex-direction:column;gap:22px}.auth-field{position:relative;display:block}.auth-field span{position:absolute;left:18px;top:-12px;background:var(--xa-bg);padding:0 8px;color:var(--xa-purple);font-size:15px;z-index:2}.auth-field input{width:100%;height:64px;border:2px solid var(--xa-purple);border-radius:20px;background:transparent;padding:0 54px 0 22px;font-size:17px;outline:none}.auth-field.gray input{border-color:#9e99a5;color:#222}.eye-btn2{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#7b7780;display:flex;align-items:center;justify-content:center}.eye-btn2 svg{width:25px;height:25px}.eye-btn2 .eye-off{display:none}.eye-btn2.show .eye-on{display:none}.eye-btn2.show .eye-off{display:block}.auth-check{display:flex;align-items:flex-start;gap:9px;color:#5d5665;font-size:14px;line-height:1.55}.auth-check input{width:18px;height:18px;accent-color:var(--xa-purple);margin-top:2px}.auth-check a{color:var(--xa-purple);font-weight:850}.auth-submit2{height:62px;border:0;border-radius:999px;background:var(--xa-purple);color:#fff;font-size:18px;font-weight:850}.auth-links{display:flex;justify-content:space-between;gap:14px;color:#28242c;font-size:16px}.auth-links a:last-child{margin-left:auto}.invite-mini{padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--xa-line);color:var(--xa-purple);font-weight:800}.account-screen .brand-top{display:flex;align-items:center;justify-content:space-between;margin:18px 0 20px}.account-screen .brand-left{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:950}.account-screen .brand-left img{width:32px;height:32px;border-radius:9px}.account-screen .brand-user{color:#4f7ddf;font-size:14px}.account-title{display:flex;align-items:center;gap:14px;margin:12px 0 24px}.account-title h1{font-size:30px;margin:0}.settings-group{border:1px solid #e3e8ef;border-radius:24px;background:rgba(255,255,255,.72);overflow:hidden;box-shadow:0 16px 35px rgba(83,94,120,.06);margin-bottom:18px}.settings-row{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;border-top:1px solid #e8edf3}.settings-row:first-child{border-top:0;height:92px}.settings-row b{font-size:18px;color:#141827}.settings-row em{font-style:normal;color:#98a1ae;font-size:15px;display:flex;align-items:center;gap:10px;min-width:0;text-align:right}.settings-row img{width:56px;height:56px;border-radius:50%;object-fit:cover}.settings-row .chev{color:#a6afbc;font-size:28px}.logout-wide{height:60px;border:0;border-radius:22px;background:#fff2f2;color:#e33d45;font-weight:950;font-size:17px;box-shadow:0 18px 35px rgba(231,72,72,.08);width:100%}.member-user{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center}.member-user img{width:72px;height:72px;border-radius:18px;object-fit:cover}.member-user b{font-size:20px}.member-user p{margin:10px 0 0;background:transparent;padding:0;color:var(--xa-purple);font-size:14px}.member-title{font-size:23px;font-weight:950;margin:24px 0 14px}.pkg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pkg-card{position:relative;min-height:142px;border:1px solid var(--xa-line);border-radius:22px;background:rgba(255,255,255,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:14px 8px;overflow:hidden}.pkg-card.active{border:2px solid var(--xa-purple);box-shadow:0 10px 22px rgba(110,84,184,.12)}.pkg-card.active:before{content:"";position:absolute;top:0;width:76px;height:12px;background:var(--xa-purple);border-radius:0 0 10px 10px}.pkg-card .price{font-size:24px;color:var(--xa-purple);font-weight:950}.pkg-card del{font-size:14px;color:#222}.pkg-card span{font-size:15px;line-height:1.45}.pay-tabs{height:58px;border:1px solid var(--xa-line);border-radius:18px;margin:22px 0 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));overflow:hidden;background:rgba(255,255,255,.35)}.pay-tabs label{display:flex;align-items:center;justify-content:center;gap:8px;border-left:1px solid var(--xa-line);font-size:16px;color:#5d5665}.pay-tabs label:first-child{border-left:0}.pay-tabs label.active{background:var(--xa-soft);color:var(--xa-purple);font-weight:900;box-shadow:inset 0 0 0 1px var(--xa-purple)}.member-btn{height:60px;border:0;border-radius:999px;background:var(--xa-purple);color:#fff;font-size:17px;font-weight:850;width:100%;margin-top:14px}.member-help{text-align:right;margin:22px 6px;color:#4d4752;font-size:16px}.member-note{margin:24px 4px 0;color:#615b67;line-height:1.7;font-size:13px}.card-dialog-input{width:100%;height:50px;border:1px solid var(--xa-line);border-radius:16px;padding:0 14px;font-size:16px;outline:none}.security-picker-row{margin-bottom:16px}.security-picker-row b{display:block;margin:0 0 9px}.question-display{height:52px;border:1px solid var(--xa-line);border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#3d3744}.security-answer{width:100%;height:52px;border:1px solid var(--xa-line);border-radius:16px;padding:0 14px;margin-top:9px}.question-options{display:grid;gap:9px}.question-options button{min-height:44px;border:1px solid var(--xa-line);border-radius:14px;background:#fff;text-align:left;padding:0 12px}.history-list{display:flex;flex-direction:column;gap:12px}.history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.42)}.history-row b{font-size:15px}.history-row span{display:block;margin-top:4px;color:#776f7e;font-size:12px}.history-row em{font-style:normal;color:var(--xa-purple);font-weight:900}.invite-hero{background:linear-gradient(135deg,#7d62cc,#a885ff);color:#fff;border:0;display:flex;align-items:center;justify-content:space-between;gap:14px}.invite-hero b{font-size:14px;opacity:.8}.invite-hero strong{display:block;font-size:32px;margin:7px 0}.invite-hero p{margin:0;font-size:14px;opacity:.9}.invite-hero button{height:40px;border:0;border-radius:999px;padding:0 14px;background:#fff;color:var(--xa-purple);font-weight:950}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.invite-stats div{padding:14px 8px;border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.42);text-align:center}.invite-stats b{font-size:20px;color:var(--xa-purple)}.invite-stats span{display:block;margin-top:5px;color:#746d7c;font-size:12px}.invite-link-card h3{margin:0 0 10px}.invite-link-card p{margin:0;color:#615a67;line-height:1.6;word-break:break-all}.invite-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.invite-steps div{padding:13px;border-radius:18px;background:var(--xa-soft);color:var(--xa-purple);font-weight:900;text-align:center;font-size:13px}.dialog{position:fixed;inset:0;background:rgba(23,20,28,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.dialog.show{display:flex}.dialog-box{width:min(94vw,430px);background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 80px rgba(30,24,42,.25)}.dialog-box h3{margin:0 0 12px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.dialog-actions button,.dialog-actions a{min-width:96px;height:44px;border:0;border-radius:14px;background:var(--xa-purple);color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center}.dialog-actions .muted{background:#f1edf8;color:#5f556a}.muted-tip{color:#645d68;line-height:1.7}.xa-backline{display:flex;align-items:center;gap:14px;margin:42px 0 22px}.xa-backline a{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid var(--xa-line);display:flex;align-items:center;justify-content:center}.xa-backline svg{width:24px;height:24px}.xa-backline h1{font-size:30px;margin:0}.xa-search-page-form{display:grid;grid-template-columns:1fr 82px;gap:10px;margin-bottom:10px}.xa-search-page-form input{height:54px;border:1px solid var(--xa-line);border-radius:18px;background:#fff;padding:0 16px;font-size:16px}.xa-search-page-form button{height:54px;border:0;border-radius:18px;background:var(--xa-purple);color:#fff;font-weight:900}.xa-search-tips{color:#796f80;font-size:13px;margin-bottom:16px}.detail-info-card{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center}.detail-info-card img{width:78px;height:78px;border-radius:18px;object-fit:cover}.detail-info-card h2{font-size:20px;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-row{display:flex;gap:10px}.pill-row span{height:28px;padding:0 13px;border-radius:999px;background:var(--xa-soft);color:var(--xa-purple);font-weight:850;font-size:14px;display:flex;align-items:center}.detail-card-title{font-size:20px;font-weight:900;margin:0 0 14px}.detail-desc2{font-size:16px;line-height:1.8;color:#68616d;margin:0}.shot-preview{border:1px solid var(--xa-line);border-radius:20px;overflow:hidden;background:#fff;padding:12px}.shot-preview img{width:100%;border-radius:16px}.download-fixed{position:sticky;bottom:90px;margin-top:26px}.download-fixed a,.download-fixed button{display:flex;align-items:center;justify-content:center;width:100%;height:62px;border:0;border-radius:999px;background:var(--xa-purple);color:#fff;font-size:17px;font-weight:900}.mini-toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(10px);padding:10px 16px;border-radius:999px;background:#18151f;color:#fff;font-size:14px;font-weight:800;opacity:0;visibility:hidden;transition:.2s;z-index:120}.mini-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media(max-width:420px){.page{padding-left:16px;padding-right:16px}.xa-topbar h1,.page-title-row h1,.xa-backline h1{font-size:28px}.xa-latest-card{grid-template-columns:54px 1fr;padding:11px;gap:10px}.xa-latest-card img{width:54px;height:54px}.xa-latest-card b{font-size:15px}.xa-soft-row{height:98px;grid-template-columns:64px minmax(0,1fr) 76px;padding:13px 15px}.xa-soft-icon{width:64px;height:64px}.xa-discover-card{height:128px;padding:14px;gap:14px}.xa-discover-img{height:86px}.pkg-card{min-height:132px}.pkg-card .price{font-size:21px}.pkg-card span{font-size:13px}.auth-title{margin-top:66px;margin-bottom:72px}.auth-title h1{font-size:29px}.auth-title p{font-size:18px}.settings-row b{font-size:17px}} .detail-top-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:center}.detail-top-card>img{width:78px;height:78px;border-radius:18px;object-fit:cover}.detail-top-card h2{margin:0 0 12px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-pills{display:flex;gap:10px;flex-wrap:wrap}.detail-pills span{height:28px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;background:var(--xa-soft);color:var(--xa-purple);font-weight:850;font-size:14px}.detail-card{margin-top:18px}.detail-card h3{margin:0 0 14px;font-size:20px}.detail-intro{color:#68616d;line-height:1.8;font-size:16px}.screen-shot-box{display:block;border:1px solid var(--xa-line);border-radius:20px;background:#fff;padding:10px;overflow:hidden}.screen-shot-box img{width:100%;border-radius:16px}.download-fixed{position:sticky;bottom:96px;display:flex;align-items:center;justify-content:center;width:100%;height:62px;margin-top:26px;border-radius:999px;background:var(--xa-purple);color:#fff;font-size:17px;font-weight:900;box-shadow:0 14px 26px rgba(110,84,184,.18)} /* === 2026-05-14 用户反馈修复版：分类固定、导航增强、账号/会员/登录细节 === */ :root{--xa-purple:#7255b6;--xa-soft:#eee6fb;--xa-line:#d8ccd9;--xa-bg:#fbf4fb;} /* 底部导航：比上一版略高，图标和文字略大，但不撑页面 */ .xa-tabbar{padding:8px max(12px,calc((100vw - 760px)/2 + 12px)) max(8px,env(safe-area-inset-bottom))!important;background:rgba(247,241,249,.96)!important;} .xa-tabbar-inner{height:66px!important;gap:8px!important;} .xa-tab{gap:4px!important;font-size:14px!important;border-radius:24px!important;font-weight:600!important;} .xa-tab-ico{width:58px!important;height:31px!important;border-radius:999px!important;} .xa-tab-ico svg{width:25px!important;height:25px!important;} main.page{padding-bottom:112px!important;} body.no-nav .xa-tabbar{display:none!important;} body.no-nav main.page{padding-bottom:28px!important;} /* 返回按钮：去掉圆形卡片背景，保持简单线性 */ .back-ico,.auth-back,.page-title-left .back-ico,.account-title .back-ico{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:34px!important;height:34px!important;color:#201b24!important;} .back-ico:active,.auth-back:active{transform:scale(.92)!important;background:transparent!important;} .back-ico svg,.auth-back svg{width:29px!important;height:29px!important;} /* 分类标签：只能横向滑动，固定在顶部，禁止竖向乱动 */ body.page-softwares .xa-soft-head{margin-bottom:18px!important;} .xa-cat-tabs{position:sticky!important;top:0!important;z-index:50!important;height:58px!important;display:flex!important;align-items:center!important;gap:28px!important;margin:0 -18px 24px!important;padding:0 18px 8px!important;border-bottom:1px solid var(--xa-line)!important;background:linear-gradient(180deg,var(--xa-bg) 0%,rgba(251,244,251,.96) 100%)!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;} .xa-cat-tabs::-webkit-scrollbar{display:none!important;} .xa-cat-tabs a{height:48px!important;flex:0 0 auto!important;font-size:19px!important;font-weight:800!important;padding:0 4px!important;display:flex!important;align-items:center!important;} .xa-cat-tabs a.active:after{bottom:-6px!important;height:4px!important;transition:all .25s ease!important;} .xa-cat-tabs a:active{transform:scale(.96)!important;} /* 首页跑马灯：进入页面立即有文字，不再初始空白 */ .xa-marquee span{position:relative!important;display:block!important;overflow:hidden!important;} .xa-marquee i{padding-left:0!important;min-width:max-content!important;animation:xaMarqueeVisible 13s linear infinite!important;will-change:transform!important;} @keyframes xaMarqueeVisible{0%{transform:translateX(0)}75%{transform:translateX(calc(-100% + 100px))}100%{transform:translateX(0)}} /* 会员中心：用户账号与会员日期分行，不贴合 */ .member-user-v2{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;padding:14px 16px!important;border-radius:20px!important;} .member-user-v2>img{width:62px!important;height:62px!important;border-radius:16px!important;} .member-user-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;} .member-user-info b{font-size:18px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} .member-user-info p{margin:0!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;font-size:13px!important;color:#7255b6!important;line-height:1.45!important;word-break:break-word!important;} .member-user-info p strong{font-weight:900!important;color:#7255b6!important;} .member-v2-page .pkg-card{min-height:126px!important;border-radius:20px!important;} .member-v2-page .member-btn{height:54px!important;border-radius:999px!important;} /* 账号设置：去掉顶部品牌条，统一当前软件库风格 */ .account-v2 .page-title-row{margin:38px 0 20px!important;} .account-v2-group{border-radius:22px!important;background:rgba(255,255,255,.56)!important;border:1px solid #e4dbea!important;overflow:hidden!important;margin-bottom:16px!important;box-shadow:0 12px 28px rgba(70,58,90,.055)!important;} .account-v2-group .settings-row{width:100%!important;height:66px!important;border:0!important;border-top:1px solid #ece5f0!important;background:transparent!important;padding:0 18px!important;font-size:16px!important;text-align:left!important;color:#141827!important;} .account-v2-group .settings-row:first-child{height:78px!important;border-top:0!important;} .account-v2-group .settings-row b{font-size:17px!important;font-weight:900!important;} .account-v2-group .settings-row em{font-size:14px!important;color:#8f8798!important;max-width:70%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} .account-v2-group .settings-row img{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover!important;} .account-row-btn{cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;} .logout-wide{height:56px!important;border-radius:20px!important;border:0!important;background:#fff0f1!important;color:#e33d45!important;font-weight:900!important;} /* 账号弹窗：大厂圆角 + 背景模糊 */ .account-modal{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(31,35,44,.42)!important;} .account-dialog-box{position:relative!important;width:min(90vw,390px)!important;border-radius:28px!important;padding:28px 24px 24px!important;background:#fff!important;box-shadow:0 30px 90px rgba(31,35,44,.28)!important;} .account-dialog-box h3{font-size:28px!important;line-height:1.1!important;margin:0 0 12px!important;font-weight:950!important;color:#171827!important;} .dialog-x{position:absolute!important;right:22px!important;top:22px!important;width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#f6efe5!important;color:#9a6f2a!important;font-size:26px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;} .gold-tip{margin:0 0 22px!important;color:#9a782f!important;font-weight:800!important;font-size:15px!important;} .avatar-picker-preview{display:flex!important;justify-content:center!important;margin:10px 0 18px!important;} .avatar-picker-preview img{width:86px!important;height:86px!important;border-radius:50%!important;background:#f0f2f7!important;object-fit:cover!important;} .select-file-pill{height:46px!important;width:180px!important;border-radius:999px!important;background:#fff8dd!important;color:#b98b16!important;margin:0 auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;} .gold-btn{width:100%!important;height:54px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#ffd75c,#ffad08)!important;color:#1c1c1f!important;font-weight:950!important;font-size:17px!important;} .dialog-input{width:100%!important;height:54px!important;border:0!important;border-radius:16px!important;background:#f4f5f7!important;padding:0 16px!important;font-size:16px!important;margin:18px 0!important;outline:0!important;} .confirm-box .dialog-actions button:last-child{background:#e33d45!important;} /* 收款信息/账单记录 */ .payout-card{padding:20px!important;margin-bottom:16px!important;border-radius:24px!important;} .payout-card h2{margin:0 0 14px!important;font-size:20px!important;} .payout-method{border:1px solid #ebe5f0!important;border-radius:18px!important;background:#faf8fd!important;padding:14px!important;margin-top:12px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;} .payout-method b{display:block!important;font-size:17px!important;color:#202431!important;}.payout-method span,.payout-method small{display:block!important;margin-top:6px!important;color:#87909f!important;font-size:13px!important;word-break:break-all!important;}.payout-method button{border:0!important;border-radius:999px!important;background:#fff0f1!important;color:#e05263!important;height:38px!important;padding:0 14px!important;font-weight:900!important;} .payout-form{display:grid!important;gap:14px!important}.payout-form label{display:grid!important;gap:8px!important;color:#667085!important;font-weight:850!important}.payout-form input,.payout-form select{height:52px!important;border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;padding:0 14px!important;font-size:16px!important}.bill-row em{min-width:64px!important;text-align:right!important;} /* 登录/注册：浮动标签修复，默认在框内，点击后移动到边框缺口位置 */ .auth-v3-page .auth-clean{padding-top:70px!important;} .auth-v3-page .auth-title{margin-top:70px!important;margin-bottom:74px!important;} .auth-v3-page .auth-title h1{font-size:32px!important;font-weight:900!important;} .auth-v3-page .auth-title p{font-size:19px!important;} .auth-v3-page .auth-card-new{gap:20px!important;margin-top:0!important;} .auth-field.float-field{height:58px!important;border:2px solid #7255b6!important;border-radius:18px!important;padding:0 14px!important;position:relative!important;background:transparent!important;overflow:visible!important;} .auth-field.float-field.gray{border-color:#9b949f!important;} .auth-field.float-field span{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;color:#7255b6!important;font-size:16px!important;line-height:1!important;padding:0!important;transition:all .18s ease!important;pointer-events:none!important;max-width:calc(100% - 70px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} .auth-field.float-field input{height:100%!important;border:0!important;background:transparent!important;padding:14px 0 0!important;font-size:16px!important;outline:0!important;} .auth-field.float-field.is-focus span,.auth-field.float-field.has-value span{top:0!important;transform:translateY(-50%) scale(.88)!important;background:var(--xa-bg)!important;padding:0 8px!important;left:14px!important;max-width:calc(100% - 42px)!important;} .auth-field.float-field .eye-btn2{right:12px!important;} .auth-check{background:transparent!important;border:0!important;padding:0!important;} .auth-check input{flex:none!important;} .auth-submit2{margin-top:2px!important;} .plain-msg{border-radius:16px!important;} @media(max-width:420px){ .xa-tabbar-inner{height:62px!important}.xa-tab{font-size:12px!important}.xa-tab-ico svg{width:23px!important;height:23px!important}.xa-tab-ico{width:52px!important;height:29px!important} .xa-cat-tabs{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important;gap:24px!important}.xa-cat-tabs a{font-size:18px!important} .auth-v3-page .auth-title h1{font-size:30px!important}.auth-v3-page .auth-title p{font-size:18px!important} } /* ==== 2026-05 UI deep polish patch ==== */ :root{--xa-dark-bg:#111018;--xa-dark-card:#191722;--xa-dark-line:#2f2a3c;--xa-dark-text:#f4f0fa;--xa-dark-muted:#b9b0c5} body.dark-mode{background:var(--xa-dark-bg)!important;color:var(--xa-dark-text)!important} body.dark-mode .app,body.dark-mode main.page{background:var(--xa-dark-bg)!important;color:var(--xa-dark-text)!important} body.dark-mode .ui-card,body.dark-mode .xa-soft-row,body.dark-mode .xa-latest-card,body.dark-mode .xa-discover-card,body.dark-mode .settings-group,body.dark-mode .payout-card,body.dark-mode .member-user,body.dark-mode .auth-field,body.dark-mode .dialog-box{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-line)!important;color:var(--xa-dark-text)!important} body.dark-mode .xa-topbar p,body.dark-mode .page-title-row p,body.dark-mode .xa-soft-main span,body.dark-mode .settings-row em,body.dark-mode .member-note,body.dark-mode .muted-tip,body.dark-mode .payout-form label,body.dark-mode .history-row span{color:var(--xa-dark-muted)!important} body.dark-mode .xa-tabbar{background:rgba(17,16,24,.92)!important;border-color:var(--xa-dark-line)!important}body.dark-mode .xa-tab{color:#ede8f5!important}body.dark-mode .xa-tab.active{color:#a98bff!important}body.dark-mode .xa-tab.active .xa-tab-ico{background:#2a2141!important} body.dark-mode .xa-cat-tabs{background:linear-gradient(180deg,var(--xa-dark-bg),rgba(17,16,24,.96))!important;border-color:var(--xa-dark-line)!important}body.dark-mode .xa-cat-tabs a{color:#cfc8d8!important}body.dark-mode .xa-cat-tabs a.active{color:#a98bff!important} body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .xa-search-page-form input{background:#15131d!important;color:#f5f0fb!important;border-color:var(--xa-dark-line)!important}body.dark-mode .xa-marquee{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-line)!important}body.dark-mode .xa-marquee span,body.dark-mode .xa-marquee i{color:#eee8f6!important} .xa-theme-toggle{width:44px!important;height:34px!important;border:0!important;background:transparent!important;color:#7255b6!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important}.xa-theme-toggle svg{width:42px!important;height:24px!important}.xa-theme-toggle.moving{transform:translateX(6px) scale(.98)!important}.dark-mode .xa-theme-toggle{color:#a98bff!important}.dark-mode .xa-theme-toggle svg{transform:scaleX(-1)!important} /* Bottom nav: slightly taller and clearer */ .xa-tabbar{padding:10px max(12px,calc((100vw - 760px)/2 + 12px)) max(10px,env(safe-area-inset-bottom))!important}.xa-tabbar-inner{height:76px!important}.xa-tab{font-size:14px!important;font-weight:700!important;gap:5px!important}.xa-tab-ico{width:58px!important;height:34px!important}.xa-tab-ico svg{width:27px!important;height:27px!important} /* category tabs: horizontal only + smaller text */ body.page-category .xa-cat-tabs,.xa-cat-tabs{position:sticky!important;top:0!important;z-index:60!important;height:52px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;gap:22px!important;margin:0 -18px 18px!important;padding:0 18px 7px!important;background:linear-gradient(180deg,var(--xa-bg) 0%,rgba(251,244,251,.98) 100%)!important;border-bottom:1px solid var(--xa-line)!important}.xa-cat-tabs a{height:44px!important;font-size:16px!important;font-weight:780!important;line-height:44px!important;flex:0 0 auto!important;padding:0 2px!important}.xa-cat-tabs a.active:after{height:4px!important;bottom:-5px!important;border-radius:6px!important;box-shadow:0 3px 8px rgba(112,84,184,.24)!important}.xa-soft-head{margin-bottom:10px!important} /* carousel center fix */ .xa-banner{overflow:hidden!important;margin-left:0!important;margin-right:0!important;border-radius:20px!important}.xa-banner-track{gap:12px!important}.xa-banner-slide{flex:0 0 92%!important;min-width:0!important;transform:translateZ(0);border-radius:20px!important}.xa-banner.single .xa-banner-slide{flex-basis:100%!important}.xa-banner.single .xa-banner-track{gap:0!important}.xa-banner-empty{height:178px!important}.xa-banner-empty b,.xa-banner-empty span{display:none!important}.xa-banner-empty:after{content:'蓝奏云合集软件库\A后台添加合集链接后自动展示软件列表';white-space:pre;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;color:#fff;font-weight:900;font-size:24px;line-height:1.8;background:linear-gradient(135deg,#8e7df2,#6e58d6);border-radius:20px} /* search page */ .search-v2-page main.page{padding-top:30px!important}.xa-backline{margin:8px 0 22px!important;gap:12px!important}.xa-backline a,.back-ico,.auth-back{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.xa-backline svg,.back-ico svg,.auth-back svg{width:28px!important;height:28px!important}.xa-search-page-form{grid-template-columns:1fr 70px!important;gap:10px!important}.xa-search-page-form input{height:58px!important;border:2px solid #7255b6!important;border-radius:18px!important;background:transparent!important;padding:0 16px!important;font-size:16px!important;font-weight:500!important}.xa-search-page-form button{height:58px!important;border-radius:18px!important;font-weight:600!important;font-size:16px!important;background:#7255b6!important;color:#fff!important} /* auth fields: stop double border / floating labels */ .auth-clean{padding:0 2px!important}.auth-card-new{display:grid!important;gap:18px!important}.auth-field.float-field{display:block!important;width:100%!important;height:58px!important;border:2px solid #7255b6!important;border-radius:18px!important;padding:0 14px!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}.auth-field.float-field.gray{border-color:#8c8790!important}.auth-field.float-field input{display:block!important;width:100%!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;padding:16px 44px 0 0!important;margin:0!important;box-shadow:none!important}.auth-field.float-field span{position:absolute!important;top:50%!important;left:16px!important;transform:translateY(-50%)!important;background:var(--xa-bg)!important;color:#7255b6!important;font-size:16px!important;padding:0 0!important;transition:.18s ease!important;z-index:2!important}.auth-field.float-field.is-focus span,.auth-field.float-field.has-value span{top:0!important;left:14px!important;transform:translateY(-50%) scale(.88)!important;padding:0 8px!important}.auth-check{align-items:center!important}.auth-check input{width:20px!important;height:20px!important;flex:0 0 20px!important}.eye-btn2{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:0!important;width:34px!important;height:34px!important;color:#79727f!important}.eye-btn2 svg{width:24px!important;height:24px!important}.eye-btn2 .eye-off{display:none}.eye-btn2.is-show .eye-on{display:none}.eye-btn2.is-show .eye-off{display:block} /* member center profile row fix */ .member-user-v2{grid-template-columns:72px 1fr!important;gap:16px!important;min-height:112px!important;padding:18px!important}.member-user-v2 img{width:72px!important;height:72px!important;border-radius:18px!important}.member-user-info{min-width:0!important}.member-user-info b{display:block!important;font-size:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.member-user-info p{margin:8px 0 0!important;display:block!important;font-size:13px!important;line-height:1.55!important;white-space:normal!important}.member-user-info p span,.member-user-info p strong{display:block!important}.member-user-info p strong{color:#7255b6!important;margin-top:2px!important;word-break:break-all!important}.pkg-row{gap:10px!important}.pkg-card{min-height:126px!important} /* account settings redesigned */ .account-v2-page main.page{padding-top:26px!important}.account-v2{padding-bottom:26px}.page-title-row{margin:6px 0 22px!important}.settings-group{border-radius:24px!important;overflow:hidden!important;background:rgba(255,255,255,.52)!important;border:1px solid var(--xa-line)!important;margin-bottom:18px!important}.settings-row{height:70px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 18px!important;border-bottom:1px solid rgba(218,207,222,.68)!important;background:transparent!important;color:var(--xa-text)!important}.settings-row:last-child{border-bottom:0!important}.settings-row b{font-size:17px!important;font-weight:900!important}.settings-row em{font-size:14px!important;font-style:normal!important;color:#9aa1ad!important;display:flex!important;align-items:center!important;gap:8px!important}.settings-row img{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover!important}.chev{font-size:26px!important;color:#b3aebb!important}.logout-wide{width:100%!important;height:58px!important;border:0!important;border-radius:20px!important;background:#fff0f0!important;color:#e04755!important;font-size:18px!important;font-weight:950!important;box-shadow:0 12px 24px rgba(224,71,85,.08)!important}.account-dialog-box h3{font-size:26px!important}.account-modal .dialog-box{border-radius:26px!important}.account-modal .gold-tip,.account-modal .dialog-note{color:#7255b6!important;font-size:14px!important;font-weight:700!important}.account-modal .gold-btn,.account-modal .primary-btn{background:#7255b6!important;color:#fff!important;border:0!important;border-radius:18px!important;height:52px!important;width:100%!important;font-weight:900!important}.select-file-pill{background:#eee6fb!important;color:#7255b6!important}.dialog-x{background:#f1edf7!important;color:#7255b6!important} /* payout page fix */ .payout-page main.page{padding-top:28px!important;overflow-x:hidden!important}.payout-card{width:100%!important;max-width:100%!important;overflow:hidden!important}.payout-form{width:100%!important;display:grid!important;gap:14px!important}.payout-form label{width:100%!important;min-width:0!important;display:grid!important;gap:8px!important}.payout-form input,.payout-form select{width:100%!important;max-width:100%!important;height:52px!important;box-sizing:border-box!important}.payout-form input[type=file]{height:auto!important;padding:13px!important}.member-btn,.payout-form .member-btn{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-top:10px!important}.payout-method{min-width:0!important}.payout-method div{min-width:0!important}.payout-method span{word-break:break-all!important}.payout-hidden{display:none!important} /* detail */ .detail-page .xa-share{display:none!important} /* toast variants */ .mini-toast.warn{background:#ef4444!important}.mini-toast.ok{background:#17151f!important} .eye-btn2.show .eye-on{display:none!important}.eye-btn2.show .eye-off{display:block!important} .xa-banner-slide.banner-broken{background:linear-gradient(135deg,#8c78ef,#6d54d4);display:flex!important;align-items:center;justify-content:center}.xa-banner-slide.banner-broken:after{content:'蓝奏云合集软件库\A后台添加合集链接后自动展示软件列表';white-space:pre;text-align:center;color:#fff;font-weight:900;font-size:22px;line-height:1.8} .xa-banner-track{padding-left:4%!important}.xa-banner.single .xa-banner-track{padding-left:0!important}.xa-banner.single .xa-banner-slide{flex:0 0 100%!important}.withdraw-form{display:grid;gap:14px}.withdraw-form label{display:grid;gap:8px;font-weight:800;color:#615a67}.withdraw-form input,.withdraw-form select{height:52px;border:1px solid var(--xa-line);border-radius:16px;background:#fff;padding:0 14px;font-size:15px;box-sizing:border-box;width:100%} /* ===== 2026-05-14 用户反馈逐项修复补丁：布局、搜索、收款、暗黑、导航 ===== */ :root{--xa-bg:#fbf4fb;--xa-card:rgba(255,255,255,.58);--xa-line:#d9cedc;--xa-text:#1f1b25;--xa-muted:#6f6874;--xa-purple:#7255b6;--xa-soft:#eadffd;--xa-danger:#ef4444;--xa-dark-bg:#111018;--xa-dark-card:#1a1824;--xa-dark-line:#312b3c;--xa-dark-text:#f3eef8;--xa-dark-muted:#bdb5c8} body,html{overflow-x:hidden!important} .app{max-width:430px!important;width:100%!important;overflow-x:hidden!important;background:var(--xa-bg)!important} main.page{padding-left:18px!important;padding-right:18px!important} /* 底部导航：高度略高但线条更细 */ .xa-tabbar{height:auto!important;padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;background:rgba(247,241,249,.96)!important;box-shadow:0 -8px 24px rgba(38,28,54,.05)!important} .xa-tabbar-inner{height:72px!important;gap:8px!important;max-width:430px!important;margin:0 auto!important} .xa-tab{font-size:13px!important;font-weight:650!important;gap:5px!important;color:#15121b!important} .xa-tab-ico{width:56px!important;height:33px!important;border-radius:999px!important} .xa-tab-ico svg{width:25px!important;height:25px!important} .xa-tab-ico svg *{stroke-width:1.8!important} .xa-tab.active .xa-tab-ico{background:var(--xa-soft)!important;color:var(--xa-purple)!important} .xa-tab.active{color:var(--xa-purple)!important;font-weight:760!important} body.no-nav .xa-tabbar{display:none!important} body.no-nav main.page{padding-bottom:24px!important} /* 返回箭头统一：无圆形背景 */ .back-ico,.auth-back,.xa-backline a{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:34px!important;height:34px!important;color:var(--xa-text)!important;padding:0!important} .back-ico svg,.auth-back svg,.xa-backline a svg{width:29px!important;height:29px!important} /* 分类标签：固定横向滑动，字体再小一点 */ .xa-cat-tabs{position:sticky!important;top:0!important;z-index:80!important;height:48px!important;margin:0 -18px 16px!important;padding:0 18px 6px!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;align-items:flex-end!important;gap:20px!important;white-space:nowrap!important;touch-action:pan-x!important;background:linear-gradient(180deg,var(--xa-bg),rgba(251,244,251,.96))!important;border-bottom:1px solid var(--xa-line)!important;scrollbar-width:none!important} .xa-cat-tabs::-webkit-scrollbar{display:none!important} .xa-cat-tabs a{font-size:14px!important;font-weight:730!important;height:40px!important;line-height:40px!important;flex:0 0 auto!important;padding:0 1px!important;color:#3f3947!important;transform:translateZ(0);transition:color .18s ease,transform .18s ease!important} .xa-cat-tabs a.active{color:var(--xa-purple)!important;transform:translateY(-1px)!important} .xa-cat-tabs a.active:after{height:3px!important;bottom:-4px!important;border-radius:8px!important} /* 首页广告：居中显示，不再歪斜，破图显示默认图 */ .xa-banner{width:100%!important;margin:0 0 24px!important;overflow:hidden!important;border-radius:18px!important;aspect-ratio:16/8.2!important;background:linear-gradient(135deg,#8f7ff1,#6f58da)!important} .xa-banner-track{height:100%!important;display:flex!important;gap:10px!important;padding-left:20px!important;transition:transform .38s cubic-bezier(.2,.8,.2,1)!important;will-change:transform!important} .xa-banner-slide{flex:0 0 calc(100% - 40px)!important;min-width:0!important;height:100%!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important;background:linear-gradient(135deg,#8f7ff1,#6f58da)!important} .xa-banner.single .xa-banner-track{padding-left:0!important;gap:0!important}.xa-banner.single .xa-banner-slide{flex:0 0 100%!important} .xa-banner img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important} .xa-banner-dots{right:0!important;bottom:9px!important}.xa-banner-dots i{width:6px!important;height:6px!important}.xa-banner-dots i.active{width:16px!important} .xa-banner-slide.banner-broken img{display:none!important}.xa-banner-slide.banner-broken:after,.xa-banner-empty:after{content:'蓝奏云合集软件库\A后台添加合集链接后自动展示软件列表'!important;white-space:pre!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;height:100%!important;color:#fff!important;font-weight:900!important;font-size:22px!important;line-height:1.8!important;background:linear-gradient(135deg,#8f7ff1,#6f58da)!important;border-radius:18px!important} /* 发现页去右侧留白，卡片更稳 */ .xa-discover-head{margin-bottom:28px!important}.xa-discover-head .xa-share{display:none!important} .xa-discover-card{grid-template-columns:150px minmax(0,1fr)!important;height:auto!important;min-height:126px!important;padding:14px!important;gap:14px!important;align-items:center!important}.xa-discover-img{height:86px!important;border-radius:14px!important}.xa-discover-info{min-width:0!important}.xa-discover-info h3{font-size:18px!important;font-weight:720!important;margin:0 0 10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.xa-discover-info p{font-size:14px!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--xa-muted)!important} /* 搜索页：标题不粗，输入框与登录一致 */ .search-v2-page main.page{padding-top:18px!important}.xa-backline{margin:0 0 22px!important;gap:12px!important}.xa-backline h1{font-size:26px!important;font-weight:600!important;letter-spacing:0!important;color:var(--xa-text)!important}.search-clean-form{display:grid!important;grid-template-columns:minmax(0,1fr)68px!important;gap:10px!important;align-items:center!important}.search-clean-form .search-float{margin:0!important}.search-clean-form button{height:58px!important;border:0!important;border-radius:18px!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:500!important;font-size:15px!important}.search-float.auth-field.float-field{height:58px!important;border:2px solid var(--xa-purple)!important;border-radius:18px!important;background:transparent!important;display:block!important;position:relative!important}.search-float input{width:100%!important;height:100%!important;border:0!important;background:transparent!important;outline:0!important;padding:16px 12px 0!important;font-weight:500!important}.search-float span{background:var(--xa-bg)!important;color:var(--xa-purple)!important} /* 账号设置：去除顶部大空白，行距与当前风格一致 */ .account-v2-page main.page{padding-top:8px!important}.account-v2 .page-title-row{margin:0 0 16px!important}.account-v2 .page-title-row h1{font-size:28px!important;line-height:1.15!important}.account-v2 .page-title-row p{font-size:13px!important;margin-top:4px!important;color:var(--xa-muted)!important}.settings-group{margin-bottom:14px!important;border-radius:18px!important}.settings-row{height:64px!important;padding:0 16px!important}.settings-row b{font-size:16px!important}.settings-row em{font-size:13px!important}.settings-row img{width:48px!important;height:48px!important}.logout-wide{height:56px!important;background:linear-gradient(135deg,#ff5b69,#e43f52)!important;color:#fff!important;border:0!important;font-weight:900!important;box-shadow:0 12px 24px rgba(228,63,82,.18)!important} .account-modal .dialog-box{background:#fff!important;color:#1f1b25!important}.account-modal .modal-tip,.account-modal .gold-tip{color:var(--xa-purple)!important}.account-modal .primary-btn,.account-modal .gold-btn{background:var(--xa-purple)!important;color:#fff!important}.account-modal .select-file-pill{background:var(--xa-soft)!important;color:var(--xa-purple)!important}.account-modal .dialog-x{background:#f0eaf7!important;color:var(--xa-purple)!important} /* 收款信息：选择微信/支付宝只显示上传，USDT 只显示地址，永不超出卡片 */ .payout-page main.page{padding-top:12px!important;overflow-x:hidden!important}.payout-card{overflow:hidden!important;width:100%!important;max-width:100%!important}.payout-form{display:grid!important;gap:14px!important;width:100%!important}.payout-form label,.pay-section{display:grid!important;gap:8px!important;width:100%!important;min-width:0!important}.payout-form select,.payout-form input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;height:52px!important;border:1px solid var(--xa-line)!important;border-radius:16px!important;background:#fff!important;padding:0 14px!important;color:#1f1b25!important}.payout-form input[type=file]{height:auto!important;padding:12px!important;background:#fff!important}.pay-section.payout-hidden{display:none!important}.form-hint{margin:0!important;font-size:12px!important;color:var(--xa-muted)!important;line-height:1.5!important}.payout-form .member-btn{width:100%!important;max-width:100%!important;margin-top:4px!important;box-sizing:border-box!important} /* 登录注册输入框：修复双边框/线条乱叠 */ .auth-card-new{gap:16px!important}.auth-field.float-field{position:relative!important;display:block!important;width:100%!important;height:58px!important;border:2px solid var(--xa-purple)!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.auth-field.float-field.gray{border-color:#8c8790!important}.auth-field.float-field input{width:100%!important;height:100%!important;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;padding:16px 44px 0 14px!important;color:var(--xa-text)!important}.auth-field.float-field span{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;background:var(--xa-bg)!important;color:var(--xa-purple)!important;padding:0!important;font-size:16px!important;line-height:1!important;z-index:2!important;transition:.18s ease!important}.auth-field.float-field.is-focus span,.auth-field.float-field.has-value span{top:0!important;left:14px!important;transform:translateY(-50%) scale(.88)!important;padding:0 8px!important}.auth-submit2{background:var(--xa-purple)!important}.auth-links a{font-weight:500!important}.auth-back{margin-top:0!important} /* 黑暗模式：全站完整反色，文字/图标不再乌黑 */ body.dark-mode,body.dark-mode html{background:var(--xa-dark-bg)!important;color:var(--xa-dark-text)!important} body.dark-mode .app,body.dark-mode main.page{background:var(--xa-dark-bg)!important;color:var(--xa-dark-text)!important} body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode b,body.dark-mode .xa-topbar h1,body.dark-mode .xa-section-title,body.dark-mode .xa-soft-main b,body.dark-mode .xa-profile-card h2,body.dark-mode .settings-row b,body.dark-mode .xa-backline h1{color:var(--xa-dark-text)!important} body.dark-mode p,body.dark-mode span,body.dark-mode em,body.dark-mode small,body.dark-mode .xa-topbar p,body.dark-mode .xa-notice span,body.dark-mode .xa-soft-main span,body.dark-mode .xa-discover-info p,body.dark-mode .settings-row em,body.dark-mode .member-note,body.dark-mode .muted-tip,body.dark-mode .form-hint,body.dark-mode .xa-search-tips{color:var(--xa-dark-muted)!important} body.dark-mode .xa-tabbar{background:rgba(17,16,24,.96)!important;border-color:var(--xa-dark-line)!important}body.dark-mode .xa-tab{color:#eee8f6!important}body.dark-mode .xa-tab-ico{color:#eee8f6!important}body.dark-mode .xa-tab.active{color:#aa8cff!important}body.dark-mode .xa-tab.active .xa-tab-ico{background:#2b2141!important;color:#aa8cff!important} body.dark-mode .ui-card,body.dark-mode .xa-soft-row,body.dark-mode .xa-latest-card,body.dark-mode .xa-discover-card,body.dark-mode .xa-profile-card,body.dark-mode .xa-mine-tile,body.dark-mode .xa-more-card,body.dark-mode .settings-group,body.dark-mode .payout-card,body.dark-mode .member-user-v2,body.dark-mode .pkg-card,body.dark-mode .dialog-box,body.dark-mode .history-row{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-line)!important;color:var(--xa-dark-text)!important} body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .auth-field.float-field,body.dark-mode .search-float.auth-field.float-field{background:#15131d!important;color:var(--xa-dark-text)!important;border-color:#5c4b7f!important}body.dark-mode .auth-field.float-field span,body.dark-mode .search-float span{background:var(--xa-dark-bg)!important;color:#aa8cff!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#82798d!important} body.dark-mode .xa-cat-tabs{background:linear-gradient(180deg,var(--xa-dark-bg),rgba(17,16,24,.97))!important;border-color:var(--xa-dark-line)!important}body.dark-mode .xa-cat-tabs a{color:#d7cfdf!important}body.dark-mode .xa-cat-tabs a.active{color:#aa8cff!important} body.dark-mode .xa-notice,body.dark-mode .xa-marquee{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-line)!important}body.dark-mode .xa-marquee b,body.dark-mode .xa-notice b{color:#aa8cff!important} body.dark-mode .back-ico,body.dark-mode .auth-back,body.dark-mode .xa-backline a,body.dark-mode .xa-share,body.dark-mode .xa-theme-toggle{color:var(--xa-dark-text)!important} body.dark-mode .dialog-x{background:#282235!important;color:#aa8cff!important}body.dark-mode .logout-wide{background:linear-gradient(135deg,#ff5b69,#e43f52)!important;color:#fff!important} /* ===== 2026-05-14 按用户实测截图定点修复 ===== */ /* 首页广告：彻底取消卡片重叠，单张居中满宽滑动 */ .xa-banner{overflow:hidden!important;border-radius:18px!important;aspect-ratio:16/8.2!important;margin:0 0 24px!important;background:linear-gradient(135deg,#8e7df2,#6e58d6)!important;} .xa-banner-track{height:100%!important;display:flex!important;gap:0!important;padding-left:0!important;transform:translate3d(0,0,0);} .xa-banner-slide{flex:0 0 100%!important;min-width:100%!important;width:100%!important;height:100%!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important;background:linear-gradient(135deg,#8e7df2,#6e58d6)!important;} .xa-banner-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;} .xa-banner-dots{left:0!important;right:0!important;bottom:10px!important;justify-content:center!important;} .xa-banner-slide.banner-broken:after,.xa-banner-empty:after{font-size:20px!important;line-height:1.7!important;} /* 分类标签：只横向滑动，字体恢复大一点 */ .xa-cat-tabs{position:sticky!important;top:0!important;height:52px!important;margin:0 -18px 18px!important;padding:0 18px 6px!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:none!important;gap:24px!important;align-items:flex-end!important;} .xa-cat-tabs a{font-size:16px!important;font-weight:800!important;height:42px!important;line-height:42px!important;white-space:nowrap!important;} .xa-cat-tabs a.active:after{height:4px!important;bottom:-5px!important;} /* 搜索/登录/注册浮动输入框：输入文字垂直居中，不再贴底 */ .auth-field.float-field,.search-float.auth-field.float-field{height:58px!important;display:block!important;position:relative!important;overflow:visible!important;} .auth-field.float-field input,.search-float.auth-field.float-field input{height:100%!important;line-height:58px!important;padding:0 44px 0 14px!important;display:block!important;box-sizing:border-box!important;font-size:16px!important;color:var(--xa-text)!important;} .auth-field.float-field span,.search-float.auth-field.float-field span{line-height:1!important;} .auth-field.float-field.is-focus input,.auth-field.float-field.has-value input,.search-float.auth-field.float-field.is-focus input,.search-float.auth-field.float-field.has-value input{padding-top:0!important;} .search-v2-page .xa-backline h1{font-size:28px!important;font-weight:500!important;} .search-clean-form button{font-weight:500!important;} /* 我的页用户卡片：站点名称/用户账号/用户类型，设置图标更小 */ .xa-my-head .xa-settings-btn{width:32px!important;height:32px!important;} .xa-my-head .xa-settings-btn svg{width:22px!important;height:22px!important;stroke-width:2!important;} .xa-my-user{height:108px!important;margin-bottom:24px!important;} .xa-my-user img{width:68px!important;height:68px!important;border-radius:17px!important;} .xa-my-user h2{font-size:18px!important;font-weight:650!important;} .xa-my-user p span{font-size:12px!important;height:24px!important;padding:0 10px!important;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .xa-my-user em{font-size:12px!important;} /* 会员中心：会员状态在有效期右侧，套餐不再被顶部块遮挡 */ .member-user-v2{grid-template-columns:68px minmax(0,1fr)!important;min-height:104px!important;padding:16px!important;} .member-user-v2>img{width:68px!important;height:68px!important;border-radius:17px!important;} .member-user-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:9px!important;} .member-user-info b{font-size:18px!important;line-height:1.15!important;} .member-user-info p{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important;line-height:1.2!important;font-size:14px!important;} .member-user-info p span,.member-user-info p strong{display:inline!important;margin:0!important;white-space:nowrap!important;color:var(--xa-purple)!important;} .pkg-row{gap:10px!important;align-items:stretch!important;} .pkg-card{min-height:128px!important;padding:16px 6px 12px!important;overflow:hidden!important;} .pkg-card.active:before{display:none!important;} .pkg-card .price{font-size:24px!important;line-height:1.05!important;margin-bottom:6px!important;} .pkg-card del{font-size:13px!important;line-height:1.1!important;margin-bottom:10px!important;} .pkg-card span{font-size:14px!important;line-height:1.45!important;} .pkg-card.active{box-shadow:0 10px 22px rgba(110,84,184,.12)!important;} /* 账号设置：去除下载历史/清除历史后的列表更紧凑 */ .account-v2-page main.page{padding-top:0!important;} .account-v2 .page-title-row{margin-top:0!important;margin-bottom:14px!important;} .account-v2-group .settings-row{height:64px!important;} .logout-wide{background:linear-gradient(135deg,#ff4d5f,#d93645)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(217,54,69,.22)!important;} /* 收款信息：支付宝/微信只显示上传，USDT只显示地址；全部不超出卡片 */ .payout-page .pay-section.payout-hidden{display:none!important;} .payout-page .pay-section{width:100%!important;min-width:0!important;} .payout-page .payout-card{overflow:hidden!important;} .payout-page .payout-form select,.payout-page .payout-form input,.payout-page .member-btn{max-width:100%!important;width:100%!important;box-sizing:border-box!important;} .payout-page .payout-form input[type=file]{font-size:14px!important;} /* 暗黑模式继续补齐新增区域 */ body.dark-mode .xa-banner{background:#171320!important;} body.dark-mode .xa-my-user p span,body.dark-mode .pkg-card .price,body.dark-mode .member-user-info p span,body.dark-mode .member-user-info p strong{color:#b79cff!important;} body.dark-mode .xa-my-user p span{background:#2a2237!important;} body.dark-mode .xa-banner-dots i{background:rgba(255,255,255,.35)!important;} body.dark-mode .xa-banner-dots i.active{background:#fff!important;} /* ===== 2026-05-14 当前反馈定稿修复：标题、会员卡、暗黑、轮播、邀请 ===== */ /* 返回页顶部统一：只保留标题，取消副标题和大面积空白 */ body.no-nav main.page{padding-top:28px!important;padding-bottom:28px!important;} .page-title-row{margin:0 0 22px!important;display:flex!important;align-items:center!important;} .page-title-row p{display:none!important;} .page-title-left{display:flex!important;align-items:center!important;gap:14px!important;min-height:42px!important;} .page-title-left h1{margin:0!important;font-size:30px!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.4px!important;} .account-v2-page main.page,.member-v2-page main.page,.invite-v2-page main.page{padding-top:28px!important;} .account-v2 .page-title-row{margin:0 0 22px!important;} /* 首页广告：恢复“可看到下一张边缘”的横向轮播，但禁止重叠 */ .xa-banner{overflow:hidden!important;border-radius:20px!important;aspect-ratio:16/8.2!important;margin:0 0 24px!important;background:transparent!important;} .xa-banner-track{height:100%!important;display:flex!important;gap:12px!important;padding-left:0!important;transition:transform .35s ease!important;will-change:transform!important;} .xa-banner-slide{flex:0 0 calc(100% - 42px)!important;min-width:calc(100% - 42px)!important;width:calc(100% - 42px)!important;height:100%!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 10px 24px rgba(52,38,97,.10)!important;background:linear-gradient(135deg,#8e7df2,#6e58d6)!important;} .xa-banner.single .xa-banner-slide{flex-basis:100%!important;min-width:100%!important;width:100%!important;} .xa-banner-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;} .xa-banner-dots{left:0!important;right:42px!important;bottom:9px!important;justify-content:center!important;} /* 会员中心：恢复选中卡片顶部突出凸起，同时把文字整体往下避开，不遮挡价格 */ .pkg-row{gap:12px!important;overflow:visible!important;padding-top:10px!important;} .pkg-card{position:relative!important;overflow:visible!important;min-height:134px!important;padding:24px 6px 12px!important;justify-content:flex-start!important;gap:5px!important;} .pkg-card.active{border:2px solid var(--xa-purple)!important;box-shadow:0 10px 22px rgba(110,84,184,.14)!important;} .pkg-card.active:before{display:block!important;content:""!important;position:absolute!important;top:-11px!important;left:50%!important;transform:translateX(-50%)!important;width:64px!important;height:18px!important;border-radius:10px 10px 0 0!important;background:var(--xa-purple)!important;z-index:0!important;} .pkg-card .price{position:relative!important;z-index:1!important;font-size:23px!important;line-height:1.05!important;margin:0 0 4px!important;color:var(--xa-purple)!important;} .pkg-card del{font-size:13px!important;margin:0 0 8px!important;line-height:1.1!important;} .pkg-card span{font-size:14px!important;line-height:1.38!important;} .member-user-info p{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;} .member-user-info p span,.member-user-info p strong{display:inline-flex!important;white-space:nowrap!important;} /* 我的页：去除“账号信息”后修正卡片排版 */ .xa-my-user em{display:none!important;} .xa-my-user p{margin-top:8px!important;} /* 邀请有礼：邀请码和邀请链接独立复制；新增有效邀请提示 */ .invite-link-card{display:flex!important;flex-direction:column!important;gap:10px!important;} .invite-link-copy{height:42px;border:0;border-radius:14px;background:var(--xa-soft);color:var(--xa-purple);font-weight:850;width:100%;} .invite-valid-tip{margin:0 0 12px;padding:12px 14px;border:1px solid rgba(114,85,182,.22);border-radius:16px;background:rgba(238,230,251,.58);color:var(--xa-purple);font-size:13px;font-weight:800;line-height:1.6;} .invite-hero button{white-space:nowrap;} /* 账号设置弹窗：颜色完全跟随当前紫色体系；每月 2 次 */ .dialog-x{background:#2b2141!important;color:#cbb7ff!important;} .account-dialog-box,.account-modal .dialog-box{background:#fff!important;border:1px solid var(--xa-line)!important;} .modal-tip{color:var(--xa-purple)!important;font-weight:800!important;font-size:14px!important;} .select-file-pill{background:var(--xa-soft)!important;color:var(--xa-purple)!important;} .primary-btn,.account-modal .primary-btn{background:var(--xa-purple)!important;color:#fff!important;} /* 分类标签按当前反馈：不要太小 */ .xa-cat-tabs a{font-size:18px!important;} /* 深色模式：补齐最新发布标签、详情标签、我的更多服务、账号设置、弹窗、邀请页 */ body.dark-mode{--xa-bg:#101018!important;--xa-text:#f3edf8!important;--xa-muted:#b8aebe!important;--xa-line:#332b43!important;--xa-soft:#2b2141!important;--xa-card:#181522!important;background:#101018!important;color:#f3edf8!important;} body.dark-mode .app,body.dark-mode main.page{background:#101018!important;color:#f3edf8!important;} body.dark-mode .xa-topbar h1,body.dark-mode .xa-section-title,body.dark-mode .page-title-row h1,body.dark-mode .member-title,body.dark-mode .xa-backline h1{color:#f3edf8!important;} body.dark-mode .xa-topbar p,body.dark-mode .xa-section-title small,body.dark-mode .member-note,body.dark-mode .member-help,body.dark-mode .muted-tip{color:#b8aebe!important;} body.dark-mode .xa-latest-card,body.dark-mode .xa-soft-row,body.dark-mode .detail-info-card,body.dark-mode .detail-card,body.dark-mode .ui-card,body.dark-mode .xa-profile-card,body.dark-mode .xa-mine-tile,body.dark-mode .xa-mini-panel,body.dark-mode .settings-group,body.dark-mode .payout-card,body.dark-mode .member-user-v2,body.dark-mode .pkg-card,body.dark-mode .invite-stats div,body.dark-mode .invite-link-card,body.dark-mode .history-row{background:#181522!important;border-color:#332b43!important;color:#f3edf8!important;} body.dark-mode .xa-latest-card b,body.dark-mode .xa-soft-main b,body.dark-mode .detail-info-card h2,body.dark-mode .detail-card-title,body.dark-mode .xa-mine-tile b,body.dark-mode .xa-mini-panel b,body.dark-mode .settings-row b,body.dark-mode .history-row b{color:#f3edf8!important;} body.dark-mode .xa-latest-card span,body.dark-mode .xa-soft-main span,body.dark-mode .detail-desc2,body.dark-mode .xa-mine-tile span,body.dark-mode .xa-mini-panel em,body.dark-mode .settings-row em,body.dark-mode .history-row span,body.dark-mode .invite-link-card p{color:#b8aebe!important;} body.dark-mode .xa-latest-card em,body.dark-mode .pill-row span,body.dark-mode .detail-pills span,body.dark-mode .xa-my-user p span{background:#2b2141!important;color:#d8c8ff!important;} body.dark-mode .xa-more-card{background:#181522!important;border-color:#332b43!important;color:#f3edf8!important;} body.dark-mode .xa-more-card h2{color:#f3edf8!important;} body.dark-mode .xa-more-grid a,body.dark-mode .xa-more-grid button{border-color:#332b43!important;color:#e9e1f5!important;background:#181522!important;} body.dark-mode .settings-row{border-color:#332b43!important;color:#f3edf8!important;background:transparent!important;} body.dark-mode .logout-wide{background:linear-gradient(135deg,#ff5b69,#e43f52)!important;color:#fff!important;} body.dark-mode .dialog-box,body.dark-mode .account-dialog-box{background:#181522!important;border-color:#332b43!important;color:#f3edf8!important;} body.dark-mode .dialog-box h3,body.dark-mode .account-dialog-box h3{color:#f3edf8!important;} body.dark-mode .modal-tip,body.dark-mode .invite-valid-tip{color:#cbb7ff!important;background:#211a31!important;border-color:#41345d!important;} body.dark-mode .select-file-pill,body.dark-mode .invite-link-copy{background:#2b2141!important;color:#d8c8ff!important;} body.dark-mode .dialog-input,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#14121c!important;border-color:#4b3b6b!important;color:#f3edf8!important;} body.dark-mode .xa-tabbar{background:rgba(14,14,22,.96)!important;border-color:#2d253c!important;} body.dark-mode .xa-tab,body.dark-mode .xa-tab-ico{color:#efe8f7!important;} body.dark-mode .xa-tab.active,body.dark-mode .xa-tab.active .xa-tab-ico{color:#b79cff!important;} body.dark-mode .xa-tab.active .xa-tab-ico{background:#2b2141!important;} body.dark-mode .back-ico,body.dark-mode .xa-share,body.dark-mode .auth-back{color:#f3edf8!important;} body.dark-mode .invite-hero{background:linear-gradient(135deg,#211a31,#2f2447)!important;border:1px solid #3b2f55!important;} body.dark-mode .invite-hero b,body.dark-mode .invite-hero p{color:#d6cce4!important;} body.dark-mode .invite-hero strong{color:#9d7cff!important;} body.dark-mode .invite-hero button{background:#fff!important;color:#7255b6!important;} body.dark-mode .xa-empty{background:#1b1726!important;border-color:#51456b!important;color:#9d93a8!important;} /* ===== XA 2026-05 当前反馈专项修复 ===== */ :root{--xa-bg:#fbf5fc;--xa-card:rgba(255,255,255,.52);--xa-text:#221f28;--xa-muted:#817786;--xa-border:#d8cfdd;--xa-purple:#7255b6;--xa-purple-soft:#eee6ff;--xa-dark-bg:#111018;--xa-dark-card:#1c1a26;--xa-dark-card2:#171520;--xa-dark-text:#f5f1ff;--xa-dark-muted:#bcb4cc;--xa-dark-border:#332e42}.app{max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}.page{width:min(100% - 40px,760px);margin:0 auto}.top-header{display:none!important}.page-title-row{margin:18px 0 24px!important}.page-title-left{gap:18px}.page-title-left h1{font-size:28px!important;line-height:1.1;margin:0;font-weight:800}.page-title-left p{display:none!important}.back-ico,.auth-back,.xa-backline a{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;width:auto!important;height:auto!important;color:var(--xa-text);padding:0!important}.back-ico svg,.auth-back svg,.xa-backline svg{width:30px!important;height:30px!important;stroke-width:2.5}.xa-tabbar{height:78px!important;background:rgba(255,255,255,.78);border-top:1px solid rgba(216,207,221,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.xa-tabbar-inner{height:78px!important}.xa-tab{gap:4px!important;font-size:14px!important;font-weight:700!important}.xa-tab-ico svg{width:27px!important;height:27px!important;stroke-width:1.9!important}.xa-tab.active .xa-tab-ico{height:36px;min-width:64px;border-radius:999px;background:#eadfff}.xa-tab.active{color:var(--xa-purple)!important}.xa-topbar{padding-top:8px}.xa-topbar h1{font-size:32px!important}.xa-topbar p{font-size:16px!important}.xa-settings-btn svg{width:24px!important;height:24px!important;stroke-width:2.1!important}.xa-mine-tile i svg,.xa-mine-tile i img{width:30px!important;height:30px!important}.xa-mine-tile b{font-size:18px}.xa-mine-tile span{font-size:14px}.xa-mine-tile{min-height:106px}.xa-my-user{min-height:120px!important}.xa-my-user h2{font-size:22px!important}.xa-my-user em{display:none!important}.xa-profile-card p{gap:12px!important}.xa-mini-panel a span svg{width:28px!important;height:28px!important}.xa-mini-panel{border-color:var(--xa-border);background:var(--xa-card)} .xa-banner-native{position:relative;margin:26px 0 24px;width:100%;overflow:visible}.xa-banner-native-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 22px 0 0;scrollbar-width:none}.xa-banner-native-track::-webkit-scrollbar{display:none}.xa-banner-native.single .xa-banner-native-track{padding-right:0}.xa-banner-native-slide{flex:0 0 calc(100% - 26px);aspect-ratio:16/9;border-radius:24px;overflow:hidden;scroll-snap-align:start;background:linear-gradient(135deg,#9d8cff,#7255df);display:block;box-shadow:0 12px 32px rgba(114,85,182,.13)}.xa-banner-native.single .xa-banner-native-slide{flex-basis:100%}.xa-banner-native-slide img{width:100%;height:100%;display:block;object-fit:cover}.xa-banner-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px}.xa-banner-dots i{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.45)}.xa-banner-dots i.active{width:18px;background:#fff}.xa-banner-empty{aspect-ratio:16/9;border-radius:24px;margin:26px 0 24px;background:linear-gradient(135deg,#9d8cff,#7255df);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.xa-banner-empty b{display:block;font-size:24px}.xa-banner-empty span{display:block;margin-top:14px;font-size:15px}.xa-marquee span{overflow:hidden}.xa-marquee span i{display:inline-block;white-space:nowrap;padding-left:100%;animation:xaMarqueeRun 13s linear infinite;font-style:normal}@keyframes xaMarqueeRun{from{transform:translateX(0)}to{transform:translateX(-100%)}}.xa-section-title-small{font-size:26px!important}.xa-section-title-small small{font-size:14px!important}.xa-home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.xa-latest-card{min-height:90px;padding:12px}.xa-latest-card img{width:58px;height:58px;border-radius:16px}.xa-latest-card b{font-size:16px}.xa-latest-card em{color:var(--xa-purple)!important;background:var(--xa-purple-soft)!important;opacity:1!important}.xa-latest-card span{font-size:13px;color:var(--xa-muted)} .xa-cat-tabs{position:sticky!important;top:0!important;z-index:20;margin:0 -20px 18px!important;padding:0 20px!important;height:54px!important;display:flex!important;align-items:center!important;gap:30px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;background:var(--xa-bg);border-bottom:1px solid var(--xa-border);scrollbar-width:none}.xa-cat-tabs::-webkit-scrollbar{display:none}.xa-cat-tabs a{font-size:17px!important;line-height:54px!important;font-weight:800!important;flex:none}.xa-cat-tabs a.active:after{height:4px;border-radius:8px;bottom:0}.xa-soft-row{min-height:104px}.xa-soft-main b{font-size:19px}.xa-soft-main span{font-size:15px}.xa-soft-row em{height:40px;min-width:70px;font-size:15px}.xa-soft-icon{width:66px;height:66px;border-radius:17px}.xa-loadmore{padding:16px 0 28px;color:var(--xa-muted);font-size:14px;text-align:center}.member-user-v2 .member-user-info p{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pkg-row{align-items:stretch;gap:14px}.pkg-card{padding:24px 8px 18px!important;min-height:146px!important}.pkg-card.active:before{content:"";position:absolute;top:-15px;left:34px;width:90px;height:30px;border-radius:16px 16px 0 0;background:var(--xa-purple)}.pkg-card .price{font-size:25px!important;line-height:1.05!important;margin-bottom:6px!important;position:relative;z-index:2}.pkg-card del{font-size:14px!important;margin-bottom:12px!important;display:block}.pkg-card span{font-size:16px!important;line-height:1.35!important}.auth-clean{padding-top:52px!important}.auth-title{margin-bottom:70px!important}.auth-title h1{font-size:30px}.auth-field{height:72px!important;display:flex;align-items:center}.auth-field input{height:100%!important;line-height:72px!important;padding:18px 22px 0!important;font-size:20px!important}.float-field span{top:24px!important;left:22px!important}.float-field.is-focus span,.float-field.has-value span{top:-13px!important;background:var(--xa-bg);font-size:17px!important;padding:0 8px}.code-inside-field input{padding-right:124px!important}.inside-code-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);height:42px;border:0;background:transparent;color:var(--xa-purple);font-weight:800;font-size:15px}.inside-code-btn:disabled{opacity:.55}.eye-btn2{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:transparent;color:#817786;font-weight:900}.eye-btn2 .slash{display:none}.eye-btn2.show .slash{display:block;position:absolute;left:15px;top:8px;font-size:24px;transform:rotate(20deg)}.search-v2-page .xa-backline{display:flex;align-items:center;gap:18px;margin:14px 0 28px}.search-v2-page .xa-backline h1{font-size:28px!important;font-weight:500!important;margin:0}.xa-search-page-form{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center}.xa-search-page-form button{height:64px;border:0;border-radius:22px;background:var(--xa-purple);color:#fff;font-size:18px;font-weight:700}.search-clean-form .auth-field{height:64px!important}.search-clean-form .auth-field input{font-size:18px!important;line-height:64px!important}.search-clean-form .float-field span{top:20px!important}.search-clean-form .float-field.is-focus span,.search-clean-form .float-field.has-value span{top:-12px!important}.account-v2{padding-top:0!important}.account-v2 .page-title-row{margin-top:18px!important}.settings-group{background:var(--xa-card)!important;border:1px solid var(--xa-border)!important;border-radius:24px!important;overflow:hidden}.settings-row{min-height:72px!important;padding:0 18px!important;color:var(--xa-text)!important}.settings-row b{font-size:18px}.settings-row em{font-size:15px;color:var(--xa-muted)}.logout-wide{background:#ff4d5e!important;color:#fff!important;box-shadow:0 14px 26px rgba(255,77,94,.22)!important}.account-dialog-box{background:var(--xa-card)!important;color:var(--xa-text)!important;border:1px solid var(--xa-border)!important}.account-dialog-box h3{color:var(--xa-text)!important}.modal-tip{color:var(--xa-purple)!important}.select-file-pill{background:var(--xa-purple-soft)!important;color:var(--xa-purple)!important}.primary-btn{background:var(--xa-purple)!important;color:#fff!important}.danger-line-btn{width:100%;height:50px;border-radius:18px;border:1px solid #ff6072;background:rgba(255,96,114,.12);color:#ff4058;font-weight:900}.security-card-v2{margin-bottom:18px}.security-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.security-head b{display:block;font-size:20px}.security-head span{display:block;margin-top:6px;color:var(--xa-muted);font-size:14px;line-height:1.6}.status-pill{flex:none;border-radius:999px;padding:8px 12px;background:#f1edf7;color:var(--xa-muted);font-size:12px;font-style:normal}.status-pill.ok{background:var(--xa-purple-soft);color:var(--xa-purple)}.google-secret-box{margin:16px 0;padding:14px;border-radius:18px;background:rgba(114,85,182,.08)}.google-secret-box span{display:block;color:var(--xa-muted);font-size:13px}.google-secret-box strong{display:block;font-size:22px;letter-spacing:2px;color:var(--xa-purple);margin:7px 0}.google-secret-box small{display:block;color:var(--xa-muted);line-height:1.6}.security-bind-form{margin-top:14px;display:grid;gap:14px}.behavior-box{width:min(88vw,420px);background:var(--xa-card);border:1px solid var(--xa-border);border-radius:26px;padding:22px;color:var(--xa-text);position:relative}.behavior-box h3{font-size:24px;margin:0 0 6px}.behavior-box p{margin:0 0 14px;color:var(--xa-muted)}.behavior-bg{height:130px;border-radius:18px;background:linear-gradient(135deg,#a991ff,#7255b6);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:44px;font-weight:900;letter-spacing:4px}.behavior-slider{height:52px;border-radius:999px;margin-top:16px;background:rgba(114,85,182,.12);padding:5px}.behavior-track{position:relative;height:100%;display:flex;align-items:center;justify-content:center;color:var(--xa-muted);font-size:14px}.behavior-track b{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--xa-purple);color:#fff;font-size:30px;touch-action:none;user-select:none}.behavior-slider.done{background:#d8f8e5}.customer-v2-hero{border-radius:26px;padding:22px;background:linear-gradient(135deg,#8464d4,#7255b6);color:#fff;margin-bottom:16px}.customer-v2-hero b{font-size:24px;display:block}.customer-v2-hero span{margin-top:8px;display:block;opacity:.9}.customer-v2-list{display:grid;gap:12px}.customer-v2-card{min-height:76px;border-radius:22px;border:1px solid var(--xa-border);background:var(--xa-card);padding:14px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--xa-text)}.customer-v2-card i{width:44px;height:44px;border-radius:16px;background:var(--xa-purple-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center;overflow:hidden}.customer-v2-card i svg{width:24px;height:24px}.customer-v2-card i img{width:100%;height:100%;object-fit:cover}.customer-v2-card div{flex:1;min-width:0}.customer-v2-card b{font-size:17px}.customer-v2-card span{display:block;margin-top:5px;color:var(--xa-muted);font-size:13px}.customer-v2-card em{font-style:normal;color:var(--xa-muted);font-size:28px}.customer-help-card{margin-top:16px}.article-v2-card h2{font-size:24px;margin:0 0 10px}.article-v2-card time{display:block;color:var(--xa-muted);font-size:14px;margin-bottom:18px}.article-v2-card .article-content{font-size:17px;line-height:1.9;color:var(--xa-text)}.invite-valid-tip{border-radius:16px;padding:12px 14px;background:rgba(114,85,182,.09);color:var(--xa-purple);font-size:14px;margin:8px 0 14px}.withdraw-bind-tip{padding:16px;border-radius:16px;background:rgba(114,85,182,.08);line-height:1.7}.payout-card,.ui-card{background:var(--xa-card);border:1px solid var(--xa-border);border-radius:24px}.payout-form{overflow:hidden}.payout-form label{display:grid;gap:8px;color:var(--xa-muted);font-weight:800;margin-bottom:14px}.payout-form select,.payout-form input{width:100%;box-sizing:border-box;height:54px;border-radius:18px;border:1px solid var(--xa-border);background:rgba(255,255,255,.72);padding:0 16px;color:var(--xa-text);font-size:16px}.payout-form .member-btn{width:100%;box-sizing:border-box;margin-top:8px}.payout-hidden{display:none!important}.mini-toast{z-index:10000} body.dark-mode{background:var(--xa-dark-bg)!important;color:var(--xa-dark-text)!important}body.dark-mode .page,body.dark-mode .xa-topbar,body.dark-mode .page-title-row,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode b,body.dark-mode strong,body.dark-mode .article-content{color:var(--xa-dark-text)!important}body.dark-mode p,body.dark-mode span,body.dark-mode em,body.dark-mode small,body.dark-mode .muted-tip{color:var(--xa-dark-muted)!important}body.dark-mode .xa-tabbar{background:rgba(17,16,24,.82);border-color:var(--xa-dark-border)}body.dark-mode .xa-tab:not(.active){color:#efe9ff!important}body.dark-mode .xa-tab:not(.active) svg{stroke:#efe9ff!important}body.dark-mode .xa-tab.active .xa-tab-ico{background:#31234d}body.dark-mode .xa-card,body.dark-mode .ui-card,body.dark-mode .xa-latest-card,body.dark-mode .xa-soft-row,body.dark-mode .settings-group,body.dark-mode .dialog-box,body.dark-mode .account-dialog-box,body.dark-mode .customer-v2-card,body.dark-mode .xa-discover-card,body.dark-mode .xa-marquee,body.dark-mode .payout-card{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;box-shadow:none!important}body.dark-mode .xa-latest-card em,body.dark-mode .xa-soft-row em,body.dark-mode .status-pill.ok{background:#e9defd!important;color:#7255b6!important}body.dark-mode .auth-field,body.dark-mode .payout-form input,body.dark-mode .payout-form select,body.dark-mode .dialog-input{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important}body.dark-mode .float-field.is-focus span,body.dark-mode .float-field.has-value span{background:var(--xa-dark-bg)!important;color:#a987ff!important}body.dark-mode .xa-cat-tabs{background:var(--xa-dark-bg)!important;border-color:var(--xa-dark-border)!important}body.dark-mode .xa-cat-tabs a{color:var(--xa-dark-muted)!important}body.dark-mode .xa-cat-tabs a.active{color:#a987ff!important}body.dark-mode .xa-marquee b{color:#b797ff!important}body.dark-mode .xa-theme-toggle{background:#2c2934!important}body.dark-mode .xa-theme-toggle svg,body.dark-mode .xa-share svg,body.dark-mode .back-ico svg,body.dark-mode .auth-back svg{stroke:#f6f1ff!important}body.dark-mode .customer-help-card{background:var(--xa-dark-card)!important}body.dark-mode .invite-stats div{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important}body.dark-mode .behavior-box{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important}body.dark-mode .select-file-pill{background:#342849!important;color:#cab7ff!important}body.dark-mode .article-v2-card .article-content *{color:inherit!important} @media(max-width:640px){.page{width:calc(100% - 40px)}.xa-tabbar{height:74px!important}.xa-tabbar-inner{height:74px!important}.xa-tab{font-size:13px!important}.xa-tab-ico svg{width:25px!important;height:25px!important}.xa-cat-tabs{height:50px!important;gap:26px!important}.xa-cat-tabs a{font-size:16px!important;line-height:50px!important}.xa-home-latest-grid{gap:12px}.xa-latest-card{min-height:88px}.pkg-card .price{font-size:24px!important}.auth-clean{padding-top:38px!important}.auth-title{margin-bottom:58px!important}.auth-field{height:66px!important}.auth-field input{line-height:66px!important;font-size:18px!important}.xa-search-page-form{grid-template-columns:minmax(0,1fr) 82px}.xa-search-page-form button{height:60px;font-size:16px}} /* ===== 2026-05-14 本轮反馈最终修复：导航、轮播、搜索、安全中心、客服、会员弹窗 ===== */ :root{--xa-border:var(--xa-line,#d8cedc);--xa-purple-soft:var(--xa-soft,#eee7fb);} /* 底部导航：整体内容往上，避免文字贴底，线条保持细 */ .xa-tabbar{height:82px!important;padding:8px 16px max(16px,env(safe-area-inset-bottom))!important;} .xa-tabbar-inner{height:62px!important;align-items:start!important;padding-top:2px!important;} .xa-tab{height:58px!important;justify-content:center!important;gap:4px!important;transform:translateY(-5px)!important;font-size:13px!important;} .xa-tab-ico{width:44px!important;height:28px!important;} .xa-tab-ico svg{width:23px!important;height:23px!important;} .xa-tab-ico svg *{stroke-width:1.7!important;} /* 首页暗黑模式开关：固定不移动，透明背景 */ .xa-theme-toggle,.xa-theme-toggle.moving,.dark-mode .xa-theme-toggle{background:transparent!important;transform:none!important;box-shadow:none!important;transition:none!important;} .xa-theme-toggle:active{transform:none!important;background:transparent!important;} .dark-mode .xa-theme-toggle svg{transform:none!important;} /* 首页跑马灯：单方向持续向左滚动，不来回 */ .xa-marquee{position:relative!important;overflow:hidden!important;} .xa-marquee span{position:relative!important;display:block!important;flex:1!important;height:22px!important;overflow:hidden!important;white-space:nowrap!important;} .xa-marquee span i{position:absolute!important;left:0!important;top:0!important;display:inline-block!important;min-width:max-content!important;padding-left:0!important;white-space:nowrap!important;font-style:normal!important;animation:xaMarqueeOneWay 15s linear infinite!important;will-change:transform!important;} @keyframes xaMarqueeOneWay{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}} /* 首页广告：按手势横向滑动，第一张和后续都居中，不重叠 */ .xa-banner-native{width:100%!important;position:relative!important;margin:22px 0 22px!important;overflow:hidden!important;} .xa-banner-native-track{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:0 18px!important;scrollbar-width:none!important;} .xa-banner-native-track::-webkit-scrollbar{display:none!important;} .xa-banner-native-slide{flex:0 0 calc(100% - 42px)!important;min-width:calc(100% - 42px)!important;aspect-ratio:16/8.5!important;border-radius:20px!important;overflow:hidden!important;scroll-snap-align:center!important;background:linear-gradient(135deg,#937ff1,#7255d7)!important;box-shadow:none!important;} .xa-banner-native.single .xa-banner-native-track{padding:0!important;} .xa-banner-native.single .xa-banner-native-slide{flex-basis:100%!important;min-width:100%!important;scroll-snap-align:start!important;} .xa-banner-native-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;} .xa-banner-dots{left:50%!important;right:auto!important;bottom:10px!important;transform:translateX(-50%)!important;} body.dark-mode .xa-banner-native{background:transparent!important;} /* 我的页：功能入口图标和文字整体右移，文字间距更紧 */ .xa-my-actions{gap:14px!important;} .xa-mine-tile{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:2px!important;padding:16px 14px 16px 24px!important;align-content:center!important;min-height:100px!important;height:100px!important;} .xa-mine-tile i{width:40px!important;height:40px!important;grid-row:1/3!important;} .xa-mine-tile i svg{width:23px!important;height:23px!important;} .xa-mine-tile b{font-size:16px!important;line-height:1.1!important;align-self:end!important;} .xa-mine-tile span{font-size:12.5px!important;line-height:1.2!important;align-self:start!important;margin-top:0!important;} body.dark-mode .xa-mini-panel{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;} body.dark-mode .xa-mini-panel a{border-color:var(--xa-dark-border)!important;} body.dark-mode .xa-mini-panel span{background:#2b2141!important;color:#aa8cff!important;} /* 客服中心：全新卡片式服务台 UI */ .customer-v3-page .page{padding-top:36px!important;} .customer-v3-hero{border-radius:26px;padding:24px 22px;margin-bottom:18px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.35),transparent 32%),linear-gradient(135deg,#8a6ee6,#6e54b8);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 14px 36px rgba(110,84,184,.18);} .customer-v3-hero b{font-size:25px;display:block;margin-bottom:8px;color:#fff!important;} .customer-v3-hero span{font-size:14px;line-height:1.6;color:rgba(255,255,255,.88)!important;} .customer-v3-hero i{width:58px;height:58px;border-radius:22px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:none;} .customer-v3-hero i svg{width:32px;height:32px;stroke:#fff!important;} .customer-v3-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;} .customer-v3-card{min-height:118px;border-radius:22px;border:1px solid var(--xa-border);background:rgba(255,255,255,.36);padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--xa-text);} .customer-v3-card i{width:38px;height:38px;border-radius:15px;background:var(--xa-purple-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center;overflow:hidden;} .customer-v3-card i svg{width:22px;height:22px;} .customer-v3-card i img{width:100%;height:100%;object-fit:cover;} .customer-v3-card b{font-size:16px;line-height:1.2;} .customer-v3-card span{font-size:12px;color:var(--xa-muted);line-height:1.35;} .customer-v3-empty,.customer-v3-tips{border:1px dashed var(--xa-border);border-radius:22px;background:rgba(255,255,255,.28);padding:18px;color:var(--xa-muted);} .customer-v3-empty{grid-column:1/3;text-align:center;} .customer-v3-empty b,.customer-v3-tips b{display:block;color:var(--xa-text);font-size:17px;margin-bottom:6px;} .customer-v3-tips p{margin:0;color:var(--xa-muted);font-size:13px;line-height:1.7;} body.dark-mode .customer-v3-card,body.dark-mode .customer-v3-empty,body.dark-mode .customer-v3-tips{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;} body.dark-mode .customer-v3-card i{background:#2b2141!important;color:#aa8cff!important;} /* 安全中心：列表卡片 + 谷歌验证弹窗 */ .compact-title{margin:18px 0 22px!important;} .compact-title .page-title-left{display:flex!important;align-items:center!important;gap:16px!important;} .compact-title h1{font-size:28px!important;line-height:1.1!important;margin:0!important;font-weight:900!important;} .security-v3-page .page,.security-email-page .page{padding-top:34px!important;} .security-v3-list{display:grid;gap:14px;} .security-v3-row{width:100%;min-height:88px;border:1px solid var(--xa-border);border-radius:22px;background:var(--xa-card);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 34px 18px;gap:10px;align-items:center;color:var(--xa-text);text-align:left;} .security-v3-row b{display:block;font-size:18px;line-height:1.2;margin-bottom:6px;} .security-v3-row span{font-size:13px;line-height:1.5;color:var(--xa-muted);display:block;} .security-v3-row i{font-style:normal;color:var(--xa-muted);font-size:28px;line-height:1;} .status-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d6dbe5;color:#fff;font-style:normal;font-weight:900;} .status-dot.ok{background:#34c86f;color:#fff;} .google-modal-box{padding:24px!important;border-radius:26px!important;} .google-modal-box h3{font-size:24px!important;margin:0 0 10px!important;} .google-key-line{display:flex;align-items:center;gap:10px;background:rgba(114,85,182,.10);border-radius:18px;padding:12px;margin:14px 0;} .google-key-line span{font-size:18px;letter-spacing:1.5px;color:var(--xa-purple)!important;font-weight:900;word-break:break-all;flex:1;} .google-key-line button{border:0;background:var(--xa-purple);color:#fff;border-radius:13px;height:36px;padding:0 12px;font-weight:800;} .modal-form{display:grid;gap:14px;margin-top:14px;} .dialog-input{height:52px;border:1px solid var(--xa-border);border-radius:16px;background:rgba(255,255,255,.78);padding:0 14px;font-size:16px;color:var(--xa-text);} .email-bind-card{padding:18px!important;} body.dark-mode .security-v3-row,body.dark-mode .email-bind-card{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;} body.dark-mode .google-key-line{background:#2b2141!important;} body.dark-mode .dialog-input{background:#15131d!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;} /* 会员中心：保留选中凸起，但不遮挡价格，套餐文字整体上移 */ .pkg-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;} .pkg-card{position:relative!important;height:142px!important;min-height:142px!important;padding:26px 8px 10px!important;border-radius:18px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;} .pkg-card.active:before{content:"";position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:78px;height:22px;border-radius:12px 12px 4px 4px;background:var(--xa-purple);z-index:0;} .pkg-card .price{position:relative;z-index:1;font-size:24px!important;line-height:1.05!important;margin:0 0 6px!important;color:var(--xa-purple)!important;font-weight:950!important;} .pkg-card del{display:block;font-size:14px!important;line-height:1!important;margin:0 0 10px!important;color:var(--xa-text)!important;} .pkg-card span{display:block;font-size:15px!important;line-height:1.35!important;color:var(--xa-text)!important;margin:0!important;} body.dark-mode .pkg-card del,body.dark-mode .pkg-card span{color:var(--xa-dark-text)!important;} @media(max-width:360px){.pkg-row{gap:8px!important}.pkg-card{height:134px!important;min-height:134px!important}.pkg-card .price{font-size:21px!important}.pkg-card span{font-size:13px!important}} /* 详情页会员权限弹窗 */ .vip-need-dialog p{margin:6px 0 18px;color:var(--xa-muted);line-height:1.7;} .dialog-go{height:44px;border-radius:14px;background:var(--xa-purple);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 16px;font-weight:900;} .download-fixed{border:0;} body.dark-mode .detail-pills span{background:#e9defd!important;color:#7255b6!important;} /* 搜索界面全新设计 */ .search-v3-page .page{padding-top:36px!important;} .search-v3-head{display:flex;align-items:center;gap:16px;margin:0 0 26px;} .search-v3-head h1{font-size:28px;font-weight:600;line-height:1;margin:0;color:var(--xa-text);} .search-v3-form{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:10px;margin-bottom:12px;align-items:center;} .search-v3-field{position:relative;height:58px;border:2px solid var(--xa-purple);border-radius:20px;background:transparent;display:block;} .search-v3-field input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:15px 14px 0;font-size:17px;line-height:1;color:var(--xa-text);} .search-v3-field span{position:absolute;left:15px;top:50%;transform:translateY(-50%);background:var(--xa-bg);color:var(--xa-purple);font-size:15px;line-height:1;padding:0;transition:.18s ease;} .search-v3-field.is-focus span,.search-v3-field.has-value span{top:0;transform:translateY(-50%) scale(.9);padding:0 8px;} .search-v3-form button{height:58px;border:0;border-radius:20px;background:var(--xa-purple);color:#fff;font-size:16px;font-weight:600;} .search-v3-tip{font-size:13px;color:var(--xa-muted);margin-bottom:18px;line-height:1.6;} .search-empty-card{border:1px dashed var(--xa-border);border-radius:22px;background:rgba(255,255,255,.28);padding:24px;text-align:center;color:var(--xa-muted);} .search-empty-card b{display:block;color:var(--xa-text);font-size:18px;margin-bottom:8px;} body.dark-mode .search-v3-head h1{color:var(--xa-dark-text)!important;} body.dark-mode .search-v3-field{border-color:#5c4b7f;background:#15131d;} body.dark-mode .search-v3-field span{background:var(--xa-dark-bg);color:#aa8cff;} body.dark-mode .search-empty-card{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;} /* 分类标签稍微收紧 */ .xa-cat-tabs a{font-size:15px!important;} /* ===== 2026-05-14 当前反馈：最终专项修复覆盖 ===== */ /* 首页广告：手势滑动、首张从左正常开始、右侧露出下一张，不再重叠/变小 */ .xa-banner-native{margin:18px 0 20px!important;overflow:hidden!important;border-radius:20px!important;width:100%!important;} .xa-banner-native-track{padding:0!important;gap:10px!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;-webkit-overflow-scrolling:touch!important;} .xa-banner-native-slide{flex:0 0 calc(100% - 28px)!important;min-width:calc(100% - 28px)!important;aspect-ratio:16/9!important;border-radius:20px!important;scroll-snap-align:start!important;overflow:hidden!important;background:linear-gradient(135deg,#9782f4,#6f55d7)!important;position:relative!important;} .xa-banner-native.single .xa-banner-native-slide{flex-basis:100%!important;min-width:100%!important;} .xa-banner-native-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:20px!important;} .xa-banner-dots{left:50%!important;right:auto!important;bottom:9px!important;transform:translateX(-50%)!important;} .xa-banner-dots i{opacity:.65!important}.xa-banner-dots i.active{opacity:1!important} /* 跑马灯：单方向从右往左持续滚动 */ .xa-marquee span{position:relative!important;display:block!important;flex:1!important;overflow:hidden!important;white-space:nowrap!important;height:24px!important;} .xa-marquee span i{position:absolute!important;left:0!important;top:0!important;display:inline-block!important;white-space:nowrap!important;font-style:normal!important;padding-left:100%!important;animation:xaFinalMarquee 18s linear infinite!important;will-change:transform!important;} @keyframes xaFinalMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}} /* 首页最新发布标题更轻一点 */ .xa-section-title-small{font-size:18px!important;line-height:1.2!important;margin-top:22px!important;} .xa-section-title-small small{font-size:12px!important;font-weight:500!important;} /* 黑暗模式开关：完全透明，点击不位移 */ .xa-theme-toggle,.xa-theme-toggle:hover,.xa-theme-toggle:active,.dark-mode .xa-theme-toggle{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;filter:none!important;} .xa-theme-toggle svg{background:transparent!important;display:block!important;} .xa-theme-toggle svg rect{fill:transparent!important;opacity:0!important;stroke:transparent!important;} .xa-theme-toggle svg *{transition:none!important;} /* 我的页四个入口：图标和文字微调，文字间隔不要太大 */ .xa-my-actions{gap:12px 14px!important;} .xa-mine-tile{grid-template-columns:42px minmax(0,1fr)!important;column-gap:14px!important;row-gap:4px!important;padding:15px 12px 15px 20px!important;align-content:center!important;} .xa-mine-tile i{width:42px!important;height:42px!important;} .xa-mine-tile i svg{width:24px!important;height:24px!important;} .xa-mine-tile b{font-size:16px!important;line-height:1.05!important;align-self:end!important;margin:0!important;} .xa-mine-tile span{font-size:12px!important;line-height:1.15!important;align-self:start!important;margin:0!important;} /* 登录/注册/找回：整体上移，密码默认划线眼睛 */ .auth-clean{padding-top:18px!important;} .auth-title{margin-top:54px!important;margin-bottom:44px!important;} .auth-title h1{font-size:30px!important;line-height:1.1!important;} .auth-title p{margin-top:8px!important;font-size:17px!important;} .auth-card-new{gap:14px!important;} .auth-field{height:58px!important;} .auth-field input{height:100%!important;line-height:58px!important;font-size:16px!important;padding-top:0!important;display:flex!important;align-items:center!important;} .auth-field.float-field input{padding:0 48px 0 16px!important;line-height:58px!important;} .auth-field.float-field span{top:50%!important;left:16px!important;font-size:15px!important;} .auth-field.float-field.is-focus span,.auth-field.float-field.has-value span{top:0!important;transform:translateY(-50%) scale(.9)!important;padding:0 8px!important;} .eye-btn2 .eye-on{display:block!important}.eye-btn2 .eye-off{display:none!important}.eye-btn2:not(.show)::after{content:"";position:absolute;left:8px;top:16px;width:22px;height:2px;background:currentColor;transform:rotate(38deg);border-radius:2px;}.eye-btn2.show::after{display:none!important}.eye-btn2.show .eye-on{display:block!important}.eye-btn2.show .eye-off{display:none!important} /* 搜索页彻底重做：不使用浮动标签，输入文字居中 */ .search-final-page .page{padding-top:28px!important;} .search-final-head{display:flex;align-items:center;gap:16px;margin:0 0 24px!important;} .search-final-head h1{margin:0!important;font-size:26px!important;line-height:1!important;font-weight:600!important;color:var(--xa-text)!important;} .search-final-card{border:1px solid var(--xa-border)!important;border-radius:24px!important;background:rgba(255,255,255,.26)!important;padding:16px!important;margin-bottom:16px!important;} .search-final-title{font-size:14px!important;color:var(--xa-purple)!important;margin:0 0 10px!important;font-weight:600!important;} .search-final-row{display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;gap:10px!important;align-items:center!important;} .search-final-row input{height:50px!important;border:1.6px solid var(--xa-purple)!important;border-radius:17px!important;background:transparent!important;padding:0 15px!important;line-height:50px!important;font-size:16px!important;color:var(--xa-text)!important;outline:none!important;} .search-final-row input::placeholder{color:#8c7abb!important;} .search-final-row button{height:50px!important;border:0!important;border-radius:17px!important;background:var(--xa-purple)!important;color:#fff!important;font-size:15px!important;font-weight:600!important;} .search-final-tip{margin:10px 2px 0!important;color:var(--xa-muted)!important;font-size:12px!important;line-height:1.6!important;} .search-final-empty{border:1px dashed var(--xa-border)!important;border-radius:22px!important;background:rgba(255,255,255,.22)!important;padding:28px 18px!important;text-align:center!important;color:var(--xa-muted)!important;margin-top:18px!important;} .search-final-empty b{display:block!important;font-size:18px!important;color:var(--xa-text)!important;margin-bottom:8px!important;} body.dark-mode .search-final-head h1{color:var(--xa-dark-text)!important;}body.dark-mode .search-final-card,body.dark-mode .search-final-empty{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;}body.dark-mode .search-final-row input{background:#15131d!important;color:var(--xa-dark-text)!important;border-color:#6f55b5!important;} /* 客服中心重新设计：去掉大紫色横幅的旧感 */ .support-desk{display:grid!important;gap:14px!important;} .support-summary{border:1px solid var(--xa-border)!important;border-radius:24px!important;background:rgba(255,255,255,.28)!important;padding:20px!important;display:flex!important;align-items:center!important;gap:14px!important;} .support-summary i{width:46px;height:46px;border-radius:18px;background:var(--xa-purple-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center;flex:none;} .support-summary i svg{width:25px;height:25px;} .support-summary b{display:block;font-size:18px;line-height:1.2;margin-bottom:5px;}.support-summary span{font-size:13px;line-height:1.55;color:var(--xa-muted);} .support-link{min-height:74px;border:1px solid var(--xa-border);border-radius:20px;background:rgba(255,255,255,.26);padding:14px 16px;display:flex;align-items:center;gap:13px;color:var(--xa-text);} .support-link i{width:38px;height:38px;border-radius:14px;background:var(--xa-purple-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;} .support-link i img{width:100%;height:100%;object-fit:cover}.support-link i svg{width:22px;height:22px}.support-link div{min-width:0;flex:1}.support-link b{font-size:16px;line-height:1.2}.support-link span{display:block;margin-top:4px;color:var(--xa-muted);font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-link em{font-style:normal;color:var(--xa-muted);font-size:24px;} body.dark-mode .support-summary,body.dark-mode .support-link{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;} /* 安全中心 + 弹窗 */ .security-v3-row{min-height:78px!important;border-radius:20px!important;} .change-pwd-box .dialog-input[type=text]{-webkit-text-security:none!important;} /* 会员中心套餐：文字不要溢出，套餐名靠近划线价 */ .pkg-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;} .pkg-card{height:138px!important;min-height:138px!important;padding:25px 7px 9px!important;justify-content:flex-start!important;overflow:visible!important;} .pkg-card.active:before{top:-12px!important;height:24px!important;width:78px!important;left:50%!important;transform:translateX(-50%)!important;} .pkg-card .price{font-size:23px!important;line-height:1.05!important;margin:0 0 4px!important;} .pkg-card del{font-size:13px!important;line-height:1!important;margin:0 0 5px!important;} .pkg-card span{font-size:14px!important;line-height:1.22!important;margin:0!important;} /* 图标线条细一点 */ .xa-tab-ico svg *,.back-ico svg *,.auth-back svg *,.xa-share svg *{stroke-width:1.85!important;} /* 暗黑模式强化 */ body.dark-mode .xa-latest-card em,body.dark-mode .xa-soft-main em{background:#e9defd!important;color:#7255b6!important;}body.dark-mode .support-summary i,body.dark-mode .support-link i,body.dark-mode .xa-mine-tile i{filter:none!important;} body.dark-mode .auth-field.float-field span{background:var(--xa-dark-bg)!important;color:#ad91ff!important;}body.dark-mode .auth-check{color:var(--xa-dark-muted)!important;}body.dark-mode .auth-check a{color:#b79cff!important;} .dialog-pwd{position:relative;display:block}.dialog-pwd .dialog-input{width:100%;padding-right:52px!important}.dialog-pwd .eye-btn2{right:10px!important} /* 兼容旧模板里的 auth-v3 大空白覆盖 */ @media(max-width:640px){.auth-clean{padding-top:18px!important}.auth-title{margin-top:48px!important;margin-bottom:42px!important}.auth-field{height:58px!important}.auth-field input{line-height:58px!important;font-size:16px!important}.float-field span{top:50%!important}.float-field.is-focus span,.float-field.has-value span{top:0!important;font-size:14px!important}.xa-tabbar{height:74px!important}.xa-tabbar-inner{height:74px!important}.xa-tab{transform:translateY(-4px)!important}} /* ===== 2026-05-14 本轮真实修复覆盖层：只修用户最新反馈 ===== */ /* 底部导航：文字和图标整体上移，避免贴底 */ .xa-tabbar{height:76px!important;padding-bottom:8px!important;box-sizing:border-box!important;} .xa-tabbar-inner{height:68px!important;align-items:center!important;} .xa-tab{transform:translateY(-7px)!important;gap:3px!important;} @media(max-width:640px){.xa-tab{transform:translateY(-7px)!important}.xa-tabbar{height:76px!important}} /* 首页广告：恢复大图尺寸，第一张靠左正常显示，右侧只露出下一张边缘 */ .xa-banner-native{width:100%!important;margin:24px 0 22px!important;overflow:visible!important;} .xa-banner-native-track{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:0 0 0 0!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;} .xa-banner-native-track::-webkit-scrollbar{display:none!important;} .xa-banner-native-slide{flex:0 0 calc(100% - 34px)!important;min-width:calc(100% - 34px)!important;width:calc(100% - 34px)!important;aspect-ratio:16/8.35!important;border-radius:22px!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important;background:linear-gradient(135deg,#9682f4,#7255d9)!important;box-shadow:none!important;} .xa-banner-native.single .xa-banner-native-slide{flex-basis:100%!important;min-width:100%!important;width:100%!important;} .xa-banner-native-slide img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;border-radius:22px!important;} .xa-banner-dots{left:calc(50% - 17px)!important;bottom:12px!important;transform:translateX(-50%)!important;right:auto!important;} .xa-banner-empty{aspect-ratio:16/8.35!important;border-radius:22px!important;margin:24px 0 22px!important;} body.dark-mode .xa-banner-native-slide{background:linear-gradient(135deg,#7d68df,#5d45bf)!important;} /* 跑马灯：固定单方向，从右到左，不左右反弹 */ .xa-marquee span{position:relative!important;display:block!important;overflow:hidden!important;white-space:nowrap!important;height:24px!important;line-height:24px!important;} .xa-marquee span i{position:absolute!important;left:0!important;top:0!important;display:inline-block!important;white-space:nowrap!important;font-style:normal!important;padding-left:100%!important;animation:xaMarqueeOnlyLeft 16s linear infinite!important;will-change:transform!important;} @keyframes xaMarqueeOnlyLeft{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}} /* 黑暗模式开关：保留开关背景，但背景改为柔和灰色，不是黑色方块；点击不位移 */ .xa-theme-toggle{width:56px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(114,85,182,.16)!important;color:var(--xa-purple)!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;} .xa-theme-toggle:active,.xa-theme-toggle:hover{transform:none!important;box-shadow:none!important;} .xa-theme-toggle svg{width:46px!important;height:26px!important;display:block!important;background:transparent!important;} .xa-theme-toggle svg rect{fill:transparent!important;opacity:0!important;stroke:transparent!important;} .xa-theme-toggle svg circle{fill:currentColor!important;} body.dark-mode .xa-theme-toggle{background:rgba(255,255,255,.18)!important;color:#d8d3df!important;} body.dark-mode .xa-theme-toggle svg rect{fill:transparent!important;opacity:0!important;} /* 首页最新发布标题小一点 */ .xa-section-title-small{font-size:21px!important;line-height:1.15!important;margin-top:22px!important;margin-bottom:14px!important;} .xa-section-title-small small{font-size:13px!important;font-weight:600!important;color:var(--xa-muted)!important;} /* 我的页四个入口：不要挤在左边，图标/文字整体向右，文字上下间距变近 */ .xa-my-actions{gap:12px!important;} .xa-mine-tile{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;column-gap:16px!important;row-gap:2px!important;align-items:center!important;align-content:center!important;min-height:104px!important;padding:15px 14px 15px 24px!important;} .xa-mine-tile i{grid-row:1/3!important;width:46px!important;height:46px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;} .xa-mine-tile i svg{width:28px!important;height:28px!important;} .xa-mine-tile b{align-self:end!important;margin:0!important;font-size:17px!important;line-height:1.08!important;} .xa-mine-tile span{align-self:start!important;margin:0!important;font-size:13px!important;line-height:1.1!important;} /* 搜索页：全新简洁搜索，不用浮动标签；输入文字垂直居中 */ .search-final-page .page{padding-top:22px!important;} .search-final-head{display:flex!important;align-items:center!important;gap:18px!important;margin:0 0 24px!important;} .search-final-head h1{font-size:25px!important;font-weight:600!important;line-height:1!important;margin:0!important;} .search-final-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0 0 16px!important;} .search-final-title{font-size:13px!important;line-height:1.2!important;margin:0 0 8px 4px!important;color:var(--xa-purple)!important;font-weight:600!important;} .search-final-row{display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:12px!important;align-items:center!important;} .search-final-row input{height:52px!important;line-height:52px!important;border:2px solid var(--xa-purple)!important;border-radius:18px!important;background:transparent!important;padding:0 14px!important;font-size:16px!important;font-weight:500!important;outline:none!important;color:var(--xa-text)!important;box-shadow:none!important;} .search-final-row button{height:52px!important;border-radius:18px!important;border:0!important;background:var(--xa-purple)!important;color:#fff!important;font-size:15px!important;font-weight:600!important;} .search-final-tip{display:none!important;} .search-final-empty{border:1px dashed var(--xa-border)!important;border-radius:20px!important;background:rgba(255,255,255,.20)!important;padding:26px 16px!important;text-align:center!important;color:var(--xa-muted)!important;margin-top:18px!important;} .search-final-empty b{font-size:15px!important;font-weight:600!important;color:var(--xa-muted)!important;} body.dark-mode .search-final-row input{background:#15131d!important;color:var(--xa-dark-text)!important;border-color:#7d61ca!important;} body.dark-mode .search-final-empty{background:#181522!important;border-color:#3b314e!important;color:#afa6bc!important;} body.dark-mode .search-final-empty b{color:#afa6bc!important;} /* 登录/注册/忘记密码整体上移 */ .auth-clean{padding-top:0!important;} .auth-title{margin-top:30px!important;margin-bottom:34px!important;} .auth-title h1{font-size:30px!important;line-height:1.12!important;} .auth-title p{font-size:17px!important;margin-top:8px!important;} .auth-card-new{gap:12px!important;} .auth-field{height:56px!important;} .auth-field input{height:56px!important;line-height:56px!important;display:block!important;padding-top:0!important;padding-bottom:0!important;} .auth-field.float-field input{padding:0 48px 0 16px!important;} .auth-field.float-field span{top:50%!important;transform:translateY(-50%)!important;} .auth-field.float-field.is-focus span,.auth-field.float-field.has-value span{top:0!important;transform:translateY(-50%) scale(.9)!important;} /* 密码输入框默认应该是划线眼睛状态，显示后去除划线 */ .eye-btn2{position:absolute!important;color:#85808c!important;} .eye-btn2::after{content:""!important;position:absolute!important;left:8px!important;top:50%!important;width:24px!important;height:2px!important;background:currentColor!important;transform:translateY(-50%) rotate(38deg)!important;border-radius:2px!important;display:block!important;} .eye-btn2.show::after{display:none!important;} /* 更改密码弹窗：输入框间距压缩 */ .change-pwd-box .modal-form{gap:10px!important;} .change-pwd-box .dialog-input{height:48px!important;line-height:48px!important;border-radius:15px!important;padding-top:0!important;padding-bottom:0!important;} .change-pwd-box .modal-tip{margin-bottom:8px!important;} /* 安全中心谷歌验证弹窗 */ .google-secret-box{display:flex;align-items:center;gap:10px;border:1px solid var(--xa-line);border-radius:16px;background:rgba(114,85,182,.08);padding:10px 10px;margin:10px 0;} .google-secret-box code{flex:1;min-width:0;word-break:break-all;color:var(--xa-purple);font-weight:800;font-size:14px;} .google-secret-box button{height:36px;border:0;border-radius:12px;background:var(--xa-purple);color:#fff;font-weight:700;padding:0 12px;} .google-otp-url{font-size:11px;color:var(--xa-muted);line-height:1.4;word-break:break-all;margin-bottom:10px;display:none;} body.dark-mode .google-secret-box{background:#211a31!important;border-color:#3c3150!important;}body.dark-mode .google-secret-box code{color:#cbb7ff!important;} /* 客服中心：新风格，支持客服和群组，不再使用旧大横幅 */ .support-desk,.support-summary,.support-link{display:none!important;} .support-modern{display:grid!important;gap:14px!important;} .support-modern-head{border:1px solid var(--xa-border);border-radius:24px;background:linear-gradient(135deg,rgba(114,85,182,.10),rgba(255,255,255,.28));padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;} .support-modern-head b{display:block;font-size:18px;line-height:1.1;margin-bottom:6px;color:var(--xa-text)} .support-modern-head span{display:block;font-size:13px;line-height:1.5;color:var(--xa-muted)} .support-modern-head i{width:54px;height:54px;border-radius:20px;background:var(--xa-purple);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;} .support-modern-head i svg{width:30px;height:30px;} .support-modern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .support-modern-card{min-height:116px;border:1px solid var(--xa-border);border-radius:22px;background:rgba(255,255,255,.34);padding:16px;display:flex;flex-direction:column;gap:12px;color:var(--xa-text);position:relative;overflow:hidden;} .support-modern-card i{width:44px;height:44px;border-radius:17px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;} .support-modern-card.service i{background:#7255b6}.support-modern-card.group i{background:#ff5ca8}.support-modern-card i svg{width:25px;height:25px}.support-modern-card i img{width:100%;height:100%;object-fit:cover} .support-modern-card b{font-size:17px;line-height:1.15}.support-modern-card span{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:var(--xa-muted)}.support-modern-card em{position:absolute;right:14px;top:14px;font-style:normal;color:var(--xa-muted);font-size:22px;} .support-modern-tip{border:1px dashed var(--xa-border);border-radius:20px;padding:16px 18px;background:rgba(255,255,255,.18);}.support-modern-tip b{font-size:16px}.support-modern-tip p{margin:8px 0 0;color:var(--xa-muted);font-size:13px;line-height:1.7;} body.dark-mode .support-modern-head,body.dark-mode .support-modern-card,body.dark-mode .support-modern-tip{background:#181522!important;border-color:#332b43!important;color:#f5f1ff!important;}body.dark-mode .support-modern-head b,body.dark-mode .support-modern-card b,body.dark-mode .support-modern-tip b{color:#f5f1ff!important;}body.dark-mode .support-modern-head span,body.dark-mode .support-modern-card span,body.dark-mode .support-modern-tip p{color:#b8aebe!important;} /* 会员中心套餐再次修复，文字不溢出 */ .pkg-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;} .pkg-card{height:142px!important;min-height:142px!important;padding:24px 5px 10px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;} .pkg-card.active:before{display:block!important;top:-12px!important;width:68px!important;height:22px!important;border-radius:12px 12px 0 0!important;z-index:0!important;} .pkg-card .price{font-size:22px!important;line-height:1!important;margin:0!important;position:relative!important;z-index:1!important;} .pkg-card del{font-size:13px!important;line-height:1!important;margin:3px 0 4px!important;} .pkg-card span{font-size:14px!important;line-height:1.24!important;margin:0!important;text-align:center!important;word-break:keep-all!important;} @media(max-width:390px){.pkg-card{height:148px!important}.pkg-card span{font-size:13px!important}} /* 暗黑模式补强 */ body.dark-mode .xa-profile-card,body.dark-mode .xa-mine-tile,body.dark-mode .xa-more-card,body.dark-mode .ui-card,body.dark-mode .dialog-box,body.dark-mode .account-dialog-box{background:#181522!important;border-color:#332b43!important;color:#f5f1ff!important;} body.dark-mode .xa-profile-card h2,body.dark-mode .xa-mine-tile b,body.dark-mode .xa-more-card h2{color:#f5f1ff!important;} body.dark-mode .xa-profile-card span,body.dark-mode .xa-mine-tile span,body.dark-mode .xa-more-card em{color:#b8aebe!important;} .xa-banner-native-slide.banner-broken{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#fff!important;} .xa-banner-native-slide.banner-broken:after{content:'蓝奏云合集软件库\A后台添加合集链接后自动展示软件列表';white-space:pre!important;font-size:22px!important;line-height:1.7!important;font-weight:900!important;} @media(max-width:390px){.xa-banner-native-slide.banner-broken:after{font-size:19px!important}} /* === 2026-05-14 当前问题深度修复 === */ /* 首页轮播：按手势滑动，单张居中，多张只露出下一张边缘，修复标签/圆点跑偏 */ .xa-banner-native{position:relative!important;overflow:hidden!important;width:100%!important;margin:0 0 18px!important;} .xa-banner-native-track{display:flex!important;align-items:stretch!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;padding:0 44px 0 0!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;} .xa-banner-native-track::-webkit-scrollbar{display:none!important;} .xa-banner-native-slide{flex:0 0 calc(100% - 44px)!important;min-width:calc(100% - 44px)!important;max-width:calc(100% - 44px)!important;scroll-snap-align:start!important;border-radius:22px!important;overflow:hidden!important;aspect-ratio:16/8.5!important;margin:0!important;} .xa-banner-native.single .xa-banner-native-track{padding-right:0!important;} .xa-banner-native.single .xa-banner-native-slide,.xa-banner-empty.single{flex-basis:100%!important;min-width:100%!important;max-width:100%!important;} .xa-banner-dots{position:absolute!important;left:0!important;right:44px!important;bottom:12px!important;display:flex!important;justify-content:center!important;gap:6px!important;pointer-events:none!important;} .xa-banner-native.single .xa-banner-dots{right:0!important;} .xa-banner-dots span{width:6px!important;height:6px!important;border-radius:99px!important;background:rgba(255,255,255,.45)!important;display:block!important;} .xa-banner-dots span.active{width:18px!important;background:#fff!important;} /* 暗黑模式开关：灰色轨道，不位移，不出现黑色长方块 */ .xa-theme-toggle{width:54px!important;height:30px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;} .xa-theme-toggle,.xa-theme-toggle:active,.xa-theme-toggle:focus{transform:none!important;outline:none!important;} .xa-theme-toggle svg{width:54px!important;height:30px!important;display:block!important;overflow:visible!important;} .xa-theme-toggle svg rect{fill:#e6e1ed!important;opacity:1!important;rx:15!important;} .xa-theme-toggle svg circle{transition:none!important;} body.dark-mode .xa-theme-toggle svg rect{fill:#5d5a66!important;} body.dark-mode .xa-theme-toggle svg circle{fill:#f4f0ff!important;} /* 首页跑马灯：单方向持续滚动 */ .xa-marquee span{overflow:hidden!important;white-space:nowrap!important;} .xa-marquee span i{display:inline-flex!important;align-items:center!important;min-width:max-content!important;animation:xaNoticeOneWay 18s linear infinite!important;font-style:normal!important;will-change:transform!important;} .xa-marquee span i em{font-style:normal!important;padding-right:72px!important;white-space:nowrap!important;} @keyframes xaNoticeOneWay{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* 最新发布标题小一点 */ .xa-section-title,.xa-section-title-small{font-size:23px!important;line-height:1.15!important;margin-top:22px!important;margin-bottom:13px!important;} .xa-section-title small,.xa-section-title a small{font-size:13px!important;font-weight:600!important;} /* 底部导航：整体内容向上，图标线条适中 */ .xa-tabbar{height:82px!important;padding:8px 10px 12px!important;box-sizing:border-box!important;} .xa-tabbar-inner{height:64px!important;align-items:center!important;padding:0 10px 8px!important;} .xa-tab{gap:4px!important;transform:translateY(-4px)!important;} .xa-tab span:last-child{font-size:13px!important;line-height:1.1!important;margin-top:2px!important;} .xa-tab-ico svg,.xa-tab svg{width:22px!important;height:22px!important;stroke-width:2!important;} /* 我的页四宫格：字和图标靠近一点，纵向间隔拉开一点 */ .xa-my-actions{gap:10px!important;} .xa-mine-tile{grid-template-columns:46px minmax(0,1fr)!important;column-gap:8px!important;align-items:center!important;padding:14px 12px!important;min-height:92px!important;height:92px!important;} .xa-mine-tile i{width:42px!important;height:42px!important;} .xa-mine-tile i svg{width:24px!important;height:24px!important;} .xa-mine-tile b{font-size:16px!important;line-height:1.28!important;margin:0 0 3px!important;align-self:auto!important;} .xa-mine-tile span{font-size:12px!important;line-height:1.42!important;margin:0!important;align-self:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} /* 分类软件列表降低一点，分类标签字体略小但不极小 */ .xa-cat-tabs{position:sticky!important;top:0!important;z-index:8!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;} .xa-cat-tabs a{font-size:14.5px!important;line-height:40px!important;height:40px!important;padding:0 14px!important;} .page-softwares .xa-soft-row{min-height:82px!important;height:82px!important;padding:10px 14px!important;} .page-softwares .xa-soft-icon{width:54px!important;height:54px!important;border-radius:14px!important;} .page-softwares .xa-soft-main b{font-size:15.5px!important;line-height:1.2!important;} .page-softwares .xa-soft-main span{font-size:12.5px!important;line-height:1.35!important;} .page-softwares .xa-soft-row em{height:34px!important;line-height:34px!important;font-size:13px!important;padding:0 16px!important;} /* 搜索页：重新设计后的输入框居中，提示文案符合要求 */ .search-final-head h1{font-size:25px!important;font-weight:600!important;} .search-final-title{font-size:13px!important;color:var(--xa-purple)!important;} .search-final-row input{height:52px!important;line-height:52px!important;display:block!important;font-size:16px!important;padding:0 14px!important;box-sizing:border-box!important;vertical-align:middle!important;} .search-final-row input::placeholder{font-size:13px!important;color:#8b7caf!important;} .search-final-empty b{font-size:15px!important;} /* 会员中心卡片：恢复凸起并保证文字全部在卡片内 */ .pkg-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;} .pkg-card{height:138px!important;min-height:138px!important;padding:22px 5px 10px!important;overflow:visible!important;gap:3px!important;} .pkg-card.active:before{display:block!important;top:-11px!important;width:66px!important;height:21px!important;background:var(--xa-purple)!important;border-radius:12px 12px 0 0!important;z-index:0!important;} .pkg-card .price{font-size:21px!important;line-height:1!important;margin:0 0 1px!important;position:relative!important;z-index:1!important;} .pkg-card del{font-size:12px!important;line-height:1!important;margin:1px 0 3px!important;} .pkg-card span{font-size:13.5px!important;line-height:1.18!important;margin:0!important;} .member-user-card .member-expire-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;line-height:1.25!important;} /* 客服中心全新样式，不再是大横幅 */ .support-desk-card,.support-split-grid,.support-note-card{display:none!important;} .support-new-wrap{display:grid!important;gap:14px!important;} .support-new-card{border:1px solid var(--xa-border);border-radius:22px;background:rgba(255,255,255,.38);padding:16px;display:flex;align-items:center;gap:14px;color:var(--xa-text);min-height:84px;} .support-new-card .support-new-icon{width:48px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none;} .support-new-card.service .support-new-icon{background:linear-gradient(135deg,#7658c8,#9b79ff)} .support-new-card.group .support-new-icon{background:linear-gradient(135deg,#ff5a9b,#ff8cc0)} .support-new-card .support-new-icon svg{width:26px;height:26px}.support-new-card b{display:block;font-size:17px;line-height:1.2;margin-bottom:5px}.support-new-card span{font-size:13px;line-height:1.4;color:var(--xa-muted)}.support-new-card em{margin-left:auto;font-style:normal;font-size:24px;color:var(--xa-muted)} .support-new-empty{border:1px dashed var(--xa-border);border-radius:22px;padding:22px 16px;text-align:center;color:var(--xa-muted);font-size:14px;background:rgba(255,255,255,.2)} .support-new-guide{border:1px solid var(--xa-border);border-radius:22px;padding:16px;background:rgba(255,255,255,.28);}.support-new-guide b{font-size:16px}.support-new-guide p{font-size:13px;line-height:1.7;margin:8px 0 0;color:var(--xa-muted)} body.dark-mode .support-new-card,body.dark-mode .support-new-guide{background:#181522!important;border-color:#332b43!important;color:#f7f2ff!important;}body.dark-mode .support-new-card span,body.dark-mode .support-new-guide p{color:#bcb2c8!important}.support-new-empty{ } body.dark-mode .support-new-empty{background:#15131d!important;border-color:#3b314e!important;color:#bcb2c8!important;} /* 密码弹窗输入间距更紧 */ .change-pwd-box .modal-form{gap:8px!important;} .change-pwd-box .dialog-pwd{margin:0!important;} .change-pwd-box .dialog-input{height:46px!important;line-height:46px!important;} /* 所有返回页标题统一缩小一些 */ .page-title-row h1,.clean-head h1,.compact-title h1{font-size:26px!important;line-height:1.1!important;font-weight:700!important;} .back-ico{background:none!important;border:0!important;box-shadow:none!important;width:32px!important;height:32px!important;} .back-ico svg{width:26px!important;height:26px!important;} /* 暗黑模式补强：标签、详情页 pill、底部、弹窗 */ body.dark-mode .xa-home-latest-grid .tag,body.dark-mode .xa-app-card .tag,body.dark-mode .xa-home-latest-grid small,body.dark-mode .xa-home-latest-grid .app-badge{background:#e8dcff!important;color:#6c4ab0!important;} body.dark-mode .detail-pill,body.dark-mode .meta-pill,body.dark-mode .pkg-card del,body.dark-mode .pkg-card .tag{background:#e9ddff!important;color:#6c4ab0!important;} body.dark-mode .xa-tabbar{background:#111018!important;border-color:#262233!important;}body.dark-mode .xa-tab span:last-child,body.dark-mode .xa-tab svg{color:#eee9f8!important;stroke:#eee9f8!important;}body.dark-mode .xa-tab.active span:last-child,body.dark-mode .xa-tab.active svg{color:#8b67dc!important;stroke:#8b67dc!important;} /* 轮播圆点真实元素为 i */ .xa-banner-dots i{width:6px!important;height:6px!important;border-radius:99px!important;background:rgba(255,255,255,.45)!important;display:block!important;transition:width .18s ease!important;} .xa-banner-dots i.active{width:18px!important;background:#fff!important;} /* === XA current feedback fixes === */ .admin-compact-save{height:44px!important;min-height:44px!important;width:auto!important;min-width:140px!important;padding:0 24px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.admin-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.admin-search-input,.admin-filter-bar input,.admin-filter-bar select{height:42px!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:0 12px!important;background:#fff}.admin-search-btn{height:42px!important;border-radius:14px!important;padding:0 20px!important}.xa-clean-dashboard{margin-top:0}.admin-cover-thumb{display:block!important} .auth-tight-page .page{padding-top:22px!important}.auth-clean{padding-top:30px!important}.auth-title{margin-top:68px!important}.auth-card-new{margin-top:58px!important}.flat-field{height:56px!important;border:2px solid var(--xa-purple)!important;border-radius:18px!important;display:flex!important;align-items:center!important;padding:0 18px!important;background:transparent!important;position:relative}.flat-field.gray{border-color:#8a888e!important}.flat-field input{height:52px!important;line-height:52px!important;border:0!important;background:transparent!important;padding:0!important;color:var(--xa-text)!important;width:100%!important;box-sizing:border-box!important;font-size:16px!important}.flat-field input::placeholder{color:var(--xa-purple)!important}.flat-field .eye-btn2{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#7d7982;width:34px;height:34px}.code-inside-field input{padding-right:96px!important}.code-inside-field .inside-code-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--xa-purple);font-size:14px;font-weight:800;height:34px;padding:0 4px}.forgot-switch{display:flex;gap:10px;margin-bottom:14px}.forgot-switch label{height:40px;border:1px solid var(--xa-line);border-radius:999px;padding:0 16px;display:flex;align-items:center;gap:6px;color:#706778;background:rgba(255,255,255,.25);font-weight:800}.forgot-switch label.active{background:var(--xa-soft);color:var(--xa-purple);border-color:var(--xa-purple)} .clean-page-head{display:flex;align-items:center;gap:18px;margin:40px 0 24px}.clean-page-head h1{margin:0;font-size:26px;font-weight:900;letter-spacing:-.5px}.search-clean-form{display:grid;grid-template-columns:minmax(0,1fr)88px;gap:12px;align-items:center;margin:0 0 14px}.search-clean-form input{height:52px;border:2px solid var(--xa-purple);border-radius:17px;background:transparent;padding:0 16px;font-size:15px;color:var(--xa-text);outline:none}.search-clean-form button{height:52px;border:0;border-radius:17px;background:var(--xa-purple);color:#fff;font-size:16px;font-weight:900}.search-clean-tip{font-size:13px;color:#8a8190;margin-bottom:16px}.search-clean-empty{border:1px dashed var(--xa-line);border-radius:20px;padding:28px 18px;text-align:center;color:#8a8190;background:rgba(255,255,255,.18)}.search-clean-empty b{display:block;color:var(--xa-text);font-size:18px;margin-bottom:8px}.search-clean-empty span{font-size:14px}.search-clean-page .page{padding-top:28px!important}.search-clean-page .xa-soft-row{min-height:78px!important} .xa-section-title-small{font-size:18px!important}.xa-banner-native{margin:0 0 24px!important;overflow:hidden!important}.xa-banner-native-track{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;padding:0 26px 0 0!important}.xa-banner-native-track::-webkit-scrollbar{display:none}.xa-banner-native-slide{flex:0 0 calc(100% - 26px)!important;scroll-snap-align:start!important;border-radius:18px!important;overflow:hidden!important;aspect-ratio:16/8.2!important;background:linear-gradient(135deg,#a29af4,#7868dc)!important}.xa-banner-native-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.xa-banner-native.single .xa-banner-native-slide{flex-basis:100%!important}.xa-banner-native.single .xa-banner-native-track{padding-right:0!important}.xa-banner-dots{left:0!important;right:0!important;bottom:9px!important}.xa-marquee span i{animation:xaMarqueeOneWay 16s linear infinite!important;display:inline-flex!important;gap:56px}.xa-marquee span{overflow:hidden;white-space:nowrap}@keyframes xaMarqueeOneWay{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}} .xa-soft-row{min-height:80px!important;padding:10px 12px!important}.xa-soft-icon{width:54px!important;height:54px!important}.xa-soft-main b{font-size:15px!important}.xa-soft-main span{font-size:12px!important}.xa-cat-tabs a{font-size:15px!important}.xa-loadmore:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--xa-line);border-top-color:var(--xa-purple);border-radius:50%;vertical-align:-3px;margin-right:8px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}} .my-page .xa-mine-tile,.xa-my-actions .xa-mine-tile{padding-left:28px!important;column-gap:12px!important}.xa-mine-tile b{line-height:1.15!important}.xa-mine-tile span{line-height:1.2!important;margin-top:-2px!important}.xa-mine-tile i{width:36px!important;height:36px!important}.xa-mine-tile i svg{width:21px!important;height:21px!important}.operation-time{margin:18px 0 0;text-align:center;color:#8a8190;font-size:12px}.xa-more-card{display:none!important} .detail-intro{font-size:13px!important;line-height:1.8!important;color:#66606d}.download-fixed{position:fixed!important;left:22px!important;right:22px!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;z-index:80!important} .member-user-v2 p{display:flex!important;gap:8px!important;align-items:center!important}.member-user-v2 p strong{white-space:nowrap}.pkg-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.pkg-card{min-height:150px!important;height:auto!important;padding:26px 8px 12px!important;position:relative!important;overflow:visible!important}.pkg-card.active:before{content:"";position:absolute;left:26%;right:26%;top:-10px;height:18px;border-radius:8px 8px 0 0;background:var(--xa-purple)}.pkg-card .price{font-size:24px!important;line-height:1.1!important}.pkg-card del{margin-top:4px!important;display:block!important}.pkg-card span{display:block!important;margin-top:10px!important;line-height:1.25!important;font-size:14px!important}.pay-tabs{display:flex!important;border:1px solid var(--xa-line)!important;border-radius:16px!important;overflow:hidden!important}.pay-tabs label{flex:1!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-right:1px solid var(--xa-line)!important;background:rgba(255,255,255,.18)!important}.pay-tabs label:last-child{border-right:0!important}.pay-tabs label.active{background:var(--xa-soft)!important;color:var(--xa-purple)!important}.pay-tabs img{width:22px;height:22px;border-radius:6px;object-fit:cover} .account-page .page,.account-settings-page .page{padding-top:34px!important}.account-row-desc{display:none!important}.account-list-row em{display:none!important} .article-v2-page .page-title-row h1{font-size:22px!important;line-height:1.25!important}.article-v2-card h2{display:none!important}.article-v2-card time{display:block;margin-bottom:12px;color:#8a8190}.article-content{font-size:15px;line-height:1.9} .customer-desk-page .page{padding-top:34px!important}.customer-desk-hero{border:1px solid var(--xa-line);border-radius:22px;padding:20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#8d75ef,#6d50c6);color:white;margin-bottom:22px}.customer-desk-hero b{font-size:22px}.customer-desk-hero p{margin:8px 0 0;line-height:1.6;font-size:14px}.customer-desk-hero i{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.customer-desk-hero svg{width:28px;height:28px}.customer-section h2{font-size:18px;margin:20px 0 12px}.customer-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-entry{min-height:126px;border:1px solid var(--xa-line);border-radius:20px;background:rgba(255,255,255,.20);padding:16px;display:flex;flex-direction:column;gap:8px}.customer-entry i{width:38px;height:38px;border-radius:14px;background:var(--xa-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center}.customer-entry i img{width:100%;height:100%;object-fit:cover;border-radius:14px}.customer-entry b{font-size:17px}.customer-entry span{font-size:12px;color:#817888;line-height:1.5}.customer-empty{border:1px dashed var(--xa-line);border-radius:18px;padding:20px;text-align:center;color:#8a8190;grid-column:1/-1}.customer-guide-card{margin-top:22px;border:1px solid var(--xa-line);border-radius:20px;padding:18px;background:rgba(255,255,255,.18)}.customer-guide-card b{font-size:17px}.customer-guide-card p{font-size:13px;line-height:1.8;color:#817888} body.dark .xa-latest-card em,body.dark .detail-pills span,body.dark .xa-soft-main span,body.dark .pkg-card del,body.dark .customer-entry span,body.dark .customer-guide-card p{color:#dcd5ea!important}body.dark .xa-latest-card em,body.dark .detail-pills span{background:#e7dbff!important;color:#7454bb!important}body.dark .customer-entry,body.dark .customer-guide-card,body.dark .search-clean-empty{background:#191722!important;border-color:#332d42!important}body.dark .flat-field input,body.dark .search-clean-form input{color:#fff!important}body.dark .xa-theme-toggle{background:rgba(135,135,145,.32)!important}body.dark .xa-theme-toggle:before{background:#d7d1df!important}.xa-theme-toggle{background:rgba(135,135,145,.22)!important;transition:none!important}.xa-theme-toggle *{pointer-events:none}.xa-theme-toggle:before{transition:transform .2s ease!important} .xa-tabbar{height:82px!important;padding-bottom:10px!important}.xa-tabbar a{padding-top:8px!important}.xa-tabbar a svg{stroke-width:2!important}.xa-tabbar span{margin-top:2px!important} /* ===== Final current-feedback fixes ===== */ /* 底部导航：文字图标略上移，不贴底 */ .xa-tabbar{height:80px!important;padding:6px 10px 16px!important;box-sizing:border-box!important;} .xa-tabbar-inner{height:60px!important;align-items:center!important;padding-bottom:6px!important;} .xa-tab{transform:translateY(-8px)!important;gap:4px!important;font-size:14px!important;} .xa-tab-ico svg{width:25px!important;height:25px!important;stroke-width:2!important;} /* 我的页四宫格：图标与文字右移，文字间隔拉开 */ .xa-my-actions .xa-mine-tile{grid-template-columns:44px minmax(0,1fr)!important;column-gap:20px!important;padding-left:30px!important;height:94px!important;min-height:94px!important;} .xa-my-actions .xa-mine-tile i{width:42px!important;height:42px!important;} .xa-my-actions .xa-mine-tile i svg{width:25px!important;height:25px!important;} .xa-my-actions .xa-mine-tile b{font-size:16px!important;line-height:1.08!important;margin:0 0 5px!important;} .xa-my-actions .xa-mine-tile span{font-size:12px!important;line-height:1.45!important;margin:0!important;} /* 软件列表卡片压低 */ .page-softwares .xa-soft-row{height:76px!important;min-height:76px!important;padding:9px 13px!important;gap:12px!important;border-radius:17px!important;} .page-softwares .xa-soft-icon{width:50px!important;height:50px!important;border-radius:13px!important;} .page-softwares .xa-soft-main b{font-size:14.5px!important;line-height:1.2!important;} .page-softwares .xa-soft-main span{font-size:11.5px!important;line-height:1.3!important;margin-top:4px!important;} .page-softwares .xa-soft-row em{height:32px!important;min-width:58px!important;width:auto!important;padding:0 14px!important;font-size:12.5px!important;border-radius:999px!important;} .xa-loadmore{margin:12px auto 4px!important;padding:12px 18px!important;border-radius:999px!important;background:rgba(114,85,182,.08)!important;color:var(--xa-purple)!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:120px!important;align-self:center!important;} .xa-loadmore:before{display:none!important;} /* 分类标签稍小但清晰，只横向滚动 */ .xa-cat-tabs{height:48px!important;align-items:flex-end!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;} .xa-cat-tabs a{font-size:15px!important;height:44px!important;line-height:44px!important;} /* 搜索页彻底重做 */ .search-reborn-page .page{padding-top:34px!important;} .search-reborn-head{display:flex;align-items:center;gap:18px;margin:0 0 24px!important;} .search-reborn-head h1{margin:0;font-size:24px!important;line-height:1;font-weight:800!important;} .search-reborn-form{display:grid;grid-template-columns:minmax(0,1fr)78px;gap:10px;align-items:center;margin:0 0 12px!important;} .search-reborn-form input{height:48px!important;line-height:48px!important;border:2px solid var(--xa-purple)!important;border-radius:16px!important;background:transparent!important;padding:0 14px!important;font-size:15px!important;color:var(--xa-text)!important;outline:0!important;box-shadow:none!important;} .search-reborn-form input::placeholder{font-size:13px!important;color:#8b7caf!important;} .search-reborn-form button{height:48px!important;border-radius:16px!important;border:0!important;background:var(--xa-purple)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;} .search-reborn-hint{font-size:12.5px;color:#8a8190;margin:0 0 16px!important;line-height:1.5;} .search-reborn-empty{border:1px dashed var(--xa-line);border-radius:20px;padding:26px 16px;text-align:center;background:rgba(255,255,255,.18);color:#8a8190;} .search-reborn-empty b{display:block;font-size:16px!important;color:var(--xa-text);margin-bottom:8px}.search-reborn-empty span{font-size:13px!important;line-height:1.6;} /* 账单列表 */ .bill-v2-list{display:flex;flex-direction:column;gap:12px}.bill-v2-row{width:100%;border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.22);padding:15px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--xa-text)}.bill-v2-row b{display:block;font-size:15px;line-height:1.25}.bill-v2-row span{display:block;margin-top:6px;font-size:12px;color:#817786}.bill-v2-row em{font-style:normal;color:var(--xa-purple);font-weight:900}.bill-v2-dialog p{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--xa-line);padding:10px 0;margin:0}.bill-v2-dialog p span{text-align:right;word-break:break-all;color:#756c7e}.bill-v2-dialog p b{font-size:14px}.payout-qr-preview img{width:92px;height:92px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--xa-line);margin-top:8px}.payout-address{display:block;word-break:break-all;color:#756c7e;margin-top:8px;font-size:12px} /* 客服中心新风格 */ .customer-reborn-intro{border-radius:24px;padding:22px;background:linear-gradient(135deg,#7c5bd3,#9b7bff);color:#fff;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;box-shadow:0 16px 32px rgba(114,85,182,.18)}.customer-reborn-intro span{display:inline-flex;height:24px;padding:0 10px;border-radius:99px;background:rgba(255,255,255,.18);align-items:center;font-size:12px;color:#fff!important}.customer-reborn-intro b{display:block;margin-top:10px;font-size:24px;color:#fff!important}.customer-reborn-intro p{margin:8px 0 0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.85)!important}.customer-reborn-intro i{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.customer-reborn-intro i svg{width:30px;height:30px}.customer-reborn-grid{display:grid;gap:16px}.customer-reborn-grid section{border:1px solid var(--xa-line);border-radius:22px;padding:16px;background:rgba(255,255,255,.18)}.customer-reborn-grid h2{font-size:17px;margin:0 0 12px}.customer-reborn-item{display:grid;grid-template-columns:48px 1fr 18px;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.18);margin-bottom:10px}.customer-reborn-item i{width:48px;height:48px;border-radius:16px;background:#efe7ff;color:var(--xa-purple);display:flex;align-items:center;justify-content:center}.customer-reborn-item.group i{background:#ffe5f0;color:#ff5c98}.customer-reborn-item i svg{width:25px;height:25px}.customer-reborn-item img{width:100%;height:100%;object-fit:cover;border-radius:16px}.customer-reborn-item b{display:block;font-size:15px}.customer-reborn-item span{display:block;margin-top:5px;font-size:12px;color:#817786}.customer-reborn-item em{font-style:normal;color:#aaa}.customer-reborn-empty{border:1px dashed var(--xa-line);border-radius:16px;padding:16px;text-align:center;color:#8a8190}.customer-reborn-note{margin-top:16px;border-radius:20px;padding:16px;background:rgba(114,85,182,.08);color:#817786}.customer-reborn-note b{font-size:15px}.customer-reborn-note p{font-size:12.5px;line-height:1.7;margin:7px 0 0} /* 注册/登录输入框保持一致 */ .auth-clean{padding-top:6px!important}.auth-title{margin-top:48px!important;margin-bottom:44px!important}.auth-card-new{margin-top:0!important}.auth-field{height:58px!important}.auth-field input{height:54px!important;line-height:54px!important;font-size:16px!important}.float-field span{font-size:15px!important}.float-field.is-focus span,.float-field.has-value span{font-size:13px!important} /* 支付方式 */ .pay-tabs{border:1px solid var(--xa-line)!important;border-radius:17px!important;background:rgba(255,255,255,.15)!important;overflow:hidden!important}.pay-tabs label{height:46px!important;border-right:1px solid var(--xa-line)!important}.pay-tabs img{width:20px!important;height:20px!important} /* 下载页悬浮按钮与介绍字体 */ .detail-intro{font-size:14px!important;line-height:1.72!important}.download-fixed{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;width:min(386px,calc(100vw - 44px))!important;z-index:22!important;} body:not(.no-nav) .download-fixed{bottom:calc(92px + env(safe-area-inset-bottom))!important;} /* 暗黑适配 */ body.dark-mode .search-reborn-form input,body.dark-mode .customer-reborn-grid section,body.dark-mode .customer-reborn-item,body.dark-mode .bill-v2-row{background:#181522!important;border-color:#332b43!important;color:#f5f1ff!important}body.dark-mode .search-reborn-empty,body.dark-mode .customer-reborn-note{background:#181522!important;border-color:#332b43!important}body.dark-mode .customer-reborn-item span,body.dark-mode .bill-v2-row span{color:#b8aebe!important}body.dark-mode .payout-qr-preview img{background:#111018;border-color:#332b43}body.dark-mode .xa-loadmore{background:#282139!important;color:#b99cff!important} /* === 2026-05-15 当前问题专项修复 === */ /* 跑马灯：立即显示且单方向无空白滚动 */ .xa-marquee span{position:relative!important;display:block!important;height:24px!important;line-height:24px!important;overflow:hidden!important;white-space:nowrap!important;} .xa-marquee span i{position:absolute!important;left:0!important;top:0!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;font-style:normal!important;padding-left:0!important;gap:72px!important;animation:xaInstantMarquee 16s linear infinite!important;will-change:transform!important;} .xa-marquee span i em{font-style:normal!important;white-space:nowrap!important;padding-right:0!important;} @keyframes xaInstantMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* 详情页介绍：不加粗、字号小一点 */ .detail-intro{font-weight:400!important;font-size:14px!important;line-height:1.75!important;color:var(--xa-muted)!important;word-break:break-word!important;} .detail-card h3{font-size:18px!important;font-weight:700!important;} body.dark-mode .detail-intro{color:var(--xa-dark-muted)!important;} .download-fixed{left:22px!important;right:22px!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;max-width:386px!important;margin:auto!important;} .detail-page .page{padding-bottom:100px!important;} /* 注册、忘记密码验证码输入框：和登录输入框一致，按钮在框内 */ .code-float-field{position:relative!important;display:block!important;} .code-float-field input{padding-right:112px!important;} .code-float-field .inside-code-btn{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;height:38px!important;min-width:92px!important;border:0!important;border-radius:13px!important;background:var(--xa-purple)!important;color:#fff!important;font-size:13px!important;font-weight:600!important;padding:0 10px!important;z-index:3!important;} .code-float-field .inside-code-btn:disabled{opacity:.65!important;} .auth-tight-page .auth-clean{padding-top:8px!important;} .auth-tight-page .auth-title{margin-top:42px!important;margin-bottom:46px!important;} .auth-title h1{letter-spacing:-.5px!important;} /* 账单记录弹窗更整齐 */ .bill-v2-row{width:100%;border:1px solid var(--xa-line);border-radius:16px;background:rgba(255,255,255,.24);padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--xa-text);} .bill-v2-row div{min-width:0}.bill-v2-row b{font-size:15px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-v2-row span{font-size:12px;color:var(--xa-muted);display:block;margin-top:5px}.bill-v2-row em{font-style:normal;color:var(--xa-purple);font-weight:800;white-space:nowrap}.bill-v2-dialog p{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--xa-line);padding:10px 0;margin:0}.bill-v2-dialog p:last-child{border-bottom:0}.bill-v2-dialog p b{font-size:13px;flex:none}.bill-v2-dialog p span{text-align:right;word-break:break-all;color:var(--xa-muted);font-size:13px}.bill-v2-dialog h3{margin-top:0;font-size:20px}.dialog-x{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(126,90,211,.12);color:var(--xa-purple);font-size:22px;} body.dark-mode .bill-v2-row{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;} /* 会员中心：重新压缩套餐和支付方式 */ .member-v2-page .page{padding-bottom:112px!important;} .member-title{font-size:21px!important;margin:24px 0 14px!important;} .pkg-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important;align-items:stretch!important;} .pkg-card{min-height:126px!important;border-radius:18px!important;padding:22px 8px 12px!important;position:relative!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;background:rgba(255,255,255,.25)!important;border:1px solid var(--xa-line)!important;} .pkg-card.active{border:2px solid var(--xa-purple)!important;padding-top:22px!important;} .pkg-card.active:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:54px;height:18px;border-radius:10px 10px 4px 4px;background:var(--xa-purple);} .pkg-card .price{font-size:22px!important;line-height:1.05!important;font-weight:900!important;color:var(--xa-purple)!important;margin:0!important;} .pkg-card del{font-size:12px!important;line-height:1.1!important;margin:1px 0 2px!important;color:#222!important;} .pkg-card span{font-size:13px!important;line-height:1.25!important;text-align:center!important;color:var(--xa-text)!important;} .pay-tabs{display:flex!important;border:1px solid var(--xa-line)!important;border-radius:16px!important;overflow:hidden!important;margin:16px 0!important;background:rgba(255,255,255,.22)!important;} .pay-tabs label{flex:1!important;min-width:0!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:0!important;border-right:1px solid var(--xa-line)!important;border-radius:0!important;background:transparent!important;color:var(--xa-muted)!important;font-size:14px!important;font-weight:700!important;} .pay-tabs label:last-child{border-right:0!important}.pay-tabs label.active{background:var(--xa-soft)!important;color:var(--xa-purple)!important;box-shadow:inset 0 0 0 1px var(--xa-purple)!important;} .pay-tabs img{width:22px!important;height:22px!important;border-radius:6px!important;object-fit:cover!important;display:block!important;} body.dark-mode .pkg-card,body.dark-mode .pay-tabs{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;}body.dark-mode .pkg-card span{color:var(--xa-dark-text)!important;}body.dark-mode .pkg-card del{color:var(--xa-dark-muted)!important;}body.dark-mode .pay-tabs label{border-color:var(--xa-dark-border)!important;color:var(--xa-dark-muted)!important;}body.dark-mode .pay-tabs label.active{background:#2b2241!important;color:#cdbaff!important;box-shadow:inset 0 0 0 1px #7f62ce!important;} /* 搜索页：统一高度 */ .search-reborn-page .page{padding-top:28px!important;}.search-reborn-head{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:24px!important}.search-reborn-head h1{font-size:25px!important;font-weight:700!important;margin:0!important}.search-reborn-form{display:grid!important;grid-template-columns:minmax(0,1fr) 74px!important;gap:10px!important;align-items:center!important;margin:0 0 10px!important}.search-reborn-form input{height:48px!important;line-height:48px!important;border:1.6px solid var(--xa-purple)!important;border-radius:16px!important;background:transparent!important;padding:0 14px!important;font-size:15px!important;color:var(--xa-text)!important;outline:0!important;box-sizing:border-box!important}.search-reborn-form button{height:48px!important;border:0!important;border-radius:16px!important;background:var(--xa-purple)!important;color:#fff!important;font-size:15px!important;font-weight:700!important}.search-reborn-hint{font-size:12px!important;color:var(--xa-muted)!important;margin:0 0 16px 2px!important}.search-reborn-empty{border:1px dashed var(--xa-line)!important;border-radius:18px!important;padding:24px 18px!important;text-align:center!important;color:var(--xa-muted)!important;background:rgba(255,255,255,.18)!important}.search-reborn-empty b{font-size:15px!important;font-weight:700!important;color:var(--xa-text)!important;display:block!important;margin-bottom:8px!important}.search-reborn-empty span{font-size:13px!important;line-height:1.6!important;} body.dark-mode .search-reborn-form input{background:#15131d!important;color:var(--xa-dark-text)!important;border-color:#755bc2!important;}body.dark-mode .search-reborn-empty{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;}body.dark-mode .search-reborn-empty b{color:var(--xa-dark-text)!important;} /* 客服中心全新入口风格 */ .customer-service-hero{margin:18px 0 16px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#7c5ce6,#9a82f8);display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 14px 28px rgba(124,92,230,.18)}.customer-service-hero b{display:block;font-size:23px;color:#fff!important}.customer-service-hero span{display:block;margin-top:8px;font-size:13px;line-height:1.65;color:rgba(255,255,255,.86)!important}.customer-service-hero i{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}.customer-service-hero svg{width:28px;height:28px}.customer-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.customer-entry-card{border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.24);padding:18px;display:flex;gap:12px;align-items:center}.customer-entry-card i{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.customer-entry-card i.pink{background:#f4619b}.customer-entry-card i.blue{background:#4c9cff}.customer-entry-card svg{width:22px;height:22px}.customer-entry-card b{font-size:16px}.customer-entry-card span{font-size:12px;color:var(--xa-muted);display:block;margin-top:4px}.customer-ready-card,.customer-empty-modern{border:1px dashed var(--xa-line);border-radius:18px;background:rgba(255,255,255,.18);padding:18px;margin-top:14px}.customer-ready-card h2,.customer-empty-modern b{margin:0 0 8px;font-size:18px}.customer-ready-card p,.customer-empty-modern span{font-size:13px;color:var(--xa-muted);line-height:1.7;margin:0}.customer-empty-modern{text-align:center}.customer-fresh-page .clean-page-head h1{font-size:25px!important;} body.dark-mode .customer-entry-card,body.dark-mode .customer-ready-card,body.dark-mode .customer-empty-modern{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;} /* 后台按钮和搜索框高度统一 */ .admin-compact-save,.form-grid button,.admin-filter-bar button,.user-toolbar button{height:42px!important;min-height:42px!important;border-radius:14px!important;padding:0 18px!important;align-self:end!important}.admin-search-input,.admin-filter-bar input,.admin-filter-bar select,.user-toolbar input,.user-toolbar select{height:42px!important;border-radius:14px!important;box-sizing:border-box!important}.admin-filter-bar{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.user-toolbar .search{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.modal-box .admin-compact-save{height:42px!important;min-height:42px!important;} /* 首页广告图最终稳定：全宽显示，避免左右露出导致跑偏/变小 */ .xa-banner-native{overflow:hidden!important;margin:0 0 24px!important;width:100%!important;} .xa-banner-native-track{padding:0!important;gap:0!important;scroll-snap-type:x mandatory!important;} .xa-banner-native-slide{flex:0 0 100%!important;width:100%!important;scroll-snap-align:center!important;border-radius:18px!important;} .xa-banner-native-slide + .xa-banner-native-slide{margin-left:0!important;} .xa-banner-dots{left:50%!important;right:auto!important;transform:translateX(-50%)!important;} /* ===== 2026 当前反馈最终覆盖：只修用户本轮指出的问题 ===== */ :root{--xa-purple:#6f55b5;--xa-soft:#eee7ff;--xa-line:#d9d0dc;--xa-bg:#fbf5fb;--xa-text:#1f1b24;--xa-muted:#746d78} /* 搜索页重做 */ .search-pro-page .app{padding-top:72px!important;background:var(--xa-bg)} .search-page-head{margin-bottom:20px!important}.search-page-head h1{font-size:28px!important;font-weight:800!important;letter-spacing:0!important} .search-pro-form{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:center;margin:0 0 10px} .search-pro-input{height:48px;border:1.5px solid var(--xa-purple);border-radius:16px;background:transparent;display:flex;align-items:center;overflow:hidden} .search-pro-input input{width:100%;height:100%;border:0;background:transparent;outline:none;padding:0 16px;color:var(--xa-text);font-size:15px;font-weight:500;line-height:48px} .search-pro-input input::placeholder{color:#8a78b9;font-size:14px;font-weight:500} .search-pro-form button{height:48px;border:0;border-radius:16px;background:var(--xa-purple);color:#fff;font-size:16px;font-weight:800;padding:0;display:flex;align-items:center;justify-content:center} .search-pro-note{font-size:13px;color:var(--xa-muted);line-height:1.55;margin:8px 0 18px}.search-pro-results{display:flex;flex-direction:column;gap:12px}.search-pro-empty{border:1px dashed var(--xa-line);border-radius:18px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--xa-muted);padding:18px}.search-pro-empty b{font-size:18px;color:var(--xa-text);margin-bottom:8px}.search-result-row{margin:0!important} /* 底部导航微调 */ .xa-tabbar-inner{height:72px!important}.xa-tab{height:62px!important;gap:5px!important;padding-bottom:8px!important}.xa-tab-ico svg{stroke-width:2!important}.xa-tab span,.xa-tab{font-size:13px!important;line-height:1!important} /* 首页轮播重新稳定：首张不偏、不重叠，右侧只露下一张 */ .xa-banner-native{overflow:hidden!important;margin:18px 0 18px!important;border-radius:18px!important}.xa-banner-native-track{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:0 54px 0 0!important;scrollbar-width:none}.xa-banner-native-track::-webkit-scrollbar{display:none}.xa-banner-native-slide{flex:0 0 100%!important;min-width:100%!important;width:100%!important;scroll-snap-align:start!important;border-radius:18px!important;overflow:hidden!important;aspect-ratio:16/8.2!important;background:linear-gradient(135deg,#9387ff,#6f55e0)!important}.xa-banner-native:not(.single) .xa-banner-native-slide{flex-basis:calc(100% - 54px)!important;min-width:calc(100% - 54px)!important;width:calc(100% - 54px)!important}.xa-banner-native.single .xa-banner-native-track{padding-right:0!important}.xa-banner-native-slide img{width:100%!important;height:100%!important;object-fit:cover!important}.xa-banner-dots{bottom:9px!important}.xa-banner-dots i{width:7px!important;height:7px!important}.xa-banner-dots i.active{width:22px!important} /* 首页跑马灯：初始立即显示，只单方向滚动，尾部消失后再从右侧进入 */ .xa-marquee span{overflow:hidden;position:relative;display:flex;align-items:center;min-width:0}.xa-marquee span i{display:inline-block;white-space:nowrap;will-change:transform;animation:xaOneWayMarquee 18s linear infinite;padding-left:100%;font-style:normal}.xa-marquee span em{font-style:normal;margin-right:0!important}.xa-marquee span em+em{display:none!important}@keyframes xaOneWayMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}} /* 最新发布标题稍小 */.xa-section-title{font-size:22px!important}.xa-section-title-small{font-size:21px!important}.xa-section-title small{font-size:14px!important;font-weight:700!important} /* 分类标签与列表 */.xa-cat-tabs{position:sticky!important;top:0!important;z-index:9!important;background:var(--xa-bg)!important;display:flex!important;gap:26px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;border-bottom:1px solid var(--xa-line)!important;padding:0 0 9px!important;margin:0 -2px 14px!important;touch-action:pan-x!important}.xa-cat-tabs a{position:relative!important;font-size:17px!important;font-weight:800!important;color:#47414d!important;padding:0 0 12px!important;flex:0 0 auto!important}.xa-cat-tabs a.active{color:var(--xa-purple)!important}.xa-cat-tabs a.active:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:4px!important;background:var(--xa-purple)!important;border-radius:999px!important}.xa-soft-list{max-width:100%!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:12px!important}.xa-soft-row{width:100%!important;margin-left:auto!important;margin-right:auto!important;min-height:92px!important;padding:12px 14px!important;border-radius:18px!important}.xa-soft-icon{width:58px!important;height:58px!important;border-radius:14px!important}.xa-soft-main b{font-size:17px!important;line-height:1.25!important}.xa-soft-main span{font-size:14px!important;line-height:1.45!important}.xa-soft-row em{height:38px!important;min-width:74px!important;border-radius:20px!important;font-size:14px!important} /* 软件详情 */.detail-page .app{padding-bottom:108px!important}.detail-card h3{font-size:18px!important;margin-bottom:12px!important}.detail-intro{font-weight:400!important;font-size:13.5px!important;line-height:1.72!important;color:#6f6874!important}.download-fixed{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;width:min(386px,calc(100vw - 44px))!important;height:54px!important;line-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:90!important;margin:0!important;border-radius:999px!important} /* 会员中心支付方式重做 */.member-user-v2 p{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pkg-row{gap:14px!important}.pkg-card{height:142px!important;padding-top:14px!important;justify-content:center!important}.pkg-card.active:before{top:-10px!important;height:17px!important}.pkg-card .price{font-size:23px!important;line-height:1.1!important}.pkg-card del{margin:4px 0 9px!important}.pkg-card span{font-size:14px!important;line-height:1.42!important}.pay-tabs{height:auto!important;min-height:54px!important;border:0!important;border-radius:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;margin:0 0 16px!important;background:transparent!important}.pay-tabs label{min-height:50px!important;border:1px solid var(--xa-line)!important;border-radius:16px!important;background:rgba(255,255,255,.24)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#5b5260!important;font-size:15px!important;font-weight:800!important;overflow:hidden}.pay-tabs label.active{background:var(--xa-soft)!important;border-color:var(--xa-purple)!important;color:var(--xa-purple)!important;box-shadow:inset 0 0 0 1px var(--xa-purple)!important}.pay-tabs label img{width:22px!important;height:22px!important;border-radius:6px!important;object-fit:cover!important;display:block!important}.pay-tabs label img[src=""],.pay-tabs label img:not([src]){display:none!important} /* 客服中心：恢复为简洁卡片风格，不使用大横幅 */.customer-simple-page .app{background:var(--xa-bg)!important}.service-shell{display:flex;flex-direction:column;gap:16px}.service-title-card,.service-tip-card,.service-empty{border:1px solid var(--xa-line);border-radius:20px;background:rgba(255,255,255,.24);padding:18px}.service-title-card b,.service-tip-card b{display:block;font-size:19px;margin-bottom:8px;color:var(--xa-text)}.service-title-card span,.service-tip-card p{font-size:14px;line-height:1.75;color:var(--xa-muted);margin:0}.service-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-big-card{min-height:126px;border:1px solid var(--xa-line);border-radius:20px;background:rgba(255,255,255,.26);padding:18px;display:flex;flex-direction:column;gap:12px;position:relative}.service-big-card i{width:44px;height:44px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff}.service-big-card i svg{width:22px;height:22px}.svc-purple{background:#8b5cf6}.svc-pink{background:#f65d9d}.service-big-card b{font-size:18px;color:var(--xa-text)}.service-big-card span{font-size:13px;color:var(--xa-muted);margin-top:4px;display:block}.service-big-card em{position:absolute;right:16px;top:16px;color:var(--xa-purple);font-style:normal;font-weight:800;font-size:13px}.service-empty{grid-column:1/-1;text-align:center}.service-empty b{display:block;font-size:18px}.service-empty span{display:block;color:var(--xa-muted);margin-top:8px} /* 我的页四宫格：文字往左靠近一点、上下间距更自然 */.xa-mine-tile{grid-template-columns:42px minmax(0,1fr)!important;column-gap:12px!important;row-gap:2px!important;padding:16px 14px!important}.xa-mine-tile b{align-self:end!important;line-height:1.12!important}.xa-mine-tile span{align-self:start!important;line-height:1.18!important;margin-top:2px!important}.xa-mine-tile i{width:36px!important;height:36px!important}.xa-mine-tile i svg{width:20px!important;height:20px!important} /* 账单弹窗更紧凑美观 */.bill-v2-list{display:flex;flex-direction:column;gap:12px}.bill-v2-row{width:100%;border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.24);padding:15px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left}.bill-v2-row b{font-size:16px;color:var(--xa-text)}.bill-v2-row span{font-size:12.5px;color:var(--xa-muted);display:block;margin-top:5px}.bill-v2-row em{font-style:normal;color:var(--xa-purple);font-weight:900}.bill-v2-dialog p{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;margin:0;padding:10px 0;border-bottom:1px solid rgba(160,150,165,.2)}.bill-v2-dialog p b{color:var(--xa-text)}.bill-v2-dialog p span{color:var(--xa-muted);word-break:break-all;text-align:right} /* 收款信息 */.payout-method small{display:block!important;margin-top:8px;color:var(--xa-muted);font-size:12px}.payout-method{align-items:center!important}.payout-qr-preview img{width:92px!important;height:92px!important;object-fit:cover!important;border-radius:14px!important} /* 黑暗模式补齐 */body.dark-mode{--xa-bg:#101018;--xa-text:#f4f0fb;--xa-muted:#bcb3c8;--xa-line:#30283d;--xa-soft:#2b2142;background:#101018!important;color:var(--xa-text)!important}body.dark-mode .app{background:#101018!important;color:var(--xa-text)!important}body.dark-mode .ui-card,body.dark-mode .xa-soft-row,body.dark-mode .xa-latest-card,body.dark-mode .xa-marquee,body.dark-mode .xa-profile-card,body.dark-mode .xa-mine-tile,body.dark-mode .xa-more-card,body.dark-mode .service-title-card,body.dark-mode .service-tip-card,body.dark-mode .service-big-card,body.dark-mode .search-pro-empty,body.dark-mode .bill-v2-row,body.dark-mode .payout-card{background:#1a1724!important;border-color:#30283d!important;color:var(--xa-text)!important}body.dark-mode .xa-soft-main span,body.dark-mode .xa-latest-card span,body.dark-mode .detail-intro,body.dark-mode .service-title-card span,body.dark-mode .service-big-card span,body.dark-mode .service-tip-card p{color:var(--xa-muted)!important}body.dark-mode .pay-tabs label{background:#1a1724!important;border-color:#30283d!important;color:#e8e1ef!important}body.dark-mode .pay-tabs label.active{background:#2b2142!important;border-color:var(--xa-purple)!important;color:#c8b8ff!important}body.dark-mode .xa-tabbar{background:rgba(14,14,22,.92)!important;border-color:#252132!important}body.dark-mode .xa-tab{color:#eae6f3!important}body.dark-mode .xa-cat-tabs{background:#101018!important;border-color:#30283d!important}body.dark-mode .search-pro-input{border-color:#7a61c0!important}body.dark-mode .search-pro-input input{color:#f4f0fb!important}body.dark-mode .download-fixed{color:#fff!important} @media(max-width:640px){.service-two-grid{grid-template-columns:1fr 1fr}.search-pro-form{grid-template-columns:minmax(0,1fr) 82px;gap:10px}.search-pro-form button,.search-pro-input{height:46px}.xa-cat-tabs a{font-size:16px!important}.xa-soft-row{min-height:88px!important}.pkg-card{height:136px!important}.pay-tabs label{min-height:48px!important}.download-fixed{width:calc(100vw - 44px)!important}} /* 注册/登录/忘记密码输入框一致：文字居中，验证码输入框同款 */ .auth-card-new{display:flex!important;flex-direction:column!important;gap:18px!important}.auth-field{height:58px!important;border:1.5px solid #8c6bd1!important;border-radius:16px!important;background:transparent!important;display:flex!important;align-items:center!important;position:relative!important;overflow:visible!important}.auth-field.gray{border-color:#918c96!important}.auth-field input{height:100%!important;line-height:58px!important;padding:0 18px!important;border:0!important;background:transparent!important;outline:none!important;font-size:16px!important;color:var(--xa-text)!important;min-width:0!important;width:100%!important}.auth-field span{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;color:#755cb7!important;font-size:16px!important;line-height:1!important;background:var(--xa-bg)!important;padding:0 4px!important;pointer-events:none!important;transition:.18s ease!important}.float-field.is-focus span,.float-field.has-value span{top:0!important;font-size:13px!important}.code-float-field input{padding-right:104px!important}.inside-code-btn{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;height:34px!important;border:0!important;background:transparent!important;color:var(--xa-purple)!important;font-size:14px!important;font-weight:800!important;padding:0 6px!important;border-radius:10px!important}.eye-btn2{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:0!important;color:#777!important}.auth-tight-page .auth-clean,.auth-v3-page .auth-clean{padding-top:78px!important}.auth-title{margin-bottom:70px!important}.auth-title h1{font-size:30px!important;line-height:1.15!important}.auth-title p{font-size:19px!important}.forgot-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}.forgot-switch label{height:42px;border:1px solid var(--xa-line);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--xa-muted);font-weight:800}.forgot-switch label.active{border-color:var(--xa-purple);background:var(--xa-soft);color:var(--xa-purple)}.forgot-switch input{display:none}body.dark-mode .auth-field span{background:#101018!important;color:#bca7ff!important}body.dark-mode .auth-field input{color:#fff!important} /* ===== 2026-05-14 本轮按图修复：行为验证、跑马灯、会员中心、搜索页、下载历史、密码眼睛、软件页 ===== */ /* 行为验证图片放大，减少四周留白 */ .behavior-mask{padding:14px!important}.behavior-box{width:min(96vw,430px)!important}.behavior-img{margin:12px 14px 10px!important;height:clamp(210px,52vw,238px)!important;border-radius:13px!important}.behavior-slider{margin:0 14px 14px!important}.behavior-foot{padding:0 14px 12px!important;min-height:20px!important} /* 首页公告跑马灯：进页面立即可见，连续滚动，不再长时间空白 */ .xa-marquee span{position:relative!important;display:block!important;overflow:hidden!important;white-space:nowrap!important;height:24px!important;line-height:24px!important;min-width:0!important;} .xa-marquee span i{position:absolute!important;left:0!important;top:0!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;font-style:normal!important;padding-left:0!important;gap:0!important;animation:xaMarqueeWdLike 14s linear infinite!important;will-change:transform!important;} .xa-marquee span i em{display:inline-block!important;font-style:normal!important;white-space:nowrap!important;padding-right:86px!important;margin:0!important;} @keyframes xaMarqueeWdLike{0%{transform:translateX(0)}100%{transform:translateX(-33.3333%)}} /* 我的页卡片文字更靠近图标，图标位置不动 */ .xa-mine-tile{grid-template-columns:42px minmax(0,1fr)!important;column-gap:6px!important;padding-left:18px!important;padding-right:12px!important;} .xa-mine-tile i{margin-left:0!important;transform:none!important;} /* 软件下载页整体优化 */ .page-softwares .xa-soft-head{margin-bottom:18px!important}.page-softwares .xa-cat-tabs{margin-bottom:16px!important}.page-softwares .xa-cat-tabs a.active:after{display:block!important;opacity:1!important}.page-softwares .xa-soft-list{gap:12px!important}.page-softwares .xa-soft-row{background:rgba(255,255,255,.34)!important;border-color:rgba(214,205,221,.9)!important;box-shadow:0 8px 18px rgba(83,62,130,.06)!important}.page-softwares .xa-soft-row em{font-weight:850!important}.xa-loadmore{display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:calc(100% - 44px)!important;margin:14px auto 6px!important;align-self:center!important;text-align:center!important;} /* 下载历史：和软件列表一致 */ .history-soft-list{display:flex;flex-direction:column;gap:12px}.history-soft-row{cursor:pointer}.history-soft-page .page{padding-bottom:28px!important}.history-soft-row .xa-soft-main span{white-space:normal!important}.history-soft-row em{min-width:58px!important} /* 收款信息已绑定列表不显示添加时间 */ .payout-method small{display:none!important} /* 会员中心：按充值中心风格重做，结合 XA 紫色风格 */ .member-recharge-page .page{padding-bottom:36px!important}.member-recharge-head{margin-bottom:16px!important}.member-recharge-head h1{font-size:28px!important}.member-recharge-head p{margin:5px 0 0;color:var(--xa-muted);font-size:13px}.member-recharge-hero{border:1px solid var(--xa-line);border-radius:24px;background:linear-gradient(135deg,rgba(124,92,230,.18),rgba(255,255,255,.30));padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 14px 30px rgba(83,62,130,.08)}.member-hero-user{display:flex;align-items:center;gap:12px;min-width:0}.member-hero-user img{width:58px;height:58px;border-radius:18px;object-fit:cover;flex:none}.member-hero-user div{min-width:0}.member-hero-user b{display:block;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-hero-user span{display:block;margin-top:7px;color:var(--xa-muted);font-size:12.5px;line-height:1.35;word-break:break-all}.member-recharge-hero>em{font-style:normal;border-radius:999px;background:rgba(114,85,182,.12);color:var(--xa-purple);font-weight:900;font-size:12px;padding:7px 10px;flex:none}.member-recharge-hero>em.ok{background:rgba(55,196,116,.13);color:#1aa65b}.member-section-line{display:flex;align-items:end;justify-content:space-between;margin:18px 2px 12px}.member-section-line b{font-size:20px;font-weight:950}.member-section-line span{font-size:12px;color:var(--xa-muted)}.recharge-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.recharge-package-card{position:relative;min-height:150px;border:1px solid var(--xa-line);border-radius:20px;background:rgba(255,255,255,.28);padding:22px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;box-shadow:0 8px 18px rgba(83,62,130,.05)}.recharge-package-card input{display:none}.recharge-package-card i{position:absolute;left:50%;top:0;transform:translateX(-50%);min-width:48px;height:20px;padding:0 9px;border-radius:0 0 10px 10px;background:linear-gradient(135deg,#7255b6,#9b7df0);color:#fff;font-style:normal;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.recharge-package-card strong{font-size:24px;line-height:1;color:var(--xa-purple);font-weight:950}.recharge-package-card strong small{font-size:13px}.recharge-package-card del{margin-top:7px;color:#8a8290;font-size:12px}.recharge-package-card b{margin-top:8px;font-size:14px;line-height:1.2;color:var(--xa-text);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.recharge-package-card span{margin-top:5px;font-size:11.5px;line-height:1.35;color:var(--xa-muted);min-height:30px;display:flex;align-items:center;justify-content:center}.recharge-package-card.active{border:2px solid var(--xa-purple);background:linear-gradient(180deg,rgba(114,85,182,.13),rgba(255,255,255,.28));box-shadow:0 14px 28px rgba(114,85,182,.13);transform:translateY(-1px)}.recharge-pay-list{display:grid;gap:10px}.recharge-pay-list label{min-height:58px;border:1px solid var(--xa-line);border-radius:18px;background:rgba(255,255,255,.26);display:flex;align-items:center;gap:12px;padding:0 14px}.recharge-pay-list label input{display:none}.recharge-pay-list label img,.recharge-pay-list label i{width:34px;height:34px;border-radius:12px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--xa-soft);color:var(--xa-purple);font-style:normal;font-weight:900;flex:none}.recharge-pay-list label b{font-size:15px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recharge-pay-list label em{font-style:normal;color:var(--xa-muted);font-size:22px}.recharge-pay-list label.active{border-color:var(--xa-purple);background:var(--xa-soft);box-shadow:inset 0 0 0 1px var(--xa-purple)}.recharge-pay-list label.active em,.recharge-pay-list label.active b{color:var(--xa-purple)}.member-primary-submit,.member-card-exchange{width:100%;height:54px;border:0;border-radius:999px;font-weight:900;font-size:16px;margin-top:16px}.member-primary-submit{background:var(--xa-purple);color:#fff;box-shadow:0 12px 24px rgba(114,85,182,.18)}.member-card-exchange{background:rgba(114,85,182,.10);color:var(--xa-purple);border:1px solid rgba(114,85,182,.22)}.member-recharge-page .member-help{text-align:center;margin:18px 0 10px}.member-recharge-page .member-note{text-align:center;font-size:12.5px;line-height:1.65;color:var(--xa-muted);margin:0 12px}.member-recharge-page .dialog-box{position:relative} /* 搜索界面重新优化 */ .search-modern-page .page{padding-top:30px!important}.search-modern-head{display:flex;align-items:center;gap:14px;margin:6px 0 22px}.search-modern-head h1{margin:0;font-size:28px;font-weight:950;letter-spacing:-.6px}.search-modern-head p{margin:5px 0 0;color:var(--xa-muted);font-size:13px}.search-modern-form{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:10px;margin-bottom:14px}.search-modern-form label{height:52px;border:1.5px solid rgba(114,85,182,.55);border-radius:18px;background:rgba(255,255,255,.24);display:flex;align-items:center;gap:8px;padding:0 14px;min-width:0}.search-modern-form label span{width:22px;height:22px;color:var(--xa-purple);flex:none}.search-modern-form label svg{width:22px;height:22px}.search-modern-form input{min-width:0;flex:1;height:100%;border:0;background:transparent;outline:0;color:var(--xa-text);font-size:15px}.search-modern-form button{height:52px;border:0;border-radius:18px;background:var(--xa-purple);color:#fff;font-weight:900;font-size:15px}.search-modern-card,.search-modern-empty{border:1px dashed var(--xa-line);border-radius:20px;background:rgba(255,255,255,.22);padding:20px;text-align:center}.search-modern-card b,.search-modern-empty b{display:block;font-size:18px;margin-bottom:8px;color:var(--xa-text)}.search-modern-card p,.search-modern-empty span{margin:0;color:var(--xa-muted);font-size:13px;line-height:1.7}.search-modern-title{font-size:18px;font-weight:950;margin:18px 2px 12px}.search-modern-results{display:flex;flex-direction:column;gap:12px}.search-modern-results .xa-soft-row{background:rgba(255,255,255,.34)!important;box-shadow:0 8px 18px rgba(83,62,130,.06)!important} /* 密码显示/隐藏按钮：统一只保留一个眼睛图标，不再叠两个图标 */ input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear{display:none!important}input[type="password"]::-webkit-credentials-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important}.auth-field input[type="password"],.auth-field input[type="text"]{padding-right:56px!important}.dialog-pwd .dialog-input{padding-right:56px!important}.eye-btn2{width:40px!important;height:40px!important;right:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important;background:transparent!important;color:#777180!important;z-index:5!important}.eye-btn2 svg{width:22px!important;height:22px!important;display:block!important}.eye-btn2 .eye-off{display:none!important}.eye-btn2::after{content:""!important;position:absolute!important;left:9px!important;top:50%!important;width:23px!important;height:2.2px!important;background:currentColor!important;transform:translateY(-50%) rotate(38deg)!important;border-radius:3px!important;display:block!important;opacity:1!important}.eye-btn2.show::after{opacity:0!important;display:block!important}.eye-btn2.show{color:var(--xa-purple)!important}.dialog-pwd{position:relative!important;display:block!important}.change-pwd-box .modal-tip{margin-bottom:14px!important} body.dark-mode .member-recharge-hero,body.dark-mode .recharge-package-card,body.dark-mode .recharge-pay-list label,body.dark-mode .search-modern-form label,body.dark-mode .search-modern-card,body.dark-mode .search-modern-empty{background:#1a1724!important;border-color:#30283d!important;color:var(--xa-text)!important;box-shadow:none!important}body.dark-mode .member-hero-user span,body.dark-mode .member-section-line span,body.dark-mode .recharge-package-card span,body.dark-mode .search-modern-head p,body.dark-mode .search-modern-card p,body.dark-mode .search-modern-empty span{color:var(--xa-muted)!important}body.dark-mode .recharge-package-card.active,body.dark-mode .recharge-pay-list label.active{background:#2b2142!important;border-color:#8b6de6!important}body.dark-mode .search-modern-form input{color:#fff!important}body.dark-mode .eye-btn2{color:#c9c0d6!important} @media(max-width:420px){.recharge-package-grid{gap:9px}.recharge-package-card{min-height:142px;padding-left:6px;padding-right:6px}.recharge-package-card strong{font-size:22px}.recharge-package-card b{font-size:13px}.recharge-package-card span{font-size:11px}.search-modern-form{grid-template-columns:minmax(0,1fr) 72px}.member-recharge-hero{padding:14px}.member-hero-user img{width:54px;height:54px}} /* v23 更多服务/会员支付图标细节 */ .xa-more-services .more-service-icon{width:40px;height:40px;border-radius:14px;background:rgba(47,128,255,.10);color:#2f80ff;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden} .xa-more-services .more-service-icon img{width:100%;height:100%;object-fit:cover;border-radius:14px} .xa-more-services .more-service-icon svg{width:22px;height:22px} .recharge-pay-list label .pay-channel-icon{width:36px;height:36px;border-radius:13px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(114,85,182,.12),rgba(47,128,255,.10));color:var(--xa-purple);font-style:normal;font-weight:950;flex:none;border:1px solid rgba(114,85,182,.10)} .recharge-pay-list label.active .pay-channel-icon{background:#fff;color:var(--xa-purple);border-color:rgba(114,85,182,.22)} .history-soft-row em{min-width:44px;text-align:center;color:#2f80ff!important;background:rgba(47,128,255,.10);border-radius:999px;font-style:normal;font-size:12px;font-weight:900;padding:6px 8px} /* v24 行为验证弹窗紧凑优化：去掉左右空白，电脑/手机都保持小卡片 */ .behavior-mask{padding:16px!important;background:rgba(15,23,42,.40)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important} .behavior-box{width:min(94vw,390px)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(15,23,42,.26)!important} .behavior-head{height:54px!important;padding:0 16px 0 18px!important;font-size:18px!important;line-height:1.2!important} .behavior-icons{gap:10px!important}.behavior-icons button{width:34px!important;height:34px!important;font-size:22px!important} .behavior-img{margin:12px 14px 10px!important;height:clamp(176px,52vw,205px)!important;border-radius:13px!important} .behavior-slider{margin:0 14px 14px!important;height:48px!important;border-radius:14px!important} .behavior-knob{width:58px!important;height:48px!important;font-size:28px!important} .behavior-slider-text{font-size:14px!important}.behavior-foot{padding:0 14px 14px!important;min-height:20px!important} @media(max-width:420px){.behavior-box{width:calc(100vw - 24px)!important}.behavior-img{height:clamp(158px,52vw,190px)!important}} .xa-home-lazy-tip{grid-column:1/-1;text-align:center;color:#8a8492;font-size:13px;padding:18px 10px;border:1px dashed rgba(145,132,168,.28);border-radius:16px;background:rgba(255,255,255,.22)} /* 发现页无内容居中提示 */ .xa-discover-empty-center{min-height:240px;display:flex!important;align-items:center;justify-content:center;text-align:center;color:#98a2b3;font-size:15px;background:transparent!important;border:0!important;box-shadow:none!important} /* 2026-05 修复：发现页空内容虚线框、首页多张广告仍保持单张大图宽度 */ .xa-discover-empty-center{min-height:118px!important;margin:8px 0 0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1.5px dashed rgba(120,112,132,.35)!important;border-radius:22px!important;background:rgba(255,255,255,.18)!important;color:#777081!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important;padding:18px!important}.xa-discover-empty-center span{display:block;color:inherit!important}.xa-discover-empty-center:empty:before{content:"暂无内容"} .xa-banner-native{overflow:hidden!important;margin:18px 0 18px!important;border-radius:18px!important;width:100%!important}.xa-banner-native-track{display:flex!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:0!important;scrollbar-width:none}.xa-banner-native-track::-webkit-scrollbar{display:none}.xa-banner-native-slide,.xa-banner-native:not(.single) .xa-banner-native-slide{flex:0 0 100%!important;min-width:100%!important;width:100%!important;scroll-snap-align:start!important;border-radius:18px!important;overflow:hidden!important;aspect-ratio:16/8.2!important;background:linear-gradient(135deg,#9387ff,#6f55e0)!important}.xa-banner-native-slide + .xa-banner-native-slide{margin-left:0!important}.xa-banner-native-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.xa-banner-dots{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:9px!important} body.dark-mode .xa-discover-empty-center{background:#1a1724!important;border-color:#30283d!important;color:#bcb3c8!important} /* 2026-05 serious fix: isolated captcha + full-width infinite banners */ .xa-bc-mask,.xa-bc-mask *{box-sizing:border-box!important} .xa-bc-box{padding:0!important;position:relative!important} .xa-bc-slider{padding:0!important;margin-top:0!important} .xa-bc-track{height:auto!important;display:block!important;justify-content:initial!important;color:inherit!important;font-size:inherit!important} .xa-bc-knob{user-select:none!important;-webkit-user-select:none!important} .xa-banner-native{overflow:hidden!important;width:100%!important;border-radius:18px!important} .xa-banner-native-track{display:flex!important;gap:0!important;overflow:hidden!important;padding:0!important;scroll-snap-type:none!important} .xa-banner-native-slide,.xa-banner-native:not(.single) .xa-banner-native-slide{flex:0 0 100%!important;min-width:100%!important;width:100%!important;max-width:100%!important;border-radius:18px!important;scroll-snap-align:start!important;aspect-ratio:16/8.2!important} .xa-banner-native-slide img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:18px!important} /* ===== 2026-05-17 细节修复：广告图、客服中心、下载历史、我的页文字间距、黑暗加载 ===== */ .xa-banner-native{overflow:hidden!important;width:100%!important;border-radius:18px!important;margin:18px 0 18px!important;} .xa-banner-native-track{display:flex!important;gap:0!important;overflow:hidden!important;padding:0!important;scroll-snap-type:none!important;will-change:transform!important;} .xa-banner-native-slide,.xa-banner-native:not(.single) .xa-banner-native-slide{flex:0 0 100%!important;min-width:100%!important;width:100%!important;max-width:100%!important;border-radius:18px!important;overflow:hidden!important;aspect-ratio:16/8.2!important;scroll-snap-align:start!important;background:linear-gradient(135deg,#9387ff,#6f55e0)!important;} .xa-banner-native-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:18px!important;} .xa-banner-dots{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:9px!important;} .xa-my-actions .xa-mine-tile{grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important;padding-left:30px!important;} .xa-my-actions .xa-mine-tile i{margin-left:0!important;} .history-soft-row em{background:var(--xa-purple)!important;color:#fff!important;border-color:var(--xa-purple)!important;box-shadow:0 6px 14px rgba(114,85,223,.18)!important;} body.dark-mode .history-soft-row em{background:rgba(114,85,223,.18)!important;color:#c8b8ff!important;border-color:#4b3b73!important;box-shadow:none!important;} body.dark-mode .page-loading-overlay{background:rgba(13,12,20,.72)!important;} body.dark-mode .page-loading-card{background:rgba(26,23,36,.96)!important;box-shadow:0 18px 48px rgba(0,0,0,.32),0 0 0 1px rgba(115,85,223,.18)!important;} body.dark-mode .page-loading-text{color:#d6caff!important;} .customer-reborn-v2-page .page{padding:18px 18px 28px!important;} .customer-v2-head{display:flex;align-items:center;gap:12px;margin:4px 0 18px;} .customer-v2-head .back-ico{flex:none;} .customer-v2-head h1{margin:0;font-size:30px;line-height:1.15;color:var(--xa-text);} .customer-v2-head p{margin:6px 0 0;color:var(--xa-muted);font-size:14px;} .customer-v2-hero{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid rgba(114,85,223,.18);border-radius:24px;background:linear-gradient(135deg,rgba(114,85,223,.14),rgba(255,255,255,.28));box-shadow:0 16px 40px rgba(114,85,223,.08);margin-bottom:16px;} .customer-v2-hero-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#8b5cf6,#6d4bd8);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;} .customer-v2-hero-icon svg{width:28px;height:28px;} .customer-v2-hero b{display:block;font-size:20px;color:var(--xa-text);margin-bottom:6px;} .customer-v2-hero span{display:block;font-size:14px;color:var(--xa-muted);line-height:1.65;} .customer-v2-grid{display:grid;gap:12px;margin-bottom:16px;} .customer-v2-item{position:relative;display:flex;align-items:center;gap:14px;padding:16px 58px 16px 16px;border:1px solid var(--xa-line);border-radius:20px;background:rgba(255,255,255,.35);min-height:84px;} .customer-v2-item i{width:44px;height:44px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(114,85,223,.12);color:var(--xa-purple);flex:none;} .customer-v2-item.primary i{background:linear-gradient(135deg,#8b5cf6,#6d4bd8);color:#fff;} .customer-v2-item i svg{width:23px;height:23px;} .customer-v2-item b{display:block;font-size:17px;color:var(--xa-text);margin-bottom:4px;} .customer-v2-item span{display:block;font-size:13px;color:var(--xa-muted);} .customer-v2-item em{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:900;color:#fff;background:var(--xa-purple);border-radius:999px;padding:8px 12px;font-size:13px;} .customer-v2-empty{border:1px dashed rgba(114,85,223,.35);border-radius:22px;padding:28px 16px;text-align:center;background:rgba(255,255,255,.2);} .customer-v2-empty b{display:block;font-size:18px;color:var(--xa-text);} .customer-v2-empty span{display:block;margin-top:8px;color:var(--xa-muted);font-size:13px;} .customer-v2-note{border:1px dashed rgba(148,136,164,.35);border-radius:20px;padding:16px 18px;background:rgba(255,255,255,.20);} .customer-v2-note b{display:block;font-size:16px;color:var(--xa-text);margin-bottom:6px;} .customer-v2-note span{display:block;font-size:13px;color:var(--xa-muted);line-height:1.7;} body.dark-mode .customer-v2-hero,body.dark-mode .customer-v2-item,body.dark-mode .customer-v2-note,body.dark-mode .customer-v2-empty{background:#1a1724!important;border-color:#30283d!important;color:var(--xa-text)!important;box-shadow:none!important;} body.dark-mode .customer-v2-item em{background:#2b2142!important;color:#c8b8ff!important;} /* v-userfix-detail-loading: 软件分类页进入详情页也必须显示全局加载，覆盖旧版分类页禁用规则 */ body.page-category .page-loading-overlay.show{display:flex!important;} body.page-category .page-loading-overlay{z-index:99999!important;} /* ===== 2026-05-17 修复：下载历史列表完全沿用软件页列表样式 + 新客服中心 UI ===== */ .history-soft-page .history-soft-list{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0 auto!important;max-width:100%!important} .history-soft-page .history-soft-row{display:grid!important;grid-template-columns:58px minmax(0,1fr) 76px!important;align-items:center!important;gap:12px!important;min-height:92px!important;padding:12px 14px!important;border:1px solid rgba(214,205,221,.9)!important;border-radius:18px!important;background:rgba(255,255,255,.34)!important;box-shadow:0 8px 18px rgba(83,62,130,.06)!important;color:var(--xa-text)!important} .history-soft-page .history-soft-row .xa-soft-icon{width:58px!important;height:58px!important;border-radius:14px!important;object-fit:cover!important;box-shadow:0 3px 10px rgba(35,27,58,.06)!important} .history-soft-page .history-soft-row .xa-soft-main b{font-size:17px!important;line-height:1.25!important;font-weight:500!important;color:var(--xa-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .history-soft-page .history-soft-row .xa-soft-main span{display:block!important;margin-top:7px!important;font-size:14px!important;line-height:1.45!important;color:var(--xa-muted)!important;white-space:normal!important} .history-soft-page .history-soft-row em{justify-self:end!important;width:auto!important;min-width:58px!important;height:32px!important;padding:0 14px!important;border-radius:999px!important;background:var(--xa-purple)!important;color:#fff!important;border:0!important;font-style:normal!important;font-size:12.5px!important;font-weight:850!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important} body.dark-mode.history-soft-page .history-soft-row,body.dark-mode .history-soft-page .history-soft-row{background:#1a1724!important;border-color:#30283d!important;color:var(--xa-text)!important;box-shadow:none!important} body.dark-mode.history-soft-page .history-soft-row em,body.dark-mode .history-soft-page .history-soft-row em{background:#e9defd!important;color:#7255b6!important;border:0!important;box-shadow:none!important} .support-pro-page .page{padding-top:24px!important;padding-bottom:28px!important} .support-pro-head{display:flex;align-items:center;gap:13px;margin:2px 0 18px} .support-pro-head .back-ico{flex:none}.support-pro-head h1{margin:0;font-size:30px;line-height:1.1;font-weight:950;color:var(--xa-text);letter-spacing:-.7px}.support-pro-head p{margin:7px 0 0;font-size:13px;color:var(--xa-muted)} .support-pro-hero{position:relative;overflow:hidden;border-radius:28px;padding:24px 20px 20px;margin-bottom:16px;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.30),transparent 26%),linear-gradient(135deg,#8d5cf6 0%,#6f55d8 48%,#4c7dff 100%);box-shadow:0 20px 42px rgba(114,85,182,.22)} .support-pro-hero:before,.support-pro-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.16);pointer-events:none}.support-pro-hero:before{width:128px;height:128px;right:-38px;bottom:-44px}.support-pro-hero:after{width:72px;height:72px;left:-24px;top:-18px}.support-pro-glow{position:absolute;inset:auto -30px -50px auto;width:150px;height:150px;background:rgba(255,255,255,.18);filter:blur(18px)} .support-pro-badge{position:relative;width:56px;height:56px;border-radius:20px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:14px;backdrop-filter:blur(12px)}.support-pro-badge svg{width:30px;height:30px}.support-pro-hero h2{position:relative;margin:0;font-size:30px;line-height:1.1;font-weight:960;color:#fff}.support-pro-hero p{position:relative;margin:10px 0 16px;max-width:290px;font-size:14px;line-height:1.75;color:rgba(255,255,255,.90)!important}.support-pro-tags{position:relative;display:flex;gap:8px;flex-wrap:wrap}.support-pro-tags span{height:28px;border-radius:999px;padding:0 10px;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;color:#fff!important;font-size:12px;font-weight:800;backdrop-filter:blur(10px)} .support-pro-actions{display:grid;gap:12px;margin-bottom:16px}.support-pro-card{position:relative;min-height:92px;border-radius:24px;padding:16px 76px 16px 16px;display:flex;align-items:center;gap:14px;border:1px solid rgba(214,205,221,.9);background:rgba(255,255,255,.34);box-shadow:0 10px 24px rgba(83,62,130,.07);overflow:hidden}.support-pro-card:after{content:"";position:absolute;right:-36px;top:-36px;width:94px;height:94px;border-radius:50%;background:rgba(114,85,182,.10)}.support-pro-card i{width:48px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff;position:relative;z-index:1}.support-pro-card.main i{background:linear-gradient(135deg,#8b5cf6,#6d4bd8)}.support-pro-card.group i{background:linear-gradient(135deg,#2f8cff,#34c3ff)}.support-pro-card i svg{width:25px;height:25px}.support-pro-card div{min-width:0;position:relative;z-index:1}.support-pro-card b{display:block;font-size:18px;color:var(--xa-text);font-weight:920}.support-pro-card span{display:block;margin-top:6px;font-size:13px;color:var(--xa-muted);line-height:1.45}.support-pro-card em{position:absolute;right:15px;top:50%;transform:translateY(-50%);height:32px;border-radius:999px;padding:0 12px;background:var(--xa-purple);color:#fff!important;font-style:normal;font-size:12px;font-weight:900;display:flex;align-items:center;z-index:2}.support-pro-empty{border:1.5px dashed rgba(114,85,182,.42);border-radius:24px;background:rgba(255,255,255,.22);padding:28px 18px;text-align:center}.support-pro-empty i{width:56px;height:56px;border-radius:20px;background:var(--xa-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.support-pro-empty i svg{width:28px;height:28px}.support-pro-empty b{display:block;font-size:18px;color:var(--xa-text)}.support-pro-empty span{display:block;margin-top:8px;color:var(--xa-muted);font-size:13px;line-height:1.65} .support-pro-prepare{border:1px dashed rgba(148,136,164,.38);border-radius:24px;background:rgba(255,255,255,.20);padding:18px}.support-pro-prepare>div{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.support-pro-prepare b{font-size:18px;color:var(--xa-text)}.support-pro-prepare>div span{font-size:12px;color:var(--xa-muted)}.support-pro-prepare ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-pro-prepare li{min-height:42px;border-radius:16px;background:rgba(114,85,182,.08);display:flex;align-items:center;gap:9px;padding:0 10px}.support-pro-prepare li i{width:22px;height:22px;border-radius:50%;background:var(--xa-purple);color:#fff;font-style:normal;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}.support-pro-prepare li span{font-size:12px;color:var(--xa-text);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.dark-mode .support-pro-card,body.dark-mode .support-pro-prepare,body.dark-mode .support-pro-empty{background:#1a1724!important;border-color:#30283d!important;color:var(--xa-text)!important;box-shadow:none!important}body.dark-mode .support-pro-card:after{background:rgba(137,105,220,.10)}body.dark-mode .support-pro-card em{background:#e9defd!important;color:#7255b6!important}body.dark-mode .support-pro-prepare li{background:#241d34!important}body.dark-mode .support-pro-prepare li span{color:#f3eef8!important}body.dark-mode .support-pro-empty i{background:#2b2142!important;color:#c8b8ff!important} @media(max-width:360px){.support-pro-prepare ul{grid-template-columns:1fr}.support-pro-card{padding-right:68px}.support-pro-head h1{font-size:27px}} /* 2026-05 客服中心与通用标题统一优化 */ .xa-center-title-row{position:relative;display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;margin:4px 0 24px!important;min-height:40px!important} .xa-center-title-row h1{margin:0!important;text-align:center!important;font-size:20px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.2!important;color:var(--xa-text)!important} .page-title-row.xa-center-title-row .back-ico{justify-self:start!important} .support-flow-page .page{padding-top:26px!important} .support-flow-intro{margin:8px 4px 22px;text-align:left}.support-flow-intro h2{margin:0;font-size:30px;font-weight:820;letter-spacing:-.6px;color:var(--xa-text)}.support-flow-intro p{margin:10px 0 0;color:var(--xa-muted);font-size:14px;line-height:1.7} .support-flow-actions{display:grid;gap:14px;margin-bottom:22px}.support-flow-link{min-height:84px;border-radius:26px;padding:0 16px;display:grid;grid-template-columns:52px minmax(0,1fr) 82px;align-items:center;gap:14px;border:1px solid var(--xa-line);background:rgba(255,255,255,.28);box-shadow:0 12px 24px rgba(83,62,130,.06);color:var(--xa-text)}.support-flow-link.primary{background:linear-gradient(135deg,rgba(114,85,182,.18),rgba(255,255,255,.30));border-color:rgba(114,85,182,.32)}.support-flow-link span{width:52px;height:52px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:var(--xa-soft);color:var(--xa-purple)}.support-flow-link.primary span{background:var(--xa-purple);color:#fff}.support-flow-link span svg{width:26px;height:26px}.support-flow-link b{font-size:18px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-flow-link em{height:34px;border-radius:999px;background:var(--xa-purple);color:#fff!important;font-style:normal;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}.support-flow-link:not(.primary) em{background:rgba(114,85,182,.12);color:var(--xa-purple)!important}.support-flow-empty{border:1.5px dashed rgba(114,85,182,.42);border-radius:24px;padding:30px 18px;text-align:center;background:rgba(255,255,255,.18)}.support-flow-empty b{font-size:18px}.support-flow-empty p{margin:10px 0 0;color:var(--xa-muted);font-size:13px;line-height:1.7} .support-flow-list{border-radius:26px;border:1px solid var(--xa-line);background:rgba(255,255,255,.20);padding:18px}.support-flow-list h3{margin:0 0 12px;font-size:18px;font-weight:760;color:var(--xa-text)}.support-flow-list div{height:48px;border-top:1px solid var(--xa-line);display:flex;align-items:center;gap:12px}.support-flow-list div:first-of-type{border-top:0}.support-flow-list i{width:28px;height:28px;border-radius:50%;background:var(--xa-soft);color:var(--xa-purple);font-style:normal;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}.support-flow-list span{font-size:14px;color:var(--xa-text)!important;font-weight:560} body.dark-mode .support-flow-link,body.dark-mode .support-flow-list,body.dark-mode .support-flow-empty{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;box-shadow:none!important}body.dark-mode .support-flow-link.primary{background:#241d34!important;border-color:#4b3a69!important}body.dark-mode .support-flow-link:not(.primary) em,body.dark-mode .support-flow-list i{background:#31234d!important;color:#cab7ff!important} /* 会员套餐角标自适应，不再因超过 3 个字换行 */ .recharge-package-card i{width:auto!important;max-width:86%!important;height:22px!important;line-height:22px!important;white-space:nowrap!important;padding:0 10px!important;font-size:10.5px!important;word-break:keep-all!important} /* 前台返回页标题统一：居中、轻字重、小字号 */ .page-title-row:not(.member-recharge-head){position:relative}.page-title-row:not(.member-recharge-head) h1,.clean-head h1,.compact-title h1{font-weight:500!important;font-size:21px!important;letter-spacing:0!important}.page-title-left h1{font-weight:500!important;font-size:21px!important}.back-ico{flex:0 0 32px!important} /* 前台字体层级统一 */ .xa-topbar h1,.xa-section-title,.member-section-line b{font-weight:820!important}.xa-soft-main b,.xa-latest-card b,.xa-profile-card h2,.xa-mine-tile b{font-weight:620!important}.xa-tab{font-weight:560!important}.xa-tab.active{font-weight:780!important} /* 含返回按钮的前台页面标题居中 */ body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row){display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;gap:0!important;min-height:40px!important;margin-bottom:20px!important} body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row) .page-title-left{display:contents!important} body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row) .page-title-left>.back-ico{grid-column:1!important;justify-self:start!important} body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row) .page-title-left>div{grid-column:2!important;text-align:center!important;min-width:0!important} body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row) .page-title-left h1{font-size:20px!important;font-weight:500!important;line-height:1.2!important;margin:0!important;text-align:center!important} body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row) .page-title-left p{font-size:12px!important;margin-top:4px!important;text-align:center!important;color:var(--xa-muted)!important} /* ===== 2026-05-17 标题/返回按钮统一修复 ===== 1. 会员中心、搜索页等带返回按钮页面标题统一居中 2. 搜索页标题与其它页面同字号/同字重 3. 标题下方增加分隔线，暗黑模式自动适配 4. 兼容 h1 直接放在 page-title-left 内的详情页结构 */ body.no-nav .page-title-row, body.no-nav .clean-page-head, body.no-nav .search-modern-head{ position:relative!important; display:grid!important; grid-template-columns:40px minmax(0,1fr) 40px!important; align-items:center!important; gap:0!important; min-height:42px!important; margin:2px 0 18px!important; padding:0 0 13px!important; border-bottom:1px solid rgba(19,17,24,.88)!important; } body.no-nav .page-title-row .page-title-left{display:contents!important;} body.no-nav .page-title-row .page-title-left>.back-ico, body.no-nav .page-title-row>a.back-ico, body.no-nav .clean-page-head>.back-ico, body.no-nav .search-modern-head>.back-ico{ grid-column:1!important; justify-self:start!important; align-self:center!important; } body.no-nav .page-title-row .page-title-left>div, body.no-nav .page-title-row .page-title-left>h1, body.no-nav .page-title-row>h1, body.no-nav .clean-page-head>h1, body.no-nav .search-modern-head>h1{ grid-column:2!important; justify-self:center!important; align-self:center!important; min-width:0!important; max-width:100%!important; margin:0!important; text-align:center!important; } body.no-nav .page-title-row h1, body.no-nav .clean-page-head h1, body.no-nav .search-modern-head h1, body.no-nav .member-recharge-head h1, body.no-nav .compact-title h1{ margin:0!important; font-size:20px!important; line-height:1.2!important; font-weight:500!important; letter-spacing:0!important; color:var(--xa-text)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.no-nav .page-title-row p, body.no-nav .member-recharge-head p{ margin:4px 0 0!important; text-align:center!important; font-size:12px!important; line-height:1.35!important; font-weight:400!important; color:var(--xa-muted)!important; } body.no-nav .search-modern-head p{display:none!important;} body.no-nav .search-modern-page .page{padding-top:30px!important;} body.no-nav .search-modern-head{margin-top:2px!important;} body.no-nav .search-modern-form{margin-top:0!important;} body.dark-mode.no-nav .page-title-row, body.dark-mode.no-nav .clean-page-head, body.dark-mode.no-nav .search-modern-head{ border-bottom-color:rgba(255,255,255,.16)!important; } body.dark-mode.no-nav .page-title-row h1, body.dark-mode.no-nav .clean-page-head h1, body.dark-mode.no-nav .search-modern-head h1{color:var(--xa-dark-text)!important;} body.no-nav .back-ico{ width:34px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.no-nav .back-ico svg{width:25px!important;height:25px!important;} /* ===== 2026-05-17 发现详情标题 / 返回页分隔线 / 客服中心重新优化 ===== */ /* 返回页分隔线改为软件分类标签同款浅色线条，不再使用黑色粗线 */ body.no-nav .page-title-row, body.no-nav .clean-page-head, body.no-nav .search-modern-head{ margin:0 -22px 20px!important; padding:0 22px 14px!important; border-bottom:1px solid var(--xa-line,#d8ccd9)!important; box-shadow:none!important; } body.dark-mode.no-nav .page-title-row, body.dark-mode.no-nav .clean-page-head, body.dark-mode.no-nav .search-modern-head{ border-bottom-color:var(--xa-dark-border,#30283d)!important; } body.no-nav .page-title-row.xa-center-title-row{ grid-template-columns:40px minmax(0,1fr) 40px!important; } /* 发现文章详情标题居中，长标题自动省略 */ .article-v2-page .page-title-row .page-title-left>div{min-width:0!important;max-width:100%!important;text-align:center!important;} .article-v2-page .page-title-row h1{font-size:20px!important;font-weight:500!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} /* 客服中心：去掉顶部大卡片，改为轻量列表风格 */ .support-minimal-page .page{padding-top:28px!important;} .support-minimal-wrap{display:grid;gap:18px;margin-top:4px;} .support-minimal-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px;} .support-minimal-title b{font-size:18px;font-weight:760;color:var(--xa-text,#201b24);} .support-minimal-title span{font-size:12px;color:var(--xa-muted,#766d7c);white-space:nowrap;} .support-minimal-list{border-top:1px solid var(--xa-line,#d8ccd9);border-bottom:1px solid var(--xa-line,#d8ccd9);} .support-minimal-row{min-height:78px;display:grid;grid-template-columns:42px minmax(0,1fr) 50px;gap:13px;align-items:center;color:var(--xa-text,#201b24);border-top:1px solid var(--xa-line,#d8ccd9);} .support-minimal-row:first-child{border-top:0;} .support-minimal-row i{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(114,85,182,.10);color:var(--xa-purple,#7255b6);} .support-minimal-row.primary i{background:var(--xa-purple,#7255b6);color:#fff;} .support-minimal-row i svg{width:23px;height:23px;} .support-minimal-row div{min-width:0;} .support-minimal-row b{display:block;font-size:16px;font-weight:680;color:var(--xa-text,#201b24);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .support-minimal-row span{display:block;margin-top:6px;font-size:12px;line-height:1.35;color:var(--xa-muted,#766d7c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .support-minimal-row em{justify-self:end;width:48px;height:30px;border-radius:999px;background:rgba(114,85,182,.10);color:var(--xa-purple,#7255b6)!important;font-style:normal;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;} .support-minimal-row.primary em{background:var(--xa-purple,#7255b6);color:#fff!important;} .support-minimal-empty{border:1.5px dashed var(--xa-line,#d8ccd9);border-radius:18px;padding:28px 16px;text-align:center;margin:14px 0;background:rgba(255,255,255,.18);} .support-minimal-empty b{display:block;font-size:16px;font-weight:700;color:var(--xa-text,#201b24);} .support-minimal-empty span{display:block;margin-top:8px;font-size:12px;line-height:1.65;color:var(--xa-muted,#766d7c);} .support-minimal-note{border:1px dashed var(--xa-line,#d8ccd9);border-radius:18px;padding:16px;background:rgba(255,255,255,.14);} .support-minimal-note b{display:block;font-size:15px;font-weight:700;color:var(--xa-text,#201b24);} .support-minimal-note p{margin:8px 0 0;font-size:13px;line-height:1.65;color:var(--xa-muted,#766d7c);} body.dark-mode .support-minimal-title b, body.dark-mode .support-minimal-row b, body.dark-mode .support-minimal-empty b, body.dark-mode .support-minimal-note b{color:var(--xa-dark-text,#f3eef8)!important;} body.dark-mode .support-minimal-title span, body.dark-mode .support-minimal-row span, body.dark-mode .support-minimal-empty span, body.dark-mode .support-minimal-note p{color:var(--xa-dark-muted,#a79daf)!important;} body.dark-mode .support-minimal-list{border-color:var(--xa-dark-border,#30283d)!important;} body.dark-mode .support-minimal-row{border-color:var(--xa-dark-border,#30283d)!important;color:var(--xa-dark-text,#f3eef8)!important;} body.dark-mode .support-minimal-row i{background:#31234d!important;color:#cab7ff!important;} body.dark-mode .support-minimal-row.primary i{background:#7255b6!important;color:#fff!important;} body.dark-mode .support-minimal-row em{background:#31234d!important;color:#cab7ff!important;} body.dark-mode .support-minimal-row.primary em{background:#e9defd!important;color:#7255b6!important;} body.dark-mode .support-minimal-empty,body.dark-mode .support-minimal-note{background:#1a1724!important;border-color:var(--xa-dark-border,#30283d)!important;} /* v-latest-loading-copy-20260518: 软件获取提示统一、加载图标、客服中心去标题线条 */ .xa-first-loading.is-spinning{ display:flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; min-height:96px!important; padding:24px 16px!important; } .xa-first-loading.is-spinning i, .xa-loadmore.is-spinning i{ width:15px!important; height:15px!important; border-radius:50%!important; border:2px solid rgba(114,85,182,.22)!important; border-top-color:var(--xa-purple,#7255b6)!important; display:inline-block!important; flex:none!important; animation:xaSpinMore .72s linear infinite!important; } .xa-loadmore.show{ min-height:34px!important; gap:8px!important; padding:8px 14px!important; border-radius:999px!important; color:var(--xa-muted,#766d7c)!important; background:rgba(255,255,255,.18)!important; } .xa-loadmore.show span, .xa-first-loading.is-spinning span{display:inline-block!important;line-height:1.2!important;} @keyframes xaSpinMore{to{transform:rotate(360deg)}} .search-modern-card b,.search-modern-empty b{display:none!important;} .search-modern-card,.search-modern-empty{padding:18px!important;} .support-minimal-wrap{margin-top:10px!important;} .support-minimal-list{border-top:0!important;border-bottom:0!important;} .support-minimal-row:first-child{border-top:0!important;} body.dark-mode .xa-loadmore.show{background:#1a1724!important;color:var(--xa-dark-muted,#a79daf)!important;} body.dark-mode .xa-first-loading.is-spinning i, body.dark-mode .xa-loadmore.is-spinning i{border-color:rgba(202,183,255,.22)!important;border-top-color:#cab7ff!important;} /* 客服中心：支持后台上传图标显示 */ .support-minimal-row i img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block;} /* final-fix-20260518-speed-loader: 软件列表底部加载提示居中且不再出现空白歪斜胶囊 */ .xa-loadmore{ display:none!important; width:fit-content!important; max-width:calc(100% - 44px)!important; margin:14px auto 8px!important; padding:0!important; border:0!important; background:transparent!important; align-self:center!important; text-align:center!important; } .xa-loadmore.show{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:36px!important; padding:8px 16px!important; border-radius:999px!important; background:rgba(114,85,182,.08)!important; color:var(--xa-purple,#7255b6)!important; line-height:1!important; box-shadow:none!important; } .xa-loadmore.show:before{display:none!important;content:none!important;} .xa-loadmore.show i{margin:0!important;} .xa-loadmore.show span{white-space:nowrap!important;line-height:1.2!important;} body.dark-mode .xa-loadmore.show{background:#1a1724!important;color:#cab7ff!important;} .settings-panel .admin-form-note{grid-column:1/-1;font-size:13px;line-height:1.7;color:#718096;background:rgba(49,130,206,.06);border:1px solid rgba(49,130,206,.12);border-radius:14px;padding:12px 14px;} /* final-fix-20260518-loader-center-v2: 软件列表加载更多提示强制底部居中 */ .page-softwares #xaLoadMore.xa-loadmore{ display:none!important; width:max-content!important; max-width:calc(100% - 44px)!important; margin:14px auto 8px!important; padding:0!important; border:0!important; background:transparent!important; text-align:center!important; position:relative!important; left:auto!important; right:auto!important; transform:none!important; } .page-softwares #xaLoadMore.xa-loadmore.show{ display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:max-content!important; min-width:0!important; min-height:36px!important; margin-left:auto!important; margin-right:auto!important; padding:8px 16px!important; border-radius:999px!important; background:rgba(114,85,182,.08)!important; color:var(--xa-purple,#7255b6)!important; box-shadow:none!important; } .page-softwares #xaLoadMore.xa-loadmore.show i{ margin:0!important; flex:none!important; } .page-softwares #xaLoadMore.xa-loadmore.show span{ white-space:nowrap!important; line-height:1.2!important; } body.dark-mode.page-softwares #xaLoadMore.xa-loadmore.show{ background:#1a1724!important; color:#cab7ff!important; } /* 2026-05 分类置顶卡片与底部加载提示稳定居中 */ .xa-soft-row .app-icon-wrap{position:relative!important;display:block!important;width:58px!important;height:58px!important;flex:0 0 58px!important;align-self:center!important;justify-self:center!important;} .xa-soft-row .app-icon-wrap .xa-soft-icon{display:block!important;width:58px!important;height:58px!important;margin:0!important;} .xa-soft-row .app-icon-wrap .top-ribbon{font-size:10px!important;padding:1px 6px!important;border-radius:10px 0 10px 0!important;line-height:1.45!important;} .page-softwares #xaLoadMore.xa-loadmore{left:auto!important;right:auto!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;display:none!important;} .page-softwares #xaLoadMore.xa-loadmore.show{display:flex!important;position:relative!important;left:auto!important;right:auto!important;margin:14px auto 8px!important;align-self:center!important;width:max-content!important;min-width:0!important;max-width:calc(100% - 44px)!important;justify-content:center!important;align-items:center!important;gap:8px!important;} .page-softwares #xaLoadMore.xa-loadmore.show span{white-space:nowrap!important;} /* v_task_receipt_dark_fix：收款信息已绑定列表暗黑模式适配 */ body.dark-mode .payout-card, body.dark-mode .payout-card.ui-card{ background:#191722!important; border-color:#2f2a3c!important; color:#f4f0fa!important; } body.dark-mode .payout-card h2{ color:#f7f2ff!important; } body.dark-mode .payout-method{ background:linear-gradient(135deg,#211d2b,#181620)!important; border-color:#3a314b!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; color:#f4f0fa!important; } body.dark-mode .payout-method b{ color:#f7f2ff!important; } body.dark-mode .payout-method span, body.dark-mode .payout-method small, body.dark-mode .payout-address{ color:#c9c0d6!important; } body.dark-mode .payout-qr-preview{ background:#13111a!important; border-radius:16px!important; display:inline-flex!important; padding:4px!important; } body.dark-mode .payout-qr-preview img{ background:#211d2b!important; border:1px solid #3a314b!important; } body.dark-mode .payout-method .pay-del, body.dark-mode .payout-method button.pay-del{ background:rgba(255,92,112,.16)!important; color:#ff8797!important; border:1px solid rgba(255,92,112,.20)!important; } body.dark-mode .payout-empty-dash{ background:#15131d!important; border-color:#3a314b!important; color:#c9c0d6!important; } /* 消息中心 / 官方消息 / 群组聊天 */ .my-head-actions{display:flex;align-items:center;gap:10px}.xa-message-btn{position:relative}.xa-message-btn em{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff3b4f;color:#fff;font-size:11px;line-height:18px;text-align:center;font-style:normal;font-weight:900;box-shadow:0 4px 10px rgba(255,59,79,.25)} .msg-page{max-width:720px;margin:0 auto;padding:6px 0 120px}.msg-nav{height:54px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;border-bottom:1px solid rgba(15,23,42,.08);margin:0 -8px 14px}.msg-nav h1{font-size:18px;font-weight:700;text-align:center;margin:0;color:var(--text,#172033)}.msg-nav span{font-size:12px;color:#8b95a7;text-align:center}.back-ico{font-size:34px;text-decoration:none;color:inherit;text-align:center;line-height:54px}.wx-list-page{padding-top:10px}.wx-search{height:46px;border-radius:12px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;gap:8px;color:#a7adb8;font-size:18px;margin:12px 8px 16px;box-shadow:0 1px 0 rgba(15,23,42,.04)}.wx-chat-row{position:relative;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;padding:12px 8px;border-bottom:1px solid rgba(15,23,42,.06);min-height:78px}.wx-avatar{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(135deg,#2f80ff,#7c5cff);color:#fff;overflow:hidden}.wx-avatar svg{width:28px;height:28px}.wx-avatar.img{object-fit:cover;background:#edf2f8}.wx-avatar.official{background:linear-gradient(135deg,#17c964,#0bbf7f)}.wx-info{min-width:0;flex:1}.wx-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.wx-info b{font-size:17px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-info time{font-size:12px;color:#b0b7c3;white-space:nowrap}.wx-info p{margin:5px 0 0;font-size:14px;line-height:1.4;color:#98a1ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-badge{position:absolute;left:48px;top:8px;min-width:20px;height:20px;border-radius:999px;background:#ff4155;color:#fff;font-size:12px;font-style:normal;text-align:center;line-height:20px;padding:0 6px;font-weight:900}.official-chat-page{background:#f0f0f0;margin-left:-10px;margin-right:-10px;min-height:calc(100vh - 90px);padding-left:14px;padding-right:14px}.official-chat-list{padding-top:8px}.official-card{background:#fff;border-radius:8px;margin:14px 0;padding:18px 16px;box-shadow:0 1px 0 rgba(0,0,0,.04)}.official-card h2{margin:0 0 4px;font-size:18px;font-weight:500;color:#111827}.official-card time{display:block;margin-bottom:14px;color:#6b7280;font-size:14px}.official-content{font-size:16px;line-height:1.75;color:#111827}.official-content img{max-width:100%;border-radius:12px}.official-more{border-top:1px solid #f0f0f0;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;color:#111827}.official-more span{color:#b2b2b2}.group-chat-page{background:#eef0f4;margin-left:-10px;margin-right:-10px;min-height:calc(100vh - 90px);padding-left:12px;padding-right:12px}.chat-stream{padding:10px 0 86px}.chat-msg{display:flex;gap:10px;margin:13px 0;align-items:flex-start}.chat-msg.mine{flex-direction:row-reverse}.chat-avatar{width:42px;height:42px;border-radius:10px;object-fit:cover;background:#fff;flex:0 0 auto}.chat-bubble-wrap{max-width:74%;min-width:0}.chat-name{font-size:12px;color:#8992a3;margin:0 0 4px}.chat-msg.mine .chat-name{text-align:right}.chat-name em{font-style:normal;color:#fff;background:#7c5cff;border-radius:999px;padding:1px 6px;margin-left:4px}.chat-bubble{background:#fff;border-radius:14px;padding:10px 12px;color:#111827;font-size:15px;line-height:1.6;box-shadow:0 1px 1px rgba(0,0,0,.03)}.chat-msg.mine .chat-bubble{background:#95ec69}.chat-bubble p{margin:0}.chat-bubble img{max-width:180px;border-radius:10px;display:block}.chat-bubble i{font-style:normal;color:#9ca3af}.chat-actions{display:flex;gap:8px;margin-top:5px;opacity:.88}.chat-actions form{margin:0}.chat-actions button{border:0;background:rgba(17,24,39,.08);border-radius:999px;padding:3px 8px;color:#667085;font-size:12px}.chat-send{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:720px;display:flex;gap:8px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);border-top:1px solid rgba(15,23,42,.08);backdrop-filter:blur(16px);z-index:20}.chat-send input[name=content]{flex:1;height:42px;border:0;background:#f3f4f6;border-radius:12px;padding:0 12px;outline:0}.chat-send button{height:42px;border:0;background:#22c55e;color:#fff;font-weight:900;border-radius:12px;padding:0 16px}.chat-send button:disabled{opacity:.45}.img-picker{width:42px;height:42px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:24px;color:#667085}.img-picker input{display:none}.chat-send-tip{position:fixed;left:50%;bottom:64px;transform:translateX(-50%);background:rgba(15,23,42,.82);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;z-index:21}.empty-msg{text-align:center;color:#98a2b3;padding:46px 20px}.dark-mode .msg-nav{border-color:rgba(255,255,255,.09)}.dark-mode .wx-search,.dark-mode .official-card{background:#1a1724;color:#eee}.dark-mode .wx-info b,.dark-mode .official-card h2,.dark-mode .official-content,.dark-mode .official-more{color:#f7f4ff}.dark-mode .wx-chat-row{border-color:rgba(255,255,255,.08)}.dark-mode .official-chat-page,.dark-mode .group-chat-page{background:#0f0d16}.dark-mode .chat-bubble{background:#24202f;color:#f7f4ff}.dark-mode .chat-msg.mine .chat-bubble{background:#7355df;color:#fff}.dark-mode .chat-send{background:rgba(16,13,23,.92);border-color:rgba(255,255,255,.08)}.dark-mode .chat-send input[name=content],.dark-mode .img-picker{background:#24202f;color:#e9ddff}.dark-mode .official-more{border-color:rgba(255,255,255,.08)} /* message center redesign 2026 */ .my-head-actions{display:flex!important;align-items:center!important;gap:10px!important}.my-head-actions .xa-share{width:38px!important;height:38px!important}.my-head-actions .xa-share svg{width:26px!important;height:26px!important}.xa-message-btn{position:relative}.xa-message-btn em{right:-5px!important;top:-5px!important;min-width:17px!important;height:17px!important;line-height:17px!important;font-size:10px!important} .msg-page{max-width:430px!important;margin:0 auto!important;min-height:100vh!important;padding:34px 18px 108px!important;background:var(--xa-bg)!important;color:var(--xa-text)!important}.msg-nav{height:50px!important;display:grid!important;grid-template-columns:46px 1fr 46px!important;align-items:center!important;border-bottom:1px solid var(--xa-line)!important;margin:0 -18px 18px!important;padding:0 8px!important}.msg-nav h1{font-size:18px!important;font-weight:600!important;letter-spacing:.2px!important;color:var(--xa-text)!important}.msg-nav span{font-size:12px!important;color:#8a8294!important}.back-ico{font-size:30px!important;line-height:50px!important;color:var(--xa-text)!important}.wx-list-page{padding-top:34px!important}.wx-search{height:48px!important;border-radius:18px!important;background:rgba(255,255,255,.5)!important;border:1px solid var(--xa-line)!important;box-shadow:none!important;margin:0 0 18px!important;color:#8f8798!important;font-size:15px!important;justify-content:flex-start!important;padding:0 16px!important}.wx-chat-row{position:relative!important;min-height:82px!important;margin:0 0 12px!important;padding:13px 14px!important;border:1px solid var(--xa-line)!important;border-radius:20px!important;background:rgba(255,255,255,.35)!important;box-shadow:0 10px 24px rgba(73,55,112,.06)!important;gap:12px!important}.wx-chat-row:active{transform:scale(.99)}.wx-avatar{width:52px!important;height:52px!important;border-radius:16px!important}.wx-avatar svg{width:25px!important;height:25px!important}.wx-info b{font-size:16px!important;font-weight:800!important;color:var(--xa-text)!important}.wx-info p{font-size:13px!important;color:#756c7c!important}.wx-info time{font-size:11px!important;color:#968da0!important}.wx-badge{left:52px!important;top:9px!important;box-shadow:0 4px 12px rgba(255,65,85,.22)!important} .official-chat-page,.group-chat-page{background:var(--xa-bg)!important;margin:0 auto!important;padding:34px 16px 108px!important}.official-chat-list{padding-top:2px!important}.official-card{border:1px solid var(--xa-line)!important;border-radius:20px!important;background:rgba(255,255,255,.42)!important;box-shadow:0 14px 30px rgba(73,55,112,.06)!important;margin:12px 0!important;padding:17px!important}.official-card h2{font-size:17px!important;font-weight:800!important;color:var(--xa-text)!important}.official-card time{font-size:12px!important;color:#8a8294!important}.official-content{font-size:14px!important;line-height:1.78!important;color:#403947!important}.official-more{border-top:1px solid var(--xa-line)!important;color:var(--xa-purple)!important;font-size:14px!important} .chat-stream{padding:4px 0 82px!important}.chat-msg{gap:9px!important;margin:12px 0!important}.chat-avatar{width:38px!important;height:38px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.6)!important}.chat-bubble-wrap{max-width:76%!important}.chat-name{font-size:11px!important;color:#8d8496!important}.chat-name em{background:linear-gradient(135deg,#8c6cf5,#6d52d8)!important;color:#fff!important;padding:2px 6px!important}.chat-bubble{border-radius:18px!important;background:rgba(255,255,255,.62)!important;border:1px solid var(--xa-line)!important;box-shadow:0 8px 20px rgba(73,55,112,.06)!important;color:var(--xa-text)!important}.chat-msg.mine .chat-bubble{background:linear-gradient(135deg,#7f61d9,#6f53ce)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.chat-bubble img{max-width:190px!important;border-radius:14px!important}.chat-send{max-width:430px!important;border-top:1px solid var(--xa-line)!important;background:rgba(250,246,253,.9)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important}.chat-send input[name=content]{height:42px!important;border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.66)!important;border-radius:999px!important;color:var(--xa-text)!important}.img-picker{width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.66)!important;border:1px solid var(--xa-line)!important;color:var(--xa-purple)!important}.chat-send button{height:42px!important;border-radius:999px!important;background:var(--xa-purple)!important;padding:0 16px!important}.chat-actions button{background:var(--xa-soft)!important;color:var(--xa-purple)!important}.chat-image-confirm{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px;z-index:200}.chat-image-confirm.show{display:flex}.chat-image-box{width:min(88vw,340px);background:#fff;border-radius:24px;padding:18px;text-align:center;box-shadow:0 30px 90px rgba(15,23,42,.28)}.chat-image-box h3{margin:0 0 12px;font-size:18px;color:#111827}.chat-image-box img{display:block;max-width:100%;max-height:48vh;border-radius:18px;margin:0 auto 16px;object-fit:contain;background:#f8fafc}.chat-image-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chat-image-actions button{height:44px;border:0;border-radius:15px;background:var(--xa-purple);color:#fff;font-weight:900}.chat-image-actions .cancel{background:#f1edf8;color:#5f556a}.empty-msg{border:1px dashed var(--xa-line);border-radius:18px;background:rgba(255,255,255,.25);padding:28px 18px!important;color:#7d7482!important} body.dark-mode .msg-page,body.dark-mode .official-chat-page,body.dark-mode .group-chat-page{background:var(--xa-dark-bg)!important;color:var(--xa-dark-text)!important}body.dark-mode .wx-search,body.dark-mode .wx-chat-row,body.dark-mode .official-card,body.dark-mode .chat-bubble,body.dark-mode .chat-send input[name=content],body.dark-mode .img-picker{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;box-shadow:none!important}body.dark-mode .wx-info b,body.dark-mode .msg-nav h1,body.dark-mode .official-card h2,body.dark-mode .official-content{color:var(--xa-dark-text)!important}body.dark-mode .wx-info p,body.dark-mode .wx-info time,body.dark-mode .chat-name{color:var(--xa-dark-muted)!important}body.dark-mode .official-more{border-color:var(--xa-dark-border)!important;color:#b797ff!important}body.dark-mode .chat-send{background:rgba(17,16,24,.9)!important;border-color:var(--xa-dark-border)!important}body.dark-mode .chat-image-box{background:var(--xa-dark-card)!important}body.dark-mode .chat-image-box h3{color:var(--xa-dark-text)!important}body.dark-mode .chat-image-box img{background:#171621!important} /* 2026-05 message pages final polish: no tabbar, member-style title, official modal, chat input */ body.message-center-page .xa-tabbar{display:none!important} body.message-center-page .app{padding-bottom:0!important;max-width:430px!important;background:var(--xa-bg)!important} body.message-center-page main.page{padding:28px 18px 0!important;min-height:100vh!important;background:var(--xa-bg)!important} body.message-center-page .msg-page{max-width:430px!important;margin:0 auto!important;min-height:100vh!important;padding:0 0 92px!important;background:var(--xa-bg)!important;color:var(--xa-text)!important} body.message-center-page .message-title-head{margin:0 0 18px!important;min-height:44px!important;display:flex!important;align-items:center!important;border-bottom:1px solid var(--xa-line)!important;padding-bottom:14px!important} body.message-center-page .message-title-head .page-title-left{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important} body.message-center-page .message-title-head .back-ico{width:40px!important;height:40px!important;border-radius:15px!important;background:rgba(255,255,255,.45)!important;border:1px solid var(--xa-line)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;line-height:1!important;padding:0 0 4px!important;color:var(--xa-text)!important;flex:0 0 auto!important} body.message-center-page .message-title-head h1{margin:0!important;font-size:22px!important;font-weight:700!important;color:var(--xa-text)!important;line-height:1.2!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.message-center-page .message-title-head p{margin:4px 0 0!important;font-size:12px!important;color:var(--xa-muted)!important;text-align:left!important} body.message-center-page .wx-search{display:none!important} body.message-center-page .wx-list-page{padding-top:0!important} body.message-center-page .wx-chat-row{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:82px!important;margin:0 0 12px!important;padding:13px 14px!important;border:1px solid var(--xa-line)!important;border-radius:20px!important;background:rgba(255,255,255,.32)!important;box-shadow:0 10px 24px rgba(73,55,112,.06)!important;color:var(--xa-text)!important;text-decoration:none!important} body.message-center-page .wx-avatar{width:52px!important;height:52px!important;border-radius:16px!important;overflow:hidden!important;flex:0 0 auto!important} body.message-center-page .wx-info b{font-size:16px!important;font-weight:800!important;color:var(--xa-text)!important} body.message-center-page .wx-info p{font-size:13px!important;color:var(--xa-muted)!important;margin-top:5px!important} body.message-center-page .wx-info time{font-size:11px!important;color:#968da0!important} body.message-center-page .official-chat-page{margin:0!important;padding:0 0 92px!important;background:var(--xa-bg)!important;min-height:100vh!important} body.message-center-page .official-chat-list{padding:0 0 22px!important} body.message-center-page .official-card{background:rgba(255,255,255,.35)!important;border:1px solid var(--xa-line)!important;border-radius:22px!important;margin:0 0 14px!important;padding:16px!important;box-shadow:0 12px 28px rgba(73,55,112,.06)!important;cursor:pointer!important} body.message-center-page .official-card h2{margin:0 0 6px!important;font-size:17px!important;font-weight:850!important;color:var(--xa-text)!important} body.message-center-page .official-card time{display:block!important;font-size:12px!important;color:var(--xa-muted)!important;margin:0 0 10px!important} body.message-center-page .official-card p{margin:0!important;font-size:14px!important;line-height:1.65!important;color:#655d6d!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} body.message-center-page .official-more{border-top:1px solid var(--xa-line)!important;margin-top:13px!important;padding-top:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:var(--xa-purple)!important;font-size:13px!important;font-weight:800!important} .official-detail-mask{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(22,18,31,.48)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:220!important;padding:18px!important} .official-detail-mask.show{display:flex!important} .official-detail-box{width:min(92vw,390px)!important;max-height:78vh!important;overflow:hidden!important;background:rgba(255,255,255,.96)!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 28px 80px rgba(21,18,32,.24)!important;padding:20px!important;position:relative!important;display:flex!important;flex-direction:column!important} .official-detail-close{position:absolute!important;right:14px!important;top:14px!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#f2eff8!important;color:#5b5365!important;font-size:24px!important;line-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 0 3px!important} .official-detail-box h3{margin:0 44px 6px 0!important;font-size:20px!important;font-weight:900!important;color:#18151f!important;line-height:1.35!important} .official-detail-box time{font-size:12px!important;color:#91899b!important;margin-bottom:14px!important} .official-detail-body{overflow:auto!important;padding:14px!important;border-radius:18px!important;background:#faf8ff!important;border:1px solid #eee7f6!important;color:#2b2532!important;line-height:1.8!important;font-size:15px!important;max-height:50vh!important} .official-detail-body img{max-width:100%!important;border-radius:12px!important;height:auto!important} .official-detail-ok{height:46px!important;border:0!important;border-radius:16px!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important;margin-top:15px!important;font-size:15px!important} body.message-center-page .group-chat-page{margin:0!important;padding:0 0 84px!important;background:var(--xa-bg)!important;min-height:100vh!important} body.message-center-page .chat-stream{padding:2px 0 92px!important;min-height:calc(100vh - 165px)!important} body.message-center-page .chat-msg{display:flex!important;gap:10px!important;margin:13px 0!important;align-items:flex-start!important} body.message-center-page .chat-msg.mine{flex-direction:row-reverse!important} body.message-center-page .chat-avatar{width:42px!important;height:42px!important;border-radius:13px!important;object-fit:cover!important;background:#fff!important;flex:0 0 auto!important} body.message-center-page .chat-bubble-wrap{max-width:74%!important;min-width:0!important} body.message-center-page .chat-name{font-size:12px!important;color:#8f8798!important;margin:0 0 4px!important} body.message-center-page .chat-msg.mine .chat-name{text-align:right!important} body.message-center-page .chat-bubble{background:rgba(255,255,255,.65)!important;border:1px solid var(--xa-line)!important;border-radius:18px!important;padding:10px 12px!important;color:var(--xa-text)!important;font-size:15px!important;line-height:1.65!important;box-shadow:0 8px 20px rgba(73,55,112,.04)!important} body.message-center-page .chat-msg.mine .chat-bubble{background:var(--xa-purple)!important;color:#fff!important;border-color:transparent!important} body.message-center-page .chat-bubble img{max-width:180px!important;border-radius:13px!important;display:block!important} body.message-center-page .chat-send{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;display:flex!important;gap:8px!important;align-items:center!important;padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(250,246,253,.92)!important;border-top:1px solid var(--xa-line)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:120!important} body.message-center-page .chat-send input[name=content]{flex:1!important;height:42px!important;border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.62)!important;border-radius:16px!important;padding:0 13px!important;outline:0!important;color:var(--xa-text)!important;min-width:0!important} body.message-center-page .chat-send button{height:42px!important;border:0!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important;border-radius:16px!important;padding:0 15px!important} body.message-center-page .img-picker{width:42px!important;height:42px!important;border-radius:16px!important;background:rgba(255,255,255,.62)!important;border:1px solid var(--xa-line)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:23px!important;color:var(--xa-purple)!important;flex:0 0 auto!important} body.message-center-page .empty-msg{border:1px dashed var(--xa-line)!important;border-radius:20px!important;margin:18px 0!important;padding:34px 18px!important;text-align:center!important;color:var(--xa-muted)!important;background:rgba(255,255,255,.18)!important} body.dark-mode.message-center-page .wx-chat-row, body.dark-mode.message-center-page .official-card, body.dark-mode.message-center-page .chat-send input[name=content], body.dark-mode.message-center-page .img-picker, body.dark-mode.message-center-page .chat-bubble{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;box-shadow:none!important} body.dark-mode.message-center-page .official-detail-box{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important} body.dark-mode.message-center-page .official-detail-box h3, body.dark-mode.message-center-page .official-detail-body{color:var(--xa-dark-text)!important} body.dark-mode.message-center-page .official-detail-body{background:#171621!important;border-color:var(--xa-dark-border)!important} body.dark-mode.message-center-page .chat-send{background:rgba(17,16,24,.92)!important;border-color:var(--xa-dark-border)!important} body.dark-mode.message-center-page .message-title-head{border-color:var(--xa-dark-border)!important} body.dark-mode.message-center-page .message-title-head .back-ico{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important} /* 2026-05 message center v2: unified member-center header, fixed chat header, instant chat UI */ body.message-center-page .app{max-width:430px!important;margin:0 auto!important;min-height:100vh!important;background:var(--xa-bg)!important;overflow:hidden!important} body.message-center-page main.page{padding:0!important;min-height:100vh!important;background:var(--xa-bg)!important} body.message-center-page .xa-tabbar{display:none!important} body.message-center-page .msg-page{max-width:430px!important;margin:0 auto!important;min-height:100vh!important;padding:118px 20px 24px!important;background:var(--xa-bg)!important;color:var(--xa-text)!important;position:relative!important;box-sizing:border-box!important} body.message-center-page .fixed-message-head{position:fixed!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;height:104px!important;padding:42px 22px 14px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)44px!important;align-items:center!important;gap:0!important;background:rgba(250,246,253,.94)!important;border-bottom:1px solid var(--xa-line)!important;z-index:130!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-sizing:border-box!important} body.message-center-page .fixed-message-head .back-ico{grid-column:1!important;width:40px!important;height:40px!important;border-radius:16px!important;background:transparent!important;border:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;color:var(--xa-text)!important;box-shadow:none!important;padding:0!important} body.message-center-page .fixed-message-head .back-ico svg{width:25px!important;height:25px!important;stroke-width:2.5!important} body.message-center-page .xa-message-title{grid-column:2!important;text-align:center!important;min-width:0!important;line-height:1.2!important} body.message-center-page .xa-message-title h1{margin:0!important;font-size:20px!important;font-weight:600!important;color:var(--xa-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:0!important} body.message-center-page .xa-message-title p{margin:4px 0 0!important;font-size:12px!important;color:var(--xa-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.message-center-page .message-more{grid-column:3!important;justify-self:end!important;width:40px!important;height:40px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--xa-text)!important;font-size:22px!important;font-weight:800!important;letter-spacing:1px!important;background:transparent!important;border:0!important;line-height:1!important} body.message-center-page .message-title-head{display:none!important} body.message-center-page .wx-chat-row{min-height:82px!important;margin:0 0 12px!important;border-radius:22px!important;background:rgba(255,255,255,.34)!important;border:1px solid var(--xa-line)!important;box-shadow:0 12px 26px rgba(87,66,130,.06)!important;padding:13px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)auto!important;gap:12px!important;align-items:center!important;position:relative!important} body.message-center-page .wx-avatar{width:56px!important;height:56px!important;border-radius:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;object-fit:cover!important;background:var(--xa-purple)!important;color:#fff!important} body.message-center-page .wx-avatar svg{width:26px!important;height:26px!important} body.message-center-page .wx-info{min-width:0!important} body.message-center-page .wx-info>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:6px!important} body.message-center-page .wx-info b{font-size:16px!important;font-weight:700!important;color:var(--xa-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.message-center-page .wx-info time{font-size:12px!important;color:var(--xa-muted)!important;white-space:nowrap!important} body.message-center-page .wx-info p{margin:0!important;font-size:13px!important;color:#786f80!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.45!important} body.message-center-page .wx-badge{position:absolute!important;right:8px!important;top:8px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-style:normal!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important} body.message-center-page .official-chat-list{padding:0 0 22px!important;max-height:calc(100vh - 118px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important} body.message-center-page .official-card{background:rgba(255,255,255,.35)!important;border:1px solid var(--xa-line)!important;border-radius:22px!important;margin:0 0 14px!important;padding:16px!important;box-shadow:0 12px 28px rgba(73,55,112,.06)!important;cursor:pointer!important} body.message-center-page .official-card h2{margin:0 0 6px!important;font-size:17px!important;font-weight:850!important;color:var(--xa-text)!important} body.message-center-page .official-card time{display:block!important;font-size:12px!important;color:var(--xa-muted)!important;margin:0 0 10px!important} body.message-center-page .official-card p{margin:0!important;font-size:14px!important;line-height:1.65!important;color:#655d6d!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} body.message-center-page .official-more{border-top:1px solid var(--xa-line)!important;margin-top:13px!important;padding-top:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:var(--xa-purple)!important;font-size:13px!important;font-weight:800!important} body.message-center-page.group-chat-body .msg-page{padding:104px 0 0!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important} body.message-center-page .chat-stream{height:calc(100vh - 104px - 66px - env(safe-area-inset-bottom))!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding:18px 16px 92px!important;box-sizing:border-box!important;background:var(--xa-bg)!important} body.message-center-page .chat-msg{display:flex!important;gap:9px!important;margin:0 0 14px!important;align-items:flex-start!important} body.message-center-page .chat-msg.mine{flex-direction:row-reverse!important} body.message-center-page .chat-avatar{width:38px!important;height:38px!important;border-radius:14px!important;object-fit:cover!important;flex:0 0 auto!important;box-shadow:0 4px 12px rgba(30,23,48,.08)!important;cursor:pointer!important} body.message-center-page .chat-bubble-wrap{max-width:74%!important;min-width:0!important} body.message-center-page .chat-name{font-size:11px!important;color:var(--xa-muted)!important;margin:0 0 5px!important;display:flex!important;gap:6px!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.message-center-page .chat-msg.mine .chat-name{justify-content:flex-end!important} body.message-center-page .chat-name em{font-style:normal!important;color:#fff!important;background:var(--xa-purple)!important;border-radius:999px!important;padding:1px 6px!important;font-size:10px!important;font-weight:800!important} body.message-center-page .chat-bubble{border-radius:20px!important;border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.62)!important;padding:10px 12px!important;color:var(--xa-text)!important;line-height:1.65!important;box-shadow:0 10px 20px rgba(82,65,110,.05)!important;word-break:break-word!important} body.message-center-page .chat-msg.mine .chat-bubble{background:var(--xa-purple)!important;color:#fff!important;border-color:transparent!important} body.message-center-page .chat-bubble p{margin:0!important;font-size:14px!important;color:inherit!important} body.message-center-page .chat-bubble img{display:block!important;max-width:180px!important;max-height:240px!important;border-radius:14px!important;object-fit:cover!important} body.message-center-page .chat-bubble i{font-style:normal!important;color:#9b93a5!important;font-size:13px!important} body.message-center-page .chat-actions{margin-top:5px!important;display:flex!important;gap:6px!important;justify-content:flex-start!important} body.message-center-page .chat-msg.mine .chat-actions{justify-content:flex-end!important} body.message-center-page .chat-actions button{height:26px!important;border:0!important;border-radius:999px!important;background:var(--xa-soft)!important;color:var(--xa-purple)!important;font-size:12px!important;padding:0 9px!important;font-weight:800!important} body.message-center-page .chat-send{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;display:flex!important;gap:8px!important;align-items:center!important;padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(250,246,253,.94)!important;border-top:1px solid var(--xa-line)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:140!important;box-sizing:border-box!important} body.message-center-page .chat-send input[name=content]{flex:1!important;height:42px!important;border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.72)!important;border-radius:16px!important;padding:0 13px!important;outline:0!important;color:var(--xa-text)!important;min-width:0!important} body.message-center-page .chat-send button{height:42px!important;border:0!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important;border-radius:16px!important;padding:0 15px!important;white-space:nowrap!important} body.message-center-page .img-picker{width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.72)!important;border:1px solid var(--xa-line)!important;color:var(--xa-purple)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:700!important;position:relative!important;overflow:hidden!important;flex:0 0 auto!important} body.message-center-page .img-picker input{position:absolute!important;inset:0!important;opacity:0!important} .member-manage-mask{position:fixed!important;inset:0!important;background:rgba(20,17,30,.46)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;display:none!important;align-items:flex-end!important;justify-content:center!important;z-index:260!important;padding:16px!important} .member-manage-mask.show{display:flex!important} .member-manage-box{width:min(100%,390px)!important;background:rgba(255,255,255,.96)!important;border-radius:26px!important;padding:18px!important;position:relative!important;box-shadow:0 28px 90px rgba(20,16,32,.24)!important} .member-manage-close{position:absolute!important;right:12px!important;top:12px!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#f2eff8!important;color:#5a5365!important;font-size:22px!important;font-weight:900!important} .member-manage-box h3{margin:4px 44px 16px 2px!important;font-size:19px!important;color:#17141d!important} .manage-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:9px!important;margin-bottom:12px!important} .manage-grid button,.rename-row button{height:42px!important;border:0!important;border-radius:14px!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important;font-size:13px!important} .rename-row{display:grid!important;grid-template-columns:1fr 92px!important;gap:9px!important} .rename-row input{height:42px!important;border:1px solid var(--xa-line)!important;border-radius:14px!important;padding:0 12px!important;color:var(--xa-text)!important;background:#fff!important;min-width:0!important} .group-info-page,.group-search-page{padding-bottom:28px!important} .group-info-hero{display:flex!important;align-items:center!important;gap:12px!important;border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.34)!important;border-radius:24px!important;padding:14px!important;margin-bottom:14px!important;box-shadow:0 12px 26px rgba(87,66,130,.06)!important} .group-info-hero img{width:58px!important;height:58px!important;border-radius:18px!important;object-fit:cover!important}.group-info-hero b{display:block!important;font-size:18px!important}.group-info-hero span{display:block!important;margin-top:5px!important;color:var(--xa-muted)!important;font-size:13px!important} .group-info-card{border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.34)!important;border-radius:24px!important;padding:16px!important;margin-bottom:14px!important;display:grid!important;gap:12px!important}.group-info-card h2{margin:0!important;font-size:17px!important}.group-info-card input,.group-info-card select{height:46px!important;border:1px solid var(--xa-line)!important;border-radius:15px!important;background:rgba(255,255,255,.72)!important;color:var(--xa-text)!important;padding:0 12px!important}.group-info-card button{height:46px!important;border:0!important;border-radius:15px!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important} .group-info-row{height:58px!important;border:1px solid var(--xa-line)!important;border-radius:20px!important;background:rgba(255,255,255,.34)!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important}.group-info-row span{font-weight:800!important}.group-info-row em{font-style:normal!important;color:var(--xa-muted)!important;font-size:26px!important} .group-search-form{display:grid!important;grid-template-columns:1fr 76px!important;gap:10px!important;margin-bottom:14px!important}.group-search-form input{height:48px!important;border:1px solid var(--xa-line)!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;padding:0 13px!important}.group-search-form button{height:48px!important;border:0!important;border-radius:16px!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important}.group-search-item{border:1px solid var(--xa-line)!important;background:rgba(255,255,255,.34)!important;border-radius:18px!important;padding:13px!important;margin-bottom:10px!important}.group-search-item b{font-size:15px!important}.group-search-item time{float:right!important;color:var(--xa-muted)!important;font-size:12px!important}.group-search-item p{clear:both!important;margin:8px 0 0!important;line-height:1.6!important;color:#655d6d!important} body.dark-mode.message-center-page .app,body.dark-mode.message-center-page main.page,body.dark-mode.message-center-page .msg-page,body.dark-mode.message-center-page .chat-stream{background:var(--xa-dark-bg)!important;color:var(--xa-dark-text)!important} body.dark-mode.message-center-page .fixed-message-head,body.dark-mode.message-center-page .chat-send{background:rgba(17,16,24,.94)!important;border-color:var(--xa-dark-border)!important} body.dark-mode.message-center-page .xa-message-title h1,body.dark-mode.message-center-page .fixed-message-head .back-ico,body.dark-mode.message-center-page .message-more,body.dark-mode.message-center-page .wx-info b,body.dark-mode.message-center-page .official-card h2{color:var(--xa-dark-text)!important} body.dark-mode.message-center-page .wx-chat-row,body.dark-mode.message-center-page .official-card,body.dark-mode.message-center-page .chat-bubble,body.dark-mode.message-center-page .chat-send input[name=content],body.dark-mode.message-center-page .img-picker,body.dark-mode.message-center-page .group-info-hero,body.dark-mode.message-center-page .group-info-card,body.dark-mode.message-center-page .group-info-row,body.dark-mode.message-center-page .group-search-item{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;box-shadow:none!important} body.dark-mode.message-center-page .chat-msg.mine .chat-bubble{background:var(--xa-purple)!important;color:#fff!important} body.dark-mode.message-center-page .member-manage-box,body.dark-mode.message-center-page .chat-image-box{background:var(--xa-dark-card)!important;color:var(--xa-dark-text)!important}body.dark-mode.message-center-page .member-manage-box h3,body.dark-mode.message-center-page .chat-image-box h3{color:var(--xa-dark-text)!important}body.dark-mode.message-center-page .rename-row input,body.dark-mode.message-center-page .group-info-card input,body.dark-mode.message-center-page .group-info-card select,body.dark-mode.message-center-page .group-search-form input{background:#171621!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important} /* 2026-05-19 message UI final polish: unified compact header + clean unread badge */ body.message-center-page .msg-page{ max-width:430px!important; margin:0 auto!important; min-height:100vh!important; padding:92px 20px 24px!important; background:var(--xa-bg)!important; color:var(--xa-text)!important; position:relative!important; box-sizing:border-box!important; } body.message-center-page .fixed-message-head{ position:fixed!important; left:50%!important; top:0!important; transform:translateX(-50%)!important; width:100%!important; max-width:430px!important; height:74px!important; padding:18px 20px 10px!important; display:grid!important; grid-template-columns:42px minmax(0,1fr)42px!important; align-items:center!important; background:rgba(250,246,253,.96)!important; border-bottom:1px solid var(--xa-line)!important; z-index:180!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; box-sizing:border-box!important; } body.message-center-page .fixed-message-head .back-ico{ grid-column:1!important; width:40px!important; height:40px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; color:var(--xa-text)!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; line-height:1!important; } body.message-center-page .fixed-message-head .back-ico svg{ width:24px!important; height:24px!important; stroke-width:2.4!important; } body.message-center-page .xa-message-title{ grid-column:2!important; text-align:center!important; min-width:0!important; line-height:1.15!important; } body.message-center-page .xa-message-title h1{ margin:0!important; font-size:20px!important; font-weight:600!important; color:var(--xa-text)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; letter-spacing:0!important; } body.message-center-page .xa-message-title p{ margin:3px 0 0!important; font-size:11px!important; color:var(--xa-muted)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .message-more{ grid-column:3!important; justify-self:end!important; width:34px!important; height:34px!important; border-radius:14px!important; display:flex!important; align-items:center!important; justify-content:center!important; color:var(--xa-text)!important; font-size:18px!important; font-weight:800!important; letter-spacing:0!important; line-height:1!important; background:transparent!important; border:0!important; } body.message-center-page .message-title-head{display:none!important;} body.message-center-page .wx-list-page{padding-top:92px!important;} body.message-center-page .wx-chat-row{ position:relative!important; display:grid!important; grid-template-columns:56px minmax(0,1fr)!important; gap:12px!important; align-items:center!important; min-height:82px!important; margin:0 0 12px!important; padding:13px!important; border:1px solid var(--xa-line)!important; border-radius:22px!important; background:rgba(255,255,255,.34)!important; box-shadow:0 12px 26px rgba(87,66,130,.06)!important; } body.message-center-page .wx-badge{ position:absolute!important; left:54px!important; right:auto!important; top:8px!important; width:auto!important; min-width:18px!important; max-width:42px!important; height:18px!important; border-radius:999px!important; background:#ef4444!important; color:#fff!important; font-size:11px!important; line-height:18px!important; font-style:normal!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 5px!important; font-weight:900!important; box-shadow:0 4px 10px rgba(239,68,68,.25)!important; overflow:hidden!important; z-index:3!important; } body.message-center-page .official-chat-list{ max-height:calc(100vh - 92px)!important; overflow:auto!important; -webkit-overflow-scrolling:touch!important; padding:0 0 24px!important; } body.message-center-page.group-chat-body .msg-page, body.message-center-page .group-chat-page{ padding:74px 0 0!important; height:100vh!important; min-height:100vh!important; overflow:hidden!important; background:var(--xa-bg)!important; } body.message-center-page .chat-stream{ height:calc(100vh - 74px - 66px - env(safe-area-inset-bottom))!important; min-height:0!important; overflow:auto!important; -webkit-overflow-scrolling:touch!important; padding:16px 16px 92px!important; box-sizing:border-box!important; background:var(--xa-bg)!important; } body.message-center-page .chat-send{ z-index:190!important; } body.message-center-page.group-info-body .msg-page, body.message-center-page.group-search-body .msg-page{ padding-top:92px!important; height:auto!important; min-height:100vh!important; overflow:visible!important; } body.dark-mode.message-center-page .fixed-message-head{ background:rgba(17,16,24,.96)!important; border-color:var(--xa-dark-border)!important; } body.dark-mode.message-center-page .wx-chat-row{ background:var(--xa-dark-card)!important; border-color:var(--xa-dark-border)!important; box-shadow:none!important; } /* 2026-05-19 group chat interaction polish */ body.message-center-page .chat-actions{display:none!important} body.message-center-page .role-badge{display:inline-flex!important;align-items:center!important;gap:3px!important;height:18px!important;border-radius:999px!important;padding:0 7px!important;font-size:10px!important;font-weight:900!important;line-height:18px!important;box-shadow:0 4px 10px rgba(0,0,0,.08)!important} body.message-center-page .role-badge:before{content:"";width:12px;height:12px;border-radius:50%;display:inline-flex;background:rgba(255,255,255,.92);mask-size:12px 12px;-webkit-mask-size:12px 12px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center} body.message-center-page .role-owner{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;color:#fff!important}.role-owner:before{mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000);background:#fff;content:"★"!important;mask:none!important;-webkit-mask:none!important;font-size:9px;align-items:center;justify-content:center;color:#ef4444} body.message-center-page .role-admin{background:linear-gradient(135deg,#38bdf8,#6366f1)!important;color:#fff!important}.role-admin:before{mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000);background:#fff;content:"◆"!important;mask:none!important;-webkit-mask:none!important;font-size:8px;align-items:center;justify-content:center;color:#6366f1} .reply-preview{display:none;position:fixed;left:50%;bottom:calc(62px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 28px);max-width:402px;z-index:150;background:rgba(255,255,255,.92);border:1px solid var(--xa-line);border-radius:14px;padding:8px 12px;color:var(--xa-muted);font-size:12px;box-shadow:0 10px 24px rgba(73,55,112,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);align-items:center;gap:8px}.reply-preview.show{display:flex}.reply-preview span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview button{width:24px;height:24px;border:0;border-radius:50%;background:var(--xa-soft);color:var(--xa-purple);font-weight:900} .chat-context-mask{position:fixed;inset:0;z-index:260;display:none;background:transparent}.chat-context-mask.show{display:block}.chat-context-menu{position:fixed;min-width:192px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(50,50,50,.94);color:#fff;border-radius:14px;padding:8px;box-shadow:0 16px 45px rgba(0,0,0,.20);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chat-context-menu:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%) rotate(45deg);width:16px;height:16px;background:rgba(50,50,50,.94);border-radius:2px}.chat-context-menu button{height:48px;border:0;background:transparent;color:#fff;font-weight:800;font-size:12px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1}.chat-context-menu button svg{width:20px;height:20px;display:block}.chat-context-menu button span{display:block}.chat-context-menu button:active{background:rgba(255,255,255,.12)} body.message-center-page .member-manage-mask{align-items:center!important;justify-content:center!important;padding:18px!important}.member-manage-box{transform:translateY(0)!important}.custom-mute-row{display:grid!important;grid-template-columns:1fr 108px!important;gap:9px!important;margin-bottom:12px!important}.custom-mute-row input{height:42px!important;border:1px solid var(--xa-line)!important;border-radius:14px!important;padding:0 12px!important;background:#fff!important;color:var(--xa-text)!important;min-width:0!important}.custom-mute-row button{height:42px!important;border:0!important;border-radius:14px!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important;font-size:13px!important}.manage-grid{grid-template-columns:1fr 1fr!important}.chat-send input:disabled{opacity:1!important;color:#9b93a5!important;-webkit-text-fill-color:#9b93a5!important}.chat-send input:disabled::placeholder{color:#9b93a5!important;opacity:1!important} body.message-center-page .group-info-hero{display:none!important}.group-info-page .group-info-row{width:100%!important;border:1px solid var(--xa-line)!important;border-radius:20px!important;background:rgba(255,255,255,.34)!important;color:var(--xa-text)!important;padding:0 16px!important;height:58px!important;margin-bottom:14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;text-decoration:none!important}.group-info-page .group-info-row span{font-weight:850!important}.group-info-page .group-info-row em{font-style:normal!important;color:var(--xa-muted)!important;font-size:13px!important;max-width:56%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-popup-mask{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(20,17,30,.46)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:260!important;padding:18px!important}.group-popup-mask.show{display:flex!important}.group-popup-box{width:min(100%,360px)!important;background:rgba(255,255,255,.96)!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 28px 90px rgba(20,16,32,.24)!important;padding:20px!important;display:grid!important;gap:13px!important;position:relative!important}.group-popup-box h3{margin:0 42px 4px 0!important;font-size:19px!important;color:#17141d!important}.popup-close{position:absolute!important;right:12px!important;top:12px!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#f2eff8!important;color:#5a5365!important;font-size:22px!important;font-weight:900!important}.group-popup-box input,.group-popup-box select{height:46px!important;border:1px solid var(--xa-line)!important;border-radius:15px!important;background:#fff!important;color:var(--xa-text)!important;padding:0 12px!important}.popup-submit{height:46px!important;border:0!important;border-radius:15px!important;background:var(--xa-purple)!important;color:#fff!important;font-weight:900!important} body.message-center-page .xa-message-title p{display:none!important} body.dark-mode.message-center-page .reply-preview,body.dark-mode.message-center-page .group-popup-box,body.dark-mode.message-center-page .group-info-page .group-info-row{background:var(--xa-dark-card)!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important;box-shadow:none!important}body.dark-mode.message-center-page .group-popup-box h3{color:var(--xa-dark-text)!important}body.dark-mode.message-center-page .group-popup-box input,body.dark-mode.message-center-page .group-popup-box select,body.dark-mode.message-center-page .custom-mute-row input{background:#171621!important;border-color:var(--xa-dark-border)!important;color:var(--xa-dark-text)!important}body.dark-mode.message-center-page .popup-close{background:#252132!important;color:#eee!important} /* 2026-05-19 引用回复/消息列表细节优化 */ body.message-center-page .chat-quote{ margin-top:8px!important; max-width:100%!important; border-radius:12px!important; padding:7px 10px!important; background:rgba(17,24,39,.08)!important; color:#6b7280!important; font-size:12px!important; line-height:1.45!important; display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .chat-msg.mine .chat-quote{ background:rgba(255,255,255,.30)!important; color:rgba(255,255,255,.88)!important; text-align:left!important; } body.message-center-page .chat-quote b{font-weight:800!important;color:inherit!important} body.message-center-page .chat-context-menu.no-recall{ min-width:132px!important; grid-template-columns:repeat(2,1fr)!important; } body.message-center-page .chat-context-menu:not(.no-recall){ min-width:192px!important; grid-template-columns:repeat(3,1fr)!important; } body.message-center-page .chat-context-menu button[style*="display: none"]{display:none!important} body.message-center-page .wx-avatar.official-logo{ object-fit:cover!important; background:var(--xa-soft)!important; } body.message-center-page .wx-info time{ min-width:max-content!important; text-align:right!important; } body.dark-mode.message-center-page .chat-quote{ background:rgba(255,255,255,.10)!important; color:#b8b0c4!important; } body.dark-mode.message-center-page .chat-msg.mine .chat-quote{ background:rgba(255,255,255,.18)!important; color:rgba(255,255,255,.90)!important; } /* 2026-05-19 群组聊天滚动、后台群组表单、头衔徽章再优化 */ body.message-center-page.group-chat-body, body.message-center-page.group-chat-body .app, body.message-center-page.group-chat-body main.page{ height:100dvh!important; min-height:100dvh!important; overflow:hidden!important; background:var(--xa-bg)!important; } body.message-center-page.group-chat-body .group-chat-page{ height:100dvh!important; min-height:100dvh!important; overflow:hidden!important; padding:0!important; max-width:430px!important; margin:0 auto!important; background:var(--xa-bg)!important; } body.message-center-page.group-chat-body .fixed-message-head{ height:74px!important; min-height:74px!important; } body.message-center-page.group-chat-body .chat-stream{ position:fixed!important; left:50%!important; top:74px!important; bottom:calc(66px + env(safe-area-inset-bottom))!important; transform:translateX(-50%)!important; width:100%!important; max-width:430px!important; height:auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; touch-action:pan-y!important; padding:16px 16px 102px!important; box-sizing:border-box!important; background:var(--xa-bg)!important; z-index:1!important; } body.message-center-page.group-chat-body .chat-send{ position:fixed!important; left:50%!important; bottom:0!important; transform:translateX(-50%)!important; z-index:190!important; } body.message-center-page.group-chat-body .chat-msg{ -webkit-user-select:none!important; user-select:none!important; } body.message-center-page.group-chat-body .chat-bubble{ position:relative!important; overflow:visible!important; } body.message-center-page.group-chat-body .chat-bubble, body.message-center-page.group-chat-body .chat-bubble p{ -webkit-user-select:text!important; user-select:text!important; } body.message-center-page .role-badge{ height:18px!important; padding:0 7px 0 5px!important; gap:4px!important; font-size:10px!important; font-weight:900!important; border-radius:999px!important; letter-spacing:0!important; vertical-align:middle!important; } body.message-center-page .role-badge:before{ width:13px!important; height:13px!important; min-width:13px!important; border-radius:50%!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; color:#fff!important; background:rgba(255,255,255,.24)!important; mask:none!important; -webkit-mask:none!important; font-size:9px!important; line-height:13px!important; content:""!important; } body.message-center-page .role-owner{ background:linear-gradient(135deg,#7c5cff,#4f46e5)!important; color:#fff!important; } body.message-center-page .role-owner:before{content:"冠"!important;} body.message-center-page .role-admin{ background:linear-gradient(135deg,#14b8a6,#3b82f6)!important; color:#fff!important; } body.message-center-page .role-admin:before{content:"管"!important;} body.dark-mode.message-center-page.group-chat-body, body.dark-mode.message-center-page.group-chat-body .app, body.dark-mode.message-center-page.group-chat-body main.page, body.dark-mode.message-center-page.group-chat-body .group-chat-page, body.dark-mode.message-center-page.group-chat-body .chat-stream{ background:var(--xa-dark-bg)!important; color:var(--xa-dark-text)!important; } body.dark-mode.message-center-page.group-chat-body .chat-send{ background:rgba(17,16,24,.94)!important; border-color:var(--xa-dark-border)!important; } @media (min-width:768px){ body.message-center-page.group-chat-body .chat-stream, body.message-center-page.group-chat-body .chat-send, body.message-center-page.group-chat-body .fixed-message-head{max-width:430px!important;} } /* 2026-05-19 群组聊天滚动与官方头衔优化 */ body.message-center-page.group-chat-body .chat-stream{ overflow-y:scroll!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; touch-action:pan-y!important; overscroll-behavior-y:auto!important; pointer-events:auto!important; } body.message-center-page.group-chat-body .chat-send{ pointer-events:auto!important; } body.message-center-page .role-badge{ background:linear-gradient(135deg,#5b8cff,#7c5cff)!important; color:#fff!important; border:1px solid rgba(255,255,255,.28)!important; box-shadow:0 6px 14px rgba(91,140,255,.22)!important; } body.message-center-page .role-owner, body.message-center-page .role-admin{ background:linear-gradient(135deg,#4f8cff,#7c5cff)!important; color:#fff!important; } body.message-center-page .role-owner:before, body.message-center-page .role-admin:before{ content:"官"!important; background:rgba(255,255,255,.24)!important; color:#fff!important; font-size:9px!important; } body.dark-mode.message-center-page .role-badge{ box-shadow:none!important; border-color:rgba(255,255,255,.18)!important; } /* 2026-05-19 群组聊天键盘固定与引用体验修复 */ :root{--chat-visual-top:0px;--chat-keyboard-bottom:0px;} body.message-center-page.group-chat-body, body.message-center-page.group-chat-body .app, body.message-center-page.group-chat-body main.page, body.message-center-page.group-chat-body .group-chat-page{ height:100vh!important; min-height:100vh!important; overflow:hidden!important; } body.message-center-page.group-chat-body .fixed-message-head{ position:fixed!important; top:var(--chat-visual-top)!important; left:50%!important; transform:translateX(-50%)!important; height:74px!important; min-height:74px!important; z-index:260!important; } body.message-center-page.group-chat-body .chat-stream{ position:fixed!important; top:calc(var(--chat-visual-top) + 74px)!important; bottom:calc(var(--chat-keyboard-bottom) + 66px + env(safe-area-inset-bottom))!important; left:50%!important; transform:translateX(-50%)!important; width:100%!important; max-width:430px!important; height:auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-y:contain!important; touch-action:pan-y!important; padding:16px 16px 100px!important; z-index:10!important; } body.message-center-page.group-chat-body .chat-send{ position:fixed!important; left:50%!important; bottom:var(--chat-keyboard-bottom)!important; transform:translateX(-50%)!important; z-index:240!important; } body.message-center-page.group-chat-body .reply-preview, body.message-center-page.group-chat-body .reply-preview.show{ display:none!important; } body.message-center-page.group-chat-body .chat-msg.mine .chat-quote{ margin-top:8px!important; background:rgba(255,255,255,.24)!important; color:rgba(255,255,255,.86)!important; border-radius:10px!important; padding:6px 9px!important; font-size:12px!important; line-height:1.35!important; max-width:190px!important; } body.dark-mode.message-center-page.group-chat-body .fixed-message-head, body.dark-mode.message-center-page.group-chat-body .chat-send{ background:rgba(17,16,24,.96)!important; border-color:var(--xa-dark-border)!important; } /* 2026-05-19 群聊引用预览/定位与输入栏再次优化 */ body.message-center-page.group-chat-body .chat-send{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important; } body.message-center-page.group-chat-body .chat-send-row{ width:100%!important; display:flex!important; align-items:center!important; gap:8px!important; } body.message-center-page.group-chat-body .chat-send-row input[name=content]{ flex:1!important; min-width:0!important; } body.message-center-page.group-chat-body .reply-preview{ position:static!important; left:auto!important; bottom:auto!important; transform:none!important; width:100%!important; max-width:none!important; min-height:38px!important; display:none!important; align-items:center!important; gap:8px!important; margin:0!important; padding:8px 12px!important; border-radius:14px!important; background:rgba(17,24,39,.07)!important; border:0!important; box-shadow:none!important; color:#6f6876!important; font-size:13px!important; box-sizing:border-box!important; z-index:auto!important; } body.message-center-page.group-chat-body .reply-preview.show{ display:flex!important; } body.message-center-page.group-chat-body .reply-preview span{ flex:1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-weight:700!important; } body.message-center-page.group-chat-body .reply-preview button{ width:24px!important; height:24px!important; border:0!important; border-radius:50%!important; background:rgba(124,92,255,.16)!important; color:var(--xa-purple)!important; font-weight:900!important; line-height:24px!important; padding:0!important; } body.message-center-page.group-chat-body .chat-quote{ cursor:pointer!important; } body.message-center-page.group-chat-body .quote-target-flash .chat-bubble{ animation:quoteTargetFlash 2.2s ease!important; } body.message-center-page.group-chat-body .quote-target-flash .chat-bubble::after{ content:''!important; position:absolute!important; inset:-6px!important; border-radius:inherit!important; pointer-events:none!important; border:2px solid rgba(124,92,255,.32)!important; opacity:0!important; animation:quoteTargetRing 2.2s ease!important; } @keyframes quoteTargetFlash{ 0%,100%{box-shadow:0 8px 20px rgba(73,55,112,.06)!important;filter:none!important;transform:translateZ(0) scale(1)!important;} 14%,72%{box-shadow:0 0 0 5px rgba(124,92,255,.24),0 16px 38px rgba(124,92,255,.24)!important;filter:brightness(1.06)!important;transform:translateZ(0) scale(1.015)!important;} } @keyframes quoteTargetRing{ 0%{transform:scale(.96);opacity:0!important;} 18%,68%{transform:scale(1);opacity:1!important;} 100%{transform:scale(1.04);opacity:0!important;} } body.dark-mode.message-center-page.group-chat-body .reply-preview{ background:rgba(255,255,255,.08)!important; color:#d8d1e4!important; } body.dark-mode.message-center-page.group-chat-body .reply-preview button{ background:rgba(255,255,255,.12)!important; color:#e8ddff!important; } /* 2026-05-23 群组成员管理账号展示与发送去重细节 */ body.message-center-page .manage-account-row{ margin:-6px 0 14px!important; padding:9px 12px!important; border-radius:14px!important; background:rgba(124,92,255,.08)!important; color:var(--xa-purple)!important; font-size:13px!important; font-weight:800!important; line-height:1.35!important; word-break:break-all!important; } body.dark-mode.message-center-page .manage-account-row{ background:rgba(124,92,255,.16)!important; color:#d8ccff!important; } body.message-center-page .chat-send button:disabled{ opacity:.55!important; cursor:not-allowed!important; } /* ===== 我的界面状态徽章 / 账号复制 / 签到中心 ===== */ .xa-my-user-card{height:auto!important;min-height:112px!important;align-items:flex-start!important;padding:16px 17px!important} .xa-my-user-card .my-user-avatar{width:68px!important;height:68px!important;border-radius:18px!important;flex:0 0 68px} .my-user-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center} .my-user-main h2{font-size:19px!important;font-weight:760!important;line-height:1.2!important;margin:1px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .my-user-subtitle{margin:7px 0 0!important;color:#7f7788!important;font-size:12px!important;line-height:1.35!important} .my-user-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.my-user-badges.single{margin-top:10px} .user-badge{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:0 13px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid rgba(130,111,185,.10);box-shadow:0 6px 18px rgba(121,97,172,.08)} .user-badge i{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px}.user-badge i svg{width:12px!important;height:12px!important;stroke-width:2!important} .user-badge.is-normal,.user-badge.is-login{background:linear-gradient(135deg,#f7f1ff,#ede6fb);color:#7a5dd6}.user-badge.is-normal i,.user-badge.is-login i{background:linear-gradient(135deg,#b68cff,#7d5de9);color:#fff}.user-badge.is-normal i svg,.user-badge.is-login i svg{stroke:#fff!important} .user-badge.is-vip{background:linear-gradient(135deg,#fff8e8,#f5ead4);color:#c88b16}.user-badge.is-vip i{background:linear-gradient(135deg,#ffd36c,#f2a11f);color:#fff}.user-badge.is-vip i svg{stroke:#fff!important} .user-badge.is-coins{background:linear-gradient(135deg,#f6f1ff,#efe8ff);color:#7357e1}.user-badge.is-coins i{background:linear-gradient(135deg,#9d7cff,#6f4cf0);color:#fff}.user-badge.is-coins i svg{width:10px!important;height:10px!important;fill:#fff!important;stroke:none!important} .xa-my-guest-card{height:auto!important;min-height:104px!important}.xa-my-guest-card .my-user-main{justify-content:center} .account-copy-row{align-items:flex-start!important}.account-copy-wrap{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;max-width:68%!important;text-align:right!important}.account-copy-value{display:block!important;white-space:normal!important;word-break:break-all!important;line-height:1.45!important;color:#66606f!important} .sign-center-page .page{padding-top:28px!important} .sign-page-head{margin-bottom:18px!important}.sign-help-ico{margin-left:auto} .sign-hero-card{background:linear-gradient(180deg,#edf5ff 0%,#f6f9ff 100%);border-radius:28px;padding:24px 20px 18px;box-shadow:0 12px 30px rgba(117,144,217,.08);margin-bottom:16px} .sign-hero-tip{margin:0;font-size:15px;color:#6f7b96}.sign-hero-tip strong{font-size:34px;color:#1e3058;padding:0 4px}.sign-next-tip{display:block;margin-top:10px;font-size:13px;color:#5372b7;line-height:1.5} .sign-rule-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sign-rule-strip span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(113,145,219,.20);color:#5574bc;font-size:12px;font-weight:700} .sign-calendar-card,.sign-record-card{border-radius:24px;background:rgba(255,255,255,.85);border:1px solid rgba(223,229,246,.95);padding:18px 16px;margin-bottom:14px;box-shadow:0 8px 22px rgba(42,61,117,.06)} .sign-month-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.sign-month-head a{width:34px;height:34px;border-radius:12px;background:#f1f5ff;color:#7d8fb8;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:500}.sign-month-head strong{font-size:18px;color:#263a61} .sign-week-row,.sign-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.sign-week-row{margin-bottom:10px}.sign-week-row span{text-align:center;font-size:13px;color:#6b7894;font-weight:700} .sign-day-cell{aspect-ratio:1/1;min-height:66px;border-radius:16px;background:#f8fbff;border:1px solid #e8eefc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px 2px}.sign-day-cell.is-empty{background:transparent;border:0} .sign-day-cell b{font-size:16px;color:#1e2f53}.sign-day-cell .mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.sign-day-cell .mark svg{width:18px!important;height:18px!important}.sign-day-cell .mark.ok{color:#4d97ff}.sign-day-cell .mark.miss{color:#ff6f7f}.sign-day-cell.is-signed{background:#eef6ff;border-color:#d7e5ff}.sign-day-cell.is-today{box-shadow:0 0 0 2px rgba(84,146,255,.16) inset}.sign-day-cell.is-missed{background:#fff7f8;border-color:#ffe1e6}.future-dot{font-style:normal;font-size:11px;color:#a2a9ba} .sign-record-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}.sign-record-head h3{margin:0;font-size:16px;color:#223250}.sign-record-head span{font-size:12px;color:#8c96ac}.sign-record-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f9}.sign-record-row:first-of-type{border-top:0;padding-top:0}.sign-record-row b{display:block;font-size:14px;color:#243454}.sign-record-row span{display:block;margin-top:4px;font-size:12px;color:#7f8798}.sign-record-row em{font-style:normal;color:#5577d8;font-size:12px;font-weight:700;text-align:right;line-height:1.5} .sign-result-dialog .dialog-box{max-width:360px!important;padding:28px 20px 22px!important;border-radius:28px!important}.sign-result-box{text-align:center}.sign-result-box h3{margin:0;font-size:30px;color:#1a2642;font-weight:850}.sign-result-box p{margin:16px 0 0;font-size:20px;font-weight:800;color:#2a3b63;white-space:pre-line;line-height:1.45}.sign-result-note{margin:12px auto 0;max-width:280px;padding:10px 14px;border-radius:16px;background:#f4f8ff;color:#2f80ff;font-size:15px;font-weight:800;line-height:1.55;white-space:pre-line;word-break:break-word} .sign-success-ani{position:relative;width:170px;height:170px;margin:22px auto 24px;display:flex;align-items:center;justify-content:center}.sign-success-ani .check-bg{position:absolute;inset:18px;border-radius:50%;background:linear-gradient(145deg,#18d061,#06c42d);box-shadow:0 16px 30px rgba(16,197,69,.22);transform:scale(.88);opacity:.92}.sign-success-ani .check-icon{position:relative;font-size:88px;line-height:1;color:#fff;font-weight:900;transform:scale(.6);opacity:0}.sign-success-ani.play .check-bg{animation:signCheckBg .58s ease forwards}.sign-success-ani.play .check-icon{animation:signCheckIcon .65s ease .18s forwards} @keyframes signCheckBg{0%{transform:scale(.6);opacity:.35}70%{transform:scale(1.04);opacity:1}100%{transform:scale(1);opacity:1}} @keyframes signCheckIcon{0%{transform:scale(.2) rotate(-16deg);opacity:0}70%{transform:scale(1.12) rotate(0deg);opacity:1}100%{transform:scale(1);opacity:1}} .sign-accept-btn{width:100%;height:52px;border:0;border-radius:18px;background:linear-gradient(90deg,#3d4351,#686c81);color:#fff;font-size:16px;font-weight:800} .sign-help-box h3{margin-top:0}.sign-help-list p{margin:0 0 12px;line-height:1.8;color:#5f6779} .sign-admin-page .panel-head-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sign-admin-page .panel-head-inline h3{margin:0}.sign-admin-page .btn-line{height:36px;padding:0 14px;border-radius:12px;border:1px solid #d8ddeb;background:#fff;color:#546178;font-weight:700;cursor:pointer} .sign-rule-admin-list{display:grid;gap:14px}.sign-rule-admin-row{position:relative;border:1px solid #eceff6;background:#fafbff;border-radius:16px;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sign-rule-admin-row .full{grid-column:1/-1}.sign-rule-admin-row .rule-remove{position:absolute;right:12px;top:12px;height:30px;padding:0 10px;border:0;border-radius:10px;background:#ffeff2;color:#da5365;font-weight:700;cursor:pointer} .sign-log-search{display:flex;gap:10px;align-items:center}.sign-log-search input{width:260px;max-width:100%;height:38px;border:1px solid #d6ddeb;border-radius:12px;padding:0 12px}.sign-log-search button{height:38px;padding:0 14px;border:0;border-radius:12px;background:#6d63ff;color:#fff;font-weight:700;cursor:pointer}.table-sub{margin-top:4px;color:#7d8796;font-size:12px}.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}.pager a{min-width:32px;height:32px;padding:0 10px;border-radius:10px;border:1px solid #d8ddeb;display:flex;align-items:center;justify-content:center;color:#556179;background:#fff}.pager a.active{background:#6d63ff;border-color:#6d63ff;color:#fff} @media (max-width: 420px){.user-badge{padding:0 11px;font-size:12px}.user-badge i{width:17px;height:17px;flex-basis:17px}.sign-day-cell{min-height:58px;border-radius:14px}.sign-day-cell b{font-size:15px}.sign-rule-admin-row{grid-template-columns:1fr}.sign-log-search{width:100%}.sign-log-search input{flex:1;width:auto}.account-copy-wrap{max-width:72%!important}} body.dark-mode .sign-hero-card{background:linear-gradient(180deg,#1f283a,#1b2232)!important}body.dark-mode .sign-calendar-card,body.dark-mode .sign-record-card{background:#1a1724!important;border-color:#2e2a3d!important}body.dark-mode .sign-month-head a{background:#262135!important;color:#c4cbe0!important}body.dark-mode .sign-month-head strong,body.dark-mode .sign-record-head h3,body.dark-mode .sign-day-cell b,body.dark-mode .sign-result-box h3,body.dark-mode .sign-result-box p{color:#f5f1ff!important}body.dark-mode .sign-day-cell{background:#221d31!important;border-color:#332c47!important}body.dark-mode .sign-day-cell.is-signed{background:#1d2b45!important;border-color:#26416f!important}body.dark-mode .sign-day-cell.is-missed{background:#3a2029!important;border-color:#653440!important}body.dark-mode .sign-rule-strip span{background:#231d33!important;border-color:#3a3150!important;color:#bac3e2!important}body.dark-mode .sign-record-row{border-color:#30283d!important}body.dark-mode .sign-record-row span,body.dark-mode .sign-record-head span,body.dark-mode .sign-hero-tip,body.dark-mode .sign-help-list p,body.dark-mode .account-copy-value{color:#bcb3c8!important}body.dark-mode .sign-next-tip{color:#b7c6ff!important}body.dark-mode .sign-month-head strong,body.dark-mode .sign-week-row span{color:#dfe6ff!important}body.dark-mode .sign-result-note{background:#252f45!important;color:#b9ccff!important} /* ===== 2026-05-27 二次修复：我的徽章恢复小尺寸 / 账号行完整显示 / 签到日历防溢出 ===== */ .xa-my-user-card{height:112px!important;min-height:112px!important;padding:18px 20px!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;border-radius:24px!important} .xa-my-user-card .my-user-avatar{width:76px!important;height:76px!important;border-radius:19px!important;flex:0 0 76px!important}.xa-my-user-card .my-user-main{min-width:0!important;justify-content:center!important;display:block!important}.xa-my-user-card .my-user-main h2{font-size:20px!important;font-weight:650!important;line-height:1.2!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.my-user-subtitle{display:none!important}.my-user-badges.compact{margin-top:8px!important;gap:8px!important;flex-wrap:wrap!important;display:flex!important}.user-badge{height:26px!important;min-height:26px!important;padding:0 10px!important;border-radius:999px!important;font-size:13px!important;font-weight:850!important;gap:6px!important;box-shadow:none!important}.user-badge i{width:16px!important;height:16px!important;flex:0 0 16px!important}.user-badge i svg{width:10px!important;height:10px!important}.user-badge.is-vip i svg{width:11px!important;height:11px!important}.user-badge.is-coins i svg{width:9px!important;height:9px!important}.xa-my-guest-card{height:112px!important;min-height:112px!important}.xa-my-guest-card .my-user-badges.single{margin-top:8px!important}.my-head-actions .xa-sign-btn svg{width:26px!important;height:26px!important} .account-copy-row{align-items:center!important;min-height:72px!important}.account-copy-row .account-copy-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;flex:1 1 auto!important;max-width:none!important;min-width:0!important;margin-left:18px!important;text-align:right!important}.account-copy-value{display:block!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.35!important;color:#66606f!important;text-align:right!important}.account-copy-wrap .chev{align-self:center!important;line-height:1!important;flex:none!important;color:#9a94a3!important} .sign-calendar-card{overflow:hidden!important;padding:16px 12px!important}.sign-week-row,.sign-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}.sign-day-cell{min-width:0!important;width:100%!important;min-height:48px!important;border-radius:12px!important;gap:4px!important}.sign-day-cell b{font-size:14px!important;line-height:1!important}.sign-day-cell .mark,.sign-day-cell .mark svg{width:16px!important;height:16px!important}.future-dot{font-size:10px!important}.sign-rule-strip span{font-size:11px!important;min-height:26px!important;padding:0 10px!important}.sign-hero-card{padding:22px 18px 16px!important}.sign-hero-tip strong{font-size:32px!important}.sign-month-head{margin-bottom:14px!important}.sign-month-head strong{font-size:17px!important}.sign-week-row span{font-size:12px!important} @media(max-width:420px){.xa-my-user-card{grid-template-columns:70px minmax(0,1fr)!important;padding:17px!important;gap:14px!important}.xa-my-user-card .my-user-avatar{width:70px!important;height:70px!important;border-radius:18px!important}.user-badge{height:25px!important;min-height:25px!important;font-size:12px!important;padding:0 9px!important}.user-badge i{width:15px!important;height:15px!important;flex-basis:15px!important}.account-copy-row .account-copy-wrap{margin-left:12px!important}.sign-calendar-card{padding:15px 10px!important}.sign-week-row,.sign-grid{gap:5px!important}.sign-day-cell{min-height:45px!important;border-radius:11px!important}.sign-day-cell b{font-size:13px!important}.future-dot{font-size:9px!important}} /* ===== 签到中心三次修复：标题问号对齐、尺寸统一、日历防溢出 ===== */ body.sign-center-page main.page{padding-top:28px!important;padding-left:18px!important;padding-right:18px!important;padding-bottom:24px!important;overflow-x:hidden!important} .sign-center-page-wrap{max-width:430px;margin:0 auto;overflow:hidden}.sign-top-head{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:0;margin:0 0 22px!important;min-height:42px!important}.sign-top-head h1{grid-column:2;margin:0;text-align:center!important;font-size:20px!important;font-weight:560!important;line-height:1.2;color:#24212a}.sign-top-icon{width:40px!important;height:40px!important;border:0!important;background:transparent!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#1f1d25!important;padding:0!important}.sign-top-icon svg{width:25px!important;height:25px!important;stroke-width:2.4!important}.sign-top-head .sign-help-ico{grid-column:3;justify-self:end!important;margin:0!important;position:static!important} .sign-hero-card{margin-bottom:14px!important;padding:18px 18px 16px!important;border-radius:24px!important}.sign-hero-tip{font-size:14px!important}.sign-hero-tip strong{font-size:30px!important}.sign-next-tip{font-size:13px!important;line-height:1.45!important}.sign-calendar-card,.sign-record-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:22px!important;margin-left:0!important;margin-right:0!important}.sign-calendar-card{padding:15px 10px!important;overflow:hidden!important}.sign-month-head{margin-bottom:13px!important}.sign-month-head a{width:32px!important;height:32px!important;border-radius:12px!important;font-size:24px!important}.sign-month-head strong{font-size:17px!important}.sign-week-row,.sign-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}.sign-week-row{margin-bottom:8px!important}.sign-week-row span{font-size:12px!important}.sign-day-cell{min-width:0!important;width:100%!important;min-height:46px!important;aspect-ratio:1/1!important;border-radius:12px!important;gap:4px!important;padding:3px 1px!important}.sign-day-cell b{font-size:14px!important;line-height:1!important}.sign-day-cell .mark,.sign-day-cell .mark svg{width:15px!important;height:15px!important}.future-dot{font-size:10px!important}.sign-record-card{padding:16px 14px!important}.sign-record-head h3{font-size:16px!important}.sign-record-row{padding:11px 0!important}.sign-record-row b{font-size:14px!important}.sign-record-row em{font-size:12px!important}.sign-rule-strip{display:none!important} @media(max-width:380px){body.sign-center-page main.page{padding-left:14px!important;padding-right:14px!important}.sign-week-row,.sign-grid{gap:5px!important}.sign-day-cell{min-height:42px!important;border-radius:11px!important}.sign-day-cell b{font-size:13px!important}.future-dot{font-size:9px!important}} body.dark-mode .sign-top-head h1{color:var(--xa-dark-text)!important}body.dark-mode .sign-top-icon{color:var(--xa-dark-text)!important} /* 2026-05-28 会员中心三标签、客服中心新版 */ .member-tabbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(255,255,255,.62);border:1px solid var(--xa-line);border-radius:22px;padding:6px;margin:18px 0 18px;box-shadow:0 10px 28px rgba(54,40,88,.06)} .member-tabbar button{height:42px;border:0;border-radius:18px;background:transparent;color:var(--xa-purple);font-weight:900;font-size:15px}.member-tabbar button.active{background:linear-gradient(135deg,#ffd95a,#ffc23d);color:#6b3d00;box-shadow:0 8px 18px rgba(255,194,61,.25)} .member-tab-panel{display:none}.member-tab-panel.active{display:block}.member-card-panel{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;border:1px solid var(--xa-line);border-radius:20px;background:rgba(255,255,255,.32);padding:14px}.member-card-panel input{height:48px;border:1px solid var(--xa-line);border-radius:15px;background:#fff;padding:0 14px}.member-card-panel button{height:48px;border:0;border-radius:15px;background:var(--xa-purple);color:#fff;font-weight:900}.pay-section-line[style*="none"]{display:none!important} .customer-pro-page .page{padding-top:28px!important}.customer-pro-head{display:flex;align-items:center;gap:14px;margin:2px 0 18px}.customer-pro-head h1{margin:0;font-size:28px;font-weight:900;color:var(--xa-text)}.customer-pro-head p{margin:5px 0 0;font-size:13px;color:var(--xa-muted)}.customer-pro-hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;border:1px solid rgba(114,85,223,.18);background:linear-gradient(135deg,rgba(114,85,223,.13),rgba(255,255,255,.35));box-shadow:0 16px 42px rgba(114,85,223,.08);margin-bottom:14px}.customer-pro-hero i{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#8b5cf6,#6d4bd8);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.customer-pro-hero i svg{width:28px;height:28px}.customer-pro-hero b{display:block;font-size:19px;color:var(--xa-text);margin-bottom:5px}.customer-pro-hero span{font-size:13px;color:var(--xa-muted);line-height:1.55}.customer-pro-list{display:grid;gap:12px}.customer-pro-card{display:grid;grid-template-columns:46px minmax(0,1fr) 52px;gap:13px;align-items:center;padding:16px;border:1px solid var(--xa-line);border-radius:22px;background:rgba(255,255,255,.35)}.customer-pro-card i{width:46px;height:46px;border-radius:16px;background:rgba(114,85,223,.12);color:var(--xa-purple);display:flex;align-items:center;justify-content:center}.customer-pro-card.primary i{background:linear-gradient(135deg,#8b5cf6,#6d4bd8);color:#fff}.customer-pro-card i svg{width:24px;height:24px}.customer-pro-card i img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.customer-pro-card b{display:block;font-size:16px;color:var(--xa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-pro-card span{display:block;margin-top:5px;color:var(--xa-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-pro-card em{height:32px;border-radius:999px;background:var(--xa-soft);color:var(--xa-purple);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:12px}.customer-pro-card.primary em{background:var(--xa-purple);color:#fff}.customer-pro-tip,.customer-pro-empty{margin-top:14px;border:1px dashed var(--xa-line);border-radius:20px;padding:16px;background:rgba(255,255,255,.20)}.customer-pro-tip b,.customer-pro-empty b{display:block;color:var(--xa-text);font-size:15px}.customer-pro-tip span,.customer-pro-empty span{display:block;margin-top:7px;color:var(--xa-muted);font-size:13px;line-height:1.6}.customer-pro-empty{text-align:center;padding:28px 16px} @media(max-width:380px){.member-tabbar button{font-size:14px}.member-card-panel{grid-template-columns:1fr}.customer-pro-head h1{font-size:25px}} /* 2026-05-28 会员中心小标签/卡密购买/暗黑模式/客服标题 */ .member-recharge-page .member-tabbar{ width:100%!important; height:54px!important; display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:4px!important; padding:5px!important; margin:14px 0 18px!important; border-radius:18px!important; background:rgba(255,255,255,.74)!important; border:1px solid var(--xa-line)!important; box-shadow:0 8px 20px rgba(54,40,88,.05)!important; } .member-recharge-page .member-tabbar button{ height:42px!important; border-radius:15px!important; font-size:14px!important; font-weight:900!important; color:var(--xa-purple)!important; } .member-recharge-page .member-tabbar button.active{ background:var(--xa-purple)!important; color:#fff!important; box-shadow:0 8px 18px rgba(111,85,181,.22)!important; } .member-recharge-page .member-section-line{ margin:18px 4px 12px!important; } .member-recharge-page .member-section-line span, .member-help, .member-note{ display:none!important; } .member-card-panel-v2{ display:grid!important; grid-template-columns:1fr!important; gap:14px!important; padding:16px!important; } .member-card-panel-v2 input{ width:100%!important; height:50px!important; box-sizing:border-box!important; } .member-card-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; } .member-card-actions button, .member-card-actions a{ height:48px!important; border-radius:15px!important; border:0!important; display:flex!important; align-items:center!important; justify-content:center!important; font-weight:900!important; font-size:15px!important; text-align:center!important; } .member-card-actions button{ background:var(--xa-soft)!important; color:var(--xa-purple)!important; } .member-card-actions a{ background:var(--xa-purple)!important; color:#fff!important; } .customer-pro-head-center{ display:grid!important; grid-template-columns:40px minmax(0,1fr) 40px!important; align-items:center!important; gap:0!important; margin:2px 0 20px!important; } .customer-pro-head-center h1{ margin:0!important; text-align:center!important; font-size:20px!important; font-weight:560!important; line-height:1.2!important; color:var(--xa-text)!important; } .customer-pro-head-center .back-ico{ justify-self:start!important; } .customer-pro-head-center p{display:none!important} body.dark-mode .member-recharge-hero, body.dark-mode .member-tabbar, body.dark-mode .member-card-panel, body.dark-mode .recharge-pay-list label, body.dark-mode .customer-pro-card, body.dark-mode .customer-pro-hero, body.dark-mode .customer-pro-tip, body.dark-mode .customer-pro-empty{ background:#1a1724!important; border-color:#2e2a3d!important; } body.dark-mode .member-tabbar button.active, body.dark-mode .member-card-actions a{ background:var(--xa-purple)!important; color:#fff!important; } body.dark-mode .member-card-actions button{ background:#242035!important; color:#c9b8ff!important; } body.dark-mode .member-card-panel input{ background:#14111d!important; color:#f4efff!important; border-color:#2e2a3d!important; } /* 2026-05-28 会员中心尺寸修正、按钮居中、客服图标 */ .member-recharge-page .member-tabbar{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;max-width:100%!important;padding:6px!important;margin:16px 0 18px!important;border-radius:26px!important;overflow-x:auto!important;grid-template-columns:none!important;white-space:nowrap!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 20px rgba(54,40,88,.05)!important;} .member-recharge-page .member-tabbar button{flex:0 0 auto!important;min-width:118px!important;height:46px!important;padding:0 24px!important;border-radius:22px!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;} .member-recharge-page .member-tabbar button.active{background:var(--xa-purple)!important;color:#fff!important;box-shadow:0 8px 18px rgba(111,85,181,.22)!important;} .member-recharge-page .member-tabbar::-webkit-scrollbar{display:none!important;} .member-primary-submit,.member-card-actions button,.member-card-actions a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;padding:0!important;} .member-primary-submit{height:56px!important;font-size:17px!important;} .member-hero-user div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;} .member-hero-user span{margin-top:6px!important;line-height:1.35!important;word-break:keep-all!important;} .member-hero-user .member-hero-date{margin-top:2px!important;} .customer-pro-hero i{background:linear-gradient(135deg,#7b5cff,#5f8dff)!important;} @media(max-width:420px){.member-recharge-page .member-tabbar button{min-width:104px!important;height:44px!important;padding:0 20px!important;font-size:15px!important;}} body.dark-mode .member-recharge-page .member-tabbar{background:#1a1724!important;border-color:#2e2a3d!important;} /* 2026-05-28 会员中心标签继续缩小并左靠、用户信息美化、客服标题分隔线 */ .member-recharge-page .member-tabbar{display:flex!important;width:max-content!important;max-width:calc(100% - 2px)!important;gap:6px!important;padding:5px!important;margin:12px 0 16px!important;border-radius:24px!important;justify-content:flex-start!important;align-items:center!important;overflow-x:auto!important;} .member-recharge-page .member-tabbar button{min-width:92px!important;height:40px!important;padding:0 16px!important;border-radius:19px!important;font-size:14px!important;font-weight:900!important;} .member-recharge-page .member-tabbar button.active{box-shadow:0 6px 14px rgba(111,85,181,.2)!important;} .member-recharge-hero{padding:15px 16px!important;border-radius:23px!important;} .member-hero-user{align-items:flex-start!important;} .member-hero-user img{width:56px!important;height:56px!important;border-radius:18px!important;} .member-hero-user b{font-size:17px!important;margin-bottom:8px!important;} .member-hero-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;} .member-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;border:1px solid transparent!important;} .member-chip i{display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;flex:none!important;} .member-chip i svg{width:14px!important;height:14px!important;} .member-chip em{font-style:normal!important;white-space:nowrap!important;} .member-chip-point{background:rgba(114,85,182,.10)!important;color:var(--xa-purple)!important;border-color:rgba(114,85,182,.14)!important;} .member-chip-vip{background:rgba(55,196,116,.10)!important;color:#1aa65b!important;border-color:rgba(55,196,116,.18)!important;} .member-recharge-hero>em{align-self:center!important;} .customer-pro-head-center{padding-bottom:14px!important;border-bottom:1px solid var(--xa-line)!important;margin-bottom:16px!important;} @media(max-width:420px){.member-recharge-page .member-tabbar button{min-width:86px!important;height:38px!important;padding:0 14px!important;font-size:13px!important}.member-chip{font-size:11.5px!important;padding:0 9px!important;}} body.dark-mode .member-chip-point{background:#251f34!important;border-color:#372f4a!important;color:#c9b8ff!important;} body.dark-mode .member-chip-vip{background:#15251b!important;border-color:#25412f!important;color:#9ae0b4!important;} /* 2026-05-28 会员中心用户卡片重新压缩、卡密页隐藏支付按钮 */ .member-recharge-hero{min-height:96px!important;padding:14px 15px!important;border-radius:22px!important;align-items:center!important;} .member-hero-user{gap:12px!important;align-items:center!important;min-width:0!important;} .member-hero-user img{width:48px!important;height:48px!important;border-radius:16px!important;} .member-hero-user b{font-size:17px!important;margin:0 0 7px!important;line-height:1.15!important;} .member-hero-meta{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;max-width:230px!important;overflow:hidden!important;} .member-chip{height:22px!important;min-height:22px!important;padding:0 8px!important;font-size:11px!important;gap:4px!important;border-radius:999px!important;} .member-chip i{width:13px!important;height:13px!important;} .member-chip i svg{width:12px!important;height:12px!important;} .member-chip-vip{max-width:142px!important;overflow:hidden!important;} .member-chip em{max-width:118px!important;overflow:hidden!important;text-overflow:ellipsis!important;} .member-recharge-hero>em{padding:6px 10px!important;font-size:12px!important;align-self:center!important;} .member-primary-submit[style*='none'],.recharge-pay-list[style*='none'],.pay-section-line[style*='none']{display:none!important;} .member-recharge-page .member-tabbar{width:max-content!important;max-width:100%!important;padding:4px!important;gap:5px!important;margin:12px 0 16px!important;} .member-recharge-page .member-tabbar button{min-width:82px!important;height:36px!important;padding:0 12px!important;font-size:13px!important;border-radius:18px!important;} @media(max-width:420px){.member-hero-meta{max-width:190px!important}.member-chip-vip{max-width:124px!important}.member-chip em{max-width:104px!important}.member-recharge-page .member-tabbar button{min-width:78px!important;height:35px!important;padding:0 10px!important;font-size:12.5px!important;}} /* 2026-05-28 会员中心最终紧凑优化 + 官方消息标题仅显示 */ .member-recharge-page .member-tabbar{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;padding:4px!important;gap:4px!important;margin:10px 0 14px!important;border-radius:22px!important;overflow-x:auto!important;box-shadow:0 6px 16px rgba(54,40,88,.05)!important;background:rgba(255,255,255,.78)!important;} .member-recharge-page .member-tabbar button{flex:0 0 auto!important;min-width:72px!important;height:34px!important;padding:0 14px!important;border-radius:17px!important;font-size:12.5px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease!important;} .member-recharge-page .member-tabbar button.active{background:var(--xa-purple)!important;color:#fff!important;box-shadow:0 8px 16px rgba(111,85,181,.20)!important;transform:translateY(-1px) scale(1.02)!important;} .member-recharge-page .member-tabbar button:active{transform:scale(.98)!important;} .member-recharge-hero.compact{min-height:unset!important;padding:12px 14px!important;border-radius:22px!important;gap:10px!important;align-items:center!important;} .member-recharge-hero.compact .member-hero-user{gap:10px!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;} .member-recharge-hero.compact .member-hero-user img{width:44px!important;height:44px!important;border-radius:14px!important;} .member-recharge-hero.compact .member-hero-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:7px!important;flex:1 1 auto!important;} .member-recharge-hero.compact .member-hero-info b{display:block!important;font-size:14px!important;line-height:1.2!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} .member-recharge-hero.compact .member-hero-badges{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-width:0!important;} .member-mini-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;border:1px solid transparent!important;white-space:nowrap!important;max-width:100%!important;} .member-mini-chip i{width:14px!important;height:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;} .member-mini-chip i svg{width:13px!important;height:13px!important;} .member-mini-chip em{font-style:normal!important;white-space:nowrap!important;} .member-mini-chip.point{background:rgba(114,85,182,.10)!important;color:var(--xa-purple)!important;border-color:rgba(114,85,182,.15)!important;} .member-mini-chip.vip{background:rgba(55,196,116,.10)!important;color:#2e9f59!important;border-color:rgba(55,196,116,.16)!important;} .member-recharge-hero.compact>em{padding:6px 10px!important;font-size:12px!important;border-radius:999px!important;align-self:center!important;flex:none!important;} .official-table-wrap .table-mini{display:none!important;} @media(max-width:420px){.member-recharge-page .member-tabbar button{min-width:68px!important;height:32px!important;padding:0 12px!important;font-size:12px!important}.member-recharge-hero.compact{padding:11px 12px!important}.member-recharge-hero.compact .member-hero-user img{width:40px!important;height:40px!important}.member-mini-chip{font-size:11.5px!important;padding:0 9px!important;min-height:26px!important}} body.dark-mode .member-mini-chip.point{background:#251f34!important;border-color:#372f4a!important;color:#c9b8ff!important;} body.dark-mode .member-mini-chip.vip{background:#15251b!important;border-color:#25412f!important;color:#9ae0b4!important;} /* 2026-05-28 会员中心用户信息卡片图2风格重做 */ .member-recharge-hero.redesign{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 14px!important;border-radius:24px!important;border:1px solid rgba(123,92,255,.14)!important;background:linear-gradient(135deg,rgba(165,135,255,.16),rgba(255,255,255,.86) 65%,rgba(194,232,208,.22))!important;box-shadow:0 12px 28px rgba(97,76,154,.08)!important;min-height:112px!important;overflow:hidden!important;} .member-recharge-hero.redesign::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%, rgba(255,255,255,.55), transparent 35%);pointer-events:none;} .member-summary-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important;} .member-avatar-shell{width:86px!important;height:86px!important;border-radius:28px!important;background:rgba(255,255,255,.72)!important;box-shadow:inset 0 0 0 1px rgba(123,92,255,.08), 0 10px 22px rgba(96,75,147,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;} .member-avatar-shell img{width:46px!important;height:46px!important;border-radius:16px!important;object-fit:cover!important;background:#fff!important;} .member-summary-info{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;flex:1 1 auto!important;} .member-summary-info b{font-size:18px!important;line-height:1.15!important;font-weight:950!important;color:var(--xa-text)!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} .member-summary-badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;} .member-info-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 14px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;line-height:1!important;box-shadow:inset 0 0 0 1px transparent!important;max-width:100%!important;} .member-info-pill i{width:14px!important;height:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;} .member-info-pill i svg{width:14px!important;height:14px!important;} .member-info-pill em{font-style:normal!important;white-space:nowrap!important;} .member-info-pill.point{background:linear-gradient(180deg,rgba(133,99,232,.16),rgba(133,99,232,.11))!important;color:#7a57d4!important;box-shadow:inset 0 0 0 1px rgba(133,99,232,.14)!important;} .member-info-pill.vip{background:linear-gradient(180deg,rgba(113,205,144,.18),rgba(113,205,144,.11))!important;color:#3aa660!important;box-shadow:inset 0 0 0 1px rgba(77,186,120,.18)!important;} .member-status-card{width:96px!important;height:96px!important;border-radius:26px!important;background:rgba(255,255,255,.74)!important;box-shadow:inset 0 0 0 1px rgba(123,92,255,.10), 0 10px 24px rgba(97,76,154,.09)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:none!important;position:relative!important;z-index:1!important;} .member-status-icon{width:42px!important;height:42px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;} .member-status-icon svg{width:22px!important;height:22px!important;} .member-status-card strong{font-size:12px!important;line-height:1!important;font-weight:950!important;} .member-status-card.active .member-status-icon{background:rgba(113,205,144,.16)!important;color:#36a55c!important;} .member-status-card.active strong{color:#36a55c!important;} .member-status-card.inactive .member-status-icon{background:rgba(255,177,83,.16)!important;color:#f0a22e!important;} .member-status-card.inactive strong{color:#d98d1e!important;} @media(max-width:420px){.member-recharge-hero.redesign{padding:12px!important;gap:10px!important;min-height:104px!important}.member-avatar-shell{width:74px!important;height:74px!important;border-radius:24px!important}.member-avatar-shell img{width:40px!important;height:40px!important}.member-summary-info{gap:8px!important}.member-summary-info b{font-size:16px!important}.member-summary-badges{gap:6px!important}.member-info-pill{height:30px!important;padding:0 11px!important;font-size:11px!important}.member-status-card{width:82px!important;height:82px!important;border-radius:22px!important}.member-status-icon{width:36px!important;height:36px!important;border-radius:14px!important}.member-status-card strong{font-size:11px!important;}} body.dark-mode .member-recharge-hero.redesign{background:linear-gradient(135deg,#231c33,#1c1928 65%,#1c2421)!important;border-color:#342b49!important;} body.dark-mode .member-avatar-shell,body.dark-mode .member-status-card{background:#241d34!important;box-shadow:inset 0 0 0 1px #342b49!important;} body.dark-mode .member-summary-info b{color:#fff!important;} body.dark-mode .member-info-pill.point{background:#2d2442!important;box-shadow:inset 0 0 0 1px #40305c!important;color:#c9b8ff!important;} body.dark-mode .member-info-pill.vip{background:#1f2b24!important;box-shadow:inset 0 0 0 1px #2b4733!important;color:#9ae0b4!important;} body.dark-mode .member-status-card.active .member-status-icon{background:#1f2b24!important;color:#9ae0b4!important;} body.dark-mode .member-status-card.active strong{color:#9ae0b4!important;} body.dark-mode .member-status-card.inactive .member-status-icon{background:#34281a!important;color:#ffbf66!important;} body.dark-mode .member-status-card.inactive strong{color:#ffbf66!important;} /* 2026-05-28 会员中心卡片与标签最终缩小圆角优化 */ .member-recharge-hero.redesign{padding:10px 12px!important;min-height:92px!important;border-radius:22px!important;gap:10px!important;} .member-summary-left{gap:10px!important;} .member-avatar-shell{width:66px!important;height:66px!important;border-radius:22px!important;background:rgba(255,255,255,.76)!important;box-shadow:inset 0 0 0 1px rgba(123,92,255,.08),0 6px 16px rgba(96,75,147,.06)!important;} .member-avatar-shell img{width:34px!important;height:34px!important;border-radius:12px!important;} .member-summary-info{gap:7px!important;} .member-summary-info b{font-size:13px!important;} .member-summary-badges{gap:6px!important;} .member-info-pill{height:26px!important;padding:0 10px!important;font-size:10.5px!important;border-radius:999px!important;} .member-info-pill i{width:12px!important;height:12px!important;} .member-info-pill i svg{width:12px!important;height:12px!important;} .member-status-card{width:74px!important;height:74px!important;border-radius:22px!important;gap:6px!important;box-shadow:inset 0 0 0 1px rgba(123,92,255,.08),0 8px 18px rgba(97,76,154,.07)!important;} .member-status-icon{width:32px!important;height:32px!important;border-radius:12px!important;} .member-status-icon svg{width:18px!important;height:18px!important;} .member-status-card strong{font-size:10.5px!important;} .member-recharge-page .member-tabbar{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;padding:5px!important;gap:5px!important;margin:10px 0 14px!important;border-radius:999px!important;overflow-x:auto!important;grid-template-columns:none!important;white-space:nowrap!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(111,85,181,.12)!important;box-shadow:0 5px 14px rgba(54,40,88,.05)!important;} .member-recharge-page .member-tabbar button{flex:0 0 auto!important;min-width:84px!important;height:34px!important;padding:0 14px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;} .member-recharge-page .member-tabbar button.active{background:var(--xa-purple)!important;color:#fff!important;box-shadow:0 8px 14px rgba(111,85,181,.18)!important;transform:translateY(-1px)!important;} .member-recharge-page .member-tabbar::-webkit-scrollbar{display:none!important;} @media(max-width:420px){.member-recharge-hero.redesign{padding:9px 10px!important;min-height:84px!important}.member-avatar-shell{width:58px!important;height:58px!important;border-radius:20px!important}.member-avatar-shell img{width:30px!important;height:30px!important}.member-summary-info b{font-size:12.5px!important}.member-info-pill{height:24px!important;padding:0 9px!important;font-size:10px!important}.member-status-card{width:68px!important;height:68px!important;border-radius:20px!important}.member-status-icon{width:30px!important;height:30px!important}.member-status-card strong{font-size:10px!important}.member-recharge-page .member-tabbar button{min-width:80px!important;height:32px!important;padding:0 12px!important;font-size:12px!important}} body.dark-mode .member-recharge-hero.redesign{background:linear-gradient(135deg,#231c33,#1c1928 65%,#1d2522)!important;border-color:#342b49!important;} body.dark-mode .member-avatar-shell,body.dark-mode .member-status-card{background:#241d34!important;box-shadow:inset 0 0 0 1px #342b49!important;} body.dark-mode .member-recharge-page .member-tabbar{background:#1b1726!important;border-color:#2e2940!important;} /* 2026-05-28 会员中心用户信息卡片改回早期横向样式 */ .member-recharge-hero.early{ position:relative!important; min-height:108px!important; padding:16px 18px!important; border-radius:24px!important; border:1px solid rgba(142,122,184,.18)!important; background: radial-gradient(circle at 22% 25%, rgba(160,125,255,.18), transparent 34%), linear-gradient(135deg, rgba(158,128,255,.14), rgba(255,255,255,.78) 62%, rgba(255,255,255,.48))!important; box-shadow:0 12px 28px rgba(70,52,108,.07)!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; overflow:hidden!important; } .member-recharge-hero.early::after{ content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 42%)!important; pointer-events:none!important; } .member-early-left{ display:flex!important; align-items:center!important; gap:15px!important; min-width:0!important; flex:1 1 auto!important; position:relative!important; z-index:1!important; } .member-early-avatar{ width:70px!important; height:70px!important; border-radius:22px!important; background:rgba(255,255,255,.62)!important; border:1px solid rgba(142,122,184,.10)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 8px 20px rgba(100,78,148,.07)!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:none!important; } .member-early-avatar img{ width:42px!important; height:42px!important; border-radius:14px!important; object-fit:cover!important; } .member-early-info{ min-width:0!important; display:flex!important; flex-direction:column!important; gap:5px!important; } .member-early-info b{ display:block!important; margin:0 0 2px!important; font-size:18px!important; line-height:1.15!important; color:var(--xa-text)!important; font-weight:950!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .member-early-info span{ display:block!important; font-size:13px!important; line-height:1.35!important; color:rgba(53,45,65,.62)!important; white-space:nowrap!important; } .member-recharge-hero.early>em{ position:relative!important; z-index:1!important; align-self:center!important; flex:none!important; font-style:normal!important; height:36px!important; min-width:74px!important; padding:0 14px!important; border-radius:999px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:13px!important; font-weight:950!important; } .member-recharge-hero.early>em.ok{ color:#1aa65b!important; background:rgba(55,196,116,.13)!important; } .member-recharge-hero.early>em.no{ color:#d98d1e!important; background:rgba(255,177,83,.16)!important; } @media(max-width:420px){ .member-recharge-hero.early{min-height:100px!important;padding:14px 15px!important;border-radius:22px!important;gap:10px!important} .member-early-left{gap:12px!important} .member-early-avatar{width:62px!important;height:62px!important;border-radius:20px!important} .member-early-avatar img{width:36px!important;height:36px!important;border-radius:12px!important} .member-early-info b{font-size:16px!important} .member-early-info span{font-size:12px!important} .member-recharge-hero.early>em{height:32px!important;min-width:68px!important;padding:0 11px!important;font-size:12px!important} } body.dark-mode .member-recharge-hero.early{ background:linear-gradient(135deg,#241d34,#1b1726 70%,#1f202b)!important; border-color:#342b49!important; } body.dark-mode .member-early-avatar{background:#251f34!important;border-color:#372f4a!important} body.dark-mode .member-early-info b{color:#fff!important} body.dark-mode .member-early-info span{color:#bdb3ca!important} body.dark-mode .member-recharge-hero.early>em.ok{background:#1f2b24!important;color:#9ae0b4!important} body.dark-mode .member-recharge-hero.early>em.no{background:#34281a!important;color:#ffbf66!important} /* 2026-05-28 会员中心用户卡片头像图标放大 */ .member-early-avatar img{ width:50px!important; height:50px!important; border-radius:16px!important; } @media(max-width:420px){ .member-early-avatar img{ width:45px!important; height:45px!important; border-radius:15px!important; } } /* 2026-05-28 会员中心头像更贴边，保留少量白色外圈 */ .member-early-avatar img{ width:56px!important; height:56px!important; border-radius:18px!important; } @media(max-width:420px){ .member-early-avatar img{ width:50px!important; height:50px!important; border-radius:16px!important; } } /* 2026-05-28 签到中心顶部标题分隔线 */ .sign-center-page .sign-page-head, .sign-center-page .page-title-row.sign-page-head{ padding-bottom:14px!important; margin-bottom:16px!important; border-bottom:1px solid var(--xa-line)!important; } body.dark-mode .sign-center-page .sign-page-head, body.dark-mode .sign-center-page .page-title-row.sign-page-head{ border-bottom-color:#2e2a3d!important; } /* 2026-05-28 强制修复签到中心标题下方整条线 */ .sign-center-page .page-title-row.sign-page-head{ position:relative!important; padding-bottom:18px!important; margin-bottom:18px!important; border-bottom:0!important; } .sign-center-page .page-title-row.sign-page-head::after{ content:""!important; position:absolute!important; left:calc(50% - 50vw)!important; right:calc(50% - 50vw)!important; bottom:0!important; height:1px!important; background:rgba(40,35,50,.16)!important; display:block!important; pointer-events:none!important; } body.dark-mode.sign-center-page .page-title-row.sign-page-head::after, body.dark-mode .sign-center-page .page-title-row.sign-page-head::after{ background:rgba(255,255,255,.12)!important; } /* 2026-05-28 签到中心真实标题分隔线 */ .sign-title-real-line{ width:100vw!important; height:1px!important; background:rgba(40,35,50,.16)!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; margin-top:-2px!important; margin-bottom:18px!important; display:block!important; flex:none!important; } body.dark-mode .sign-title-real-line{ background:rgba(255,255,255,.12)!important; } /* 2026-05-28 最终修复：签到中心标题下方真实分隔线 */ .sign-center-page .sign-top-head{ margin-bottom:0!important; padding-bottom:20px!important; } .sign-center-page .sign-top-real-line{ position:relative!important; left:50%!important; width:100vw!important; height:1px!important; transform:translateX(-50%)!important; background:rgba(38,34,48,.18)!important; display:block!important; margin:0 0 22px!important; z-index:20!important; flex:none!important; } body.dark-mode.sign-center-page .sign-top-real-line, body.dark-mode .sign-center-page .sign-top-real-line{ background:rgba(255,255,255,.14)!important; } /* 2026-06-04 修复：我的页面会员/积分徽章暗黑模式适配 */ body.dark-mode .my-user-badges .user-badge, body.dark-mode .xa-my-user-card .user-badge, body.dark-mode .xa-my-guest-card .user-badge{ border-color:rgba(170,140,255,.24)!important; box-shadow:none!important; color:#d9ccff!important; } body.dark-mode .my-user-badges .user-badge b, body.dark-mode .xa-my-user-card .user-badge b, body.dark-mode .xa-my-guest-card .user-badge b{ color:inherit!important; } body.dark-mode .my-user-badges .user-badge i, body.dark-mode .xa-my-user-card .user-badge i, body.dark-mode .xa-my-guest-card .user-badge i{ color:#fff!important; } body.dark-mode .my-user-badges .user-badge.is-normal, body.dark-mode .my-user-badges .user-badge.is-login, body.dark-mode .xa-my-user-card .user-badge.is-normal, body.dark-mode .xa-my-guest-card .user-badge.is-login{ background:linear-gradient(135deg,#2b2340,#231d34)!important; color:#d9ccff!important; } body.dark-mode .my-user-badges .user-badge.is-normal i, body.dark-mode .my-user-badges .user-badge.is-login i, body.dark-mode .xa-my-user-card .user-badge.is-normal i, body.dark-mode .xa-my-guest-card .user-badge.is-login i{ background:linear-gradient(135deg,#a98bff,#7557df)!important; } body.dark-mode .my-user-badges .user-badge.is-vip, body.dark-mode .xa-my-user-card .user-badge.is-vip{ background:linear-gradient(135deg,#3a2b16,#2a2117)!important; border-color:rgba(255,199,96,.26)!important; color:#ffd889!important; } body.dark-mode .my-user-badges .user-badge.is-vip i, body.dark-mode .xa-my-user-card .user-badge.is-vip i{ background:linear-gradient(135deg,#ffd36c,#f2a11f)!important; } body.dark-mode .my-user-badges .user-badge.is-coins, body.dark-mode .xa-my-user-card .user-badge.is-coins{ background:linear-gradient(135deg,#2c2445,#221d36)!important; border-color:rgba(169,139,255,.28)!important; color:#d7c8ff!important; } body.dark-mode .my-user-badges .user-badge.is-coins i, body.dark-mode .xa-my-user-card .user-badge.is-coins i{ background:linear-gradient(135deg,#9d7cff,#6f4cf0)!important; } body.dark-mode .my-user-badges .user-badge i svg, body.dark-mode .xa-my-user-card .user-badge i svg, body.dark-mode .xa-my-guest-card .user-badge i svg{ stroke:#fff!important; } body.dark-mode .my-user-badges .user-badge.is-coins i svg, body.dark-mode .xa-my-user-card .user-badge.is-coins i svg{ fill:#fff!important; stroke:none!important; } /* ===== 2026-06-21 安卓/苹果移动端恢复版：只压缩安卓，不再拉大苹果 ===== */ html,body{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;} body{touch-action:manipulation;-webkit-overflow-scrolling:touch;} .app{width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;overflow-x:hidden!important;box-shadow:none!important;} main.page,.page{width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;overflow-x:hidden!important;} img,video,canvas,svg{max-width:100%;} input,textarea,select,button{font-size:16px!important;} .xa-tabbar{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translate3d(-50%,0,0)!important;width:100%!important;max-width:430px!important;z-index:9999!important;} .xa-tabbar-inner{max-width:430px!important;margin:0 auto!important;} body.no-nav .xa-tabbar,body.message-center-page .xa-tabbar{display:none!important;} /* iPhone/iPad：恢复常规比例，不套用安卓压缩规则 */ body.is-ios main.page,html.ua-ios body main.page, body.is-ios .page,html.ua-ios body .page{padding-left:18px!important;padding-right:18px!important;} body.is-ios .xa-topbar h1,html.ua-ios body .xa-topbar h1{font-size:30px!important;line-height:1.12!important;} body.is-ios .xa-topbar p,html.ua-ios body .xa-topbar p{font-size:16px!important;line-height:1.35!important;} body.is-ios .xa-home-latest-grid .xa-latest-card b,html.ua-ios body .xa-home-latest-grid .xa-latest-card b{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;} /* Android：按真实可视宽度紧凑处理，解决系统字体/浏览器文本放大造成的换行撑高 */ body.is-android,html.ua-android body{font-size:14px!important;} body.is-android .app,html.ua-android body .app{max-width:min(430px,100vw)!important;width:100%!important;} body.is-android main.page,html.ua-android body main.page, body.is-android .page,html.ua-android body .page{max-width:min(430px,100vw)!important;width:100%!important;padding-left:18px!important;padding-right:18px!important;padding-top:30px!important;padding-bottom:92px!important;overflow-x:hidden!important;} body.is-android * ,html.ua-android body *{box-sizing:border-box!important;} body.is-android .xa-topbar,html.ua-android body .xa-topbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:20px!important;min-width:0!important;overflow:visible!important;} body.is-android .xa-topbar>div:first-child,html.ua-android body .xa-topbar>div:first-child{min-width:0!important;flex:1 1 auto!important;} body.is-android .xa-topbar h1,html.ua-android body .xa-topbar h1{font-size:30px!important;line-height:1.08!important;letter-spacing:-.4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.is-android .xa-topbar p,html.ua-android body .xa-topbar p{font-size:14px!important;line-height:1.35!important;margin-top:6px!important;white-space:normal!important;word-break:keep-all!important;} body.is-android .my-head-actions,html.ua-android body .my-head-actions, body.is-android .xa-head-actions,html.ua-android body .xa-head-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;min-width:0!important;} body.is-android .xa-share,html.ua-android body .xa-share, body.is-android .xa-settings-btn,html.ua-android body .xa-settings-btn, body.is-android .xa-message-btn,html.ua-android body .xa-message-btn, body.is-android .xa-sign-btn,html.ua-android body .xa-sign-btn{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;border-radius:14px!important;} body.is-android .xa-share svg,html.ua-android body .xa-share svg, body.is-android .xa-settings-btn svg,html.ua-android body .xa-settings-btn svg, body.is-android .xa-message-btn svg,html.ua-android body .xa-message-btn svg, body.is-android .xa-sign-btn svg,html.ua-android body .xa-sign-btn svg{width:23px!important;height:23px!important;} /* 安卓首页：轮播图、暗黑开关、最新发布卡片 */ body.is-android .xa-theme-toggle,html.ua-android body .xa-theme-toggle{width:46px!important;height:30px!important;min-width:46px!important;flex:0 0 46px!important;border-radius:999px!important;padding:0!important;overflow:visible!important;transform:none!important;} body.is-android .xa-theme-toggle svg,html.ua-android body .xa-theme-toggle svg{width:46px!important;height:28px!important;display:block!important;overflow:visible!important;} body.is-android .xa-banner-native,html.ua-android body .xa-banner-native, body.is-android .xa-banner,html.ua-android body .xa-banner{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:18px!important;overflow:hidden!important;} body.is-android .xa-banner-native-slide,html.ua-android body .xa-banner-native-slide, body.is-android .xa-banner-slide,html.ua-android body .xa-banner-slide{width:100%!important;min-width:100%!important;aspect-ratio:16/8.2!important;border-radius:18px!important;overflow:hidden!important;} body.is-android .xa-banner-native-slide img,html.ua-android body .xa-banner-native-slide img, body.is-android .xa-banner-slide img,html.ua-android body .xa-banner-slide img{width:100%!important;height:100%!important;object-fit:cover!important;} body.is-android .xa-marquee,html.ua-android body .xa-marquee{height:48px!important;min-height:48px!important;padding:0 13px!important;border-radius:16px!important;overflow:hidden!important;} body.is-android .xa-marquee b,html.ua-android body .xa-marquee b{font-size:16px!important;white-space:nowrap!important;} body.is-android .xa-marquee span,html.ua-android body .xa-marquee span{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;} body.is-android .xa-section-title,html.ua-android body .xa-section-title{font-size:21px!important;line-height:1.2!important;margin:18px 0 13px!important;white-space:nowrap!important;} body.is-android .xa-section-title small,html.ua-android body .xa-section-title small{font-size:13px!important;} body.is-android .xa-home-latest-grid,html.ua-android body .xa-home-latest-grid, body.is-android .xa-rec-grid,html.ua-android body .xa-rec-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} body.is-android .xa-home-latest-grid .xa-latest-card,html.ua-android body .xa-home-latest-grid .xa-latest-card, body.is-android .xa-latest-card,html.ua-android body .xa-latest-card{height:92px!important;min-height:92px!important;padding:10px!important;border-radius:16px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;overflow:hidden!important;} body.is-android .xa-latest-card img,html.ua-android body .xa-latest-card img{width:48px!important;height:48px!important;min-width:48px!important;border-radius:13px!important;object-fit:cover!important;} body.is-android .xa-latest-card>div,html.ua-android body .xa-latest-card>div{min-width:0!important;overflow:hidden!important;} body.is-android .xa-latest-card b,html.ua-android body .xa-latest-card b{display:block!important;font-size:14px!important;line-height:1.22!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;} body.is-android .xa-latest-card em,html.ua-android body .xa-latest-card em{display:inline-flex!important;max-width:100%!important;height:19px!important;line-height:19px!important;margin-top:5px!important;padding:0 8px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.is-android .xa-latest-card span,html.ua-android body .xa-latest-card span{display:block!important;margin-top:5px!important;font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} /* 安卓我的页 */ body.is-android.page-my .xa-profile-card,html.ua-android body.page-my .xa-profile-card, body.is-android .xa-my-user-card,html.ua-android body .xa-my-user-card, body.is-android .xa-my-guest-card,html.ua-android body .xa-my-guest-card{display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-height:104px!important;height:auto!important;padding:16px!important;border-radius:21px!important;overflow:hidden!important;} body.is-android .xa-profile-card img,html.ua-android body .xa-profile-card img, body.is-android .my-user-avatar,html.ua-android body .my-user-avatar{width:66px!important;height:66px!important;min-width:66px!important;border-radius:18px!important;object-fit:cover!important;} body.is-android .my-user-main,html.ua-android body .my-user-main{min-width:0!important;overflow:hidden!important;} body.is-android .my-user-main h2,html.ua-android body .my-user-main h2, body.is-android .xa-profile-card h2,html.ua-android body .xa-profile-card h2{font-size:22px!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0 0 8px!important;} body.is-android .my-user-badges,html.ua-android body .my-user-badges{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;overflow:hidden!important;} body.is-android .user-badge,html.ua-android body .user-badge{height:28px!important;min-height:28px!important;max-width:100%!important;padding:0 9px!important;font-size:12.5px!important;line-height:28px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.is-android .user-badge i,html.ua-android body .user-badge i{width:16px!important;height:16px!important;min-width:16px!important;} body.is-android .user-badge b,html.ua-android body .user-badge b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.is-android .xa-mine-grid,html.ua-android body .xa-mine-grid, body.is-android .xa-my-actions,html.ua-android body .xa-my-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} body.is-android .xa-mine-tile,html.ua-android body .xa-mine-tile{height:94px!important;min-height:94px!important;padding:12px!important;border-radius:18px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:2px!important;overflow:hidden!important;} body.is-android .xa-mine-tile i,html.ua-android body .xa-mine-tile i{grid-row:1/3!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;} body.is-android .xa-mine-tile i svg,html.ua-android body .xa-mine-tile i svg{width:24px!important;height:24px!important;} body.is-android .xa-mine-tile b,html.ua-android body .xa-mine-tile b{font-size:16px!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;} body.is-android .xa-mine-tile span,html.ua-android body .xa-mine-tile span{font-size:12.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;} body.is-android .xa-more-services,html.ua-android body .xa-more-services{padding:16px!important;border-radius:22px!important;overflow:hidden!important;} body.is-android .xa-more-services h2,html.ua-android body .xa-more-services h2{font-size:22px!important;line-height:1.2!important;} body.is-android .xa-more-services a,html.ua-android body .xa-more-services a{min-height:60px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;overflow:hidden!important;} body.is-android .xa-more-services b,html.ua-android body .xa-more-services b{font-size:16px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.is-android .xa-more-services em,html.ua-android body .xa-more-services em{font-size:13px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} /* 安卓应用列表页 */ body.is-android .xa-cat-tabs,html.ua-android body .xa-cat-tabs{height:48px!important;margin-left:-18px!important;margin-right:-18px!important;padding:0 18px 8px!important;gap:22px!important;display:flex!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;position:sticky!important;top:0!important;z-index:60!important;background:var(--xa-bg,#fbf6fd)!important;} body.is-android .xa-cat-tabs a,html.ua-android body .xa-cat-tabs a{flex:0 0 auto!important;font-size:15px!important;line-height:38px!important;height:38px!important;white-space:nowrap!important;} body.is-android .xa-soft-list,html.ua-android body .xa-soft-list{gap:12px!important;} body.is-android .xa-soft-row,html.ua-android body .xa-soft-row{height:78px!important;min-height:78px!important;padding:10px 12px!important;border-radius:16px!important;display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;overflow:hidden!important;} body.is-android .xa-soft-icon,html.ua-android body .xa-soft-icon, body.is-android .app-icon-wrap,html.ua-android body .app-icon-wrap{width:50px!important;height:50px!important;min-width:50px!important;border-radius:13px!important;overflow:hidden!important;} body.is-android .xa-soft-main,html.ua-android body .xa-soft-main{min-width:0!important;overflow:hidden!important;} body.is-android .xa-soft-main b,html.ua-android body .xa-soft-main b{font-size:15px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;} body.is-android .xa-soft-main span,html.ua-android body .xa-soft-main span{font-size:12.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.is-android .xa-soft-row em,html.ua-android body .xa-soft-row em{height:32px!important;min-width:56px!important;width:auto!important;padding:0 12px!important;line-height:32px!important;font-size:12px!important;white-space:nowrap!important;} /* 安卓会员页/套餐页：不拉长，不挤出屏幕 */ body.is-android .member-user-v2,html.ua-android body .member-user-v2, body.is-android .member-recharge-hero,html.ua-android body .member-recharge-hero{height:auto!important;min-height:94px!important;padding:14px!important;border-radius:20px!important;overflow:hidden!important;} body.is-android .pkg-row,html.ua-android body .pkg-row, body.is-android .recharge-package-grid,html.ua-android body .recharge-package-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;} body.is-android .pkg-card,html.ua-android body .pkg-card, body.is-android .recharge-package-card,html.ua-android body .recharge-package-card{height:auto!important;min-height:122px!important;padding:11px 6px!important;border-radius:17px!important;overflow:hidden!important;} body.is-android .pkg-card .price,html.ua-android body .pkg-card .price, body.is-android .recharge-package-card strong,html.ua-android body .recharge-package-card strong{font-size:20px!important;line-height:1.1!important;white-space:nowrap!important;} body.is-android .pkg-card b,html.ua-android body .pkg-card b, body.is-android .recharge-package-card b,html.ua-android body .recharge-package-card b{font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.is-android .pkg-card span,html.ua-android body .pkg-card span, body.is-android .recharge-package-card span,html.ua-android body .recharge-package-card span{font-size:12px!important;line-height:1.25!important;display:block!important;overflow:hidden!important;} /* 消息列表：固定头部下方预留空间，列表不再上滑消失到导航栏下 */ body.message-center-page main.page{padding:0!important;min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;background:var(--xa-bg,#fbf6fd)!important;} body.message-center-page .app{max-width:430px!important;width:100%!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:0!important;} body.message-center-page .fixed-message-head{position:fixed!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;height:72px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) 54px!important;align-items:center!important;padding:14px 12px 0!important;background:rgba(251,246,253,.96)!important;border-bottom:1px solid rgba(55,48,65,.13)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;z-index:5000!important;box-sizing:border-box!important;} body.message-center-page .fixed-message-head .back-ico{width:42px!important;height:42px!important;line-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;} body.message-center-page .xa-message-title h1{font-size:20px!important;font-weight:650!important;line-height:1.2!important;margin:0!important;text-align:center!important;} body.message-center-page .msg-page.wx-list-page{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:84px 16px 28px!important;box-sizing:border-box!important;background:var(--xa-bg,#fbf6fd)!important;} body.message-center-page .wx-chat-row{min-height:74px!important;margin:0 0 12px!important;padding:12px!important;border-radius:18px!important;position:relative!important;z-index:1!important;} body.message-center-page .wx-avatar{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;} body.message-center-page .wx-info b{font-size:15px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.message-center-page .wx-info p{font-size:12.5px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.dark-mode.message-center-page .fixed-message-head{background:rgba(17,16,24,.96)!important;border-color:rgba(255,255,255,.08)!important;} /* 安卓极窄屏：进一步压缩，防止换行与横向溢出 */ @media (max-width:370px){ body.is-android main.page,html.ua-android body main.page,body.is-android .page,html.ua-android body .page{padding-left:14px!important;padding-right:14px!important;} body.is-android .xa-topbar h1,html.ua-android body .xa-topbar h1{font-size:28px!important;} body.is-android .xa-topbar p,html.ua-android body .xa-topbar p{font-size:13px!important;} body.is-android .xa-share,html.ua-android body .xa-share,body.is-android .xa-settings-btn,html.ua-android body .xa-settings-btn,body.is-android .xa-message-btn,html.ua-android body .xa-message-btn,body.is-android .xa-sign-btn,html.ua-android body .xa-sign-btn{width:33px!important;height:33px!important;min-width:33px!important;flex-basis:33px!important;} body.is-android .xa-share svg,html.ua-android body .xa-share svg{width:21px!important;height:21px!important;} body.is-android .xa-latest-card,html.ua-android body .xa-latest-card{height:86px!important;min-height:86px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;padding:9px!important;} body.is-android .xa-latest-card img,html.ua-android body .xa-latest-card img{width:44px!important;height:44px!important;min-width:44px!important;} body.is-android .xa-latest-card b,html.ua-android body .xa-latest-card b{font-size:13px!important;} body.is-android .xa-profile-card,html.ua-android body .xa-profile-card,body.is-android .xa-my-user-card,html.ua-android body .xa-my-user-card{grid-template-columns:60px minmax(0,1fr)!important;padding:13px!important;gap:12px!important;min-height:94px!important;} body.is-android .xa-profile-card img,html.ua-android body .xa-profile-card img,body.is-android .my-user-avatar,html.ua-android body .my-user-avatar{width:60px!important;height:60px!important;min-width:60px!important;} body.is-android .my-user-main h2,html.ua-android body .my-user-main h2{font-size:20px!important;} body.is-android .xa-mine-grid,html.ua-android body .xa-mine-grid{gap:10px!important;} body.is-android .xa-mine-tile,html.ua-android body .xa-mine-tile{height:86px!important;min-height:86px!important;grid-template-columns:38px minmax(0,1fr)!important;padding:10px!important;column-gap:8px!important;} body.is-android .xa-mine-tile i,html.ua-android body .xa-mine-tile i{width:38px!important;height:38px!important;min-width:38px!important;} body.is-android .xa-mine-tile b,html.ua-android body .xa-mine-tile b{font-size:14.5px!important;} body.is-android .xa-mine-tile span,html.ua-android body .xa-mine-tile span{font-size:11.5px!important;} body.is-android .pkg-card .price,html.ua-android body .pkg-card .price{font-size:18px!important;} body.is-android .pkg-card b,html.ua-android body .pkg-card b{font-size:13px!important;} } /* ===== 2026-06-21 安卓/HarmonyOS 前台紧凑最终修复：只作用于安卓类浏览器 ===== */ html.ua-android, html.ua-android body, body.is-android{ -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; overflow-x:hidden!important; } body.is-android .app, html.ua-android body .app{ width:100%!important; max-width:430px!important; min-height:100vh!important; margin:0 auto!important; overflow-x:hidden!important; background:var(--xa-bg,#fbf6fd)!important; } body.is-android main.page, html.ua-android body main.page, body.is-android .page, html.ua-android body .page{ width:100%!important; max-width:430px!important; padding:14px 16px 82px!important; margin:0 auto!important; overflow-x:hidden!important; box-sizing:border-box!important; } /* 安卓页面顶部：整体缩小，避免顶部一大坨 */ body.is-android .xa-topbar, html.ua-android body .xa-topbar{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin:0 0 14px!important; min-height:42px!important; overflow:visible!important; } body.is-android .xa-topbar>div:first-child, html.ua-android body .xa-topbar>div:first-child{ min-width:0!important; flex:1 1 auto!important; } body.is-android .xa-topbar h1, html.ua-android body .xa-topbar h1{ font-size:25px!important; line-height:1.08!important; margin:0!important; letter-spacing:-.3px!important; font-weight:950!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-topbar p, html.ua-android body .xa-topbar p{ font-size:13px!important; line-height:1.28!important; margin:4px 0 0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:100%!important; } body.is-android .my-head-actions, html.ua-android body .my-head-actions, body.is-android .xa-head-actions, html.ua-android body .xa-head-actions{ flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; min-width:0!important; } body.is-android .xa-share, html.ua-android body .xa-share, body.is-android .xa-sign-btn, html.ua-android body .xa-sign-btn, body.is-android .xa-message-btn, html.ua-android body .xa-message-btn, body.is-android .xa-settings-btn, html.ua-android body .xa-settings-btn{ width:32px!important; height:32px!important; min-width:32px!important; flex:0 0 32px!important; border-radius:12px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; } body.is-android .xa-share svg, html.ua-android body .xa-share svg, body.is-android .xa-sign-btn svg, html.ua-android body .xa-sign-btn svg, body.is-android .xa-message-btn svg, html.ua-android body .xa-message-btn svg, body.is-android .xa-settings-btn svg, html.ua-android body .xa-settings-btn svg{ width:21px!important; height:21px!important; } /* 安卓首页暗黑模式开关恢复正常比例 */ body.is-android .xa-theme-toggle, html.ua-android body .xa-theme-toggle{ width:42px!important; height:26px!important; min-width:42px!important; flex:0 0 42px!important; border-radius:999px!important; padding:0!important; overflow:visible!important; background:rgba(135,135,145,.22)!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; transform:none!important; } body.is-android .xa-theme-toggle svg, html.ua-android body .xa-theme-toggle svg{ width:42px!important; height:24px!important; display:block!important; overflow:visible!important; } body.is-android .xa-theme-toggle svg rect, html.ua-android body .xa-theme-toggle svg rect{ fill:#e6e1ed!important; opacity:1!important; rx:13!important; } body.is-android .xa-theme-toggle svg circle, html.ua-android body .xa-theme-toggle svg circle{ fill:#7255b6!important; } body.is-android.dark-mode .xa-theme-toggle svg rect, html.ua-android body.dark-mode .xa-theme-toggle svg rect{ fill:#5d5a66!important; } body.is-android.dark-mode .xa-theme-toggle svg circle, html.ua-android body.dark-mode .xa-theme-toggle svg circle{ fill:#f4f0ff!important; } /* 安卓首页 */ body.is-android .xa-banner-native, html.ua-android body .xa-banner-native, body.is-android .xa-banner, html.ua-android body .xa-banner{ width:100%!important; max-width:100%!important; margin:10px 0 14px!important; border-radius:18px!important; overflow:hidden!important; } body.is-android .xa-banner-native-slide, html.ua-android body .xa-banner-native-slide, body.is-android .xa-banner-slide, html.ua-android body .xa-banner-slide{ aspect-ratio:16/7.4!important; width:100%!important; min-width:100%!important; border-radius:18px!important; } body.is-android .xa-banner-native-slide img, html.ua-android body .xa-banner-native-slide img, body.is-android .xa-banner-slide img, html.ua-android body .xa-banner-slide img{ width:100%!important; height:100%!important; object-fit:cover!important; } body.is-android .xa-marquee, html.ua-android body .xa-marquee{ height:42px!important; min-height:42px!important; padding:0 12px!important; gap:10px!important; border-radius:15px!important; margin:0 0 16px!important; overflow:hidden!important; } body.is-android .xa-marquee b, html.ua-android body .xa-marquee b{ font-size:15px!important; line-height:42px!important; flex:0 0 auto!important; } body.is-android .xa-marquee span, html.ua-android body .xa-marquee span{ min-width:0!important; font-size:13px!important; line-height:42px!important; white-space:nowrap!important; overflow:hidden!important; } body.is-android .xa-section-title, html.ua-android body .xa-section-title{ font-size:20px!important; line-height:1.18!important; margin:16px 0 11px!important; white-space:nowrap!important; } body.is-android .xa-section-title small, html.ua-android body .xa-section-title small{ font-size:12px!important; } body.is-android .xa-home-latest-grid, html.ua-android body .xa-home-latest-grid, body.is-android .xa-rec-grid, html.ua-android body .xa-rec-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } body.is-android .xa-home-latest-grid .xa-latest-card, html.ua-android body .xa-home-latest-grid .xa-latest-card, body.is-android .xa-latest-card, html.ua-android body .xa-latest-card{ height:84px!important; min-height:84px!important; padding:9px!important; border-radius:16px!important; display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; gap:8px!important; align-items:center!important; overflow:hidden!important; } body.is-android .xa-latest-card img, html.ua-android body .xa-latest-card img{ width:44px!important; height:44px!important; min-width:44px!important; border-radius:12px!important; object-fit:cover!important; } body.is-android .xa-latest-card>div, html.ua-android body .xa-latest-card>div{ min-width:0!important; overflow:hidden!important; } body.is-android .xa-latest-card b, html.ua-android body .xa-latest-card b{ display:block!important; font-size:13px!important; line-height:1.22!important; font-weight:850!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; margin:0!important; } body.is-android .xa-latest-card em, html.ua-android body .xa-latest-card em{ display:inline-flex!important; align-items:center!important; max-width:100%!important; height:18px!important; padding:0 7px!important; margin-top:5px!important; font-size:10.5px!important; line-height:18px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-latest-card span, html.ua-android body .xa-latest-card span{ display:block!important; margin-top:4px!important; font-size:11px!important; line-height:1.1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* 安卓应用页/发现页顶部分类压缩 */ body.is-android .xa-cat-tabs, html.ua-android body .xa-cat-tabs{ height:40px!important; min-height:40px!important; margin:4px -16px 12px!important; padding:0 16px 6px!important; gap:18px!important; display:flex!important; align-items:center!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; background:var(--xa-bg,#fbf6fd)!important; } body.is-android .xa-cat-tabs::-webkit-scrollbar, html.ua-android body .xa-cat-tabs::-webkit-scrollbar{display:none!important;} body.is-android .xa-cat-tabs a, html.ua-android body .xa-cat-tabs a{ flex:0 0 auto!important; height:34px!important; line-height:34px!important; font-size:14px!important; font-weight:850!important; white-space:nowrap!important; } body.is-android .xa-cat-tabs a.active:after, html.ua-android body .xa-cat-tabs a.active:after{ height:3px!important; border-radius:999px!important; } /* 安卓应用软件列表：和苹果比例靠近，但更紧凑 */ body.is-android .xa-soft-list, html.ua-android body .xa-soft-list{ gap:10px!important; } body.is-android .xa-soft-row, html.ua-android body .xa-soft-row{ min-height:72px!important; height:72px!important; padding:9px 11px!important; border-radius:16px!important; display:grid!important; grid-template-columns:48px minmax(0,1fr) auto!important; gap:10px!important; align-items:center!important; overflow:hidden!important; } body.is-android .xa-soft-icon, html.ua-android body .xa-soft-icon, body.is-android .app-icon-wrap, html.ua-android body .app-icon-wrap{ width:48px!important; height:48px!important; min-width:48px!important; border-radius:13px!important; overflow:hidden!important; } body.is-android .xa-soft-main, html.ua-android body .xa-soft-main{ min-width:0!important; overflow:hidden!important; } body.is-android .xa-soft-main b, html.ua-android body .xa-soft-main b{ font-size:14px!important; line-height:1.18!important; font-weight:850!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-soft-main span, html.ua-android body .xa-soft-main span{ font-size:11.5px!important; line-height:1.22!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-soft-row em, html.ua-android body .xa-soft-row em{ height:30px!important; min-width:52px!important; padding:0 10px!important; border-radius:999px!important; font-size:11.5px!important; line-height:30px!important; white-space:nowrap!important; flex:none!important; } /* 安卓我的页 */ body.is-android .xa-profile-card, html.ua-android body .xa-profile-card, body.is-android .xa-my-user-card, html.ua-android body .xa-my-user-card, body.is-android .xa-my-guest-card, html.ua-android body .xa-my-guest-card{ min-height:96px!important; padding:13px!important; gap:12px!important; border-radius:20px!important; display:grid!important; grid-template-columns:62px minmax(0,1fr)!important; align-items:center!important; overflow:hidden!important; } body.is-android .xa-profile-card img, html.ua-android body .xa-profile-card img, body.is-android .my-user-avatar, html.ua-android body .my-user-avatar{ width:62px!important; height:62px!important; min-width:62px!important; border-radius:18px!important; } body.is-android .my-user-main, html.ua-android body .my-user-main{min-width:0!important;overflow:hidden!important;} body.is-android .my-user-main h2, html.ua-android body .my-user-main h2, body.is-android .xa-profile-card h2, html.ua-android body .xa-profile-card h2{ font-size:21px!important; line-height:1.15!important; margin:0 0 8px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .my-user-badges, html.ua-android body .my-user-badges{ display:flex!important; flex-wrap:nowrap!important; gap:7px!important; min-width:0!important; overflow:hidden!important; } body.is-android .user-badge, html.ua-android body .user-badge{ height:26px!important; max-width:96px!important; padding:0 8px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; font-size:12px!important; line-height:26px!important; white-space:nowrap!important; overflow:hidden!important; } body.is-android .user-badge b, html.ua-android body .user-badge b{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; min-width:0!important; } body.is-android .user-badge i, html.ua-android body .user-badge i{ width:18px!important; height:18px!important; min-width:18px!important; margin-right:4px!important; } body.is-android .xa-mine-grid, html.ua-android body .xa-mine-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin-top:12px!important; } body.is-android .xa-mine-tile, html.ua-android body .xa-mine-tile{ height:82px!important; min-height:82px!important; padding:10px!important; border-radius:17px!important; display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; gap:9px!important; align-items:center!important; overflow:hidden!important; } body.is-android .xa-mine-tile i, html.ua-android body .xa-mine-tile i{ width:36px!important; height:36px!important; min-width:36px!important; border-radius:50%!important; } body.is-android .xa-mine-tile b, html.ua-android body .xa-mine-tile b{ font-size:14px!important; line-height:1.18!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-mine-tile span, html.ua-android body .xa-mine-tile span{ font-size:11.5px!important; line-height:1.2!important; margin-top:4px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-more-card, html.ua-android body .xa-more-card, body.is-android .xa-more-services, html.ua-android body .xa-more-services{ padding:15px!important; border-radius:20px!important; margin-top:14px!important; overflow:hidden!important; } body.is-android .xa-more-card h2, html.ua-android body .xa-more-card h2, body.is-android .xa-more-services h2, html.ua-android body .xa-more-services h2{ font-size:21px!important; line-height:1.15!important; margin:0 0 12px!important; } body.is-android .xa-more-card a, html.ua-android body .xa-more-card a, body.is-android .xa-more-services a, html.ua-android body .xa-more-services a{ min-height:56px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr)!important; gap:10px!important; align-items:center!important; overflow:hidden!important; } body.is-android .xa-more-card b, html.ua-android body .xa-more-card b, body.is-android .xa-more-services b, html.ua-android body .xa-more-services b{ font-size:15px!important; line-height:1.2!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-more-card em, html.ua-android body .xa-more-card em, body.is-android .xa-more-services em, html.ua-android body .xa-more-services em{ font-size:12px!important; line-height:1.2!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* 安卓会员中心/购买页：套餐三列紧凑，防止拉长 */ body.is-android.no-nav main.page, html.ua-android body.no-nav main.page{ padding:12px 16px 82px!important; } body.is-android .page-title-row, html.ua-android body .page-title-row{ min-height:44px!important; margin:0 0 14px!important; padding:0!important; } body.is-android .page-title-row h1, html.ua-android body .page-title-row h1{ font-size:20px!important; line-height:1.2!important; font-weight:600!important; } body.is-android .back-ico, html.ua-android body .back-ico{ width:34px!important; height:34px!important; min-width:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; } body.is-android .member-user-v2, html.ua-android body .member-user-v2, body.is-android .member-recharge-hero, html.ua-android body .member-recharge-hero, body.is-android .member-recharge-hero.early, html.ua-android body .member-recharge-hero.early{ min-height:88px!important; padding:12px!important; border-radius:18px!important; overflow:hidden!important; } body.is-android .pkg-row, html.ua-android body .pkg-row, body.is-android .recharge-package-grid, html.ua-android body .recharge-package-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } body.is-android .pkg-card, html.ua-android body .pkg-card, body.is-android .recharge-package-card, html.ua-android body .recharge-package-card{ min-height:116px!important; height:auto!important; padding:10px 5px!important; border-radius:16px!important; overflow:hidden!important; } body.is-android .pkg-card .price, html.ua-android body .pkg-card .price, body.is-android .recharge-package-card strong, html.ua-android body .recharge-package-card strong{ font-size:18px!important; line-height:1.05!important; white-space:nowrap!important; } body.is-android .pkg-card b, html.ua-android body .pkg-card b, body.is-android .recharge-package-card b, html.ua-android body .recharge-package-card b{ font-size:13px!important; line-height:1.15!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .pkg-card span, html.ua-android body .pkg-card span, body.is-android .recharge-package-card span, html.ua-android body .recharge-package-card span{ font-size:11px!important; line-height:1.25!important; } /* 底部导航：安卓浏览器固定，不随列表上滑 */ body.is-android .xa-tabbar, html.ua-android body .xa-tabbar{ position:fixed!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; max-width:none!important; transform:none!important; z-index:9999!important; background:rgba(251,246,253,.94)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; padding-bottom:max(env(safe-area-inset-bottom),0px)!important; } body.is-android .xa-tabbar-inner, html.ua-android body .xa-tabbar-inner{ width:100%!important; max-width:430px!important; height:58px!important; margin:0 auto!important; } body.is-android .xa-tab, html.ua-android body .xa-tab{ font-size:12px!important; line-height:1.15!important; gap:2px!important; } body.is-android .xa-tab-ico, html.ua-android body .xa-tab-ico{ width:54px!important; height:26px!important; border-radius:999px!important; } body.is-android .xa-tab-ico svg, html.ua-android body .xa-tab-ico svg{ width:21px!important; height:21px!important; } /* 消息页面：列表按应用列表样式，高度一致；标题不遮挡内容 */ body.message-center-page .xa-tabbar{display:none!important;} body.message-center-page .app{ max-width:430px!important; width:100%!important; min-height:100vh!important; overflow-x:hidden!important; padding-bottom:0!important; background:var(--xa-bg,#fbf6fd)!important; } body.message-center-page main.page{ height:auto!important; min-height:100vh!important; overflow:visible!important; padding:0 16px 28px!important; background:var(--xa-bg,#fbf6fd)!important; } body.message-center-page .msg-page.wx-list-page{ height:auto!important; min-height:100vh!important; overflow:visible!important; padding:0 0 24px!important; background:var(--xa-bg,#fbf6fd)!important; } body.message-center-page .fixed-message-head{ position:sticky!important; top:0!important; left:auto!important; transform:none!important; width:auto!important; max-width:none!important; height:58px!important; min-height:58px!important; display:grid!important; grid-template-columns:42px minmax(0,1fr) 42px!important; align-items:center!important; margin:0 -16px 12px!important; padding:8px 16px!important; background:rgba(251,246,253,.96)!important; border-bottom:1px solid rgba(55,48,65,.12)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; z-index:3000!important; box-sizing:border-box!important; } body.message-center-page .fixed-message-head .back-ico{ width:34px!important; height:34px!important; min-width:34px!important; border-radius:12px!important; } body.message-center-page .fixed-message-head .back-ico svg{ width:22px!important; height:22px!important; } body.message-center-page .xa-message-title h1{ font-size:19px!important; line-height:1.2!important; font-weight:600!important; margin:0!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .wx-chat-row{ min-height:72px!important; height:72px!important; margin:0 0 10px!important; padding:9px 11px!important; border-radius:16px!important; display:grid!important; grid-template-columns:48px minmax(0,1fr) auto!important; gap:10px!important; align-items:center!important; border:1px solid var(--xa-line)!important; background:rgba(255,255,255,.36)!important; box-shadow:0 8px 18px rgba(73,55,112,.05)!important; overflow:hidden!important; position:relative!important; z-index:1!important; } body.message-center-page .wx-avatar{ width:48px!important; height:48px!important; min-width:48px!important; border-radius:13px!important; object-fit:cover!important; } body.message-center-page .wx-info{ min-width:0!important; overflow:hidden!important; } body.message-center-page .wx-info>div{ display:flex!important; align-items:center!important; gap:8px!important; min-width:0!important; } body.message-center-page .wx-info b{ min-width:0!important; flex:1 1 auto!important; font-size:14px!important; line-height:1.18!important; font-weight:850!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .wx-info time{ flex:0 0 auto!important; font-size:10.5px!important; color:#968da0!important; white-space:nowrap!important; } body.message-center-page .wx-info p{ font-size:11.5px!important; line-height:1.25!important; margin:5px 0 0!important; color:var(--xa-muted)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .wx-badge{ min-width:18px!important; height:18px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:10px!important; } body.dark-mode.message-center-page .fixed-message-head{ background:rgba(17,16,24,.96)!important; border-color:rgba(255,255,255,.08)!important; } body.dark-mode.message-center-page .wx-chat-row{ background:var(--xa-dark-card)!important; border-color:var(--xa-dark-border)!important; } @media(max-width:370px){ body.is-android main.page, html.ua-android body main.page, body.is-android .page, html.ua-android body .page{padding-left:13px!important;padding-right:13px!important;} body.is-android .xa-topbar h1, html.ua-android body .xa-topbar h1{font-size:23px!important;} body.is-android .xa-topbar p, html.ua-android body .xa-topbar p{font-size:12px!important;} body.is-android .xa-home-latest-grid .xa-latest-card, html.ua-android body .xa-home-latest-grid .xa-latest-card, body.is-android .xa-latest-card, html.ua-android body .xa-latest-card{height:78px!important;min-height:78px!important;grid-template-columns:40px minmax(0,1fr)!important;padding:8px!important;} body.is-android .xa-latest-card img, html.ua-android body .xa-latest-card img{width:40px!important;height:40px!important;min-width:40px!important;} body.is-android .xa-latest-card b, html.ua-android body .xa-latest-card b{font-size:12px!important;} body.is-android .xa-soft-row, html.ua-android body .xa-soft-row, body.message-center-page .wx-chat-row{height:68px!important;min-height:68px!important;grid-template-columns:44px minmax(0,1fr) auto!important;} body.is-android .xa-soft-icon, html.ua-android body .xa-soft-icon, body.is-android .app-icon-wrap, html.ua-android body .app-icon-wrap, body.message-center-page .wx-avatar{width:44px!important;height:44px!important;min-width:44px!important;} body.is-android .xa-soft-main b, html.ua-android body .xa-soft-main b, body.message-center-page .wx-info b{font-size:13px!important;} body.is-android .xa-soft-row em, html.ua-android body .xa-soft-row em{min-width:48px!important;font-size:11px!important;padding:0 9px!important;} body.is-android .xa-mine-tile, html.ua-android body .xa-mine-tile{height:78px!important;min-height:78px!important;grid-template-columns:34px minmax(0,1fr)!important;} body.is-android .xa-mine-tile i, html.ua-android body .xa-mine-tile i{width:34px!important;height:34px!important;min-width:34px!important;} body.is-android .xa-mine-tile b, html.ua-android body .xa-mine-tile b{font-size:13px!important;} body.is-android .xa-mine-tile span, html.ua-android body .xa-mine-tile span{font-size:11px!important;} } /* Android front UI final patch 2026-06-21: compact only for Android/HarmonyOS browsers */ body.is-android, html.ua-android body{ -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; overflow-x:hidden!important; } body.is-android main.page, html.ua-android body main.page, body.is-android .page, html.ua-android body .page{ width:100%!important; max-width:430px!important; margin-left:auto!important; margin-right:auto!important; padding-left:16px!important; padding-right:16px!important; padding-top:18px!important; padding-bottom:88px!important; overflow-x:hidden!important; } /* Android common top title: smaller title/back row */ body.is-android.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row), html.ua-android body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row){ min-height:38px!important; height:38px!important; margin:2px 0 16px!important; grid-template-columns:34px minmax(0,1fr) 34px!important; border-bottom:1px solid rgba(45,38,55,.10)!important; padding-bottom:8px!important; } body.is-android.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row) .page-title-left h1, html.ua-android body.no-nav .page-title-row:not(.member-recharge-head):not(.xa-center-title-row) .page-title-left h1, body.is-android .page-title-left h1, html.ua-android body .page-title-left h1, body.is-android .compact-title h1, html.ua-android body .compact-title h1, body.is-android .clean-head h1, html.ua-android body .clean-head h1{ font-size:17px!important; line-height:1.2!important; font-weight:500!important; letter-spacing:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .back-ico, html.ua-android body .back-ico{ width:32px!important; height:32px!important; min-width:32px!important; line-height:32px!important; } body.is-android .back-ico svg, html.ua-android body .back-ico svg{ width:19px!important; height:19px!important; } /* Android home/category/my top area compact */ body.is-android .xa-topbar, html.ua-android body .xa-topbar{ margin-bottom:12px!important; align-items:center!important; gap:8px!important; } body.is-android .xa-topbar h1, html.ua-android body .xa-topbar h1{ font-size:25px!important; line-height:1.05!important; margin:0!important; } body.is-android .xa-topbar p, html.ua-android body .xa-topbar p{ font-size:13px!important; line-height:1.35!important; margin-top:5px!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .my-head-actions, html.ua-android body .my-head-actions, body.is-android .xa-head-actions, html.ua-android body .xa-head-actions{ gap:7px!important; flex-shrink:0!important; } body.is-android .xa-share, html.ua-android body .xa-share, body.is-android .xa-settings-btn, html.ua-android body .xa-settings-btn, body.is-android .xa-message-btn, html.ua-android body .xa-message-btn, body.is-android .xa-sign-btn, html.ua-android body .xa-sign-btn{ width:33px!important; height:33px!important; min-width:33px!important; flex-basis:33px!important; border-radius:12px!important; } body.is-android .xa-share svg, html.ua-android body .xa-share svg, body.is-android .xa-settings-btn svg, html.ua-android body .xa-settings-btn svg, body.is-android .xa-message-btn svg, html.ua-android body .xa-message-btn svg, body.is-android .xa-sign-btn svg, html.ua-android body .xa-sign-btn svg{ width:21px!important; height:21px!important; } body.is-android .xa-theme-toggle, html.ua-android body .xa-theme-toggle{ width:42px!important; height:26px!important; min-width:42px!important; flex:0 0 42px!important; border-radius:999px!important; overflow:hidden!important; padding:0!important; transform:none!important; } body.is-android .xa-theme-toggle svg, html.ua-android body .xa-theme-toggle svg{ width:42px!important; height:26px!important; display:block!important; } /* Android home banner: show full banner without top/side crop */ body.is-android .xa-banner-native, html.ua-android body .xa-banner-native, body.is-android .xa-banner, html.ua-android body .xa-banner{ margin:12px 0 14px!important; border-radius:16px!important; width:100%!important; max-width:100%!important; overflow:hidden!important; background:#100e1b!important; } body.is-android .xa-banner-native-slide, html.ua-android body .xa-banner-native-slide, body.is-android .xa-banner-slide, html.ua-android body .xa-banner-slide{ width:100%!important; min-width:100%!important; aspect-ratio:16/8.2!important; height:auto!important; border-radius:16px!important; overflow:hidden!important; background:#100e1b!important; } body.is-android .xa-banner-native-slide img, html.ua-android body .xa-banner-native-slide img, body.is-android .xa-banner-slide img, html.ua-android body .xa-banner-slide img{ width:100%!important; height:100%!important; object-fit:contain!important; object-position:center center!important; display:block!important; background:#100e1b!important; } body.is-android .xa-marquee, html.ua-android body .xa-marquee{ height:42px!important; min-height:42px!important; padding:0 12px!important; border-radius:14px!important; margin:12px 0 18px!important; } body.is-android .xa-marquee b, html.ua-android body .xa-marquee b{ font-size:15px!important; min-width:auto!important; } body.is-android .xa-marquee span, html.ua-android body .xa-marquee span{ font-size:12.5px!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-section-title, html.ua-android body .xa-section-title{ font-size:20px!important; line-height:1.16!important; margin:16px 0 12px!important; } body.is-android .xa-section-title small, html.ua-android body .xa-section-title small{ font-size:12px!important; } /* Android category/app list compact */ body.is-android .xa-tabs, html.ua-android body .xa-tabs{ margin:14px -16px 12px!important; padding:0 16px 8px!important; gap:22px!important; overflow-x:auto!important; white-space:nowrap!important; } body.is-android .xa-tab, html.ua-android body .xa-tab{ font-size:15px!important; line-height:32px!important; height:34px!important; flex:0 0 auto!important; white-space:nowrap!important; } body.is-android .xa-soft-row, html.ua-android body .xa-soft-row, body.is-android .history-soft-row, html.ua-android body .history-soft-row{ height:70px!important; min-height:70px!important; border-radius:16px!important; padding:9px 11px!important; display:grid!important; grid-template-columns:48px minmax(0,1fr) 52px!important; gap:10px!important; align-items:center!important; overflow:hidden!important; } body.is-android .xa-soft-icon, html.ua-android body .xa-soft-icon, body.is-android .app-icon-wrap, html.ua-android body .app-icon-wrap, body.is-android .history-soft-row .xa-soft-icon, html.ua-android body .history-soft-row .xa-soft-icon{ width:48px!important; height:48px!important; min-width:48px!important; border-radius:13px!important; object-fit:cover!important; aspect-ratio:1/1!important; } body.is-android .xa-soft-main, html.ua-android body .xa-soft-main{ min-width:0!important; overflow:hidden!important; } body.is-android .xa-soft-main b, html.ua-android body .xa-soft-main b{ font-size:15px!important; line-height:1.2!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-soft-main span, html.ua-android body .xa-soft-main span{ font-size:12px!important; line-height:1.25!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-soft-row em, html.ua-android body .xa-soft-row em{ min-width:48px!important; height:32px!important; line-height:32px!important; border-radius:16px!important; font-size:12px!important; padding:0 8px!important; text-align:center!important; } /* Android latest cards: never stretch */ body.is-android .xa-home-latest-grid, html.ua-android body .xa-home-latest-grid, body.is-android .xa-rec-grid, html.ua-android body .xa-rec-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } body.is-android .xa-home-latest-grid .xa-latest-card, html.ua-android body .xa-home-latest-grid .xa-latest-card, body.is-android .xa-latest-card, html.ua-android body .xa-latest-card{ height:82px!important; min-height:82px!important; border-radius:15px!important; padding:9px!important; display:grid!important; grid-template-columns:42px minmax(0,1fr)!important; gap:8px!important; align-items:center!important; overflow:hidden!important; } body.is-android .xa-latest-card img, html.ua-android body .xa-latest-card img{ width:42px!important; height:42px!important; min-width:42px!important; border-radius:12px!important; object-fit:cover!important; } body.is-android .xa-latest-card b, html.ua-android body .xa-latest-card b{ font-size:13px!important; line-height:1.2!important; display:block!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-latest-card em, html.ua-android body .xa-latest-card em{ height:18px!important; line-height:18px!important; font-size:10.5px!important; padding:0 7px!important; margin-top:4px!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .xa-latest-card span, html.ua-android body .xa-latest-card span{ font-size:11px!important; line-height:1.15!important; margin-top:4px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* Android member center: price not covered, tabs compact */ body.is-android.member-recharge-page main.page, html.ua-android body.member-recharge-page main.page, body.is-android.member-recharge-page .page, html.ua-android body.member-recharge-page .page{ padding-top:14px!important; padding-left:14px!important; padding-right:14px!important; } body.is-android .member-recharge-head, html.ua-android body .member-recharge-head{ margin:0 0 14px!important; min-height:36px!important; height:36px!important; } body.is-android .member-recharge-hero, html.ua-android body .member-recharge-hero{ padding:12px!important; border-radius:18px!important; margin-bottom:16px!important; min-height:76px!important; } body.is-android .member-early-avatar, html.ua-android body .member-early-avatar, body.is-android .member-early-avatar img, html.ua-android body .member-early-avatar img, body.is-android .member-hero-user img, html.ua-android body .member-hero-user img{ width:50px!important; height:50px!important; min-width:50px!important; border-radius:14px!important; } body.is-android .member-early-info b, html.ua-android body .member-early-info b{ font-size:15px!important; line-height:1.18!important; } body.is-android .member-early-info span, html.ua-android body .member-early-info span{ font-size:12px!important; line-height:1.35!important; } body.is-android .member-tabbar, html.ua-android body .member-tabbar{ margin:12px 0 20px!important; padding:4px!important; gap:4px!important; border-radius:22px!important; width:100%!important; max-width:100%!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; overflow:hidden!important; } body.is-android .member-tabbar button, html.ua-android body .member-tabbar button{ min-width:0!important; width:100%!important; height:36px!important; padding:0 6px!important; border-radius:18px!important; font-size:13px!important; line-height:1!important; white-space:nowrap!important; } body.is-android .member-section-line, html.ua-android body .member-section-line{ margin:10px 2px 10px!important; align-items:center!important; } body.is-android .member-section-line b, html.ua-android body .member-section-line b{ font-size:20px!important; line-height:1.18!important; } body.is-android .recharge-package-grid, html.ua-android body .recharge-package-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important; } body.is-android .recharge-package-card, html.ua-android body .recharge-package-card{ min-height:132px!important; height:132px!important; padding:25px 5px 10px!important; border-radius:17px!important; justify-content:flex-start!important; overflow:hidden!important; } body.is-android .recharge-package-card i, html.ua-android body .recharge-package-card i{ top:0!important; height:18px!important; min-height:18px!important; line-height:18px!important; font-size:10px!important; padding:0 8px!important; border-radius:0 0 8px 8px!important; z-index:3!important; } body.is-android .recharge-package-card strong, html.ua-android body .recharge-package-card strong{ margin-top:0!important; font-size:19px!important; line-height:1.05!important; height:22px!important; display:flex!important; align-items:flex-end!important; justify-content:center!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .recharge-package-card strong small, html.ua-android body .recharge-package-card strong small{ font-size:11px!important; } body.is-android .recharge-package-card del, html.ua-android body .recharge-package-card del{ margin-top:5px!important; font-size:10.5px!important; line-height:1.1!important; white-space:nowrap!important; } body.is-android .recharge-package-card b, html.ua-android body .recharge-package-card b{ margin-top:7px!important; font-size:13px!important; line-height:1.2!important; } body.is-android .recharge-package-card span, html.ua-android body .recharge-package-card span{ margin-top:5px!important; font-size:10.5px!important; line-height:1.25!important; min-height:0!important; max-height:28px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body.is-android .recharge-pay-list label, html.ua-android body .recharge-pay-list label{ min-height:54px!important; height:54px!important; border-radius:16px!important; padding:0 12px!important; } body.is-android .recharge-pay-list label img, html.ua-android body .recharge-pay-list label img, body.is-android .recharge-pay-list label i, html.ua-android body .recharge-pay-list label i{ width:32px!important; height:32px!important; min-width:32px!important; border-radius:10px!important; } /* Android my page compact */ body.is-android .xa-my-user-card, html.ua-android body .xa-my-user-card, body.is-android .xa-my-guest-card, html.ua-android body .xa-my-guest-card, body.is-android.page-my .xa-profile-card, html.ua-android body.page-my .xa-profile-card{ min-height:92px!important; padding:13px!important; border-radius:18px!important; grid-template-columns:58px minmax(0,1fr)!important; gap:12px!important; } body.is-android .my-user-avatar, html.ua-android body .my-user-avatar, body.is-android .xa-profile-card img, html.ua-android body .xa-profile-card img{ width:58px!important; height:58px!important; min-width:58px!important; border-radius:15px!important; } body.is-android .my-user-main h2, html.ua-android body .my-user-main h2, body.is-android .xa-profile-card h2, html.ua-android body .xa-profile-card h2{ font-size:19px!important; } body.is-android .user-badge, html.ua-android body .user-badge{ height:24px!important; min-height:24px!important; line-height:24px!important; padding:0 8px!important; font-size:11px!important; } body.is-android .xa-mine-grid, html.ua-android body .xa-mine-grid, body.is-android .xa-my-actions, html.ua-android body .xa-my-actions{ gap:10px!important; } body.is-android .xa-mine-tile, html.ua-android body .xa-mine-tile{ min-height:82px!important; height:82px!important; border-radius:16px!important; padding:10px!important; grid-template-columns:38px minmax(0,1fr)!important; gap:9px!important; } body.is-android .xa-mine-tile i, html.ua-android body .xa-mine-tile i{ width:38px!important; height:38px!important; min-width:38px!important; } body.is-android .xa-mine-tile b, html.ua-android body .xa-mine-tile b{ font-size:15px!important; } body.is-android .xa-mine-tile span, html.ua-android body .xa-mine-tile span{ font-size:11.5px!important; } body.is-android .xa-more-card, html.ua-android body .xa-more-card, body.is-android .more-service-card, html.ua-android body .more-service-card{ border-radius:18px!important; padding:16px!important; } /* Android security center */ body.is-android.security-v3-page .page, html.ua-android body.security-v3-page .page{ padding-top:14px!important; } body.is-android .security-v3-list, html.ua-android body .security-v3-list{ gap:10px!important; } body.is-android .security-v3-row, html.ua-android body .security-v3-row{ min-height:68px!important; border-radius:16px!important; padding:12px!important; grid-template-columns:minmax(0,1fr) 30px 16px!important; gap:8px!important; } body.is-android .security-v3-row b, html.ua-android body .security-v3-row b{ font-size:16px!important; line-height:1.15!important; margin-bottom:4px!important; } body.is-android .security-v3-row span, html.ua-android body .security-v3-row span{ font-size:12px!important; line-height:1.35!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body.is-android .status-dot, html.ua-android body .status-dot{ width:30px!important; height:30px!important; min-width:30px!important; font-size:16px!important; } /* Android download/history icon square */ body.is-android.history-soft-page .xa-soft-row, html.ua-android body.history-soft-page .xa-soft-row{ grid-template-columns:48px minmax(0,1fr) 52px!important; } body.is-android.history-soft-page .xa-soft-icon, html.ua-android body.history-soft-page .xa-soft-icon, body.is-android .history-soft-list .xa-soft-icon, html.ua-android body .history-soft-list .xa-soft-icon{ width:48px!important; height:48px!important; min-width:48px!important; max-width:48px!important; max-height:48px!important; aspect-ratio:1/1!important; object-fit:cover!important; border-radius:13px!important; } /* Android dialogs/settings modal */ body.is-android .dialog, html.ua-android body .dialog{ align-items:center!important; padding:18px!important; } body.is-android .dialog-box, html.ua-android body .dialog-box, body.is-android .account-dialog-box, html.ua-android body .account-dialog-box, body.is-android .google-modal-box, html.ua-android body .google-modal-box, body.is-android .member-manage-box, html.ua-android body .member-manage-box{ width:min(92vw,340px)!important; max-width:340px!important; border-radius:22px!important; padding:20px!important; transform:none!important; } body.is-android .dialog-box h3, html.ua-android body .dialog-box h3, body.is-android .account-dialog-box h3, html.ua-android body .account-dialog-box h3{ font-size:21px!important; line-height:1.18!important; margin:0 42px 14px 0!important; } body.is-android .dialog-x, html.ua-android body .dialog-x, body.is-android .member-manage-close, html.ua-android body .member-manage-close{ width:34px!important; height:34px!important; min-width:34px!important; border-radius:50%!important; font-size:24px!important; line-height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; top:14px!important; right:14px!important; } body.is-android .dialog-input, html.ua-android body .dialog-input, body.is-android .modal-form input, html.ua-android body .modal-form input{ height:46px!important; border-radius:14px!important; font-size:16px!important; } body.is-android .primary-btn, html.ua-android body .primary-btn, body.is-android .danger-line-btn, html.ua-android body .danger-line-btn{ height:48px!important; border-radius:16px!important; font-size:16px!important; } /* Android message center and official message */ body.is-android.message-center-page main.page, html.ua-android body.message-center-page main.page, body.is-android.message-center-page .page, html.ua-android body.message-center-page .page{ padding-top:12px!important; padding-left:14px!important; padding-right:14px!important; } body.is-android.message-center-page .msg-page, html.ua-android body.message-center-page .msg-page{ max-width:430px!important; padding:8px 14px 88px!important; min-height:100vh!important; background:var(--xa-bg)!important; } body.is-android.message-center-page .fixed-message-head, html.ua-android body.message-center-page .fixed-message-head{ position:sticky!important; top:0!important; height:46px!important; min-height:46px!important; margin:0 -14px 12px!important; padding:6px 14px!important; grid-template-columns:34px minmax(0,1fr) 34px!important; background:rgba(251,246,253,.96)!important; border-bottom:1px solid rgba(45,38,55,.10)!important; z-index:99!important; } body.is-android.message-center-page .xa-message-title h1, html.ua-android body.message-center-page .xa-message-title h1{ font-size:17px!important; line-height:1.2!important; font-weight:500!important; } body.is-android.message-center-page .wx-chat-row, html.ua-android body.message-center-page .wx-chat-row{ height:70px!important; min-height:70px!important; border-radius:16px!important; padding:9px 11px!important; grid-template-columns:48px minmax(0,1fr) auto!important; gap:10px!important; margin:0 0 10px!important; } body.is-android.message-center-page .wx-avatar, html.ua-android body.message-center-page .wx-avatar{ width:48px!important; height:48px!important; min-width:48px!important; border-radius:13px!important; } body.is-android.message-center-page .wx-info b, html.ua-android body.message-center-page .wx-info b{ font-size:14px!important; line-height:1.2!important; } body.is-android.message-center-page .wx-info p, html.ua-android body.message-center-page .wx-info p{ font-size:12px!important; line-height:1.25!important; } body.is-android.message-center-page .official-chat-list, html.ua-android body.message-center-page .official-chat-list{ padding-top:2px!important; } body.is-android.message-center-page .official-card, html.ua-android body.message-center-page .official-card{ width:100%!important; margin:0 0 12px!important; padding:14px!important; border-radius:17px!important; box-shadow:0 8px 18px rgba(73,55,112,.05)!important; } body.is-android.message-center-page .official-card h2, html.ua-android body.message-center-page .official-card h2{ font-size:16px!important; line-height:1.2!important; margin-bottom:5px!important; } body.is-android.message-center-page .official-card time, html.ua-android body.message-center-page .official-card time{ font-size:11px!important; margin-bottom:8px!important; } body.is-android.message-center-page .official-card p, html.ua-android body.message-center-page .official-card p{ font-size:12.5px!important; line-height:1.5!important; -webkit-line-clamp:2!important; } body.is-android.message-center-page .official-more, html.ua-android body.message-center-page .official-more{ font-size:12.5px!important; padding-top:9px!important; margin-top:10px!important; } body.is-android .official-detail-box, html.ua-android body .official-detail-box{ width:min(92vw,350px)!important; max-height:76vh!important; border-radius:22px!important; padding:18px!important; } /* Android bottom nav stable */ body.is-android .xa-tabbar, html.ua-android body .xa-tabbar{ position:fixed!important; left:50%!important; right:auto!important; bottom:0!important; transform:translateX(-50%)!important; width:100%!important; max-width:430px!important; height:64px!important; min-height:64px!important; padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px))!important; z-index:2000!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } body.is-android .xa-tabbar a, html.ua-android body .xa-tabbar a{ min-width:0!important; height:52px!important; font-size:12px!important; gap:3px!important; } body.is-android .xa-tabbar svg, html.ua-android body .xa-tabbar svg{ width:22px!important; height:22px!important; } @media(max-width:370px){ body.is-android main.page, html.ua-android body main.page, body.is-android .page, html.ua-android body .page{padding-left:12px!important;padding-right:12px!important;} body.is-android .recharge-package-grid, html.ua-android body .recharge-package-grid{gap:7px!important;} body.is-android .recharge-package-card, html.ua-android body .recharge-package-card{height:126px!important;min-height:126px!important;padding:24px 4px 8px!important;} body.is-android .recharge-package-card strong, html.ua-android body .recharge-package-card strong{font-size:17px!important;} body.is-android .recharge-package-card b, html.ua-android body .recharge-package-card b{font-size:12px!important;} body.is-android .recharge-package-card span, html.ua-android body .recharge-package-card span{font-size:10px!important;} body.is-android .xa-latest-card, html.ua-android body .xa-latest-card{height:76px!important;min-height:76px!important;grid-template-columns:38px minmax(0,1fr)!important;} body.is-android .xa-latest-card img, html.ua-android body .xa-latest-card img{width:38px!important;height:38px!important;min-width:38px!important;} } /* ===== 2026-06-21 Android only UI repair v5: headers, marquee, nav, details, dark mode ===== */ body.is-android, html.ua-android body{ -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; overflow-x:hidden!important; } /* Android global page rhythm: keep iOS untouched */ body.is-android main.page, html.ua-android body main.page, body.is-android .page, html.ua-android body .page{ padding-top:18px!important; padding-left:18px!important; padding-right:18px!important; padding-bottom:92px!important; max-width:430px!important; margin-left:auto!important; margin-right:auto!important; overflow-x:hidden!important; } /* Android top area compact: 首页/应用/发现/我的 */ body.is-android .xa-topbar, html.ua-android body .xa-topbar{ margin:0 0 14px!important; min-height:0!important; align-items:center!important; } body.is-android .xa-topbar h1, html.ua-android body .xa-topbar h1{ font-size:25px!important; line-height:1.08!important; letter-spacing:-.3px!important; margin:0!important; } body.is-android .xa-topbar p, html.ua-android body .xa-topbar p{ font-size:13px!important; line-height:1.28!important; margin-top:5px!important; } body.is-android .xa-head-actions, html.ua-android body .xa-head-actions, body.is-android .my-head-actions, html.ua-android body .my-head-actions{ gap:8px!important; } body.is-android .xa-share, html.ua-android body .xa-share, body.is-android .xa-settings-btn, html.ua-android body .xa-settings-btn, body.is-android .xa-message-btn, html.ua-android body .xa-message-btn, body.is-android .xa-sign-btn, html.ua-android body .xa-sign-btn{ width:34px!important; height:34px!important; min-width:34px!important; border-radius:12px!important; } body.is-android .xa-share svg, html.ua-android body .xa-share svg, body.is-android .xa-settings-btn svg, html.ua-android body .xa-settings-btn svg, body.is-android .xa-message-btn svg, html.ua-android body .xa-message-btn svg, body.is-android .xa-sign-btn svg, html.ua-android body .xa-sign-btn svg{ width:22px!important; height:22px!important; } /* Android home banner complete display and switch normal size */ body.is-android .xa-theme-toggle, html.ua-android body .xa-theme-toggle{ width:44px!important; height:28px!important; min-width:44px!important; border-radius:999px!important; overflow:hidden!important; } body.is-android .xa-theme-toggle svg, html.ua-android body .xa-theme-toggle svg{ width:44px!important; height:28px!important; } body.is-android .xa-banner-native, html.ua-android body .xa-banner-native, body.is-android .xa-banner, html.ua-android body .xa-banner{ margin:12px 0 14px!important; border-radius:18px!important; } body.is-android .xa-banner-native-slide, html.ua-android body .xa-banner-native-slide, body.is-android .xa-banner-slide, html.ua-android body .xa-banner-slide{ aspect-ratio:16/8.1!important; border-radius:18px!important; overflow:hidden!important; } body.is-android .xa-banner-native-slide img, html.ua-android body .xa-banner-native-slide img, body.is-android .xa-banner-slide img, html.ua-android body .xa-banner-slide img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } /* Android marquee: fix tilted/misaligned text */ body.is-android .xa-marquee, html.ua-android body .xa-marquee, body.is-android .xa-notice, html.ua-android body .xa-notice{ height:44px!important; min-height:44px!important; padding:0 13px!important; margin:0 0 15px!important; display:flex!important; align-items:center!important; gap:10px!important; overflow:hidden!important; border-radius:15px!important; } body.is-android .xa-marquee b, html.ua-android body .xa-marquee b, body.is-android .xa-notice b, html.ua-android body .xa-notice b{ height:22px!important; line-height:22px!important; font-size:16px!important; flex:0 0 auto!important; display:block!important; white-space:nowrap!important; } body.is-android .xa-marquee span, html.ua-android body .xa-marquee span, body.is-android .xa-notice span, html.ua-android body .xa-notice span{ height:22px!important; line-height:22px!important; flex:1 1 auto!important; display:block!important; overflow:hidden!important; white-space:nowrap!important; position:relative!important; font-size:13px!important; } body.is-android .xa-marquee span i, html.ua-android body .xa-marquee span i{ position:absolute!important; top:0!important; left:0!important; height:22px!important; line-height:22px!important; white-space:nowrap!important; font-style:normal!important; padding-left:100%!important; animation:androidMarqueeStable 16s linear infinite!important; transform:none!important; } @keyframes androidMarqueeStable{ from{transform:translateX(0)} to{transform:translateX(-100%)} } /* Android section/list spacing */ body.is-android .xa-section-title, html.ua-android body .xa-section-title{ font-size:20px!important; line-height:1.15!important; margin:14px 0 11px!important; } body.is-android .xa-section-title small, html.ua-android body .xa-section-title small{ font-size:12px!important; } body.is-android .xa-home-latest-grid, html.ua-android body .xa-home-latest-grid{ gap:10px!important; } body.is-android .xa-latest-card, html.ua-android body .xa-latest-card{ height:82px!important; min-height:82px!important; padding:9px!important; grid-template-columns:42px minmax(0,1fr)!important; gap:8px!important; } body.is-android .xa-latest-card img, html.ua-android body .xa-latest-card img{ width:42px!important; height:42px!important; min-width:42px!important; border-radius:12px!important; } body.is-android .xa-latest-card b, html.ua-android body .xa-latest-card b{ font-size:13.5px!important; line-height:1.18!important; } body.is-android .xa-latest-card em, html.ua-android body .xa-latest-card em{ height:18px!important; line-height:18px!important; margin-top:4px!important; font-size:10.5px!important; padding:0 7px!important; } body.is-android .xa-latest-card span, html.ua-android body .xa-latest-card span{ margin-top:4px!important; font-size:11px!important; } /* Android category tabs: underline closer to text */ body.is-android .xa-cat-tabs, html.ua-android body .xa-cat-tabs{ height:42px!important; padding:0 18px 2px!important; margin:0 -18px 12px!important; gap:22px!important; align-items:flex-start!important; } body.is-android .xa-cat-tabs a, html.ua-android body .xa-cat-tabs a{ height:34px!important; line-height:34px!important; padding:0 0 4px!important; font-size:14px!important; display:flex!important; align-items:center!important; } body.is-android .xa-cat-tabs a.active:after, html.ua-android body .xa-cat-tabs a.active:after{ bottom:1px!important; height:3px!important; } /* Android unified secondary page header: back + title */ body.is-android .page-title-row, html.ua-android body .page-title-row, body.is-android .sign-top-head, html.ua-android body .sign-top-head, body.is-android .fixed-message-head, html.ua-android body .fixed-message-head, body.is-android .clean-head, html.ua-android body .clean-head, body.is-android .detail-title-row, html.ua-android body .detail-title-row{ min-height:46px!important; height:46px!important; padding:0 2px 8px!important; margin:0 0 12px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr) 34px!important; align-items:center!important; border-bottom:1px solid rgba(60,50,70,.10)!important; background:transparent!important; } body.is-android .page-title-row h1, html.ua-android body .page-title-row h1, body.is-android .sign-top-head h1, html.ua-android body .sign-top-head h1, body.is-android .fixed-message-head h1, html.ua-android body .fixed-message-head h1, body.is-android .xa-message-title h1, html.ua-android body .xa-message-title h1, body.is-android .clean-head h1, html.ua-android body .clean-head h1, body.is-android .detail-title-row h1, html.ua-android body .detail-title-row h1{ font-size:17px!important; font-weight:560!important; line-height:1.2!important; text-align:center!important; margin:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android .back-ico, html.ua-android body .back-ico, body.is-android .auth-back, html.ua-android body .auth-back, body.is-android .page-title-row a, html.ua-android body .page-title-row a{ width:34px!important; height:34px!important; min-width:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:24px!important; } /* Android sign center top and calendar compact */ body.is-android.sign-center-page main.page, html.ua-android body.sign-center-page main.page, body.is-android.sign-center-page .page, html.ua-android body.sign-center-page .page{ padding-top:14px!important; } body.is-android .sign-summary-card, html.ua-android body .sign-summary-card, body.is-android .sign-calendar-card, html.ua-android body .sign-calendar-card{ border-radius:18px!important; padding:14px!important; } body.is-android .sign-streak-line, html.ua-android body .sign-streak-line{ font-size:14px!important; line-height:1.35!important; } body.is-android .sign-streak-line strong, html.ua-android body .sign-streak-line strong{ font-size:28px!important; } /* Android member center packages: prevent price covered by tag */ body.is-android .member-tabbar, html.ua-android body .member-tabbar{ height:42px!important; padding:4px!important; gap:4px!important; margin:12px auto 18px!important; } body.is-android .member-tabbar button, html.ua-android body .member-tabbar button{ height:34px!important; min-height:34px!important; padding:0 14px!important; font-size:13px!important; border-radius:999px!important; } body.is-android .pkg-row, html.ua-android body .pkg-row, body.is-android .recharge-package-grid, html.ua-android body .recharge-package-grid{ gap:8px!important; } body.is-android .pkg-card, html.ua-android body .pkg-card, body.is-android .recharge-package-card, html.ua-android body .recharge-package-card{ min-height:128px!important; height:128px!important; padding:24px 5px 8px!important; border-radius:16px!important; overflow:hidden!important; } body.is-android .pkg-card .tag, html.ua-android body .pkg-card .tag, body.is-android .pkg-card .corner, html.ua-android body .pkg-card .corner, body.is-android .recharge-package-card .tag, html.ua-android body .recharge-package-card .tag{ height:22px!important; line-height:22px!important; padding:0 12px!important; font-size:11px!important; top:-1px!important; } body.is-android .pkg-card .price, html.ua-android body .pkg-card .price, body.is-android .recharge-package-card strong, html.ua-android body .recharge-package-card strong{ font-size:18px!important; line-height:1.05!important; margin:0 0 6px!important; white-space:nowrap!important; } body.is-android .pkg-card del, html.ua-android body .pkg-card del, body.is-android .recharge-package-card del, html.ua-android body .recharge-package-card del{ font-size:11px!important; line-height:1.1!important; } body.is-android .pkg-card b, html.ua-android body .pkg-card b, body.is-android .recharge-package-card b, html.ua-android body .recharge-package-card b{ font-size:13px!important; line-height:1.15!important; margin-top:7px!important; } body.is-android .pkg-card span, html.ua-android body .pkg-card span, body.is-android .recharge-package-card span, html.ua-android body .recharge-package-card span{ font-size:11px!important; line-height:1.25!important; } /* Android software detail: icon/card/text smaller */ body.is-android .detail-head, html.ua-android body .detail-head, body.is-android .detail-v2-head, html.ua-android body .detail-v2-head, body.is-android .soft-detail-head, html.ua-android body .soft-detail-head{ padding:14px!important; border-radius:18px!important; gap:12px!important; margin-bottom:12px!important; } body.is-android .detail-icon, html.ua-android body .detail-icon, body.is-android .soft-detail-icon, html.ua-android body .soft-detail-icon, body.is-android .detail-v2-icon, html.ua-android body .detail-v2-icon{ width:64px!important; height:64px!important; min-width:64px!important; border-radius:16px!important; } body.is-android .detail-head h1, html.ua-android body .detail-head h1, body.is-android .detail-v2-head h1, html.ua-android body .detail-v2-head h1, body.is-android .soft-detail-head h1, html.ua-android body .soft-detail-head h1{ font-size:20px!important; line-height:1.2!important; font-weight:560!important; } body.is-android .detail-pills, html.ua-android body .detail-pills{ gap:8px!important; flex-wrap:wrap!important; } body.is-android .detail-pills span, html.ua-android body .detail-pills span{ height:26px!important; line-height:26px!important; padding:0 12px!important; font-size:12px!important; border-radius:999px!important; } body.is-android .panel, html.ua-android body .panel, body.is-android .detail-section, html.ua-android body .detail-section, body.is-android .soft-detail-card, html.ua-android body .soft-detail-card{ padding:15px!important; border-radius:18px!important; } body.is-android .panel h2, html.ua-android body .panel h2, body.is-android .detail-section h2, html.ua-android body .detail-section h2{ font-size:18px!important; line-height:1.2!important; margin-bottom:12px!important; } body.is-android .detail-desc, html.ua-android body .detail-desc, body.is-android .article-content, html.ua-android body .article-content{ font-size:14px!important; line-height:1.65!important; } body.is-android .download-bar, html.ua-android body .download-bar{ left:18px!important; right:18px!important; bottom:12px!important; height:52px!important; padding:6px!important; border-radius:18px!important; } body.is-android .big-download, html.ua-android body .big-download{ height:44px!important; font-size:16px!important; border-radius:16px!important; } /* Android security/download history/message cards */ body.is-android .security-v3-row, html.ua-android body .security-v3-row{ min-height:64px!important; padding:11px 12px!important; border-radius:16px!important; } body.is-android .security-v3-row b, html.ua-android body .security-v3-row b{ font-size:15px!important; } body.is-android .security-v3-row span, html.ua-android body .security-v3-row span{ font-size:11.5px!important; line-height:1.35!important; } body.is-android.history-soft-page .xa-soft-icon, html.ua-android body.history-soft-page .xa-soft-icon, body.is-android .history-soft-list .xa-soft-icon, html.ua-android body .history-soft-list .xa-soft-icon{ width:44px!important; height:44px!important; min-width:44px!important; max-width:44px!important; aspect-ratio:1/1!important; object-fit:cover!important; border-radius:12px!important; } body.is-android.message-center-page .msg-page, html.ua-android body.message-center-page .msg-page{ padding:66px 16px 82px!important; } body.is-android.message-center-page .official-card, html.ua-android body.message-center-page .official-card{ width:100%!important; margin:0 0 12px!important; padding:14px!important; border-radius:17px!important; } body.is-android.message-center-page .official-card h2, html.ua-android body.message-center-page .official-card h2{ font-size:15px!important; margin-bottom:5px!important; } body.is-android.message-center-page .official-card p, html.ua-android body.message-center-page .official-card p{ font-size:12.5px!important; line-height:1.45!important; } /* Android dialogs/settings popup */ body.is-android .dialog-box, html.ua-android body .dialog-box, body.is-android .account-dialog-box, html.ua-android body .account-dialog-box, body.is-android .member-manage-box, html.ua-android body .member-manage-box{ width:min(90vw,330px)!important; max-width:330px!important; border-radius:22px!important; padding:20px!important; } body.is-android .dialog-box h3, html.ua-android body .dialog-box h3, body.is-android .account-dialog-box h3, html.ua-android body .account-dialog-box h3{ font-size:20px!important; line-height:1.18!important; margin-bottom:14px!important; } body.is-android .dialog-input, html.ua-android body .dialog-input, body.is-android .modal-form input, html.ua-android body .modal-form input{ height:44px!important; border-radius:14px!important; font-size:16px!important; } body.is-android .primary-btn, html.ua-android body .primary-btn, body.is-android .danger-line-btn, html.ua-android body .danger-line-btn{ height:46px!important; border-radius:15px!important; font-size:15px!important; } /* Android bottom navigation: more breathing room and dark-mode support */ body.is-android .xa-tabbar, html.ua-android body .xa-tabbar{ position:fixed!important; left:50%!important; right:auto!important; bottom:0!important; transform:translateX(-50%)!important; width:100%!important; max-width:430px!important; height:72px!important; min-height:72px!important; padding:7px 8px calc(8px + env(safe-area-inset-bottom,0px))!important; box-sizing:border-box!important; z-index:3000!important; background:rgba(250,246,253,.92)!important; border-top:1px solid rgba(70,55,90,.10)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; } body.is-android .xa-tabbar-inner, html.ua-android body .xa-tabbar-inner{ height:56px!important; align-items:center!important; } body.is-android .xa-tabbar a, html.ua-android body .xa-tabbar a, body.is-android .xa-tab, html.ua-android body .xa-tab{ height:54px!important; gap:4px!important; font-size:12px!important; } body.is-android .xa-tab-ico, html.ua-android body .xa-tab-ico{ width:48px!important; height:26px!important; border-radius:999px!important; } body.is-android .xa-tab-ico svg, html.ua-android body .xa-tab-ico svg, body.is-android .xa-tabbar svg, html.ua-android body .xa-tabbar svg{ width:21px!important; height:21px!important; } body.is-android.dark-mode .xa-tabbar, html.ua-android body.dark-mode .xa-tabbar{ background:rgba(20,18,29,.92)!important; border-color:rgba(255,255,255,.08)!important; } body.is-android.dark-mode .xa-tab, html.ua-android body.dark-mode .xa-tab{ color:#efe9ff!important; } body.is-android.dark-mode .xa-tab:not(.active) svg, html.ua-android body.dark-mode .xa-tab:not(.active) svg{ stroke:#efe9ff!important; } body.is-android.dark-mode .xa-tab.active .xa-tab-ico, html.ua-android body.dark-mode .xa-tab.active .xa-tab-ico{ background:#2f2545!important; } body.is-android.dark-mode .xa-cat-tabs, html.ua-android body.dark-mode .xa-cat-tabs, body.is-android.dark-mode .fixed-message-head, html.ua-android body.dark-mode .fixed-message-head{ background:rgba(20,18,29,.96)!important; border-color:rgba(255,255,255,.08)!important; } @media(max-width:370px){ body.is-android main.page,html.ua-android body main.page,body.is-android .page,html.ua-android body .page{padding-left:14px!important;padding-right:14px!important;} body.is-android .xa-topbar h1,html.ua-android body .xa-topbar h1{font-size:23px!important;} body.is-android .xa-cat-tabs,html.ua-android body .xa-cat-tabs{gap:18px!important;padding-left:14px!important;padding-right:14px!important;margin-left:-14px!important;margin-right:-14px!important;} body.is-android .pkg-card,html.ua-android body .pkg-card,body.is-android .recharge-package-card,html.ua-android body .recharge-package-card{min-height:124px!important;height:124px!important;padding-left:4px!important;padding-right:4px!important;} body.is-android .pkg-card .price,html.ua-android body .pkg-card .price{font-size:16px!important;} body.is-android .xa-latest-card,html.ua-android body .xa-latest-card{height:78px!important;min-height:78px!important;grid-template-columns:40px minmax(0,1fr)!important;} body.is-android .xa-latest-card img,html.ua-android body .xa-latest-card img{width:40px!important;height:40px!important;min-width:40px!important;} } /* ===== 2026-06-21 Android final repair: marquee/detail/auth/sign/free badge ===== */ /* 仅安卓生效；iOS 保持原样 */ body.is-android .xa-marquee, html.ua-android body .xa-marquee{ display:flex!important; align-items:center!important; height:46px!important; min-height:46px!important; overflow:hidden!important; } body.is-android .xa-marquee span, html.ua-android body .xa-marquee span{ position:relative!important; display:block!important; min-width:0!important; height:23px!important; line-height:23px!important; overflow:hidden!important; white-space:nowrap!important; } body.is-android .xa-marquee span i, html.ua-android body .xa-marquee span i{ position:absolute!important; left:0!important; top:0!important; display:inline-flex!important; align-items:center!important; gap:72px!important; min-width:max-content!important; height:23px!important; line-height:23px!important; padding-left:0!important; white-space:nowrap!important; font-style:normal!important; font-size:13px!important; color:#403846!important; transform:translate3d(0,0,0)!important; animation:androidMarqueeRestoreEarly 18s linear infinite!important; will-change:transform!important; } body.is-android .xa-marquee span i em, html.ua-android body .xa-marquee span i em, body.is-android .xa-marquee span i em+em, html.ua-android body .xa-marquee span i em+em{ display:inline-block!important; flex:0 0 auto!important; padding-right:0!important; margin:0!important; white-space:nowrap!important; font-style:normal!important; } @keyframes androidMarqueeRestoreEarly{ 0%{transform:translate3d(0,0,0)} 100%{transform:translate3d(-33.333%,0,0)} } body.is-android.dark-mode .xa-marquee span i, html.ua-android body.dark-mode .xa-marquee span i{color:#efe9ff!important;} /* 应用详情页实际 DOM 类名压缩：detail-top-card / detail-card */ body.is-android.detail-page main.page, html.ua-android body.detail-page main.page, body.is-android.detail-page .page, html.ua-android body.detail-page .page{ padding-left:18px!important; padding-right:18px!important; padding-bottom:86px!important; } body.is-android.detail-page .ui-card.detail-top-card, html.ua-android body.detail-page .ui-card.detail-top-card{ grid-template-columns:58px minmax(0,1fr)!important; gap:11px!important; align-items:center!important; min-height:82px!important; padding:12px!important; margin:0 0 12px!important; border-radius:17px!important; } body.is-android.detail-page .detail-top-card>img, html.ua-android body.detail-page .detail-top-card>img{ width:58px!important; height:58px!important; min-width:58px!important; border-radius:14px!important; } body.is-android.detail-page .detail-top-card h2, html.ua-android body.detail-page .detail-top-card h2{ font-size:17px!important; line-height:1.22!important; font-weight:560!important; margin:0 0 9px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.is-android.detail-page .detail-pills, html.ua-android body.detail-page .detail-pills{ gap:7px!important; margin:0!important; flex-wrap:wrap!important; } body.is-android.detail-page .detail-pills span, html.ua-android body.detail-page .detail-pills span{ height:23px!important; min-height:23px!important; line-height:23px!important; padding:0 9px!important; font-size:11px!important; font-weight:560!important; border-radius:999px!important; } body.is-android.detail-page .ui-card.detail-card, html.ua-android body.detail-page .ui-card.detail-card{ padding:14px!important; margin-top:12px!important; border-radius:17px!important; } body.is-android.detail-page .detail-card h3, html.ua-android body.detail-page .detail-card h3{ font-size:17px!important; line-height:1.25!important; margin:0 0 10px!important; font-weight:650!important; } body.is-android.detail-page .detail-intro, html.ua-android body.detail-page .detail-intro{ font-size:13px!important; line-height:1.62!important; letter-spacing:.1px!important; } body.is-android.detail-page .screen-shot-box, html.ua-android body.detail-page .screen-shot-box{ padding:7px!important; border-radius:16px!important; } body.is-android.detail-page .screen-shot-box img, html.ua-android body.detail-page .screen-shot-box img{ border-radius:13px!important; } body.is-android.detail-page .download-fixed, html.ua-android body.detail-page .download-fixed{ left:50%!important; right:auto!important; transform:translateX(-50%)!important; width:calc(100vw - 42px)!important; max-width:356px!important; height:48px!important; min-height:48px!important; border-radius:22px!important; font-size:16px!important; font-weight:650!important; bottom:calc(12px + env(safe-area-inset-bottom,0px))!important; } /* 登录、注册、找回密码压缩，避免安卓端输入框/标题过大 */ body.is-android.auth-clean-body main.page, html.ua-android body.auth-clean-body main.page, body.is-android.auth-clean-body .page, html.ua-android body.auth-clean-body .page{ padding-left:22px!important; padding-right:22px!important; padding-top:8px!important; padding-bottom:28px!important; max-width:390px!important; } body.is-android.auth-clean-body .auth-clean, html.ua-android body.auth-clean-body .auth-clean, body.is-android.auth-v3-page .auth-clean, html.ua-android body.auth-v3-page .auth-clean, body.is-android.auth-tight-page .auth-clean, html.ua-android body.auth-tight-page .auth-clean{ padding-top:24px!important; min-height:auto!important; } body.is-android.auth-clean-body .auth-title, html.ua-android body.auth-clean-body .auth-title{ margin-top:34px!important; margin-bottom:30px!important; } body.is-android.auth-clean-body .auth-title h1, html.ua-android body.auth-clean-body .auth-title h1{ font-size:25px!important; line-height:1.15!important; font-weight:560!important; } body.is-android.auth-clean-body .auth-title p, html.ua-android body.auth-clean-body .auth-title p{ margin-top:8px!important; font-size:13px!important; line-height:1.45!important; } body.is-android.auth-clean-body .auth-card-new, html.ua-android body.auth-clean-body .auth-card-new{ gap:12px!important; margin-top:0!important; } body.is-android.auth-clean-body .auth-field, html.ua-android body.auth-clean-body .auth-field, body.is-android.auth-clean-body .auth-field.float-field, html.ua-android body.auth-clean-body .auth-field.float-field{ height:48px!important; min-height:48px!important; border-radius:14px!important; } body.is-android.auth-clean-body .auth-field input, html.ua-android body.auth-clean-body .auth-field input{ height:46px!important; line-height:46px!important; font-size:14.5px!important; padding-top:0!important; padding-bottom:0!important; } body.is-android.auth-clean-body .auth-field.float-field span, html.ua-android body.auth-clean-body .auth-field.float-field span{ left:15px!important; font-size:13.5px!important; } body.is-android.auth-clean-body .float-field.is-focus span, body.is-android.auth-clean-body .float-field.has-value span, html.ua-android body.auth-clean-body .float-field.is-focus span, html.ua-android body.auth-clean-body .float-field.has-value span{ font-size:12px!important; padding:0 6px!important; } body.is-android.auth-clean-body .auth-submit2, html.ua-android body.auth-clean-body .auth-submit2{ height:48px!important; min-height:48px!important; border-radius:16px!important; font-size:16px!important; margin-top:2px!important; } body.is-android.auth-clean-body .auth-check, html.ua-android body.auth-clean-body .auth-check{ font-size:12px!important; line-height:1.45!important; gap:7px!important; } body.is-android.auth-clean-body .auth-links, html.ua-android body.auth-clean-body .auth-links{ margin-top:2px!important; font-size:13px!important; } body.is-android.auth-clean-body .inside-code-btn, html.ua-android body.auth-clean-body .inside-code-btn{ right:9px!important; height:31px!important; min-width:78px!important; padding:0 8px!important; font-size:12px!important; border-radius:10px!important; } body.is-android.auth-clean-body .code-float-field input, html.ua-android body.auth-clean-body .code-float-field input{ padding-right:94px!important; } body.is-android.auth-clean-body .forgot-switch, html.ua-android body.auth-clean-body .forgot-switch{ gap:8px!important; margin-bottom:0!important; } body.is-android.auth-clean-body .forgot-switch label, html.ua-android body.auth-clean-body .forgot-switch label{ height:36px!important; min-height:36px!important; border-radius:13px!important; font-size:12.5px!important; } body.is-android.auth-clean-body .eye-btn2, html.ua-android body.auth-clean-body .eye-btn2{ width:36px!important; height:36px!important; } /* 签到中心顶部双线：安卓隐藏额外真实线，只保留标题栏自身一条线 */ body.is-android.sign-center-page .sign-top-real-line, html.ua-android body.sign-center-page .sign-top-real-line, body.is-android.sign-center-page .sign-title-real-line, html.ua-android body.sign-center-page .sign-title-real-line, body.is-android.sign-center-page .page-title-row.sign-page-head::after, html.ua-android body.sign-center-page .page-title-row.sign-page-head::after{ display:none!important; height:0!important; margin:0!important; padding:0!important; background:transparent!important; } body.is-android.sign-center-page .sign-top-head, html.ua-android body.sign-center-page .sign-top-head{ margin:0 0 14px!important; padding:0 2px 8px!important; border-bottom:1px solid rgba(60,50,70,.10)!important; } body.is-android.dark-mode.sign-center-page .sign-top-head, html.ua-android body.dark-mode.sign-center-page .sign-top-head{ border-bottom-color:rgba(255,255,255,.10)!important; } /* 未登录我的卡片胶囊完整显示 */ body.is-android .xa-my-guest-card, html.ua-android body .xa-my-guest-card{ grid-template-columns:58px minmax(0,1fr)!important; gap:12px!important; min-height:88px!important; height:auto!important; padding:14px!important; } body.is-android .xa-my-guest-card>img, html.ua-android body .xa-my-guest-card>img{ width:58px!important; height:58px!important; border-radius:15px!important; } body.is-android .xa-my-guest-card h2, html.ua-android body .xa-my-guest-card h2{ font-size:17px!important; line-height:1.25!important; } body.is-android .xa-my-guest-card .my-user-main, html.ua-android body .xa-my-guest-card .my-user-main{ min-width:0!important; overflow:visible!important; } body.is-android .xa-my-guest-card .my-user-badges, html.ua-android body .xa-my-guest-card .my-user-badges, body.is-android .xa-my-guest-card .my-user-badges.compact.single, html.ua-android body .xa-my-guest-card .my-user-badges.compact.single{ display:flex!important; flex-wrap:wrap!important; gap:7px!important; max-width:none!important; overflow:visible!important; } body.is-android .xa-my-guest-card .user-badge, html.ua-android body .xa-my-guest-card .user-badge, body.is-android .xa-my-guest-card .user-badge.is-login, html.ua-android body .xa-my-guest-card .user-badge.is-login{ width:auto!important; max-width:none!important; min-width:max-content!important; height:25px!important; padding:0 10px!important; border-radius:999px!important; overflow:visible!important; white-space:nowrap!important; } body.is-android .xa-my-guest-card .user-badge b, html.ua-android body .xa-my-guest-card .user-badge b{ display:inline!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; font-size:12px!important; line-height:25px!important; } body.is-android .xa-my-guest-card .user-badge i, html.ua-android body .xa-my-guest-card .user-badge i{ flex:0 0 auto!important; } /* ===== 2026-06-21 final hotfix: marquee, iOS title ellipsis, message pages ===== */ .xa-marquee span{ position:relative!important; display:block!important; min-width:0!important; height:24px!important; line-height:24px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:clip!important; } .xa-marquee span i, .xa-marquee span i.xa-marquee-ready{ position:absolute!important; left:0!important; top:0!important; display:inline-flex!important; align-items:center!important; width:max-content!important; min-width:max-content!important; white-space:nowrap!important; font-style:normal!important; gap:0!important; padding-left:0!important; will-change:transform!important; transform:translate3d(0,0,0); animation:xaHomeNoticeMarqueeFinal var(--xa-marquee-duration,14s) linear infinite!important; } .xa-marquee span i em, .xa-marquee span i em+em{ display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; max-width:none!important; min-width:auto!important; white-space:nowrap!important; font-style:normal!important; overflow:visible!important; text-overflow:clip!important; padding-right:84px!important; margin:0!important; } @keyframes xaHomeNoticeMarqueeFinal{ 0%{transform:translate3d(0,0,0)} 100%{transform:translate3d(calc(-1 * var(--xa-marquee-distance,360px)),0,0)} } body.is-android .xa-marquee span, html.ua-android body .xa-marquee span{ height:42px!important; line-height:42px!important; text-overflow:clip!important; } body.is-android .xa-marquee span i, html.ua-android body .xa-marquee span i{ height:42px!important; line-height:42px!important; animation:xaHomeNoticeMarqueeFinal var(--xa-marquee-duration,14s) linear infinite!important; } body.is-android .xa-marquee span i em, html.ua-android body .xa-marquee span i em{ height:42px!important; line-height:42px!important; } /* iOS 首页软件名称：单行省略，不再换行撑高卡片 */ body.is-ios .xa-home-latest-grid .xa-latest-card>div, html.ua-ios body .xa-home-latest-grid .xa-latest-card>div{ min-width:0!important; overflow:hidden!important; } body.is-ios .xa-home-latest-grid .xa-latest-card b, html.ua-ios body .xa-home-latest-grid .xa-latest-card b, body.is-ios .xa-latest-card b, html.ua-ios body .xa-latest-card b{ display:block!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; } /* 消息/官方消息/群聊：去掉顶部大空白，统一卡片紧凑布局 */ body.message-center-page .xa-tabbar{display:none!important;} body.message-center-page .app{ width:100%!important; max-width:430px!important; min-height:100dvh!important; margin:0 auto!important; padding-bottom:0!important; overflow-x:hidden!important; background:var(--xa-bg,#fbf6fd)!important; } body.message-center-page main.page, body.message-center-page .page, body.is-android.message-center-page main.page, html.ua-android body.message-center-page main.page, body.is-android.message-center-page .page, html.ua-android body.message-center-page .page{ width:100%!important; max-width:430px!important; min-height:100dvh!important; margin:0 auto!important; padding:0 16px 24px!important; overflow-x:hidden!important; background:var(--xa-bg,#fbf6fd)!important; } body.message-center-page .msg-page, body.is-android.message-center-page .msg-page, html.ua-android body.message-center-page .msg-page{ width:100%!important; max-width:430px!important; min-height:100dvh!important; margin:0 auto!important; padding:0 0 24px!important; background:var(--xa-bg,#fbf6fd)!important; color:var(--xa-text)!important; box-sizing:border-box!important; } body.message-center-page .fixed-message-head, body.is-android.message-center-page .fixed-message-head, html.ua-android body.message-center-page .fixed-message-head{ position:sticky!important; top:0!important; left:auto!important; right:auto!important; transform:none!important; width:auto!important; max-width:none!important; height:54px!important; min-height:54px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr) 40px!important; align-items:center!important; margin:0 -16px 12px!important; padding:7px 16px!important; border-bottom:1px solid rgba(55,48,65,.10)!important; background:rgba(251,246,253,.96)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; z-index:3000!important; box-sizing:border-box!important; } body.message-center-page .fixed-message-head .back-ico, body.is-android.message-center-page .fixed-message-head .back-ico, html.ua-android body.message-center-page .fixed-message-head .back-ico{ width:34px!important; height:34px!important; min-width:34px!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; } body.message-center-page .fixed-message-head .back-ico svg, body.is-android.message-center-page .fixed-message-head .back-ico svg, html.ua-android body.message-center-page .fixed-message-head .back-ico svg{ width:21px!important; height:21px!important; } body.message-center-page .xa-message-title h1, body.is-android.message-center-page .xa-message-title h1, html.ua-android body.message-center-page .xa-message-title h1{ margin:0!important; text-align:center!important; font-size:18px!important; font-weight:600!important; line-height:1.2!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .message-more{ width:34px!important; height:34px!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; font-size:18px!important; letter-spacing:1px!important; } body.message-center-page .wx-list-page{ padding-bottom:24px!important; } body.message-center-page .wx-chat-row, body.is-android.message-center-page .wx-chat-row, html.ua-android body.message-center-page .wx-chat-row{ width:100%!important; min-height:70px!important; height:auto!important; margin:0 0 10px!important; padding:10px 11px!important; border-radius:17px!important; display:grid!important; grid-template-columns:48px minmax(0,1fr) auto!important; gap:10px!important; align-items:center!important; background:rgba(255,255,255,.38)!important; border:1px solid var(--xa-line)!important; box-shadow:0 8px 18px rgba(73,55,112,.05)!important; overflow:hidden!important; } body.message-center-page .wx-avatar, body.is-android.message-center-page .wx-avatar, html.ua-android body.message-center-page .wx-avatar{ width:48px!important; height:48px!important; min-width:48px!important; border-radius:14px!important; object-fit:cover!important; } body.message-center-page .wx-info{min-width:0!important;overflow:hidden!important;} body.message-center-page .wx-info b{ font-size:14px!important; line-height:1.2!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .wx-info p{ font-size:12px!important; line-height:1.35!important; margin:5px 0 0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.message-center-page .wx-info time{ font-size:10.5px!important; white-space:nowrap!important; } body.message-center-page .official-chat-page, body.is-android.message-center-page .official-chat-page, html.ua-android body.message-center-page .official-chat-page{ padding:0 0 24px!important; margin:0!important; min-height:100dvh!important; background:var(--xa-bg,#fbf6fd)!important; } body.message-center-page .official-chat-list, body.is-android.message-center-page .official-chat-list, html.ua-android body.message-center-page .official-chat-list{ padding:0 0 18px!important; } body.message-center-page .official-card, body.is-android.message-center-page .official-card, html.ua-android body.message-center-page .official-card{ width:100%!important; margin:0 0 12px!important; padding:14px!important; border-radius:18px!important; background:rgba(255,255,255,.38)!important; border:1px solid var(--xa-line)!important; box-shadow:0 8px 18px rgba(73,55,112,.05)!important; } body.message-center-page .official-card h2, body.is-android.message-center-page .official-card h2, html.ua-android body.message-center-page .official-card h2{ margin:0 0 5px!important; font-size:15.5px!important; line-height:1.25!important; font-weight:850!important; } body.message-center-page .official-card time, body.is-android.message-center-page .official-card time, html.ua-android body.message-center-page .official-card time{ margin:0 0 8px!important; font-size:11px!important; } body.message-center-page .official-card p, body.is-android.message-center-page .official-card p, html.ua-android body.message-center-page .official-card p{ font-size:12.5px!important; line-height:1.55!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body.message-center-page .official-more{ margin-top:10px!important; padding-top:9px!important; font-size:12.5px!important; } body.message-center-page.group-chat-body main.page, body.message-center-page.group-chat-body .page, body.is-android.message-center-page.group-chat-body main.page, html.ua-android body.message-center-page.group-chat-body main.page, body.is-android.message-center-page.group-chat-body .page, html.ua-android body.message-center-page.group-chat-body .page{ height:100dvh!important; min-height:100dvh!important; padding:0!important; overflow:hidden!important; } body.message-center-page.group-chat-body .group-chat-page, body.is-android.message-center-page.group-chat-body .group-chat-page, html.ua-android body.message-center-page.group-chat-body .group-chat-page{ height:100dvh!important; min-height:100dvh!important; display:flex!important; flex-direction:column!important; margin:0!important; padding:0!important; background:var(--xa-bg,#fbf6fd)!important; overflow:hidden!important; } body.message-center-page.group-chat-body .group-chat-page .fixed-message-head, body.is-android.message-center-page.group-chat-body .group-chat-page .fixed-message-head, html.ua-android body.message-center-page.group-chat-body .group-chat-page .fixed-message-head{ position:relative!important; flex:0 0 54px!important; margin:0!important; padding:7px 12px!important; } body.message-center-page.group-chat-body .chat-stream, body.is-android.message-center-page.group-chat-body .chat-stream, html.ua-android body.message-center-page.group-chat-body .chat-stream{ flex:1 1 auto!important; min-height:0!important; height:auto!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; padding:12px 12px 92px!important; box-sizing:border-box!important; background:var(--xa-bg,#fbf6fd)!important; } body.message-center-page.group-chat-body .chat-send, body.is-android.message-center-page.group-chat-body .chat-send, html.ua-android body.message-center-page.group-chat-body .chat-send{ position:fixed!important; left:50%!important; right:auto!important; bottom:0!important; transform:translateX(-50%)!important; width:100%!important; max-width:430px!important; padding:9px 12px calc(10px + env(safe-area-inset-bottom))!important; border-top:1px solid var(--xa-line)!important; background:rgba(250,246,253,.94)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; z-index:3500!important; box-sizing:border-box!important; } body.message-center-page.group-chat-body .chat-send-row{ display:grid!important; grid-template-columns:38px minmax(0,1fr) 58px!important; gap:8px!important; align-items:center!important; width:100%!important; } body.message-center-page.group-chat-body .img-picker, body.message-center-page.group-chat-body .chat-send button, body.message-center-page.group-chat-body .chat-send input[name=content]{ height:38px!important; border-radius:14px!important; } body.message-center-page.group-chat-body .img-picker{ width:38px!important; font-size:20px!important; } body.message-center-page.group-chat-body .chat-send button{ padding:0!important; font-size:13px!important; } body.dark-mode.message-center-page .fixed-message-head, body.dark-mode.message-center-page .chat-send{ background:rgba(17,16,24,.94)!important; border-color:var(--xa-dark-border)!important; } body.dark-mode.message-center-page .wx-chat-row, body.dark-mode.message-center-page .official-card{ background:var(--xa-dark-card)!important; border-color:var(--xa-dark-border)!important; box-shadow:none!important; } body.dark-mode.message-center-page .official-chat-page, body.dark-mode.message-center-page.group-chat-body .group-chat-page, body.dark-mode.message-center-page.group-chat-body .chat-stream{ background:var(--xa-dark-bg)!important; }