/* style.css */
:root{font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#222b39;background:#f5f6f9;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #edf0f3}.topbar-inner{max-width:1080px;margin:auto;min-height:66px;padding:10px 20px;display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,#5890f7,#2e6ddc);color:white;border-radius:12px;font-size:20px;font-weight:700}.brand{white-space:nowrap;font-size:19px}.search-trigger{margin-left:auto;min-width:220px;text-align:left;border:0;border-radius:22px;padding:8px 17px;background:#f2f4f7;color:#9299a6}.search-trigger:first-letter{font-size:23px}.user-chip{border:0;color:#4e80e8;background:#eef4ff;border-radius:18px;padding:7px 12px;white-space:nowrap}.layout{max-width:1080px;margin:auto;min-height:calc(100vh - 66px);padding:23px 20px 90px}.page-title{font-size:27px;margin:5px 0 19px;letter-spacing:.01em}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.card{background:white;border:1px solid #edf0f4;border-radius:19px;box-shadow:0 3px 16px rgba(26,48,84,.025)}.intro{padding:19px 21px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.intro b{font-size:20px}.intro p,.muted{color:#8b93a0}.intro p{font-size:14px;margin:6px 0 0}.primary,.outline{border:0;border-radius:12px;padding:10px 18px;background:#4e82eb;color:white;font-weight:650;white-space:nowrap}.outline{background:#edf3ff;color:#497de5}.tabs{display:flex;gap:8px;padding:5px 10px 0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#697384;padding:13px 13px;white-space:nowrap}.tabs button.active{border-color:#4f82ed;color:#243045;font-weight:700}.section-title{font-size:20px;margin:20px 0 14px}.post-card{padding:20px;margin:13px 0;cursor:pointer}.post-card:hover{border-color:#d9e5fc}.post-title{font-size:19px;font-weight:670;margin:0 0 8px;line-height:1.45}.post-excerpt{color:#757e8b;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 15px}.post-meta{font-size:13px;color:#9aa2ad;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.post-meta .spacer{flex:1}.tag{display:inline-block;background:#edf3ff;color:#4d80e7;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:700}.tag.pin{background:#fff2ea;color:#ee8a40}.sidebar{padding:19px;height:max-content}.sidebar h3{font-size:16px;margin:0 0 15px}.board-link{width:100%;border:0;background:none;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:11px 5px;color:#44536b}.board-link:hover{color:#4c80e8}.board-link small{color:#a1aab7}.empty{text-align:center;color:#9099a8;padding:50px 18px;background:#fff;border-radius:19px;line-height:1.7}.board-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.board-item{border:1px solid #edf1f7;background:white;border-radius:15px;padding:17px;min-height:100px;text-align:left}.board-item strong{font-size:17px}.board-item p{color:#99a1ae;font-size:13px;margin:9px 0 0}.board-item:hover{border-color:#b9cffb}.hero-line{background:linear-gradient(115deg,#4b81e9,#7db1ff);color:white;border-radius:18px;padding:22px;margin-bottom:18px}.hero-line h2{font-size:22px;margin:0 0 6px}.hero-line p{margin:0;color:#e7efff;font-size:14px}.user-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person{padding:17px;display:flex;align-items:center;gap:12px;min-width:0}.avatar{flex:none;border-radius:50%;width:45px;height:45px;background:linear-gradient(145deg,#d4e3ff,#f6efff);color:#587de0;display:grid;place-items:center;font-weight:700;font-size:20px}.person .detail{min-width:0;flex:1}.person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person small{color:#97a1ae}.person button{padding:8px 10px;border-radius:14px;border:0;color:#487fe9;background:#ecf3ff;font-size:13px}.categories{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 19px}.categories button{padding:9px 13px;border-radius:20px;border:0;background:white;color:#758195}.categories button.active{background:#4f82eb;color:white}.app-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.app-entry{padding:17px;display:flex;gap:13px;align-items:center}.app-icon{width:53px;height:53px;flex:none;border-radius:15px;background:linear-gradient(135deg,#5a94f0,#a5bdfd);color:white;display:grid;place-items:center;font-size:25px}.app-entry .detail{flex:1;min-width:0}.app-entry strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-entry small{color:#8d98a7}.app-entry a{background:#4e82eb;color:#fff;border-radius:18px;padding:7px 13px;font-size:14px}.profile{padding:23px}.profile-top{display:flex;gap:14px;align-items:center}.profile-top strong{font-size:20px}.profile-actions{display:flex;gap:10px;margin-top:21px;flex-wrap:wrap}.post-detail{padding:24px}.post-detail h1{font-size:26px;line-height:1.4;margin:13px 0}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:27px 0;color:#354054}.detail-actions{display:flex;gap:9px}.comment{padding:15px 0;border-top:1px solid #edf0f4}.comment .body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin-top:7px}.comment-form{padding:17px;margin:16px 0}.form-stack{display:grid;gap:12px}.form-stack h2{font-size:22px;margin:2px 0 7px}.form-stack label{display:grid;gap:6px;font-size:14px;color:#5e6978}.form-stack input,.form-stack textarea,.form-stack select,.searchbox{width:100%;border:1px solid #dce3ee;border-radius:12px;background:#fff;padding:11px 13px;outline-color:#5f8ff0;color:#26344b}.form-stack textarea{min-height:140px;resize:vertical}.form-stack button{margin-top:5px}.text-link{background:none;border:0;color:#4e81e8;padding:8px}.dialog-backdrop{position:fixed;inset:0;background:#17233d8c;z-index:30;display:grid;place-items:center;padding:15px}.dialog-backdrop[hidden]{display:none}.dialog{width:min(100%,520px);max-height:90vh;overflow:auto;border-radius:20px;padding:26px;background:white;box-shadow:0 20px 70px #182d5240;position:relative}.close{position:absolute;right:16px;top:11px;font-size:29px;color:#8c95a6;background:none;border:0}.fab{position:fixed;right:calc(max(18px,(100vw - 1040px)/2));bottom:27px;width:55px;height:55px;border-radius:50%;background:linear-gradient(140deg,#4885ed,#42b5eb);color:white;border:0;box-shadow:0 8px 22px #3877e057;font-size:29px;z-index:9}.bottom-nav{display:none}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#263346;color:white;border-radius:20px;padding:9px 18px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50;max-width:90vw}#toast.show{opacity:1}
@media(max-width:720px){.topbar-inner{padding:10px 15px;min-height:61px}.brand{font-size:17px}.search-trigger{min-width:0;flex:1;text-align:center;padding:7px 10px}.search-trigger span{display:none}.layout{padding:13px 12px 100px;min-height:calc(100vh - 61px)}.layout-grid{display:block}.sidebar{display:none}.intro{margin-bottom:14px;padding:17px}.intro b{font-size:18px}.intro p{font-size:13px}.intro .primary{font-size:13px;padding:9px 11px}.page-title{font-size:23px;margin:7px 3px 15px}.post-card{margin:10px 0;padding:17px}.post-title{font-size:17px}.post-meta{font-size:12px}.board-grid,.app-list{grid-template-columns:1fr 1fr}.board-item{padding:13px;min-height:87px}.board-item strong{font-size:15px}.user-list{grid-template-columns:1fr}.app-list{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e9edf3;padding-bottom:env(safe-area-inset-bottom);z-index:12;box-shadow:0 -4px 20px #162d4b0b}.bottom-nav button{flex:1;background:none;border:0;color:#9aa3af;min-height:59px;font-size:12px;display:grid;justify-items:center;align-content:center;gap:1px}.bottom-nav button.active{color:#4b80e9}.nav-icon{font-size:25px;line-height:1}.fab{bottom:calc(75px + env(safe-area-inset-bottom));right:17px}.post-detail{padding:18px}.post-detail h1{font-size:22px}#toast{bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(max-width:370px){.topbar .brand{font-size:15px}.user-chip{max-width:70px;overflow:hidden;text-overflow:ellipsis}.post-meta{gap:6px}}
.board-page{max-width:740px;margin:auto}.board-back{margin:0 0 10px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px}.board-heading h1{font-size:25px;margin:0 0 8px}.board-heading p{color:#757e8b;margin:0 0 7px}.board-heading small{color:#98a1ac}.board-heading .primary{flex:none}@media(max-width:720px){.board-heading{padding:20px 18px}.board-heading h1{font-size:22px}.board-heading .primary{padding:9px 11px;font-size:13px}}

/* ui-v3.css */
/* 秋天社区手机界面 */
:root{color:#262a34;background:#f5f6f8}
.topbar{border-bottom:1px solid #f0f1f4}
.topbar-inner{min-height:74px}
.search-trigger{border-radius:24px}
.page-title{font-weight:720;letter-spacing:0}
.card,.empty{border-color:#f0f1f3;box-shadow:0 4px 16px rgba(30,44,73,.025)}
.primary{background:#4d82ec;border-radius:12px}
.quick-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.quick-entry button{border:1px solid #ecf1fa;background:white;border-radius:17px;padding:13px 8px;color:#505d73;display:grid;gap:3px;place-items:center;font-size:13px}
.quick-entry span{font-size:24px;color:#5292ef}
.post-card{overflow:hidden;transition:transform .15s}
.post-card:active{transform:scale(.99)}
.post-cover{display:block;width:100%;max-height:270px;object-fit:cover;border-radius:13px;margin:8px 0 16px;background:#edf3fb}
.post-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:14px 0}
.post-images img{max-width:100%;max-height:420px;object-fit:contain;border-radius:11px;background:#f0f3f7}
.image-preview{display:flex;gap:9px;overflow:auto}
.image-preview img{width:75px;height:75px;object-fit:cover;border-radius:10px}
.empty-action{margin-top:16px}
.up-banner{position:relative;overflow:hidden;color:#fff;padding:28px;border-radius:22px;min-height:150px;background:linear-gradient(116deg,#315cbb 0%,#547fe7 52%,#35c3e4 100%)}
.up-banner-copy{position:relative;z-index:1}
.up-banner-copy small{font-size:11px;opacity:.78;letter-spacing:.1em}
.up-banner h2{font-size:24px;margin:12px 0 8px}
.up-banner p{font-size:14px;margin:0;opacity:.87}
.banner-orb{position:absolute;display:block;border-radius:50%;background:#ffffff2e;filter:blur(2px)}
.orb-a{width:140px;height:140px;right:-25px;top:-50px}.orb-b{width:75px;height:75px;right:95px;bottom:-35px}
.shortcut-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 20px}
.shortcut-panel button{border:0;border-radius:14px;background:#fff;color:#455368;padding:14px 8px;font-weight:600}
.person{gap:12px}.person-details{min-width:0;flex:1}.person-details strong,.person-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-details small{color:#9299a5;margin-top:5px;font-size:12px}
.follow-button{border:0;border-radius:18px;background:#5084ed;color:#fff;padding:7px 13px;white-space:nowrap}
.community-hero{display:flex;flex-direction:column;gap:5px;background:linear-gradient(115deg,#edf5ff,#d5efff);border-radius:20px;margin:18px 0 24px;padding:22px;color:#2662a0}
.community-hero strong{font-size:22px}.community-hero small{color:#6b91ae}
.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.board-item{display:flex;align-items:center;gap:11px;min-height:92px;padding:13px;text-align:left}
.board-icon{flex:none;width:42px;height:42px;border-radius:12px;background:#edf3ff;color:#4d84eb;display:grid;place-items:center;font-size:22px}
.board-item:nth-child(4n+2) .board-icon{background:#ebfaf3;color:#34ba7d}
.board-item:nth-child(4n+3) .board-icon{background:#fff3e8;color:#e9a34d}
.board-item:nth-child(4n+4) .board-icon{background:#f4ecff;color:#aa7cde}
.board-info{min-width:0;display:grid;gap:7px}.board-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-info small{color:#939ba7}
.board-chevron{font-size:21px;color:#b7bec9;margin-left:auto}
.catalog-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px 16px;padding:0 14px 9px;border-bottom:1px solid #eceff4}
.catalog-tabs::-webkit-scrollbar{display:none}
.catalog-tabs button{flex:none;background:none;border:0;padding:10px 13px 12px;border-bottom:3px solid transparent;color:#505660;white-space:nowrap}
.catalog-tabs button.active{color:#4d83ed;border-color:#4d83ed;font-weight:700}
.catalog-body{display:grid;grid-template-columns:140px minmax(0,1fr);gap:13px;min-height:360px}
.catalog-side{background:#f1f2f5;border-radius:16px;overflow:hidden;height:max-content}
.catalog-side button{display:block;width:100%;border:0;background:none;padding:15px 14px;text-align:left;color:#808792}
.catalog-side button.active{background:white;color:#4d83ed;font-weight:700;border-left:3px solid #4d83ed}
.catalog-main{min-width:0}.catalog-add{margin:0 0 10px}
.app-entry{position:relative;border-radius:16px;background:#fff;display:flex;gap:12px;align-items:center;padding:13px;margin-bottom:10px;min-height:92px}
.app-icon{width:55px;height:55px;border-radius:13px;flex:none;background:linear-gradient(135deg,#45c8db,#5889ed)}
.app-info{min-width:0;flex:1;display:grid;gap:3px}
.app-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#939aa5;font-size:12px}
.app-entry a{border-radius:22px;background:#4c83eb;color:#fff;padding:8px 13px;font-size:13px}
.app-delete{position:absolute;right:12px;bottom:-6px;border:0;background:transparent;color:#b1b5bb;font-size:11px}
.avatar.large{width:62px;height:62px;font-size:27px}
.profile-top .muted{margin:5px 0 0}
.mine-menu{margin-top:14px;overflow:hidden}
.mine-menu button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid #f1f2f5;background:#fff;text-align:left;padding:18px 20px}
.mine-menu button:last-child{border-bottom:0}.mine-menu span{color:#a5a9b0}
.post-page{max-width:800px;margin:auto}.post-page .comment{padding:18px;margin:10px 0}
.post-page .post-body{margin:22px 0}.detail-actions{flex-wrap:wrap}
@media(max-width:720px){
 .topbar-inner{min-height:65px;padding:9px 14px}
 .layout{padding:17px 12px 105px}
 .brand{font-size:18px}
 .intro{min-height:105px}
 .page-title{font-size:23px;margin:6px 2px 18px}
 .section-title{font-size:20px;margin:23px 2px 13px}
 .quick-entry{gap:8px}
 .quick-entry button{font-size:12px}
 .up-banner{padding:25px 21px}
 .up-banner h2{font-size:22px}
 .board-item{min-height:78px;padding:10px 7px;gap:6px}
 .board-icon{width:37px;height:37px;font-size:19px}
 .board-info strong{font-size:14px}
 .board-info small{font-size:11px}
 .board-chevron{font-size:18px}
 .catalog-body{grid-template-columns:83px minmax(0,1fr);gap:9px}
 .catalog-side button{padding:16px 9px;font-size:13px}
 .app-entry{padding:9px;gap:8px}
 .app-icon{width:44px;height:44px;font-size:21px}
 .app-entry a{padding:7px 9px}
 .app-info strong{font-size:14px}
 .board-heading h1{font-size:21px}
 .dialog-backdrop.auth-dialog{display:block;padding:0;background:#f7f8fa}
 .auth-dialog .dialog{width:100%;height:100dvh;max-height:none;border-radius:0;box-shadow:none;background:#f7f8fa;padding:18vh 24px 30px}
 .auth-dialog .form-stack{gap:19px}.auth-dialog .form-stack h2{font-size:28px}
 .auth-dialog .form-stack input{min-height:55px;border:0;border-radius:15px}
 .auth-dialog .form-stack .primary{margin-top:20px;min-height:53px}
}

/* ui-v4.css */
/* 首页布局：延续秋天社区的蓝色体系，参照常见社区信息层次。 */
.home-screen{max-width:800px;margin:auto}
.home-tabs{display:flex;align-items:center;gap:30px;background:#fff;margin:-17px -12px 0;padding:0 22px;height:52px}
.home-tabs button{border:0;background:none;color:#575e69;height:100%;padding:0 5px;position:relative;font-size:15px}
.home-tabs button.active{color:#242b36;font-weight:700}
.home-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:4px;background:#5089eb;height:3px;border-radius:3px}
.home-main{padding:15px 0 30px}
.home-banner{position:relative;isolation:isolate;min-height:168px;background:linear-gradient(108deg,#3056d5,#527def 57%,#54c8ec);border-radius:18px 18px 0 0;overflow:hidden;background-position:center;background-size:cover;display:flex;align-items:center;padding:24px 32px;color:white}
.home-banner:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#1c419f98,#2348a033),radial-gradient(circle at 92% 14%,#ffffff42,transparent 27%)}
.home-banner-copy{max-width:75%;display:grid;gap:9px;position:relative;z-index:1;text-shadow:0 1px 5px #1a4a8c47}
.home-banner-copy small{font-size:13px;letter-spacing:.1em;opacity:.9}
.home-banner-copy strong{font-size:30px;letter-spacing:.04em;line-height:1.2}
.home-banner-copy>span{font-size:14px;line-height:1.4}
.home-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.home-banner-art{position:absolute;right:19px;top:10px;font-size:123px;font-weight:800;line-height:1;opacity:.18;transform:rotate(-15deg);pointer-events:none}
.home-banner-hit{position:absolute;inset:0;display:block;border:0;background:transparent;cursor:pointer;width:100%;height:100%;z-index:2}
.home-banner-caption{background:#fff;border-radius:0 0 17px 17px;color:#7295bc;font-size:12px;letter-spacing:.01em;padding:11px 16px;margin-bottom:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:16px 9px 13px;margin-bottom:18px;background:#fff;border-radius:16px}
.home-shortcuts button{display:grid;justify-items:center;align-content:center;gap:6px;min-height:64px;white-space:nowrap;background:none;border:0;color:#2b2e35;font-size:13px;padding:0}
.shortcut-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:22px;font-weight:750;color:white}
.shortcut-icon.blue{background:#32b4df}.shortcut-icon.orange{background:#f49b32}.shortcut-icon.indigo{background:#597ce3}.shortcut-icon.red{background:#eb5264}.shortcut-icon.pink{background:#d04aa6}.shortcut-icon.green{background:#36b876}
.home-notice{background:#fff;border-radius:14px;padding:14px 17px;display:flex;gap:13px;align-items:center;color:#222b36;margin-bottom:17px;min-height:59px}
.home-notice>span{font-size:18px;white-space:nowrap}
.home-notice p{font-size:14px;line-height:1.4;margin:0;flex:1;overflow-wrap:anywhere}
.home-notice button{border:0;background:#eff4fd;border-radius:10px;color:#4b80e9;padding:6px 10px;font-size:12px}
.home-pinned,.home-up{background:#fff;border-radius:15px;padding:17px 20px;margin-bottom:18px}
.home-pinned h2,.home-up h2,.home-posts h2{font-size:19px;margin:0 0 12px}
.home-pinned>button{display:flex;gap:10px;align-items:center;padding:13px 0;min-height:43px;border:0;border-top:1px solid #f1f2f5;background:none;width:100%;text-align:left;line-height:1.4;color:#30343e;overflow-wrap:anywhere}
.home-pinned>button span{padding:3px 7px;flex:none;color:#fff;background:#f15357;border-radius:5px;font-size:12px}
.home-section-heading{display:flex;align-items:center;justify-content:space-between}
.home-section-heading button{background:none;border:0;color:#979da7;font-size:13px}
.home-up-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.home-up-list button{border:0;background:none;display:grid;gap:7px;justify-items:center;min-width:0;padding:3px}
.home-up-list .avatar{width:53px;height:53px;font-size:24px}
.home-up-list small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#343944;text-align:center}
.home-posts{padding:4px 0 10px}.home-posts .post-card{margin:10px 0}
@media(max-width:720px){
 .topbar-inner{min-height:62px}
 .home-screen{margin-top:-17px}
 .home-tabs{margin:0 -12px}
 .home-main{padding-top:15px}
 .home-banner{min-height:155px;padding:19px 21px}
 .home-banner-copy strong{font-size:25px}
 .home-banner-copy small{font-size:11px}
 .home-banner-copy>span{font-size:12px}
 .home-shortcuts{padding:14px 4px 10px}
 .home-shortcuts button{font-size:12px}
 .shortcut-icon{width:28px;height:28px;font-size:20px}
 .home-pinned,.home-up{padding:16px 15px}
}
@media(max-width:370px){.home-shortcuts button{font-size:11px}.home-banner-copy strong{font-size:22px}}

.build-note{font-size:12px;color:#9aa2af;text-align:center;margin:16px 0 2px}
.ads{position:relative;margin-bottom:18px;background:#fff;border-radius:17px;overflow:hidden}
.ads-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.ads-track::-webkit-scrollbar{display:none}
.ad-slide{flex:0 0 100%;min-width:0;aspect-ratio:662/253;scroll-snap-align:start;background:#bbdcf9}
.ad-slide>a,.ad-content{display:block;width:100%;height:100%}
.ad-slide img{display:block;width:100%;height:100%;object-fit:fill}
.ad-rental{position:relative}
.ad-rental-copy{position:absolute;left:6.5%;top:19%;display:grid;gap:18%;pointer-events:none;color:#285ddd;white-space:nowrap}
.ad-rental-copy strong{font-size:clamp(28px,6.5vw,64px);font-weight:900;letter-spacing:.03em;line-height:1.2}
.ad-rental-copy small{font-size:clamp(10px,2.1vw,19px);color:#4d77a6;letter-spacing:.08em}
.ad-placeholder{display:grid;align-content:center;justify-items:center;gap:12px;width:100%;height:100%;color:#fff;background:linear-gradient(120deg,#244bba,#53b1e6);text-align:center;padding:18px}
.ad-placeholder strong{font-size:26px}.ad-placeholder small{font-size:13px;opacity:.9}
.ad-dots{position:absolute;z-index:2;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:9px;min-height:12px;pointer-events:none}
.ad-dots button{pointer-events:auto;width:7px;height:7px;border:0;border-radius:100px;background:#d6e4fa;padding:0;box-shadow:0 0 2px #26428570;transition:width .15s,background .15s}
.ad-dots button.active{width:20px;background:#fff}
.ad-setting{border:1px solid #e0e8f3;border-radius:12px;padding:12px;display:grid;gap:10px;min-width:0}
.ad-setting legend{font-size:14px;font-weight:650;color:#304762;padding:0 5px}

/* ui-v8.css */
/* 个人中心及登录注册页面 */
.mine-screen{max-width:760px;margin:0 auto 15px}
.mine-head{min-height:192px;padding:20px 17px 17px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.mine-bell{position:absolute;top:15px;right:18px;width:43px;height:43px;background:#fff;border:0;border-radius:50%;font-size:25px;color:#364154}
.mine-account{background:none;border:0;display:flex;align-items:center;width:100%;gap:16px;padding:7px 0;text-align:left;color:#27313e}
.mine-account strong{font-size:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mine-avatar{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(150deg,#dbf7ff,#edf7ff);font-size:27px;color:#478de7}
.mine-chevron{margin-left:auto;font-size:33px;color:#555}
.mine-bio{font-size:13px;color:#8993a1;margin:2px 0 0 89px}
.mine-stats,.mine-tools,.mine-section{border-radius:16px;background:#fff;margin:12px 0 17px}
.mine-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 4px}
.mine-stats button{border:0;background:transparent;display:grid;justify-items:center;gap:3px;color:#5b626e;min-width:0}
.mine-stats strong{font-size:25px;font-weight:650;color:#333}
.mine-stats span{font-size:13px}
.mine-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:23px;padding:18px 8px 21px}
.mine-tools button{display:grid;justify-items:center;align-content:center;gap:5px;border:0;background:none;padding:4px 0;color:#49505b;font-size:13px;white-space:nowrap}
.mine-tool-icon{display:grid;place-items:center;width:34px;height:34px;font-size:25px;font-weight:750}
.mine-tool-icon.blue{color:#4a87ee}.mine-tool-icon.orange{color:#f4783a}.mine-tool-icon.red{color:#f45768}.mine-tool-icon.yellow{color:#f5a431}.mine-tool-icon.pink{color:#d77880}.mine-tool-icon.cyan{color:#32a8e6}.mine-tool-icon.green{color:#4baa7d}
.mine-section{padding:19px 18px 6px}
.mine-section h2{font-size:20px;margin:0 0 15px;font-weight:650}
.mine-section button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:4px 4px;background:none;border:0;text-align:left;font-size:16px;color:#353a43}
.mine-section button span{font-size:22px;color:#bac0c8}
.auth-page{max-width:500px;margin:0 auto}
.auth-back{background:none;border:0;color:#222b39;font-size:42px;line-height:1;height:45px;padding:0 7px}
.auth-fields{margin-top:55px;display:grid;gap:13px}
.auth-fields h2{font-size:29px;margin:0 0 -8px}
.auth-fields>p{font-size:15px;color:#979da6;margin:0 0 10px}
.auth-field{min-height:58px;background:#fff;border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 15px}
.auth-field>span{color:#a3aab4;font-size:21px}
.auth-field input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:15px;padding:14px 0;color:#2d3643}
.auth-field input::placeholder{color:#b0b7bf}
.auth-field button{background:none;border:0;color:#9ea8b5;font-size:19px}
.auth-submit{width:100%;min-height:55px;border-radius:40px;font-size:19px;margin-top:24px}
.auth-extras{display:flex;justify-content:space-between;margin:0 0 11px}
.auth-extras button,.auth-switch{background:none;border:0;padding:6px 0;color:#37a9d4;font-size:14px}
.auth-divider{display:flex;align-items:center;gap:13px;justify-content:center;color:#a5aab2;font-size:14px;margin:17px 0 13px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#d8dade;flex:1}
.auth-email{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:40px;background:#e9f3ff;color:#4485dc;font-size:16px}
.auth-field [data-action="sendEmailCode"]{font-size:12px;white-space:nowrap;color:#478ce6;padding:9px 1px}
.auth-field [data-action="sendEmailCode"]:disabled{color:#a5aab2}
.code-inline{display:flex;gap:8px;align-items:center}.code-inline input{flex:1;min-width:0}.code-inline button{border:0;border-radius:9px;padding:10px;background:#e9f3ff;color:#4485dc;white-space:nowrap}
.email-enable{display:flex!important;align-items:center;gap:12px}.email-enable input{width:20px;height:20px}
.auth-note{padding:12px;border-radius:10px;background:#fff5ce;color:#b46d33;font-size:13px;line-height:1.5}
.auth-switch{margin:12px auto 0}
.auth-switch:empty{display:none}
.simple-list{display:grid;gap:10px}.simple-list h2{margin:0 0 10px}.simple-list>div:not(.empty){padding:12px;background:#f5f7fa;border-radius:12px}.simple-list strong,.simple-list span{display:block}.simple-list span{color:#8792a1;font-size:13px;margin-top:4px}.simple-list button:not(.primary){background:#f5f7fa;border:0;border-radius:12px;text-align:left;padding:13px;color:#394353}.review-buttons{display:flex;gap:8px;margin-top:9px}.simple-list .review-buttons button{background:#ebf2ff}.simple-list .notification-row{line-height:1.5}
@media(max-width:720px){
 .mine-active .topbar{display:none}
 .mine-active .layout{padding-top:0}
 .mine-head{min-height:183px}
 .auth-dialog .dialog{padding:23px 24px 30px}
 .auth-dialog #closeDialog{display:none}
 .auth-fields{margin-top:clamp(54px,10vh,115px)}
 .auth-page .auth-field input{min-height:unset;border:0;background:none;padding:14px 0}
}

/* ui-v10.css */
/* 分类页：横向主分类、左侧子分类、右侧应用目录。 */
.catalog-screen{max-width:850px;margin:0 auto}
.catalog-heading{text-align:center;background:#fff;font-size:22px;font-weight:700;margin:0;padding:20px 12px;border-bottom:1px solid #f1f2f4}
.catalog-screen .catalog-tabs{gap:0;background:#fff;margin:0;padding:0 8px;border:0;min-height:65px;align-items:stretch}
.catalog-screen .catalog-tabs button{font-size:16px;padding:15px 18px;border:0;position:relative}
.catalog-screen .catalog-tabs button.active{color:#303642}
.catalog-screen .catalog-tabs button.active:after{content:'';position:absolute;left:35%;right:35%;bottom:9px;height:3px;border-radius:3px;background:#4f86ed}
.catalog-screen .catalog-body{grid-template-columns:114px minmax(0,1fr);gap:0;min-height:calc(100dvh - 240px);background:#fff}
.catalog-screen .catalog-side{border-radius:0;background:#f6f7f9;height:100%;padding-top:12px}
.catalog-screen .catalog-side button{min-height:55px;padding:12px 15px;border:0;color:#797e88;text-align:left;font-size:15px}
.catalog-screen .catalog-side button.active{background:#fff;color:#3f84ed;border-left:3px solid #4e85ee}
.catalog-screen .catalog-main{padding:12px 11px 25px;min-width:0}
.catalog-screen .catalog-add{border:0;border-radius:10px;background:#eef4ff;color:#4e82e8;padding:10px 16px;font-weight:700;margin:0 0 12px}
.catalog-screen .app-entry{display:flex;position:relative;align-items:center;gap:8px;background:#f8f9fb;min-height:84px;margin:0 0 10px;padding:9px 10px;border-radius:12px;box-shadow:none}
.catalog-screen .app-summary{display:flex;align-items:center;flex:1;min-width:0;gap:10px;border:0;background:none;padding:0;text-align:left;color:#303743}
.catalog-screen .app-icon,.app-detail .app-icon{width:54px;height:54px;border-radius:10px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:23px;flex:none}
.catalog-screen .app-icon img,.app-detail .app-icon img{width:100%;height:100%;object-fit:cover}
.catalog-screen .app-info{min-width:0;flex:1;display:grid;gap:3px}
.catalog-screen .app-info strong{font-size:16px;font-weight:570}
.catalog-screen .app-info small{font-size:12px;white-space:nowrap;color:#7d8796}
.catalog-screen .app-download{flex:none;border-radius:22px;background:#4e82eb;color:#fff;padding:8px 11px;font-size:13px;line-height:1;text-align:center}
.catalog-screen .app-edit,.catalog-screen .app-delete{position:absolute;bottom:-8px;border:0;background:#eef4ff;border-radius:8px;font-size:10px;color:#6587c4;padding:3px 7px;z-index:1}
.catalog-screen .app-edit{right:47px}.catalog-screen .app-delete{right:2px}
.app-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.app-fields-row label{min-width:0}
.app-detail{display:grid;gap:16px}.app-detail-heading{display:flex;align-items:center;gap:14px}.app-detail-heading h2{font-size:21px;margin:0 0 5px}.app-detail-heading small,.app-detail-stats{color:#8b96a3;font-size:13px}.app-detail>p{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.app-detail-download{text-align:center}
/* 个人中心尺寸匹配参考截图中的手机端密度。 */
.mine-screen{max-width:760px}
.mine-head{min-height:154px;padding:16px 13px 15px}
.mine-bell{top:12px;right:13px;width:39px;height:39px;font-size:23px}
.mine-account{gap:14px;padding:4px 0}
.mine-account strong{font-size:20px}
.mine-avatar{width:62px;height:62px;font-size:24px}
.mine-chevron{font-size:28px}
.mine-bio{margin-left:76px}
.mine-stats,.mine-tools,.mine-section{margin:11px 0 15px;border-radius:14px}
.mine-stats{padding:13px 4px}
.mine-stats strong{font-size:23px}
.mine-tools{row-gap:15px;padding:15px 6px}
.mine-tools button{font-size:12px;gap:3px;padding:3px 0}
.mine-tool-icon{width:29px;height:29px;font-size:22px}
.mine-section{padding:17px 17px 7px}
.mine-section h2{font-size:18px;margin-bottom:10px}
.mine-section button{min-height:49px;font-size:15px}
@media(max-width:720px){
 .catalog-active .topbar{display:none}
 .catalog-active .layout{padding:0 0 calc(62px + env(safe-area-inset-bottom));min-height:100dvh}
 .catalog-screen{width:100%;max-width:none}
 .catalog-heading{font-size:18px;padding:18px 12px;min-height:58px}
 .catalog-screen .catalog-tabs{min-height:64px;padding:0 12px}
 .catalog-screen .catalog-tabs button{padding:16px 14px;font-size:15px}
 .catalog-screen .catalog-body{grid-template-columns:85px minmax(0,1fr);min-height:calc(100dvh - 182px - env(safe-area-inset-bottom))}
 .catalog-screen .catalog-side button{min-height:51px;padding:10px 10px;font-size:13px}
 .catalog-screen .catalog-main{padding:12px 10px 16px}
 .catalog-screen .app-entry{min-height:79px;padding:8px;gap:5px}
 .catalog-screen .app-summary{gap:8px}
 .catalog-screen .app-icon{width:49px;height:49px}
 .catalog-screen .app-info strong{font-size:14px}
 .catalog-screen .app-info small{font-size:11px}
 .catalog-screen .app-download{font-size:12px;padding:8px 9px}
 .mine-head{min-height:151px}
}
@media(max-width:360px){.catalog-screen .catalog-body{grid-template-columns:76px minmax(0,1fr)}.catalog-screen .app-icon{width:42px;height:42px}.catalog-screen .app-info strong{font-size:13px}.catalog-screen .app-download{padding:7px}}

/* ui-v11.css */
/* 社区首页：参考布局，使用本站自己的图标和横幅。 */
.community-screen{max-width:800px;margin:0 auto}
.community-search{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff}
.community-logo{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#e1f7ff,#d5ebff);color:#438be8;font-weight:800;font-size:20px}
.community-search button{flex:1;border:0;border-radius:26px;background:#f3f4f6;color:#969da7;text-align:left;padding:10px 15px;min-width:0;font-size:15px}
.community-tabs{display:flex;align-items:stretch;gap:10px;background:#fff;min-height:51px;padding:0 13px}
.community-tabs button{position:relative;border:0;background:none;color:#5f6470;min-width:74px;padding:12px 9px;font-size:15px}
.community-tabs button.active{color:#252d3a;font-weight:700}
.community-tabs button.active:after{content:'';position:absolute;left:18px;right:18px;bottom:4px;height:3px;border-radius:2px;background:#4e86ea}
.community-content{padding:16px 0 25px}
.community-screen .community-hero{margin:0 0 18px;display:block;min-height:147px;overflow:hidden;position:relative;border-radius:16px;padding:0;color:#fff;background:radial-gradient(circle at 86% 25%,#d8efff75,transparent 26%),linear-gradient(112deg,#416bd3,#64bde8)}
.community-screen .community-hero>a{display:block;width:100%;height:100%}
.community-screen .community-hero img{width:100%;height:100%;aspect-ratio:2.5/1;max-height:290px;display:block;object-fit:fill}
.community-hero-copy{display:grid;position:relative;align-content:center;gap:9px;min-height:147px;padding:19px 24px;overflow:hidden}
.community-hero-copy small{letter-spacing:.08em;font-size:12px;color:#e8f5ff}
.community-hero-copy strong{position:relative;z-index:1;font-size:24px;line-height:1.2}
.community-hero-copy>span{position:relative;z-index:1;font-size:13px;color:#e7f5ff}
.community-hero-copy i{position:absolute;right:30px;top:-18px;font-size:178px;font-style:normal;font-weight:800;color:#ffffff26;line-height:1;transform:rotate(-16deg)}
.community-pinned,.community-boards{background:#fff;border-radius:16px;padding:17px 19px;margin-bottom:17px}
.community-pinned h2,.community-boards h2,.community-posts h2{font-size:19px;margin:0 0 12px}
.community-pinned>button{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 0;border:0;border-top:1px solid #f1f2f5;background:none;text-align:left;min-width:0}
.community-pinned>button span{flex:none;background:#f05258;color:#fff;border-radius:5px;padding:3px 7px;font-size:12px}
.community-pinned>button strong{flex:1;font-size:14px;font-weight:500;color:#323943;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-pinned>button i{font-style:normal;color:#aab3bf}
.community-pinned-empty{color:#9da6b3;font-size:13px;margin:8px 0 3px}
.community-section-head{display:flex;justify-content:space-between;align-items:center}
.community-section-head button{border:0;background:none;color:#5683cf;font-size:12px}
.community-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;row-gap:6px}
.community-board{display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left;min-width:0;min-height:79px;padding:5px 0}
.board-avatar{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:#fff;box-shadow:inset 0 1px #ffffff80}
.board-avatar svg{width:31px;height:31px}
.board-avatar.blue{background:linear-gradient(145deg,#5d9fe8,#826ada)}.board-avatar.violet{background:linear-gradient(145deg,#719af1,#9755ce)}
.board-avatar.indigo{background:linear-gradient(145deg,#3b72e2,#678cea)}.board-avatar.green{background:linear-gradient(145deg,#9bd270,#489765)}
.board-avatar.gold{background:linear-gradient(145deg,#ffe58a,#e9b54d)}.board-avatar.slate{background:linear-gradient(145deg,#6194d0,#425c91)}
.board-avatar.mint{background:linear-gradient(145deg,#81d4b2,#53a19a)}
.community-board-text{display:grid;gap:5px;min-width:0}
.community-board-text strong{font-size:15px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-board-text small{font-size:11px;color:#9ba3ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-posts{padding:3px 0}.community-posts .post-card{margin:10px 0}
.community-results{background:#fff;border-radius:16px;padding:17px 19px}.community-results h2{font-size:18px;overflow-wrap:anywhere;margin:0 0 8px}.community-results .post-card{margin:10px 0}
.pin-settings h2{margin:0 0 5px}.pin-settings h3{margin:23px 0 9px;font-size:17px}.pin-settings .muted{font-size:13px}
#pinSearchForm{display:flex;gap:8px;margin-top:13px}#pinSearchForm input{flex:1;min-width:0;border:1px solid #dce5f3;border-radius:9px;padding:10px}
#pinSearchForm button{flex:none}
.pin-row{display:flex;gap:8px;align-items:center;border-top:1px solid #eef1f5;padding:9px 0}
.pin-row>button:first-child{flex:1;min-width:0;text-align:left;border:0;background:none;padding:6px 0}
.pin-row strong,.pin-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pin-row strong{font-size:14px;color:#2c3543}.pin-row small{font-size:11px;color:#98a3b2;margin-top:4px}
.pin-row .pin-add,.pin-row .pin-remove{flex:none;border:0;border-radius:9px;padding:7px 9px;background:#eaf2ff;color:#4f83dc;font-size:12px}
.pin-row .pin-remove{background:#f5f6f8;color:#818a99}
@media(max-width:720px){
 .community-active .topbar{display:none}
 .community-active .layout{padding:0 12px calc(85px + env(safe-area-inset-bottom))}
 .community-screen{margin:0 -12px}
 .community-search{padding:9px 12px}
 .community-tabs{padding:0 8px}
 .community-content{padding:15px 10px 20px}
 .community-screen .community-hero,.community-hero-copy{min-height:124px}
 .community-hero-copy{padding:15px 19px}
 .community-hero-copy strong{font-size:20px}
 .community-pinned,.community-boards{padding:15px 14px;margin-bottom:15px}
 .community-board-grid{column-gap:7px;row-gap:2px}
 .community-board{gap:8px;min-height:72px}
 .board-avatar{width:44px;height:44px;border-radius:12px}
 .board-avatar svg{width:26px;height:26px}
 .community-board-text strong{font-size:13px}
 .community-board-text small{font-size:10px}
 .community-posts{padding:1px 2px}
}
@media(max-width:360px){.community-board-grid{column-gap:4px}.community-board{gap:5px}.board-avatar{width:38px;height:38px}.board-avatar svg{width:23px;height:23px}.community-board-text strong{font-size:12px}}

/* ui-v12.css */
/* 文件上传与头像展示 */
.file-preview{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.file-preview span{display:inline-block;max-width:100%;overflow-wrap:anywhere;border-radius:9px;padding:7px 10px;background:#eef4ff;color:#486d9f;font-size:13px}
.avatar-preview{width:70px;height:70px;border-radius:50%;overflow:hidden;background:#e6f3ff;display:grid;place-items:center;color:#4b85dc;margin:7px 0 12px}
.avatar-preview img,.mine-avatar img,.person .avatar img,.home-up-list .avatar img,.post-author-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.post-author{display:inline-flex;align-items:center;gap:5px;min-width:0}
.post-author-avatar{display:inline-grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#e8f1ff;color:#4c84d5;font-size:12px;overflow:hidden}
.comment-author{display:inline-flex;align-items:center;gap:7px}
.comment-author .post-author-avatar{width:30px;height:30px}
.post-files{margin:18px 0;border-top:1px solid #e8edf4;padding-top:15px}
.post-files h2{font-size:17px;margin:0 0 10px}
.post-files a{display:flex;align-items:center;gap:7px;overflow-wrap:anywhere;color:#4381d9;text-decoration:none;padding:11px 12px;margin:7px 0;border:1px solid #deebfc;border-radius:11px;background:#f6f9ff}
.post-files a small{margin-left:auto;white-space:nowrap;color:#8793a5}
@media(max-width:720px){.post-meta .post-author{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-author-avatar{width:19px;height:19px}}

/* ui-v13.css */
/* 金币任务、明细和商城 */
.coin-page{color:#252d3a;min-height:52vh}
.coin-page>h2{text-align:center;font-size:22px;margin:4px 0 20px}
.coin-balance,.coin-panel{background:#fff;border:1px solid #edf1f6;border-radius:18px;margin-bottom:16px;padding:20px}
.coin-balance{position:relative;display:grid;gap:7px;min-height:135px;align-content:center}
.coin-balance strong{font-size:38px;line-height:1}.coin-balance span{font-size:15px;color:#525b68;font-weight:600}.coin-balance i{position:absolute;right:26px;bottom:10px;color:#f9cf63;font-size:85px;font-style:normal;opacity:.45}
.coin-panel h3{font-size:20px;margin:0 0 8px}.coin-panel h3 em{font-style:normal;background:#31a8ee;border-radius:13px;color:white;font-size:15px;padding:4px 9px}.coin-panel>small{color:#909aa7}
.checkin-days{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:21px 0 24px;padding-bottom:2px}.checkin-days>div{background:#f4f5f7;min-width:75px;text-align:center;border-radius:10px;padding:12px 5px;color:#88929f}.checkin-days small,.checkin-days b{display:block}.checkin-days b{margin-top:7px;color:#555f6c}
.checkin-now{display:block;width:100%;border-radius:27px}.coin-panel .task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #f0f1f4}.coin-panel .task-row:last-child{border-bottom:0}.task-row>div{display:grid;gap:7px}.task-row strong{font-size:16px}.task-row span{font-size:13px;color:#caac49}.task-row button{border:0;border-radius:20px;background:#edf5ff;color:#4a91d9;padding:8px 15px;white-space:nowrap}.task-row button:disabled{background:#f3f3f3;color:#999}
.coin-records{min-height:40vh}.coin-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 13px;border-radius:14px;background:white;margin:10px 0}.coin-record div{display:grid;gap:5px}.coin-record small{color:#9aa2aa;font-size:12px}.coin-record b{font-size:17px;white-space:nowrap}.coin-record .plus,.shop-price{color:#ef696b}.coin-record .minus{color:#687386}.coin-empty{text-align:center;padding:22px}
.shop-balance{display:flex;align-items:center;gap:6px;margin:0 0 15px;color:#687386}.shop-balance strong{color:#ef6868}.shop-balance button{margin-left:auto;border:0;background:transparent;color:#4c85e1}
.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-item{display:grid;align-content:start;text-align:left;overflow:hidden;border:1px solid #eef0f4;border-radius:16px;background:white;padding:0 0 12px;min-width:0}.shop-item>img,.shop-item-placeholder{width:100%;aspect-ratio:1.2/1;object-fit:cover;background:linear-gradient(135deg,#e4f3ff,#639eef);display:grid;place-items:center;color:#fff;font-size:48px}.shop-item>strong,.shop-item>small,.shop-item>span:last-child{margin:8px 11px 0;overflow-wrap:anywhere}.shop-item>strong{font-size:15px}.shop-item>small{font-size:12px;color:#959ba7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-item>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:2px}.shop-item>span:last-child b{color:#ee6c6c;font-size:14px}.shop-item>span:last-child small{color:#999;font-size:11px;white-space:nowrap}.shop-manage-link{margin-top:18px;width:100%}.shop-detail-image{display:block;width:100%;max-height:270px;object-fit:contain;border-radius:14px}.shop-detail p{overflow-wrap:anywhere}.shop-price{font-weight:700}.shop-admin h3{font-size:17px;margin:23px 0 10px}.shop-admin-row{border-bottom:1px solid #edf0f5;padding:14px 0;display:flex;justify-content:space-between;gap:7px;align-items:center}.shop-admin-row>div{min-width:0;display:grid;gap:5px}.shop-admin-row strong{overflow-wrap:anywhere;font-size:14px}.shop-admin-row small{color:#959da8}.shop-admin-row button{flex:none}.contact-detail{margin:3px 0;font-size:12px;color:#5a6675;overflow-wrap:anywhere}
@media(max-width:420px){.coin-panel{padding:16px}.shop-grid{gap:9px}.shop-item>span:last-child{display:grid}.shop-item>span:last-child small{margin-top:3px}}

.shop-image-preview img{width:120px;height:100px;object-fit:cover;border-radius:12px;margin:6px 0}

/* ui-v14.css */
/* 全屏发帖、应用投稿、板块及广告设置 */
body.dialog-open{overflow:hidden}
.dialog-backdrop.full-screen{inset:0;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;z-index:30}
.dialog-backdrop.full-screen[hidden]{display:none}
.full-screen .dialog{width:min(100%,750px);height:100dvh;max-height:none;overflow:auto;padding:0;border-radius:0;background:#fff;box-shadow:none}
.full-screen .dialog>.close{display:none}
.full-screen #dialogBody{min-height:100%}
.editor-screen,.post-editor{min-height:100dvh;background:#fff}
.post-editor{display:flex;flex-direction:column}
.editor-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:9px;height:60px;padding:5px 18px;border-bottom:1px solid #f1f1f1;background:#fff}
.editor-header strong{font-size:19px;white-space:nowrap;margin:auto}
.editor-header>button:first-child{border:0;background:none;color:#171b23;font-size:40px;line-height:1;min-width:40px;text-align:left}
.editor-header>button:last-child:not(.top-submit){border:0;background:none;color:#2f3640;font-size:26px}
.editor-title{width:100%;padding:20px 22px;border:0;border-bottom:1px solid #f4f4f4;border-radius:0;font-size:19px;outline:none}
.editor-body{flex:1;width:100%;min-height:46vh;padding:18px 22px;border:0;outline:none;resize:vertical;font-size:16px;line-height:1.65}
.editor-bottom{position:sticky;bottom:0;background:white;border-top:1px solid #eee;z-index:3}
.board-picker{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;color:#7c8795;border-bottom:1px solid #eee;min-height:47px}
.board-picker select{flex:1;min-width:0;text-align:right;appearance:none;background:none;border:0;padding:5px 9px;color:#334053;outline:0}
.board-picker span{font-size:25px;color:#a3aab4}
.editor-tools{display:flex;align-items:center;gap:12px;padding:9px 15px;min-height:57px}.editor-tools>label{display:grid;place-items:center;width:38px;height:37px;font-size:28px;color:#6c7988;cursor:pointer}.editor-tools .primary{margin-left:auto;border-radius:24px;font-size:14px}.editor-limit{font-size:11px;color:#9ba4b0}
.post-editor #imagePreview,.post-editor #filePreview{margin:0 16px;max-height:140px;overflow:auto}
.upload-screen{min-height:100dvh;background:#f7f7f7}.upload-screen .editor-header .template-button{font-size:13px;border:1px solid #578ae1;color:#578ae1;border-radius:20px;padding:6px 10px;background:#fff}.upload-screen .editor-header .top-submit{font-size:13px;padding:8px 11px;border-radius:20px}.upload-screen .editor-header strong{margin:auto;font-size:19px}
.app-upload-form{padding:15px 15px 50px}.app-upload-form>section{padding:17px;margin-bottom:15px;background:#fff;border-radius:16px}.app-upload-form h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #eee;font-size:19px}.app-upload-form label:not(.choose-apk){display:grid;gap:8px;margin:11px 0;color:#39414e;font-size:14px}.app-upload-form input:not([type=file]),.app-upload-form select,.app-upload-form textarea{width:100%;padding:12px;background:#f7f7f7;border:1px solid #f1f1f1;border-radius:6px;color:#283546;min-width:0}.app-upload-form textarea{min-height:150px;resize:vertical}.app-upload-form .choose-apk{font-size:12px;font-weight:400;padding:7px 11px;border:1px solid #5688df;background:#fff;border-radius:19px;cursor:pointer}.app-basic{display:grid;grid-template-columns:112px 1fr;gap:13px}.app-icon-pick{text-align:center}.app-icon-pick span{height:94px;border:1px dashed #c5ced8;border-radius:13px;display:grid;place-items:center;color:#a5a5a5;font-size:42px;overflow:hidden;cursor:pointer}.app-icon-pick img{width:100%;height:100%;object-fit:cover}.app-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.upload-thumbs{display:flex;flex-wrap:wrap;gap:7px}.upload-thumbs img{width:80px;height:90px;object-fit:cover;border-radius:8px}.app-upload-form .bottom-submit{width:100%;margin-top:12px}.app-upload-form .muted{font-size:12px}
.submissions-screen{min-height:100dvh;position:relative;padding-bottom:110px}.submission-tabs{display:flex;justify-content:space-around;gap:2px;padding:9px;border-bottom:1px solid #eee}.submission-tabs button{border:0;background:none;padding:9px 3px;font-size:13px;color:#666}.submission-tabs button.active{color:#222;border-bottom:3px solid #5289ed}.submission-list{padding:15px}.submission-list article{display:grid;gap:9px;border-bottom:1px solid #eee;padding:15px 6px}.submission-list article small{color:#8e98a5}.submission-list article a{color:#4f84df}.submission-list article button{justify-self:end;border:0;background:#eff3fa;color:#6684ac;border-radius:18px;padding:5px 10px}.submission-empty{text-align:center;margin:55px 0;color:#aaa}.submission-add{position:fixed;right:max(20px,calc((100vw - 720px)/2 + 20px));bottom:95px;z-index:2;border-radius:30px;box-shadow:0 7px 17px #2774ee45}
.community-screen .community-board-grid{row-gap:8px}.community-screen .community-board{min-height:85px}.community-screen .board-avatar{width:51px;height:51px}.community-screen .community-board-text small{white-space:normal}.community-screen .community-pinned,.community-screen .community-boards{box-shadow:0 4px 18px #142a3b07}.board-page .board-heading{align-items:center}.board-page .board-heading small{color:#9ba5b1}.board-page .board-heading p{margin:8px 0;color:#84909d}
.ad-slide>a{display:block;position:relative;z-index:1;cursor:pointer}.ad-slide>a img{pointer-events:none}
@media(max-width:380px){.editor-limit{font-size:9px}.app-basic{grid-template-columns:95px 1fr}.community-screen .community-board{gap:5px}.community-screen .board-avatar{width:42px;height:42px}}

.app-screenshots{display:flex;gap:8px;overflow-x:auto;margin:12px 0}.app-screenshots img{height:130px;max-width:160px;object-fit:cover;border-radius:9px}.review-icon{width:54px;height:54px;object-fit:cover;border-radius:8px}

.post-editor #imagePreview:not(:empty){padding:8px 0;min-height:90px;flex:0 0 auto}.post-editor #uploadStatus:not(:empty){padding:5px 16px;color:#4c79c6;font-size:12px}.post-editor #imagePreview img{flex:0 0 76px;display:block}.post-v18-images img{max-width:100%;height:auto}

/* 发帖选图：整块按钮直接承接手机文件选择，图片始终展示在固定底栏上方 */
.post-editor .post-photo-button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:96px;height:40px;padding:0 11px;border:1px solid #bad1f5;border-radius:20px;background:linear-gradient(135deg,#ecf4ff,#dfeaff);color:#3974cf;font-size:13px;white-space:nowrap;overflow:hidden;cursor:pointer}
.post-editor .post-photo-icon{font-size:21px;line-height:1}.post-editor .post-photo-label{font-size:12px;font-weight:600}
.post-editor .post-photo-button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:120px;z-index:1}
.post-editor .editor-tools{gap:8px;padding:8px 12px}.post-editor .editor-limit{white-space:nowrap}.post-editor .editor-tools .primary{flex:0 0 auto}
.post-editor #imagePreview:not(:empty){display:flex;align-items:center;gap:8px;max-height:118px;padding:9px 14px;margin:0;border-bottom:1px solid #edf0f6;overflow-x:auto}
.post-editor #imagePreview img{width:76px;height:76px;object-fit:cover;border-radius:10px;border:1px solid #e7ecf4}
.post-editor #uploadStatus:not(:empty){padding:4px 14px 6px}
@media(max-width:380px){.post-editor .post-photo-button{min-width:85px;padding:0 7px}.post-editor .editor-limit{font-size:9px}}

/* 发帖正文底部预览区 */
.post-editor .post-editor-content{display:flex;flex-direction:column;flex:1;min-height:46vh;min-height:0}
.post-editor .post-editor-content .editor-body{flex:1;min-height:180px;resize:none}
.post-editor .post-editor-content #imagePreview{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-height:120px;max-height:35vh;margin:0 16px 8px;padding:10px;border:1px dashed #cfdbeb;border-radius:14px;background:#f7faff;overflow-x:auto}
.post-editor .post-editor-content #imagePreview img{display:block;flex:0 0 auto;width:min(33vw,170px);height:min(28vh,190px);max-height:190px;object-fit:cover;border:1px solid #dce6f5;border-radius:12px;background:#edf2f8}
.post-editor .post-editor-content #imagePreview .post-photo-empty{display:block;width:100%;text-align:center;color:#9baabc;font-size:13px}
.post-editor .post-editor-content #uploadStatus:not(:empty){margin:0 16px 6px;padding:0 3px;color:#447ace;font-size:12px}
.post-editor .post-editor-content #imagePreview .post-preview-error{border-color:#d88585}

/* 仅旧版 Android APP 首页更新提示 */
.legacy-app-update{margin:12px 16px 0;padding:12px 14px;border:1px solid #f6dcb3;border-radius:12px;background:#fff7e9;color:#a75c10;font-size:14px;font-weight:600;text-align:center;line-height:1.5}

/* ui-v15.css */
/* 板块详情与手机 APK 安装包选择 */
.board-active .topbar{display:none}
.board-active .layout{padding-top:0}
.board-page-v15{max-width:800px;margin:auto;padding-bottom:25px}
.board-top{height:60px;display:flex;align-items:center;justify-content:space-between;background:#fff;margin:0 -12px 15px;padding:0 16px;border-bottom:1px solid #f1f2f4}
.board-top strong{font-size:19px;color:#22272d}
.board-top button{min-width:37px;border:0;background:none;color:#242a34;font-size:36px;line-height:1}
.board-content{padding:0 2px}
.board-hero{height:190px;border-radius:17px;display:flex;align-items:end;gap:17px;padding:24px;color:#fff;background:linear-gradient(0deg,#112037d6,#274c7680),radial-gradient(ellipse at 64% 28%,#8cb8df,#183452 65%,#0b223d);overflow:hidden}
.board-hero .board-avatar{width:56px;height:56px;box-shadow:0 4px 12px #0018;border:2px solid #fff8}
.board-hero h1{font-size:23px;margin:0 0 7px}.board-hero small{font-size:13px;color:#e2eafa}
.board-pinned{background:white;border-radius:17px;padding:17px 20px;margin:15px 0}
.board-pinned h2{font-size:18px;margin:0 0 10px;padding-bottom:11px;border-bottom:1px solid #f3f4f6}
.board-pinned button{display:flex;align-items:center;gap:9px;min-width:0;width:100%;background:none;border:0;padding:11px 0;text-align:left}
.board-pinned button span,.board-pin-label{flex:none;background:#f65761;color:#fff;font-size:11px;font-weight:500;padding:3px 6px;border-radius:4px;margin-right:8px}
.board-pinned button strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.board-pinned button i{font-style:normal;color:#b2b9c3}.board-pinned>p{color:#9da5b1;font-size:13px;margin:12px 0 4px}
.board-feed-tabs{display:flex;align-items:stretch;justify-content:space-around;gap:3px;background:white;border-radius:14px;margin:15px 0;padding:0 10px}
.board-feed-tabs button{position:relative;flex:1;border:0;background:transparent;min-height:51px;color:#515b68;font-size:15px}
.board-feed-tabs button.active{font-weight:700;color:#222}.board-feed-tabs button.active:after{content:'';position:absolute;bottom:5px;left:33%;right:33%;height:3px;border-radius:3px;background:#5287e8}
.board-post{padding:17px 18px;margin:12px 0;cursor:pointer;border:none;box-shadow:0 3px 15px #1b2c4309}
.board-post>strong{display:block;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.board-post>p{color:#868d98;line-height:1.55;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:9px 0 12px;white-space:pre-wrap}
.board-post-images{display:flex;gap:9px;margin:12px 0;overflow:hidden}.board-post-images img{width:calc((100% - 18px)/3);height:130px;object-fit:cover;border-radius:8px}.board-post-images img:only-child{width:55%;height:175px}
.board-post footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#99a2af;font-size:12px}.board-post footer .post-author-avatar{width:22px;height:22px}.board-author{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-counts{margin-left:auto;white-space:nowrap}
.board-publish{position:fixed;bottom:calc(75px + env(safe-area-inset-bottom));right:max(16px,calc((100vw - 760px)/2));z-index:10;border:0;color:#fff;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#528bee,#3eaeed);box-shadow:0 7px 20px #317ed947;font-size:32px}
.board-active #fab{display:none}
.apk-picker{position:fixed;inset:0;z-index:6;background:#f7f8fa;overflow-y:auto}.apk-picker[hidden]{display:none}
.apk-picker-content{padding:24px 18px;max-width:600px;margin:auto}.apk-picker-content p{background:#fff;border-radius:13px;padding:17px;color:#687584;font-size:14px;line-height:1.7}.apk-picker-content>.primary{width:100%;margin:17px 0;border-radius:13px;padding:14px}.apk-candidate-row{background:white;border-radius:14px;display:flex;gap:12px;align-items:center;padding:14px;margin:10px 0}.apk-candidate-row>span{flex:none;display:grid;place-items:center;border-radius:12px;width:50px;height:50px;background:#e9f0ff;color:#5588e8;font-size:26px}.apk-candidate-row div{display:grid;gap:7px;min-width:0}.apk-candidate-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apk-candidate-row small{font-size:12px;color:#9aa5b1}.apk-candidate>.primary{width:100%}
@media(max-width:720px){.board-active .layout{padding:0 12px calc(85px + env(safe-area-inset-bottom))}.board-hero{height:172px}.board-post-images img{height:90px}.board-post-images img:only-child{height:145px}.board-counts{font-size:11px}}

/* ui-v16.css */
/* 秋天社区头像、首页置顶、公开用户主页 */
.brand-mark{overflow:hidden;padding:0}.brand-mark img,.community-logo img,.mine-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.community-logo{overflow:hidden}.community-logo img{border-radius:50%}
.home-pinned h2{border-bottom:1px solid #f0f1f3;padding-bottom:12px;margin-bottom:0}
.home-pinned-empty{color:#a0a8b1;font-size:13px;margin:15px 0 4px}
.home-up-list .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.person-avatar-link{flex:none;border:0;background:none;padding:0;display:block}.person-avatar-link .avatar{width:45px;height:45px}
.public-profile{min-height:100dvh;background:#f6f6f6;padding-bottom:105px}
.public-profile .editor-header{position:sticky}.public-profile .editor-header>button:last-child{font-size:30px}
.public-profile-main{max-width:750px;margin:auto;padding:0 13px}
.public-profile-identity{display:grid;justify-items:center;gap:15px;padding:34px 0 22px}
.public-profile-identity strong{font-size:21px}.public-profile-avatar{display:grid;place-items:center;width:92px;height:92px;overflow:hidden;border-radius:50%;background:linear-gradient(130deg,#cce7ff,#efe7fc);color:#578ae7;font-size:46px}
.public-profile-avatar img{width:100%;height:100%;object-fit:cover}
.public-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 22px;text-align:center}
.public-profile-stats>div{border-right:1px solid #eee;display:grid;gap:5px}.public-profile-stats>div:last-child{border:0}.public-profile-stats strong{font-size:21px}.public-profile-stats small{color:#8a9099;font-size:13px}
.public-profile-panel{background:#fff;border-radius:14px;margin:15px 0;padding:18px 20px}.public-profile-panel h2{font-size:19px;font-weight:600;margin:1px 0 18px}.public-profile-panel>p{margin:0;color:#30343a;line-height:1.5;white-space:pre-wrap}
.public-profile-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border:0;background:none;text-align:left;color:#323943;font-size:15px;border-bottom:1px solid #f2f3f6}.public-profile-row:last-child{border-bottom:0}.public-profile-row span{color:#afb5bc;font-size:26px}.public-profile-row small{color:#8f9aa7;line-height:1.5}.public-profile-row:has(small){display:grid}
.public-profile-follow{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff;padding:13px 20px calc(15px + env(safe-area-inset-bottom));border-top:1px solid #f1f1f1;z-index:4}.public-profile-follow .primary{width:min(70%,440px);border-radius:28px;background:linear-gradient(100deg,#61a8f6,#20d1dc)}
.public-album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.public-album button{padding:0;border:0;background:none;border-radius:9px;overflow:hidden;aspect-ratio:1}.public-album img{width:100%;height:100%;object-fit:cover}
.profile-subpage{max-width:750px;margin:auto;padding:15px}.profile-subpage h2{font-size:20px;margin:12px 0 20px}.profile-subpage .public-profile-row{background:white;padding:15px;margin:9px 0;border-radius:12px;overflow-wrap:anywhere}.profile-subpage .post-card{margin:10px 0}
.public-profile-menu{position:fixed;inset:0;z-index:8;background:#0009;display:flex;align-items:end;justify-content:center}.public-profile-menu[hidden]{display:none}.public-profile-menu>div{width:min(100%,750px);padding:14px 19px calc(18px + env(safe-area-inset-bottom));border-radius:21px 21px 0 0;background:white;display:grid;gap:8px}.public-profile-menu button{padding:16px;border:0;background:none;font-size:16px}.public-profile-menu button:last-child{border-radius:27px;background:#f0f1f3}
@media(max-width:380px){.public-profile-stats strong{font-size:17px}.public-profile-stats small{font-size:12px}}

/* ui-v17.css */
/* UP 页面与应用详情 */
body.up-active .topbar{display:none}body.up-active .layout{max-width:100%;padding:0;background:#f6f6f6}body.up-active #content{padding:0;background:#f6f6f6}body.up-active #fab{background:linear-gradient(130deg,#5796ef,#17d7e6)}
.up-v17{max-width:760px;margin:auto;background:#f6f6f6;min-height:100dvh;padding-bottom:100px}.up-v17 h1{height:55px;margin:0;background:#fff;text-align:center;font-size:21px;font-weight:600;padding:13px}.up-search{display:block;width:calc(100% - 28px);margin:11px 14px;background:#f2f3f5;border:0;border-radius:25px;color:#a6acb5;text-align:center;font-size:15px;padding:11px}.up-tabs{display:flex;gap:28px;align-items:center;background:white;padding:8px 20px 0;height:50px}.up-tabs button,.up-ranking-tabs button,.up-app-tabs button{border:0;background:none;color:#60656d;font-size:16px;height:100%;position:relative;white-space:nowrap}.up-tabs .active,.up-ranking-tabs .active,.up-app-tabs .active{color:#1e2632;font-weight:700}.up-tabs .active:after,.up-ranking-tabs .active:after,.up-app-tabs .active:after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:3px;border-radius:3px;background:#4e8ee9}.up-content{padding:14px}.up-content .ads{margin:0 0 14px}.up-hub,.up-people{border-radius:17px;background:white;padding:14px 12px;margin-bottom:14px}.up-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.up-shortcuts button{display:grid;gap:8px;place-items:center;border:0;background:none;font-size:14px;color:#202329;padding:0 0 12px}.up-shortcuts span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;font-size:25px}.u-red{background:linear-gradient(135deg,#f46281,#ef5760)}.u-orange{background:linear-gradient(135deg,#ffb54d,#fa912a)}.u-blue{background:linear-gradient(135deg,#33caa1,#319ee4)}.u-green{background:linear-gradient(135deg,#8deb8c,#2acc8c)}.u-pink{background:linear-gradient(135deg,#ff777d,#ed526f)}.up-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.up-main-actions button{border:0;color:white;font-size:17px;font-weight:600;border-radius:10px;padding:15px 6px;background:linear-gradient(100deg,#50b1f8,#15d7e8)}.up-main-actions button+button{background:linear-gradient(100deg,#a998da,#f0b8e8)}.up-people header{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 12px}.up-people h2{font-size:17px;margin:0}.up-people header button{background:none;border:0;color:#9299a3}.up-people-strip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.up-person{display:grid;min-width:75px;gap:7px;text-align:center}.up-person>button:first-child{display:grid;place-items:center;border:0;background:none;gap:7px;min-width:0}.up-person .avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#eaf3ff;color:#5287ce;font-size:26px}.up-person .avatar img{width:100%;height:100%;object-fit:cover}.up-person strong{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:75px}.up-person .up-follow{border:0;border-radius:15px;background:#508be9;color:#fff;padding:5px}
.up-list-screen,.up-app-detail{min-height:100dvh;background:#f7f7f7;padding-bottom:90px}.up-list-screen .editor-header,.up-app-detail .editor-header{background:white;position:sticky;top:0;z-index:2}.up-list-screen form{padding:10px 14px;background:white}.up-list-screen form input{width:100%;border:0;border-radius:25px;background:#f4f4f4;padding:11px;text-align:center}.up-app-list{padding:10px 12px}.up-app-row{background:#fff;border-radius:12px;display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:9px}.up-app-row>button{display:flex;align-items:center;min-width:0;flex:1;text-align:left;gap:10px;background:none;border:0}.up-app-icon{width:58px;height:58px;border-radius:12px;background:#e8f0fa;display:grid;place-items:center;overflow:hidden;flex:none;font-size:29px;color:#518de3}.up-app-icon img{width:100%;height:100%;object-fit:cover}.up-app-row>button>span:last-child{min-width:0;display:grid;gap:2px}.up-app-row strong{font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.up-app-row small{font-size:12px;color:#7c8490}.up-app-row>a{flex:none;border-radius:20px;background:#5089e8;color:white;padding:7px 12px;text-decoration:none}.up-ranking-tabs{display:flex;overflow-x:auto;background:white;gap:23px;padding:0 15px;height:48px}.up-podium{display:flex;gap:10px;align-items:end;justify-content:space-around;min-height:180px;background:linear-gradient(#e5f5fb,#f7f7f7);padding:25px 12px 8px}.up-podium button{border:0;background:none;display:grid;justify-items:center;gap:5px;width:29%;min-width:0}.up-podium button:nth-child(2){transform:translateY(-16px)}.up-podium b{border-radius:50%;background:#edbb50;color:white;padding:5px 11px}.up-podium small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-podium em{color:#d29b36;font-size:12px;font-style:normal}
.up-app-detail{background:linear-gradient(#e3f0ff,#f7f9fc 450px);}.app-detail-main{padding:20px 17px}.up-app-title{display:flex;gap:15px;align-items:center;margin:13px 0 29px}.up-app-title .up-app-icon{width:78px;height:78px}.up-app-title h2{margin:0 0 5px;font-size:21px}.up-app-title small,.up-app-title p{color:#717b89;margin:5px 0}.up-app-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:3px;margin:10px 0 25px}.up-app-stats>div{display:grid;gap:6px}.up-app-stats b{font-size:20px;color:#2b76c3}.up-app-stats small{color:#505863}.up-app-author{padding:10px;border-radius:14px;background:#fff9;display:flex;align-items:center;justify-content:space-between}.up-app-author button{display:flex;align-items:center;gap:9px;border:0;background:none}.up-app-author .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#dae9ff;display:grid;place-items:center}.up-app-author .avatar img{width:100%;height:100%;object-fit:cover}.up-app-author>button+button{background:#277ccf;color:white;border-radius:25px;padding:8px 14px}.up-app-tabs{display:flex;justify-content:space-around;height:64px;margin:16px 0}.up-app-shots{display:flex;gap:10px;overflow-x:auto}.up-app-shots img{height:190px;max-width:135px;object-fit:cover;border-radius:11px}.up-app-detail h3{font-size:18px;border-left:4px solid #2879cb;padding-left:10px;margin:23px 0 10px}.up-app-detail p{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.up-app-bottom{position:fixed;bottom:0;left:0;right:0;background:white;display:flex;align-items:center;gap:12px;padding:9px 14px calc(10px + env(safe-area-inset-bottom));z-index:5}.up-app-bottom button{border:0;background:none;display:grid;text-align:center;gap:2px;font-size:22px}.up-app-bottom small{font-size:11px}.up-app-bottom a{flex:1;text-align:center;text-decoration:none;background:#2375cd;color:white;border-radius:8px;padding:10px;font-size:17px}.up-app-comments article{padding:13px;border-radius:12px;background:white;margin-bottom:10px}.up-app-comments small{margin-left:10px;color:#89929d}.up-app-comments textarea{width:100%;min-height:85px;border:1px solid #e2e6eb;border-radius:9px;padding:10px}.up-app-comments .primary{margin:9px 0}.up-tip-sheet{padding:22px 18px;max-width:460px;margin:auto;text-align:center}.up-tip-sheet h2{margin:0}.up-tip-sheet>strong{display:inline-block;background:#e6f1ff;color:#3376ba;border-radius:16px;padding:5px 12px}.up-tip-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:27px 0}.up-tip-options button{border:1px solid #cdd3da;background:#f3f6fb;border-radius:10px;font-size:24px;padding:8px}.up-tip-options button.active{background:#d6e7ff;border-color:#347bc6}.up-tip-options small{display:block;font-size:12px}.up-tip-sheet input{width:78px;text-align:center;margin-left:8px}.up-tip-sheet .primary{display:block;width:100%;margin:25px 0 8px}.up-tip-cancel{border:0;background:none;color:#87919e}
.up-directory{padding:13px}.up-directory article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-radius:13px;margin-bottom:10px;background:#fff}.up-directory article>button:first-child{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;border:0;background:none}.up-directory .avatar{overflow:hidden}.up-directory .avatar img{width:100%;height:100%;object-fit:cover}.up-directory article>button:first-child span:last-child{display:grid;gap:3px}.up-directory small{color:#89929a;font-size:12px}.up-directory .up-follow{border:0;border-radius:19px;background:#508be9;color:#fff;padding:7px 12px}

/* ui-v18.css */
/* 帖子详情及用户管理 */
body.detail-active .topbar,body.detail-active .bottom-nav{display:none}body.detail-active .layout{max-width:100%;padding:0;background:#f5f6f8}body.detail-active #fab{display:none}.post-v18{max-width:750px;margin:auto;min-height:100dvh;background:#f5f6f8;padding-bottom:calc(83px + env(safe-area-inset-bottom));color:#222}.post-v18-header{height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:6;background:#fff;padding:0 16px}.post-v18-header strong{font-size:20px;font-weight:650}.post-v18-header button{border:0;background:none;min-width:35px;font-size:28px}.post-v18-scroll{padding:14px 13px}.post-v18-author{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;padding:15px;border-radius:15px;margin-bottom:12px}.post-v18-identity{display:flex;align-items:center;gap:11px;min-width:0;border:0;background:none;text-align:left;padding:0}.post-v18-identity>.avatar{width:48px;height:48px;overflow:hidden}.post-v18-identity>.avatar img,.post-v18-comments .avatar img{width:100%;height:100%;object-fit:cover}.post-v18-identity>span:last-child{display:grid;gap:5px}.post-v18-identity strong{font-size:17px}.post-v18-badges{display:flex;gap:6px}.post-level,.post-admin,.post-custom-badge{font-size:11px;font-weight:500;border-radius:5px;padding:2px 5px;white-space:nowrap}.post-level{background:#16b8f3;color:#fff}.post-admin{background:#5b8beb;color:#fff}.post-custom-badge{background:#29896f;color:#fff}.post-v18-follow{border:0;background:#4d89ed;color:#fff;border-radius:20px;padding:8px 13px;white-space:nowrap}.post-v18-content,.post-v18-comments{background:#fff;border-radius:15px;padding:22px 18px;margin-bottom:13px}.post-v18-content h1{font-size:21px;line-height:1.45;margin:0 0 14px;overflow-wrap:anywhere}.post-v18-meta{display:flex;gap:13px;flex-wrap:wrap;color:#9ba1a9;font-size:13px;padding:0 0 16px;border-bottom:1px solid #eff0f2}.post-v18-meta time{margin-left:auto}.post-v18-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:18px 0 9px;font-size:16px}.post-v18-body a{color:#408ad5;text-decoration:underline}.post-v18-tags{display:flex;flex-wrap:wrap;gap:8px;color:#338dca;padding:2px 0 12px}.post-v18-images{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.post-v18-images img{width:min(100%,260px);max-height:370px;object-fit:contain;border-radius:10px}.post-v18-files{margin:10px 0}.post-v18-files a{display:flex;align-items:center;gap:10px;background:#f5f8fb;border-radius:10px;padding:11px;color:#3987b9;margin:7px 0;min-width:0}.post-v18-files a>span:first-child{background:#3aa3da;color:#fff;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex:none;font-size:22px}.post-v18-files a>span:last-child{min-width:0;display:grid;gap:3px}.post-v18-files strong{overflow-wrap:anywhere;font-size:14px}.post-v18-files small{color:#9ba4ae}.post-v18-tip{display:block;border:0;border-radius:22px;background:linear-gradient(100deg,#318cef,#33aef6);color:#fff;margin:28px auto 4px;padding:10px 24px;font-size:15px}.post-v18-comments h2{font-size:19px;margin:0;padding-bottom:16px;border-bottom:1px solid #f0f1f3}.post-v18-no-comments{text-align:center;color:#a6adb5;padding:46px 0}.post-v18-comments article{padding:13px 0;border-bottom:1px solid #f1f1f1}.post-v18-comments article>button{border:0;background:none;display:inline-flex;align-items:center;gap:8px}.post-v18-comments .avatar{width:30px;height:30px;overflow:hidden}.post-v18-comments small{color:#a2a9b1;margin-left:9px}.post-v18-comments article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.post-v18-bottom{position:fixed;z-index:5;left:0;right:0;bottom:0;background:#fff;display:flex;align-items:center;gap:9px;padding:8px 13px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e8ebef}.post-v18-bottom>button:first-child{background:#f2f2f2;color:#a0a5ae;border:0;border-radius:24px;text-align:left;padding:10px 14px;flex:1;min-width:0}.post-v18-bottom>button:not(:first-child){background:none;border:0;font-size:23px;display:grid;justify-items:center;min-width:40px}.post-v18-bottom small{font-size:11px}.post-v18-menu{position:fixed;z-index:15;inset:0;background:#0009;display:grid;place-items:end center}.post-v18-menu[hidden]{display:none}.post-v18-menu>div{width:min(100%,750px);background:white;border-radius:17px 17px 0 0;padding:12px 16px calc(18px + env(safe-area-inset-bottom));display:grid}.post-v18-menu button{border:0;border-bottom:1px solid #eee;background:#fff;padding:16px;font-size:16px}.post-v18-menu button:last-child{background:#f1f2f4;border-radius:24px;margin-top:9px;border:0}.post-tags-input{width:100%;border:0;border-bottom:1px solid #eef0f4;background:#fff;padding:13px 20px;color:#345;outline:none}
.admin-users{min-height:100dvh;background:#f6f7f9;padding-bottom:30px}.admin-users>form{display:flex;gap:8px;margin:14px}.admin-users>form input{min-width:0;flex:1;border:1px solid #dfe5ed;border-radius:10px;padding:10px}.admin-user-list{padding:0 14px}.admin-user-list article{background:white;border-radius:12px;padding:14px;margin-bottom:10px}.admin-user-list article>div:first-child{display:flex;align-items:center;gap:10px}.admin-user-list .avatar{width:42px;height:42px;overflow:hidden}.admin-user-list .avatar img{width:100%;height:100%;object-fit:cover}.admin-user-list article>div:first-child>div{display:grid;gap:3px}.admin-user-list small{font-size:12px;color:#7e8997}.admin-user-list article>div:last-child{display:flex;flex-wrap:wrap;gap:7px;padding-top:12px}.admin-user-list article button{border:0;border-radius:8px;background:#edf3fc;color:#4280d1;padding:8px 11px}.admin-users>nav{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px}.admin-users>nav button{border:0;background:#e5eefc;color:#367acf;border-radius:9px;padding:8px 13px}
.post-card-tags{color:#4393c7;font-size:12px;line-height:1.5;margin:4px 0 8px;overflow-wrap:anywhere}.post-author .post-level,.post-author .post-admin,.post-author .post-custom-badge,.board-author .post-level,.board-author .post-admin,.board-author .post-custom-badge{font-size:10px;margin-left:2px}

/* ui-v19.css */
/* Community categories with illustrated avatars */
.board-avatar.anime-avatar{overflow:hidden;background:#eef0fb}
.board-avatar.anime-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.board-avatar.extra-avatar{font-size:25px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7ea6ed,#a16fe4)}
.community-board:nth-child(4n+2) .extra-avatar{background:linear-gradient(135deg,#ffc466,#f68e8f)}
.community-board:nth-child(4n+3) .extra-avatar{background:linear-gradient(135deg,#76c9cd,#52a0e5)}
.community-board:nth-child(4n+4) .extra-avatar{background:linear-gradient(135deg,#91d982,#48b48d)}
@media(max-width:370px){.board-avatar.extra-avatar{font-size:20px}}
/* Match the compact two-column community list in the reference. */
.community-screen .community-board-grid{row-gap:0;column-gap:8px}
.community-screen .community-board{min-height:68px;padding:3px 0;gap:8px}
.community-screen .board-avatar{width:49px;height:49px}
.community-screen .community-board-text small{white-space:nowrap;font-size:10px}
@media(max-width:380px){.community-screen .community-board{gap:6px}.community-screen .board-avatar{width:46px;height:46px}}
@media(max-width:340px){.community-screen .board-avatar{width:40px;height:40px}.community-screen .community-board-text small{font-size:9px}}
.board-manager{display:grid;gap:12px;max-height:75dvh;overflow:auto}
.board-manager h2{margin:0}
.board-manager .muted{margin:0}
.board-manager-list{display:grid;gap:0;max-height:55dvh;overflow:auto}
.board-manager-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #edf0f4}
.board-manager-list>div>span:first-child{display:grid;gap:3px;min-width:0}
.board-manager-list small{font-size:12px;color:#8c99a6}
.board-manager-list button{flex:none;border:0;border-radius:12px;padding:7px 13px;color:#437edb;background:#edf4ff}
.board-manager>.primary{justify-self:start}
.board-manager-actions{display:flex;gap:4px;align-items:center;flex:none}
.board-manager-actions button{padding:6px 9px}
.board-manager-actions button:disabled{opacity:.35}
@media(max-width:360px){.board-manager-list>div{gap:5px}.board-manager-actions{gap:2px}.board-manager-actions button{padding:6px}}
/* Shorter home carousel: keep the supplied artwork fully visible. */
.ads{overflow:hidden;background:#fff}
.ad-slide{aspect-ratio:16/9;background:#0c0716}
.ad-slide img{object-fit:contain}
.ad-dots{position:static;min-height:26px;padding:8px 10px;gap:9px;background:#fff}
.ad-dots button{background:#c6d5ec;box-shadow:none}
.ad-dots button.active{background:#4e85e5}
.ad-slide .ad-rental img{object-fit:cover}
.ad-dots{position:relative}
.ad-setting-preview{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#0c0716;border-radius:9px}
.ad-setting .ad-restore{justify-self:start;border:1px solid #d8e4f7;border-radius:8px;background:#eef5ff;color:#4e80d7;padding:6px 10px;font-size:12px}

.up-posts h2{font-size:20px;margin:18px 0 12px}.up-self{display:inline-block;padding:6px 20px;color:#7394c6;background:#edf3ff;border-radius:20px}

/* Compact, equally sized home carousel slides. */
.home-screen .ad-slide{aspect-ratio:662/253;background:#e9f4ff}
.home-screen .ad-slide img{object-fit:cover;object-position:center}
.home-screen .ad-slide .ad-rental img{object-fit:cover}

.ad-setting .ad-delete{justify-self:start;border:1px solid #f2c9ce;border-radius:8px;background:#fff1f2;color:#bd3548;padding:6px 10px;font-size:12px}
.ad-setting-disabled .ad-setting-preview{display:none}.ad-setting-status{color:#bd3548;font-size:12px;margin:0}.ad-setting-status:empty{display:none}

/* ui-v31.css */
/* Shared layout for account and activity screens. */
.modern-screen{min-height:100dvh;padding-bottom:calc(32px + env(safe-area-inset-bottom));background:linear-gradient(165deg,#edf5ff 0,#f6f8fc 230px,#f6f8fc 100%);color:#253145}
.modern-screen .modern-header{background:rgba(255,255,255,.92);border-bottom:1px solid #e7edf6}
.modern-subtitle{margin:18px 20px 12px;color:#7889a3;font-size:13px}
.modern-profile-card{display:flex;align-items:center;gap:15px;margin:22px 16px 18px;padding:20px 18px;border-radius:22px;background:linear-gradient(110deg,#3869d4,#54b4ea);color:#fff;box-shadow:0 12px 26px rgba(57,112,197,.2)}
.modern-profile-card .avatar{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;flex:none;border-radius:50%;background:#dceaff;font-size:28px;color:#427bc0;border:2px solid #ffffff9c}
.modern-profile-card .avatar img,.modern-followers .avatar img{width:100%;height:100%;object-fit:cover}
.modern-profile-card div{display:grid;gap:4px;min-width:0}.modern-profile-card strong{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-profile-card small{color:#e7f4ff}
.modern-list{margin:0 16px 15px;padding:4px 10px;background:#fff;border:1px solid #eaf0f8;border-radius:20px;box-shadow:0 6px 18px rgba(24,72,138,.045)}
.modern-list>button,.modern-followers>button{width:100%;min-height:66px;display:flex;gap:13px;align-items:center;padding:10px 8px;border:0;border-bottom:1px solid #f1f4f9;background:transparent;text-align:left;color:#27374e}
.modern-list>button:last-child,.modern-followers>button:last-child{border-bottom:0}
.modern-list>button>span:nth-child(2),.modern-followers>button>span:nth-child(2){display:grid;min-width:0;flex:1;gap:3px;font-size:15px}
.modern-list small,.modern-followers small,.modern-notice-card small{font-size:12px;color:#8290a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modern-list i,.modern-followers i,.modern-notice-card i{font-style:normal;color:#9daecc;font-size:25px}
.modern-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#edf4ff;color:#477fe0;font-size:21px}
.modern-notifications,.modern-followers{padding:16px;display:grid;gap:10px}
.modern-notice-card,.modern-followers>button{display:flex;align-items:center;width:100%;min-height:74px;gap:12px;border:1px solid #eaf0f8;border-radius:18px;padding:13px;background:#fff;text-align:left;box-shadow:0 5px 16px rgba(24,72,138,.045)}
.modern-notice-card>span:nth-child(2){display:grid;min-width:0;flex:1;gap:5px;color:#29374b}.modern-notice-card strong{font-size:14px}
.modern-followers .avatar{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;flex:none;border-radius:50%;background:#e4efff;color:#5087ca}
.modern-screen .empty{margin:14px 0;border-radius:18px;background:#fff;padding:28px 16px}
/* One visual rhythm for the restored home feed and UP updates. */
.home-posts{margin-top:10px}.home-posts>h2,.up-posts>h2{font-size:20px;margin:0 3px 15px;padding-left:12px;border-left:4px solid #5d99ec;line-height:1.25}
.home-posts .post-card,.up-posts .post-card{border:1px solid #edf2fa;border-radius:20px;box-shadow:0 8px 24px rgba(33,67,116,.045)}
.up-posts{margin-top:24px;scroll-margin-top:15px}.up-posts .post-card{margin:12px 0}
@media(max-width:370px){.modern-screen .modern-header{height:54px}.modern-list{margin-inline:12px}.modern-profile-card{margin-inline:12px}.modern-notifications,.modern-followers{padding:12px}}
.modern-search-form{display:grid;gap:18px;margin:20px 16px;padding:20px;background:#fff;border:1px solid #edf2fb;border-radius:20px;box-shadow:0 8px 24px rgba(33,67,116,.05)}
.modern-search-form label{display:grid;gap:10px;color:#51627d;font-size:14px}
.modern-search-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #dfe8f5;border-radius:13px;outline:none;font-size:16px;color:#24324c;background:#f8fbff}
.modern-search-form input:focus{border-color:#5e9df1;box-shadow:0 0 0 3px #5e9df126}
.modern-search-form .primary{min-height:45px;border-radius:13px}

/* ui-v43.css */
/* Personal account identity and compact homepage spacing. */
.mine-account-names{display:grid;gap:3px;min-width:0;flex:1}
.mine-account-names strong,.mine-account-names small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mine-account-names small{color:#798799;font-size:12px}
#profileForm input[readonly]{background:#f4f6fa;color:#687586;cursor:default}
.home-main>.ads,.home-main>.home-shortcuts,.home-main>.home-notice,.home-main>.home-pinned,.home-main>.home-up{max-width:100%}

/* Dedicated bookmarks view for posts and apps. */
.saved-screen{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f5f6f8;color:#222}
.saved-screen>.editor-header{flex:none;background:#fff}
.saved-tabs{display:flex;flex:none;justify-content:space-around;background:#fff;border-bottom:1px solid #eceef1}
.saved-tabs button{position:relative;width:50%;padding:13px 4px 16px;border:0;background:none;color:#616975;font-size:15px}
.saved-tabs button.active{color:#28384c;font-weight:700}
.saved-tabs button.active:after{content:"";position:absolute;bottom:3px;left:calc(50% - 11px);width:22px;height:3px;border-radius:3px;background:#5e94eb}
.saved-list{flex:1;min-height:0;overflow-y:auto;padding:16px 12px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.saved-post-card{display:grid;gap:10px;width:100%;padding:18px;border:0;border-radius:17px;background:#fff;color:inherit;text-align:left;overflow:hidden}
.saved-post-card>strong{font-size:17px;font-weight:600;line-height:1.4}
.saved-post-card>p{margin:0;color:#8a9099;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.saved-post-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.saved-post-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;min-width:0}
.saved-post-meta{display:flex;justify-content:space-between;gap:6px;color:#8c949c;font-size:12px;flex-wrap:wrap}
.saved-screen .up-app-row{background:#fff;border-radius:15px;padding:8px 12px}
.saved-end,.saved-empty{text-align:center;color:#a4a8ae;font-size:13px;margin:12px 0}
.saved-empty{margin:65px 0 25px}

/* Comment threads */
.post-v18-comments .post-comment-open{display:grid!important;gap:7px;width:100%;padding:6px 0!important;text-align:left;color:#263345;font:inherit}
.post-comment-open span{white-space:pre-wrap;overflow-wrap:anywhere}
.post-comment-open em{width:max-content;border-radius:14px;background:#f5f7fa;color:#708091;padding:5px 10px;font-size:12px;font-style:normal}
.reply-detail{display:flex;flex-direction:column;height:100dvh;padding-bottom:0}
.reply-detail-scroll{flex:1;min-height:0;overflow-y:auto;padding:15px 13px 30px}
.reply-post-link,.reply-author,.reply-original,.reply-list{background:#fff;border-radius:15px;margin-bottom:12px}
.reply-post-link{width:100%;padding:15px 18px;border:0;text-align:left;color:#4899d4;overflow-wrap:anywhere}
.reply-post-link span{float:right;color:#9da8b6}
.reply-author{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:9px}
.reply-author>button:first-child,.reply-item>button{display:flex;align-items:center;gap:10px;border:0;background:none;min-width:0;text-align:left;color:#263345}
.reply-author .avatar,.reply-item .avatar{display:grid;place-items:center;flex:none;width:45px;height:45px;overflow:hidden;border-radius:50%;background:#dceafa}
.reply-author .avatar img,.reply-item .avatar img{width:100%;height:100%;object-fit:cover}
.reply-author>button span:last-child,.reply-item>button span:last-child{display:grid;gap:5px;min-width:0}
.reply-author small,.reply-item small{color:#509be1;font-size:12px}
.reply-follow{border:0;border-radius:19px;padding:8px 13px;background:#4e86e6;color:#fff;white-space:nowrap}
.reply-original{padding:18px}.reply-original>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0 0 17px}
.reply-original>div{border-top:1px solid #f1f2f5;padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:#98a1ad;font-size:13px}
.reply-original button{border:0;background:none;color:#7f8a96;font:inherit}
.reply-list{min-height:210px;padding:18px}
.reply-list h2{font-size:17px;margin:0 0 14px;padding-bottom:13px;border-bottom:1px solid #f0f1f3}
.reply-item{padding:12px 0;border-bottom:1px solid #f1f2f4}
.reply-item p{margin:9px 0 5px;padding-left:54px;white-space:pre-wrap;overflow-wrap:anywhere}
.reply-item time{display:block;padding-left:54px;color:#a3aab3;font-size:12px}
.reply-empty{text-align:center;color:#a6aab0;padding:38px 0}
.reply-footer{flex:none;background:#fff;padding:9px 15px max(9px,env(safe-area-inset-bottom))}
.reply-footer button{width:100%;border:0;border-radius:24px;background:#f4f4f5;color:#9da4ab;padding:11px 14px;text-align:left}

/* chat.css */
.chat-community-entry{display:flex;align-items:center;gap:14px;width:100%;margin:14px 0 18px;padding:17px 20px;border:1px solid #d8e8ff;border-radius:22px;background:linear-gradient(105deg,#ecf5ff,#f8fbff);box-shadow:0 8px 22px #356ca315;text-align:left;color:#253956}.chat-community-entry span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.chat-community-entry strong{font-size:17px}.chat-community-entry small{color:#7187a4;font-size:12px}.chat-community-glyph{display:grid;place-items:center;width:47px;height:47px;border-radius:16px;background:linear-gradient(135deg,#5c83ef,#37c1da);font-size:25px;color:white}.chat-community-entry i{font-size:25px;color:#8aa9d1;font-style:normal}
.chat-screen{min-height:100dvh;background:#f4f7fc;color:#293a52;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.chat-header{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:62px;padding:10px 16px;background:#fff;border-bottom:1px solid #e8eef8}.chat-header button{width:36px;font-size:30px;background:none;border:0;color:#4381cf}.chat-header strong{font-size:18px}.chat-header span{width:36px}.chat-lobby{padding:17px;overflow:auto}.chat-intro{background:linear-gradient(110deg,#477cdd,#53b3df);padding:23px;border-radius:20px;display:grid;gap:8px;color:white}.chat-intro strong{font-size:22px}.chat-intro small{opacity:.92}.chat-lobby-actions{display:flex;gap:10px;margin:18px 0 22px}.chat-lobby-actions button,.chat-settings button[type=submit],.chat-send button{border:0;border-radius:13px;background:#4d88e9;color:white;padding:12px;font-weight:600}.chat-lobby-actions button{flex:1}.chat-lobby h2{font-size:17px;margin:10px 2px}.chat-lobby h2 small{color:#91a1b5}.chat-room-card{width:100%;display:flex;align-items:center;text-align:left;gap:12px;margin:9px 0;padding:15px;border:0;border-radius:16px;background:white;color:inherit}.chat-room-card>span:nth-child(2){display:grid;gap:5px;flex:1}.chat-room-card small,.chat-settings small{font-size:12px;color:#8d9bad}.chat-room-card i{color:#9aabc1;font-style:normal}.chat-room-icon{background:#edf4ff;color:#5993e3;border-radius:13px;width:43px;height:43px;display:grid;place-items:center;font-size:23px}.chat-empty,.chat-privacy,.chat-readonly{padding:20px;color:#8b9cb3;text-align:center;font-size:13px}.chat-room-top{margin:12px 14px 0;background:white;border-radius:15px;padding:13px;font-size:13px}.chat-room-top p{margin:4px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-room-top strong{color:#3e7bdf}.chat-room-top>small{color:#8494a9}.chat-tools{display:flex;gap:9px;margin-top:10px}.chat-tools button,.chat-member button,.chat-message-actions button{border:0;background:#edf4ff;color:#4381d2;border-radius:8px;padding:6px 10px}.chat-messages{flex:1;min-height:200px;max-height:calc(100dvh - 310px);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:11px}.chat-message{background:white;padding:12px;border-radius:15px;max-width:95%;overflow-wrap:anywhere}.chat-message.mine{background:#e9f4ff;align-self:flex-end}.chat-message-meta{display:flex;gap:6px;align-items:center;font-size:12px}.chat-message-meta time{margin-left:auto;color:#9aacbf}.chat-message p{white-space:pre-wrap;line-height:1.55;margin:8px 0}.chat-role,.chat-pinned{font-size:11px;border-radius:5px;background:#ffefcf;color:#a47124;padding:2px 5px}.chat-message-actions{display:flex;gap:8px}.chat-message-actions button{font-size:11px;padding:4px 7px}.chat-send{display:flex;align-items:flex-end;gap:9px;margin:0 12px 12px;padding:8px;background:white;border-radius:14px}.chat-send textarea{flex:1;min-height:42px;max-height:110px;border:0;resize:vertical;padding:10px;outline:0;font:inherit}.chat-send button{flex:none}.chat-settings{padding:18px;display:grid;gap:16px}.chat-settings label{display:grid;gap:8px;font-size:14px}.chat-settings input,.chat-settings textarea{width:100%;border:1px solid #dbe5f4;border-radius:11px;padding:12px;font:inherit;background:#fff}.chat-settings .chat-checkbox{display:flex;align-items:center}.chat-checkbox input{width:auto}.chat-settings p{color:#8391a3;line-height:1.6;font-size:13px}.chat-member{display:flex;align-items:center;gap:8px;background:white;border-radius:12px;padding:11px;flex-wrap:wrap}.chat-member>span{display:grid;gap:4px;flex:1;min-width:115px}.chat-member button{font-size:12px}@media(max-width:390px){.chat-community-entry{padding:13px;gap:10px}.chat-community-entry small{font-size:11px}}
/* v36: room settings live in the header; speaker name sits above the avatar. */
.chat-header .chat-gear{display:grid;place-items:center;width:42px;height:42px;flex:none;font-size:23px;line-height:1;border-radius:12px;background:#eef5ff;color:#3978cc}
.chat-room-top{padding:16px 16px 14px}
.chat-message,.chat-message.mine{background:transparent;box-shadow:none;align-self:stretch;max-width:none;padding:0}
.chat-message-line{display:flex;gap:9px;align-items:flex-start;width:100%}
.chat-message.mine .chat-message-line{flex-direction:row-reverse}
.chat-speaker{display:grid;justify-items:center;align-content:start;gap:4px;flex:none;width:54px;min-width:54px}
.chat-speaker small{max-width:70px;font-size:11px;color:#465975;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-avatar,.chat-member-avatar{width:39px;height:39px;display:grid;place-items:center;overflow:hidden;flex:none;background:linear-gradient(135deg,#86a7f0,#b5a9ed);border:2px solid #fff;border-radius:50%;color:#fff;font-size:18px}
.chat-avatar img,.chat-member-avatar img{width:100%;height:100%;object-fit:cover}
.chat-bubble{min-width:0;max-width:calc(100% - 67px);padding:12px;border-radius:15px;background:white;overflow-wrap:anywhere;box-shadow:0 2px 8px #2340690d}
.chat-message.mine .chat-bubble{margin-left:auto;background:#e5f2ff}
.chat-message-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:18px;font-size:11px}
.chat-message-meta time{margin-left:auto;color:#97a6b9}
.chat-bubble p{font-size:var(--chat-message-size,16px);line-height:1.55;white-space:pre-wrap;margin:7px 0}
.chat-level{padding:2px 5px;border-radius:5px;background:#e5f0ff;color:#4778d3;font-size:11px}
.chat-member-avatar{width:38px;height:38px}.chat-member>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:110px}
.chat-setting-card{padding:17px;border-radius:17px;background:#fff;display:grid;gap:11px}
.chat-setting-card h2{margin:0;font-size:16px}.chat-setting-card form{display:grid;gap:13px}
.chat-setting-card input[type=range]{padding:0;accent-color:#4c86df}
.chat-setting-link{border:0;border-radius:11px;background:#edf4ff;color:#417acc;padding:12px;text-align:left}
.chat-owner-code{letter-spacing:2px;font-weight:700;font-size:19px;color:#295d9a;background:#edf5ff;border-radius:10px;padding:13px;margin:0;user-select:all;overflow-wrap:anywhere}
.chat-level-help{padding:0 4px 28px}

.full-screen .dialog:has(.chat-screen){overflow:hidden}
.chat-screen{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;padding-bottom:0}
.chat-screen .chat-header,.chat-screen .chat-room-top{flex:none}
.chat-screen .chat-messages{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
.chat-screen .chat-send{flex:none;margin:0;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid #e8eef8;border-radius:0;align-items:center}
.chat-screen .chat-send textarea{height:38px;min-height:38px;max-height:76px;padding:8px 10px;line-height:22px;font-size:15px}
.chat-screen .chat-send button{min-height:38px;padding:8px 14px;font-size:15px}
.chat-announcement-link{display:flex;align-items:center;gap:6px;width:100%;padding:0;border:0;background:none;text-align:left;color:#293a52}
.chat-announcement-link strong{flex:none;color:#3e7bdf}
.chat-announcement-preview{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-announcement-link i{font-style:normal;color:#8aa9d1;font-size:20px}
.chat-announcement-page{flex:1;min-height:0;overflow:auto;padding:24px 20px}
.chat-announcement-page h2{font-size:19px;margin:0 0 18px;color:#293a52}
.chat-announcement-page p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:0;background:#fff;border-radius:16px;padding:18px}

.chat-composer{flex:none;background:white;border-top:1px solid #e8eef8}
.chat-media-toolbar{display:flex;gap:7px;padding:8px 12px 0;overflow-x:auto;white-space:nowrap}
.chat-media-toolbar button{border:0;border-radius:9px;background:#edf4ff;color:#417acc;padding:6px 9px;font-size:12px;flex:none}
.chat-composer .chat-send{border-top:0}
.chat-image-button{display:block;padding:0;border:0;background:none;max-width:100%}
.chat-image-button img{display:block;max-width:min(220px,100%);max-height:240px;border-radius:10px;object-fit:contain}
.chat-media-video{display:block;max-width:min(240px,100%);max-height:240px;border-radius:10px;background:#111}
.chat-gallery{flex:1;min-height:0;overflow:auto;padding:16px}
.chat-gallery>p{color:#8391a3;font-size:13px}
.chat-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.chat-gallery-grid button{min-width:0;border:0;border-radius:12px;background:white;padding:8px;text-align:left;color:#293a52}
.chat-gallery-grid button>span{display:grid;place-items:center;height:135px;border-radius:9px;background:#edf4ff;overflow:hidden;color:#4778d3}
.chat-gallery-grid img{width:100%;height:100%;object-fit:cover}
.chat-gallery-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8494a9;padding-top:7px}
.chat-media-viewer{flex:1;min-height:0;display:grid;place-items:center;background:#101722;overflow:auto;padding:12px}
.chat-media-viewer img,.chat-media-viewer video{max-width:100%;max-height:100%;object-fit:contain}

.chat-gallery-more{display:block;margin:18px auto;padding:10px 16px;border:0;border-radius:10px;background:#edf4ff;color:#417acc}

/* v45: messages read as compact chat bubbles; the composer stays as in v43. */
#chatMessages .chat-message-line{position:relative;gap:10px}
#chatMessages .chat-speaker{width:40px;min-width:40px;padding-top:20px}
#chatMessages .chat-speaker small{position:absolute;left:50px;top:0;max-width:calc(100% - 70px);font-size:12px;color:#8993a0;text-align:left}
#chatMessages .chat-message.mine .chat-speaker small{left:auto;right:50px;text-align:right}
#chatMessages .chat-avatar{width:38px;height:38px}
#chatMessages .chat-bubble,#chatMessages .chat-message.mine .chat-bubble{max-width:calc(100% - 50px);margin-top:20px;margin-left:0;padding:0;background:transparent;box-shadow:none}
#chatMessages .chat-message-meta{gap:4px;min-height:0;color:#8f9daf}
#chatMessages .chat-message-meta time{margin-left:0}
#chatMessages .chat-bubble p{display:table;width:fit-content;max-width:100%;margin:5px 0;padding:9px 12px;border-radius:12px;background:#fff;color:#293a52;line-height:1.4}
#chatMessages .chat-message.mine .chat-bubble p{background:#e5f2ff}
#chatMessages .chat-message-actions{margin-top:4px}
#chatMessages .chat-message-actions button{font-size:11px}
#chatMessages .chat-image-button,#chatMessages .chat-media-video{margin-top:5px}

.chat-lobby h2:not(:first-of-type){margin-top:23px}
.chat-recalled{align-self:stretch;display:grid;justify-items:center;gap:12px;padding:10px 6px 16px;color:#92969e;font-size:13px;text-align:center}
.chat-recalled time{font-size:12px}
.chat-recalled>div{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.chat-recalled button{border:0;background:none;color:#4774bc;padding:3px;font:inherit}
.chat-recalled .chat-recall-dismiss{display:grid;place-items:center;width:18px;height:18px;padding:0;margin-left:5px;border-radius:50%;background:#9ba0a9;color:#fff;font-size:13px;line-height:1}

/* Keep every room setting reachable on short mobile viewports. */
.chat-screen .chat-settings{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding-bottom:max(28px,env(safe-area-inset-bottom))}
.chat-screen .chat-setting-card{min-width:0}

/* v61: chat settings and room-only conversations */
.chat-v61-page{padding:18px 16px 36px;overflow:auto;flex:1;background:linear-gradient(160deg,#f4f8ff,#f6f7fb 54%,#edf6fb);color:#25334b}
.chat-v61-group{background:#fff;border:1px solid #e8eef7;border-radius:22px;margin-bottom:16px;padding:2px 16px;box-shadow:0 8px 28px rgba(54,97,158,.07)}
.chat-v61-row{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:14px 4px;text-align:left;background:transparent;border:0;border-bottom:1px solid #eef1f6;color:#25334b;font:inherit}
.chat-v61-row:last-child{border-bottom:0}.chat-v61-row strong{font-size:16px;white-space:nowrap;font-weight:650}.chat-v61-row span{margin-left:auto;color:#8090a4;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48%}.chat-v61-row i{font-size:24px;color:#a8b5c5;font-style:normal;font-weight:300}
.chat-v61-heading{font-size:15px;color:#667b99;margin:0 0 14px 4px}.chat-v61-help{color:#8592a5;font-size:13px;line-height:1.6;margin:12px 4px 20px}.chat-v61-form,.chat-v61-notice{padding:22px;background:#fff;border:1px solid #e9eef6;border-radius:22px;box-shadow:0 8px 28px rgba(54,97,158,.07)}
.chat-v61-form label{display:block;font-size:15px;font-weight:600;margin-bottom:20px}.chat-v61-form input:not([type=checkbox]):not([type=range]),.chat-v61-form textarea{box-sizing:border-box;display:block;width:100%;margin-top:10px;padding:13px;border:1px solid #dbe5f1;border-radius:12px;background:#f9fbfe;color:#25334b;font:inherit;font-weight:400}.chat-v61-form textarea{resize:vertical}.chat-v61-form .chat-checkbox{display:flex;align-items:center;gap:10px}.chat-v61-primary{display:block;width:100%;padding:14px;border:0;border-radius:14px;background:linear-gradient(115deg,#427bea,#25bed4);color:white;font-size:16px;font-weight:650;text-align:center;margin-top:18px}.chat-v61-small{border:0;background:#edf5ff;color:#4679be;padding:8px 12px;border-radius:10px;font-size:12px}
.chat-v61-notice p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.chat-v61-notice h2{font-size:17px;margin:0 0 16px}.chat-notice-image{max-width:100%;max-height:55vh;object-fit:contain;border-radius:12px;margin-top:14px}
.chat-v61-member{background:white;border:1px solid #e9eef6;border-radius:18px;padding:8px 12px;margin-bottom:10px}.chat-v61-member-main{border:0;background:transparent;display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:7px 0}.chat-v61-member-main>span:nth-child(2){flex:1;min-width:0}.chat-v61-member-main strong,.chat-v61-member-main small{display:block}.chat-v61-member-main small{color:#8592a5;margin-top:5px}.chat-v61-member-main i{color:#a0aebe}.chat-v61-member .chat-v61-small{margin:4px 5px 6px 0}.chat-avatar-action{border:0;padding:0;cursor:pointer;overflow:hidden}.chat-v61-profile{text-align:center;background:white;border-radius:22px;padding:32px 16px}.chat-v61-profile-avatar{display:grid;place-items:center;margin:auto;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#e5efff;color:#4078bd;font-size:32px}.chat-v61-profile-avatar img{width:100%;height:100%;object-fit:cover}.chat-v61-profile h2{margin:14px 0 8px}.chat-v61-profile>span:last-child{color:#8191a7}
.chat-v61-dm{display:flex;flex:1;min-height:0;flex-direction:column;background:#f2f6fc}.chat-v61-dm>.chat-v61-help{padding:0 15px}.chat-v61-dm-messages{flex:1;min-height:0;overflow:auto;padding:12px 18px}.chat-v61-dm-bubble{width:max-content;max-width:80%;background:white;border-radius:18px 18px 18px 4px;padding:10px 13px;margin:12px 0;box-shadow:0 3px 12px #d9e2ee}.chat-v61-dm-bubble.mine{margin-left:auto;background:#d7eaff;border-radius:18px 18px 4px 18px}.chat-v61-dm-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-v61-dm-bubble small{display:block;color:#8293a8;text-align:right;margin-top:6px}.chat-v61-dm-send{display:flex;gap:10px;background:white;padding:12px 14px}.chat-v61-dm-send textarea{flex:1;min-width:0;resize:none;border:1px solid #dbe5ef;border-radius:14px;padding:10px;font:inherit}.chat-v61-dm-send button{border:0;background:#4b83e6;color:white;border-radius:12px;padding:0 18px}.chat-media-toolbar{overflow-x:auto;white-space:nowrap}

/* ui-post-compact.css */
/* 手机帖子详情：标题、作者和正文连续排列，等级跟在昵称后。 */
body.detail-active .layout{background:#fff}
.post-v18{background:#fff;color:#25282d}
.post-v18-header{height:52px;border-bottom:1px solid #f2f3f5}
.post-v18-header strong{font-size:17px}
.post-v18-scroll{padding:0 16px}
.post-v18-title{font-size:19px;line-height:1.35;font-weight:650;margin:18px 0 12px;overflow-wrap:anywhere}
.post-v18-author{border-radius:0;border-bottom:1px solid #f0f1f3;padding:0 0 13px;margin:0;background:#fff;gap:9px}
.post-v18-identity{gap:10px;flex:1;overflow:hidden}
.post-v18-identity>.avatar{width:38px;height:38px;flex:0 0 38px}
.post-v18-identity>.post-v18-person{display:flex;flex-direction:column;gap:2px;min-width:0}
.post-v18-name-row{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.post-v18-name-row strong{font-size:14px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-v18-badges{display:inline-flex;gap:3px;flex:none;align-items:center}
.post-v18-badges .post-level,.post-v18-badges .post-admin,.post-v18-badges .post-custom-badge{font-size:10px;line-height:1.2;padding:2px 4px;border-radius:3px}
.post-v18-person small{font-size:11px;color:#858b93}
.post-v18-follow{font-size:12px;padding:6px 12px;border-radius:20px;flex:none}
.post-v18-content,.post-v18-comments{border-radius:0;padding:0;background:#fff;margin:0}
.post-v18-body{font-size:15px;line-height:1.5;padding:12px 0 4px;white-space:pre-wrap}
.post-v18-body a{overflow-wrap:anywhere}
.post-v18-tags{font-size:12px;gap:5px;padding:4px 0}
.post-v18-images{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:10px 0}
.post-v18-images img{display:block;width:100%;max-width:100%;height:auto;max-height:360px;object-fit:contain;object-position:left center;border-radius:6px;background:#f7f8fa}
.post-v18-meta{border-top:1px solid #f0f1f3;border-bottom:0;margin-top:12px;padding:9px 0;color:#9ba1a9;font-size:11px;gap:10px}
.post-v18-tip{margin:8px auto 18px}
.post-v18-comments{border-top:8px solid #f5f6f8;padding:14px 0 0}
.post-v18-comments h2{font-size:16px}
@media(max-width:380px){.post-v18-scroll{padding:0 13px}.post-v18-title{font-size:18px}.post-v18-name-row strong{font-size:13px}.post-v18-follow{padding:6px 9px}}

/* ui-v59.css */
/* 广告指示点叠在图片下沿，收紧首页节奏。 */
.home-main{padding-top:9px}
.home-tabs{height:46px}
.ads{position:relative;isolation:isolate}
.ads-track{position:relative}
.ad-dots{position:absolute;z-index:3;left:0;right:0;bottom:5px;display:flex;justify-content:center;align-items:center;min-height:26px;padding:0 10px;gap:7px;background:transparent;pointer-events:none}
.ad-dots button{pointer-events:auto;width:7px;height:7px;min-width:7px;min-height:7px;border:1px solid #fff9;border-radius:20px;background:#ffffffbd;box-shadow:0 1px 5px #1236;padding:0}
.ad-dots button.active{width:21px;min-width:21px;background:#4d89ec;border-color:#dcecff}
.home-main>.ads{margin-bottom:9px}
.home-shortcuts{margin-bottom:11px;padding-top:12px;padding-bottom:9px}
.home-notice{margin-bottom:11px;min-height:53px}

/* UP: 缩小顶部、轮播和快捷入口；内容更早进入视野。 */
.up-v17 h1{height:44px;padding:8px;font-size:19px}
.up-search{margin:8px 14px;padding:8px;font-size:13px}
.up-tabs{height:42px;padding-top:2px;gap:23px}
.up-tabs button{font-size:14px}
.up-content{padding:10px 12px}
.up-content .ads{margin-bottom:10px;border-radius:13px}
.up-v17 .ad-slide{aspect-ratio:2.8/1;background:#e9f3ff}
.up-v17 .ad-slide img{object-fit:cover;object-position:center}
.up-hub,.up-people{padding:11px 10px;margin-bottom:10px;border-radius:14px}
.up-shortcuts button{font-size:12px;gap:5px;padding-bottom:8px}
.up-shortcuts span{width:38px;height:38px;font-size:20px}
.up-main-actions{gap:8px}
.up-main-actions button{font-size:13px;padding:9px 4px;border-radius:9px;min-height:38px}
.up-people header{padding-bottom:8px}
.up-people h2{font-size:15px}
.up-person .avatar{width:46px;height:46px;font-size:21px}
.up-person{min-width:65px;gap:5px}
.up-person strong{font-size:12px;width:65px}

/* 板块封面：每个编号都配有独立插画，保留文字的深色底层。 */
.board-hero{background-position:center;background-size:cover;height:164px;padding:18px;position:relative}
.board-hero h1{font-size:22px;text-shadow:0 2px 5px #0008}
.board-hero small{color:#f1f6ff;text-shadow:0 1px 4px #0009}
.board-theme-0{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-0.svg')}
.board-theme-1{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-1.svg')}
.board-theme-2{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-2.svg')}
.board-theme-3{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-3.svg')}
.board-theme-4{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-4.svg')}
.board-theme-5{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-5.svg')}
.board-theme-6{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-6.svg')}
.board-theme-7{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-7.svg')}
.board-theme-8{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-8.svg')}
.board-theme-9{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-9.svg')}
.board-theme-10{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-10.svg')}
.board-theme-11{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-11.svg')}
.board-theme-12{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-12.svg')}
.board-theme-13{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-13.svg')}
.board-theme-14{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-14.svg')}
.board-theme-15{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-15.svg')}
.board-theme-16{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-16.svg')}
.board-theme-17{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-17.svg')}
.board-theme-18{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-18.svg')}
.board-theme-19{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-19.svg')}
.board-theme-20{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-20.svg')}
.board-theme-21{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-21.svg')}
.board-theme-22{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-22.svg')}
.board-theme-23{background-image:linear-gradient(0deg,#152646dd,transparent 80%),url('/board-bg-23.svg')}
.board-top{margin-bottom:10px;height:52px}
.board-pinned{margin:11px 0;padding:14px 17px}
.board-feed-tabs{margin:11px 0}
@media(max-width:720px){.board-hero{height:154px}}

.post-review-state{display:inline-block;padding:2px 6px;border-radius:5px;background:#fff1dd;color:#a7631b;font-size:11px;font-weight:600;vertical-align:middle}
.post-review-notice{margin:10px 0;padding:9px 11px;border-radius:9px;background:#fff6e8;color:#995f20;font-size:12px}
.post-review-screen{min-height:100dvh;background:#f7f8fb}
.post-review-list{padding:14px;display:grid;gap:12px}
.post-review-list article{background:white;padding:15px;border-radius:13px;display:grid;gap:9px;min-width:0}
.post-review-list h2{margin:0;font-size:16px;overflow-wrap:anywhere}
.post-review-list small{font-size:12px;color:#7b8796}
.post-review-list p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:13px;max-height:190px;overflow:auto}
.review-post-images{display:flex;gap:7px;overflow-x:auto}
.review-post-images img{height:100px;max-width:120px;object-fit:cover;border-radius:7px}
.post-review-list .review-buttons{display:flex;gap:10px}
.post-review-list .review-buttons button{flex:1;min-height:38px}

button,a,[data-post],[data-tab]{touch-action:manipulation}