.greeting{color:#000;justify-content:space-between;align-items:flex-start;padding:57px 20px 16px;font-family:"Alibaba PuHuiTi 3.0";display:flex}.greeting .greeting-content{flex:1;padding:10px 0}.greeting .greeting-text{margin:0;font-size:40px;font-weight:700;line-height:37px}.greeting .greeting-emoji{vertical-align:middle;margin-left:35px;display:inline-block}.greeting .greeting-avatar{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;flex-shrink:0;width:48px;height:48px;padding:0;overflow:hidden}
.search-bar{cursor:pointer;background:#f6f6f7;border:1px solid #edebee;border-radius:200px;height:57px;margin:0 24px 20px;padding:13px 20px 12px 110px;position:relative}.search-bar .star-icon{z-index:2;position:absolute;top:-5px;left:5px}.search-bar .search-icon-wrapper{z-index:1;pointer-events:none;align-items:center;gap:8px;max-width:calc(100% - 20px);display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-bar .search-icon-wrapper span{color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;line-height:normal;overflow:hidden}
.import-cards{color:#000;gap:12px;padding:0 24px 27px;font-family:"Alibaba PuHuiTi 3.0";display:flex}.import-cards .import-card{cursor:pointer;border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;height:149px;padding:29px 0 13px 19px;transition:transform .2s;display:flex}.import-cards .import-card:active{transform:scale(.98)}.import-cards .import-card .import-card-content .import-card-title{margin:0 0 4px;font-size:18px;font-weight:600;line-height:24px}.import-cards .import-card .import-card-content .import-card-subtitle{margin:0;font-size:18px;font-weight:600;line-height:24px}.import-cards .import-card .import-card-icon{margin-top:16px}.import-cards .import-card-cloud{background:#f1f3ff;border-radius:32px}.import-cards .import-card-local{background:#fdfdfd;border:1px solid #d9d9d9;border-radius:32px}
.book-recommendations{color:#000;padding:0 24px 24px;font-family:"Alibaba PuHuiTi 3.0"}.book-recommendations .book-recommendations-header{margin-bottom:15px}.book-recommendations .book-recommendations-header .book-recommendations-title{margin:0 0 6px;font-size:23px;font-weight:600;line-height:24px}.book-recommendations .book-recommendations-header .book-recommendations-subtitle{color:#131822;letter-spacing:.831px;margin:0;font-size:12px;font-weight:500;line-height:normal}.book-recommendations .book-recommendations-header .book-recommendations-subtitle .match-percent{color:#406eff}.book-recommendations .book-covers-scroll{scrollbar-width:none;justify-content:center;align-items:flex-end;gap:0;margin:0 -24px;padding:0 16.5px 20px;display:flex;position:relative;overflow-x:auto}.book-recommendations .book-covers-scroll:before{content:"";z-index:0;background:#f1f3ff;border-radius:16px;width:min(362px,100vw - 48px);height:110px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.book-recommendations .book-covers-scroll::-webkit-scrollbar{display:none}.book-recommendations .book-cover-item{z-index:1;cursor:pointer;isolation:isolate;flex:none;margin-right:15px;transition:transform .3s,box-shadow .3s;position:relative}.book-recommendations .book-cover-item:last-child{margin-right:0}.book-recommendations .book-cover-item:before{content:"";background:inherit;filter:blur(5.5px);z-index:-1;opacity:.6;border-radius:25.359px;position:absolute;inset:-5px}.book-recommendations .book-cover-item:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffff80 0%,#00000080 .48%,#fff9 2.16%,#0000005e 4.14%,#ffffffc9 4.69%,#fff0 36.6%,#0000000d 53.15% 75.25%,#98989800 91.93%,#00000021 100%);border-radius:2px 11px 11px 2px;position:absolute;inset:0}.book-recommendations .book-cover-item img{object-fit:cover;border-radius:2px 11px 11px 2px;display:block}.book-recommendations .book-cover-item.active{z-index:10;border-radius:2px 11px 11px 2px;transform:scale(1.05)translateY(-8px);box-shadow:0 0 0 3px #b8e6f1}.book-recommendations .book-cover-middle{border-radius:2px 11px 11px 2px}.book-recommendations .book-info-card{z-index:5;border:1.5px solid var(--ting-gray,#f4f4f4);background:radial-gradient(50% 50%,#ffffffe6 0%,#fff 100%);border-radius:25px;align-items:center;width:min(380px,100vw - 32px);height:75px;margin-top:-55px;padding:14px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 35px #001f6514}.book-recommendations .book-info-card .corner-deco{width:8px;height:7px;position:absolute}.book-recommendations .book-info-card .corner-deco.corner-deco-left{top:11px;left:12px}.book-recommendations .book-info-card .corner-deco.corner-deco-right{top:11px;right:12px}.book-recommendations .book-info-card .book-info-content{flex:1}.book-recommendations .book-info-card .book-info-content .book-title{margin:14px 9px 0;font-size:16px;font-weight:700;line-height:20px}.book-recommendations .book-info-card .book-info-content .book-meta{align-items:center;gap:6px;display:flex}.book-recommendations .book-info-card .book-info-content .book-meta .book-author{white-space:nowrap;color:#2b4059bd;margin-left:9px;font-size:12px;font-weight:500;line-height:36px}.book-recommendations .book-info-card .book-info-content .book-meta .book-tags{flex-wrap:wrap;gap:6px;display:flex}.book-recommendations .book-info-card .book-info-content .book-meta .book-tags .book-tag{color:#50555cbd;border:1px solid #d9d9d9;border-radius:15px;padding:3px 9px;font-size:10px;font-weight:400}.book-recommendations .book-info-card .book-info-content .book-meta .book-tags .book-tag.tag-highlight{color:#1f3ea5bd;background:#3c41ff4d;border:1px solid #3c41ff4d}.book-recommendations .book-info-card .book-play-btn{border:none;margin-right:9px}
.reading-plan{color:#000;background:#fdfdfd;border:1px solid #d9d9d9;border-radius:20px;margin:16.5px 20px;padding:20px;font-family:"Alibaba PuHuiTi 3.0"}.reading-plan .reading-plan-header{margin-bottom:11px}.reading-plan .reading-plan-header .reading-plan-title{margin:0 0 6px;font-size:23px;font-weight:600;line-height:24px}.reading-plan .reading-plan-header .reading-plan-subtitle{color:#131822;letter-spacing:.831px;margin:0;font-size:12px;font-weight:500;line-height:normal}.reading-plan .reading-plan-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.reading-plan .reading-stats{flex-direction:column;flex:1;gap:6px;display:flex}.reading-plan .reading-stats .stat-item{align-items:center;gap:8px;display:flex}.reading-plan .reading-stats .stat-item .stat-bar{border-radius:20px;flex-shrink:0;width:3px;height:27px}.reading-plan .reading-stats .stat-item .stat-bar.stat-bar-blue{background:#4191fa}.reading-plan .reading-stats .stat-item .stat-bar.stat-bar-lightblue{background:#b8e6f1}.reading-plan .reading-stats .stat-item .stat-bar.stat-bar-gray{background:#898a8d}.reading-plan .reading-stats .stat-item .stat-content{flex-direction:column;gap:2px;display:flex}.reading-plan .reading-stats .stat-item .stat-value{color:#2b4059;font-size:14px;font-weight:500}.reading-plan .reading-stats .stat-item .stat-value.stat-value-points{font-size:20px}.reading-plan .reading-stats .stat-item .stat-label{color:#50555cbd;font-size:10px;font-weight:400}.reading-plan .reading-progress{flex-shrink:0;width:120px;height:120px;position:relative}.reading-plan .reading-progress .progress-ring{width:100%;height:100%}.reading-plan .reading-progress .progress-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reading-plan .reading-progress .progress-text .progress-label{color:#50555cbd;margin-bottom:3px;font-size:10px;font-weight:500;display:block}.reading-plan .reading-progress .progress-text .progress-value{font-size:18px;font-weight:700;display:block}.reading-plan .reading-progress .progress-text .progress-value .progress-total{color:#50555cbd;font-size:10px;font-weight:400}
.premium-banner{color:#000;border-radius:20px;height:140px;margin:0 16.5px 10px;font-family:"Alibaba PuHuiTi 3.0";position:relative;overflow:visible}.premium-banner .premium-banner-bg{z-index:0;background:#81e3f8;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.premium-banner .premium-banner-bg .cloud-illustration{object-fit:contain;width:min(280px,70vw);height:140px;position:absolute;right:-25px}.premium-banner .premium-banner-content{z-index:1;padding:11px 20px;position:relative}.premium-banner .premium-banner-content .premium-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.premium-banner .premium-banner-content .premium-header .premium-title{font-size:12px;font-weight:600;line-height:24px}.premium-banner .premium-banner-content .premium-header .premium-star{color:#406eff;font-size:12px;font-weight:800;line-height:24px}.premium-banner .premium-banner-content .premium-subtitle{margin:0 0 2px;font-size:20px;font-weight:600;line-height:24px}.premium-banner .premium-banner-content .premium-description{color:#2e2e2e;letter-spacing:.831px;margin:0 0 12px;font-size:10px;font-weight:400;line-height:normal}.premium-banner .premium-banner-content .premium-player{background:#fff;border-radius:24px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:500;line-height:normal;display:flex;position:absolute;left:15px;box-shadow:0 2px 8px #0000001a}.premium-banner .premium-banner-content .premium-player .player-avatar{border-radius:50%;width:32px;height:32px;overflow:hidden}.premium-banner .premium-banner-content .premium-player .player-avatar img{object-fit:cover;width:100%;height:100%}.premium-banner .premium-banner-content .premium-player .player-play{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.premium-banner .premium-banner-content .premium-player .player-close{cursor:pointer;color:#1a1a1a;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.premium-banner .premium-banner-content .premium-features{left:16px;bottom:calc(134px + env(safe-area-inset-bottom));z-index:101;background:#fff;border-radius:8px;align-items:center;gap:13px;padding:4px 8px;display:flex;position:fixed}.premium-banner .premium-banner-content .premium-features .rectangle-icon{width:34px;height:34px}.premium-banner .premium-banner-content .premium-features .broadcast-icon{width:24px;height:24px}.premium-banner .premium-banner-content .premium-features .close-icon{width:30px;height:30px}.premium-banner .premium-banner-content .premium-indicators{align-items:center;gap:6px;display:flex;position:absolute;bottom:-48px;left:50%;transform:translate(-50%)}.premium-banner .premium-banner-content .premium-indicators .indicator{background:var(--tingshu2,#e1eff7);border-radius:20px;width:31px;height:4px}.premium-banner .premium-banner-content .premium-indicators .indicator.active{background:#898a8d}
.mini-player{bottom:calc(68px + env(safe-area-inset-bottom));z-index:99;background:#222;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;height:50px;padding:14px 16px;font-family:"Alibaba PuHuiTi 3.0";display:flex;position:fixed;left:0;right:0}.mini-player .mini-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.831px;font-size:12px;font-weight:500;line-height:normal;overflow:hidden}.mini-player .mini-player-action{flex-shrink:0;align-items:center;gap:6px;margin-left:12px;display:flex}.mini-player .mini-player-action span{color:#fff;font-size:14px}.mini-player .mini-player-action svg{width:16px;height:16px}
.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100;min-height:calc(68px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e0e0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 38px #00000026}.bottom-nav .nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex}.bottom-nav .nav-item .nav-icon{width:34px;height:34px}
.library-page{min-height:100dvh;padding:calc(44px + env(safe-area-inset-top)) 27px calc(84.5px + env(safe-area-inset-bottom));color:#000;background:#fff;font-family:"Alibaba PuHuiTi 3.0"}.library-title-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.library-title-tabs{align-items:baseline;gap:28px;display:flex}.library-title-tabs button{color:#00000080;background:0 0;border:0;font-size:20px;font-weight:500;line-height:normal}.library-title-tabs button.active{color:#000;font-size:24px;font-weight:700;line-height:28px}.library-search{background:0 0;border:0;place-items:center;display:grid}.library-search img{opacity:.5;width:24px;height:24px}.library-imports{gap:16px;margin-bottom:24px;display:flex}.library-import-card{background:#fdfdfd;border:1px solid #d9d9d9;border-radius:32px;flex-direction:column;align-items:flex-start;gap:10px;width:174px;height:149px;padding:29px 0 13px 19px;display:flex}.library-import-card strong,.library-import-card span{color:#000;font-size:18px;font-weight:600;line-height:24px;display:block}.library-import-card img{width:36px;height:36px}.library-import-cloud{background:#f1f3ff;border-color:#0000}.library-section{background:#fff;border:1px solid #d9d9d9;border-radius:18px;margin-bottom:24px;padding:20px}.library-section:last-child{margin-bottom:0}.library-section-header{color:#000;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.library-section-header h2{font-size:20px;font-weight:600;line-height:normal}.library-section-header .library-section-arrow{width:24px;height:24px;display:block}.library-section-header:disabled{opacity:1}.library-points-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.library-points-row span{color:#00000073;background:#f2f2f2;border-radius:10px;align-items:center;min-height:20px;padding:2px 8px 2px 22px;font-size:12px;line-height:16px;display:inline-flex;position:relative}.library-points-row span:before{content:"";background:#9c9c9c;border-radius:50%;width:11px;height:11px;position:absolute;left:7px}.library-points-row button{color:#0000009e;background:0 0;border:0;font-size:13px}.library-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.library-book{color:#000;text-align:left;background:0 0;border:0;min-width:0}.library-book-cover-wrap{aspect-ratio:96/128;background:#f3f3f3;border-radius:9px;width:100%;display:block;position:relative;overflow:hidden}.library-book-cover{object-fit:cover;width:100%;height:100%;display:block}.library-book-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:14px;font-weight:500;line-height:normal;display:block;overflow:hidden}.library-bookshelf-page{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:0;padding-left:20px;padding-right:20px}.library-bookshelf-page~.bottom-nav{display:none}.library-bookshelf-header{grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:20px;display:grid}.library-bookshelf-header h1{text-align:center;font-size:20px;font-weight:700;line-height:37px}.library-bookshelf-header button{color:#0000009e;background:0 0;border:0;font-size:14px;line-height:20px}.library-bookshelf-header button:first-child{width:24px;height:24px;padding:0}.library-bookshelf-header button:first-child img{width:14px;height:14px;display:block}.library-bookshelf-header button:last-child{justify-self:end}.library-book-grid-bookshelf{gap:24px 37px}.library-book-grid-bookshelf .library-book-cover-wrap{aspect-ratio:96/128;border-radius:8px}.library-book-grid-bookshelf .library-book-title{text-align:left;margin-top:10px;font-size:15px;font-weight:500}.library-network-list{flex-direction:column;display:flex}.library-network-item{border-bottom:1px solid #f0f0f0;grid-template-columns:50px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:76px;padding:12px 0;display:grid}.library-network-item:last-child{border-bottom:0}.library-network-cover-wrap{background:#f7f7f7;border-radius:6px;width:50px;height:68px;overflow:hidden}.library-network-cover{object-fit:cover;width:100%;height:100%;display:block}.library-network-empty-cover{width:28px;height:28px;margin:20px auto;display:block}.library-network-placeholder{width:100%;height:100%;display:block;position:relative}.library-network-placeholder:before{content:"";background:#00000014;width:15px;height:15px;position:absolute;top:27px;left:18px;-webkit-mask:url(/book-closed.svg) 50%/contain no-repeat;mask:url(/book-closed.svg) 50%/contain no-repeat}.library-network-info{min-width:0}.library-network-info h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:500;line-height:normal;overflow:hidden}.library-network-info p{color:#00000080;margin-top:4px;font-size:12px;font-weight:300;line-height:normal}.library-network-play{color:#00000080;white-space:nowrap;background:0 0;border:0;font-size:12px;font-weight:400;line-height:normal}.library-network-page{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:0;padding-left:20px;padding-right:20px}.library-network-page .library-bookshelf-header{margin-bottom:28px}.library-network-page~.bottom-nav,.library-network-edit-page~.bottom-nav{display:none}.library-network-detail-list{flex-direction:column;display:flex}.library-network-detail-item{color:#000;text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f0f0;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;min-height:93px;padding:12px 0;display:grid}.library-network-detail-item:last-child{border-bottom:0}.library-network-detail-info{min-width:0}.library-network-detail-info h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:15px;font-weight:500;line-height:normal;overflow:hidden}.library-network-detail-info p{color:#00000080;font-size:13px;font-weight:400;line-height:normal}.library-network-edit-page .library-edit-header{margin-bottom:35px}.library-network-edit-page .library-network-detail-item{grid-template-columns:50px minmax(0,1fr) 24px}.library-network-detail-check{width:24px;height:24px;display:block}.library-page-history .library-title-row{margin-bottom:23px}.library-history{flex-direction:column;gap:25px;display:flex}.library-history-section{background:#fff;border:1px solid #d9d9d9;border-radius:18px;padding:20px 20px 15px}.library-history-section h2{color:#00000080;margin-bottom:14px;font-size:12px;font-weight:500;line-height:normal}.library-history-list{flex-direction:column;display:flex}.library-history-item{border-bottom:1px solid #f0f0f0;grid-template-columns:50px minmax(0,1fr) 62px;align-items:center;gap:10px;min-height:76px;padding:12px 0;display:grid}.library-history-item:last-child{border-bottom:0}.library-history-add{color:#00000080;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;width:62px;height:26px;font-size:12px;font-weight:400;line-height:normal}.library-page-edit{padding:calc(20px + env(safe-area-inset-top)) 20px calc(116px + env(safe-area-inset-bottom))}.library-page-edit~.bottom-nav{display:none}.library-edit-header{grid-template-columns:56px 1fr 56px;align-items:center;margin-bottom:24px;display:grid}.library-edit-header h1{text-align:center;font-size:20px;font-weight:700;line-height:24px}.library-edit-header button{color:#0000009e;background:0 0;border:0;font-size:14px;line-height:20px}.library-edit-header button:first-child{text-align:left}.library-edit-header button:last-child{text-align:right}.library-check{width:24px;height:24px;display:block;position:absolute;bottom:8px;right:8px}.library-edit-actions{z-index:110;min-height:calc(84px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #ebebeb;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.library-edit-actions button{color:#000;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.library-edit-actions button img{width:24px;height:24px;display:block}.library-confirm{z-index:200;background:#00000094;place-items:center;display:grid;position:fixed;inset:0}.library-confirm-card{text-align:center;background:#fff;border-radius:12px;width:min(280px,100vw - 72px);overflow:hidden}.library-confirm-card h2{margin-top:35px;font-size:15px;font-weight:500;line-height:normal}.library-confirm-card p{color:#00000080;margin:14px 20px 24px;font-size:13px;font-weight:400;line-height:normal}.library-confirm-actions{border-top:1px solid #eee;grid-template-columns:1fr 1fr;display:grid}.library-confirm-actions button{color:#000;background:0 0;border:0;height:44px;font-size:15px;font-weight:500;line-height:normal}.library-confirm-actions button+button{color:#4191fa;border-left:1px solid #eee}@media (max-width:374px){.library-book-grid{column-gap:12px}.library-import-card,.library-section{padding-left:16px;padding-right:16px}}
.community-page{z-index:130;scrollbar-width:none;color:#111;padding:0 20px calc(82px + env(safe-area-inset-bottom));background:#fff;position:fixed;inset:0;overflow-y:auto}.community-page::-webkit-scrollbar{display:none}.community-page button,.community-page input,.community-page textarea{font:inherit}.community-top{z-index:8;background:inherit;margin:0 -20px;padding-top:20px;position:sticky;top:0}.community-nav{background:inherit;grid-template-columns:44px 1fr 44px;align-items:center;height:46px;padding:0 20px;display:grid}.community-nav>button{align-items:center;width:44px;height:44px;display:flex}.community-nav .community-back-icon{background:url(/icon/community-back.svg) 50%/contain no-repeat;width:24px;height:24px;display:block}.community-nav .community-more-button{justify-content:flex-end;align-items:center;width:44px;height:44px;display:inline-flex}.community-nav .community-more-icon{background:url(/icon/community-more.svg) 50%/contain no-repeat;width:24px;height:24px;display:block}.community-nav>div{text-align:right}:where(.community-nav>button,.community-nav>div button){color:#111;text-align:left;background:0 0;border:0;padding:0;font-size:26px;line-height:1}.feed-tabs{justify-content:center;gap:18px;font-size:20px;display:flex}.feed-tabs button{color:#00000080;background:0 0;border:0;padding:0;font-size:20px;font-weight:400;line-height:37px}.feed-tabs .is-active{color:#111;font-weight:700}.feed-page{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.topic-entry{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:0;display:flex}.topic-entry h2{margin:0;font-size:20px;font-weight:600;line-height:normal}.topic-entry .topic-entry-icon{background:url(/chevron-right.svg) 50%/contain no-repeat;width:24px;height:24px}.hot-topics,.topic-books{scrollbar-width:none;gap:17px;margin:20px -20px 8px 0;display:flex;overflow-x:auto}.hot-topics::-webkit-scrollbar{display:none}.topic-books::-webkit-scrollbar{display:none}.hot-topics{padding-right:17px}.hot-topics button{text-align:left;background:#f1f3ff;border:0;border-radius:12px;flex:0 0 165px;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;height:70px;padding:12px;display:grid}.hot-topics button:nth-child(2){background:#dff9ff}.hot-topics button:nth-child(3){background:#fef5d9}.hot-topics button img{object-fit:cover;border-radius:8px;grid-row:span 2;width:46px;height:46px}.hot-topics button b{white-space:nowrap;align-items:center;min-width:0;font-size:16px;font-weight:500;line-height:normal;display:flex;overflow:hidden}.hot-topics button .topic-label-icon{background:url(/topic.svg) 50%/contain no-repeat;flex:0 0 24px;width:18px;height:18px;display:inline-block}.hot-topics button small{color:#0000004d;margin-left:5px;font-size:12px;font-weight:400;line-height:normal}.post-card{border-bottom:1px solid #f1f1f1;padding:18px 0 13px}.feed-page .post-card:last-of-type{border-bottom:0;padding-bottom:0}.post-head{grid-template-columns:36px 1fr auto;align-items:center;gap:10px;display:grid}.post-head button{background:0 0;border:0;padding:0;display:flex}.post-head img{object-fit:cover;border-radius:50%;width:34px;height:34px}.post-head b,.post-head span{display:block}.post-head b{font-size:14px;font-weight:500;line-height:normal}.post-head span{color:#0000004d;font-size:12px;font-weight:400;line-height:normal}.post-head .follow-toggle{color:#00000080;background:#fff;border:1px solid #d7d7d7;border-radius:8px;min-width:50px;padding:4px 6px;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.post-head .follow-toggle:not(.is-followed){color:#000;background:#b8e6f1;border:0;align-items:center;gap:1px;font-weight:700;display:flex}.post-head .follow-add-icon{background:url(/book-city/jia.svg) 50%/contain no-repeat;width:12px;height:12px}.post-head .follow-toggle img{object-fit:contain;border-radius:0;width:12px;height:12px}.post-head--detail{margin-top:20px}.post-head--reply{grid-template-columns:36px 1fr}.post-head--reply em{display:none}.post-head .is-followed{color:#00000080;background:#fff;border:1px solid #d9d9d9}.post-content{text-align:left;background:0 0;border:0;width:100%;padding:9px 0 0}.post-content p{margin:0 0 12px;font-size:14px;line-height:1.45}.community-book{text-align:left;background:#f6f6f7;border:0;border-radius:10px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;width:100%;height:72px;padding:10px 12px;display:grid}.community-book img{object-fit:cover;border-radius:6px;width:34px;height:48px}.community-book b,.community-book span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.community-book b{font-size:14px;font-weight:500;line-height:normal}.community-book span{color:#b6b6b6;margin-top:5px;font-size:10px}.community-book em{color:#ff6d23;font-size:13px;font-style:normal}.community-book em.is-unrated{color:#0009;font-size:14px;font-weight:500;line-height:normal}.shelf-row{scrollbar-width:none;background:#f6f6f7;border-radius:0 0 10px 10px;gap:14px;height:126px;padding:12px;display:flex;overflow:auto hidden}.shelf-row::-webkit-scrollbar{display:none}.shelf-row span{flex:0 0 50px}.shelf-row img{object-fit:cover;border-radius:5px;width:48px;height:66px}.shelf-row small{margin-top:5px;font-size:12px;line-height:1.15;display:block}.post-image-row{--post-image-radius:10px;scrollbar-width:none;gap:10.5px;margin-right:-20px;padding-bottom:1px;display:flex;overflow-x:auto}.post-image-row::-webkit-scrollbar{display:none}.post-image-row span{flex:0 0 82px;width:82px;height:82px;position:relative}.post-image-row img{border-radius:var(--post-image-radius);object-fit:cover;width:100%;height:100%}.post-image-row .post-image-more{border-radius:var(--post-image-radius);background:linear-gradient(#00000080 0% 100%),#d3d3d3 url(/book-city/gallery/3.jpg) 50%/cover no-repeat}.post-image-row .post-image-more b{color:#fff;place-items:center;font-size:14px;font-weight:600;line-height:normal;display:grid;position:absolute;inset:0}.post-image-row .post-image-more i{background:radial-gradient(circle,#fff 2px,#0000 2.5px) 0/7px 5px repeat-x;width:19px;height:5px;position:absolute;bottom:6px;right:8px}.post-actions{color:#00000080;letter-spacing:.141px;grid-template-columns:72px 1fr auto;margin-top:16px;font-size:14px;font-weight:400;line-height:22px;display:grid}.post-actions span,.post-actions button{align-items:center;gap:4px;display:flex}.post-actions img{width:22px;height:22px;display:block}.post-actions .active{color:inherit;font-weight:inherit}.post-actions button{color:#888;background:0 0;border:0;padding:0}.float-compose{right:20px;bottom:calc(40px + env(safe-area-inset-bottom));color:#fff;background:#000;border:0;border-radius:50%;width:50px;height:50px;font-size:26px;position:fixed}.float-compose img{width:50px;height:50px;display:block}.detail-page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.detail-gallery{background:#4c53f2;height:547px;margin:-72px -20px 18px;position:relative;overflow:hidden}.detail-gallery .detail-gallery-track{height:100%;transition:transform .25s;display:flex}.detail-gallery button{background:0 0;border:0;flex:0 0 100%;width:100%;height:100%;padding:0}.detail-gallery img{object-fit:cover;width:100%;height:100%;display:block}.detail-gallery span{color:#fff;background:#0008;border-radius:12px;padding:3px 9px;font-size:12px;position:absolute;top:106px;right:20px}.detail-gallery+.gallery-dots+.post-head{margin-top:20px}.gallery-dots{justify-content:center;align-items:center;gap:9px;height:28px;margin:-8px 0 10px;display:flex}.gallery-dots button{background:#e0e0e0;border:0;border-radius:50%;width:8px;height:8px;padding:0}.gallery-dots .is-active{background:#8f8f8f}.post-text{margin:12px 0;font-size:14px;line-height:1.45}.post-tags{gap:10px;margin-bottom:10px;display:flex}.post-tags button{background:#f4f4f4;border:0;border-radius:200px;padding:5px 12px;font-size:14px}.detail-books{gap:10px;margin-bottom:24px;display:grid}.comments{border-top:1px solid #f2f2f2;padding-top:18px}.comments h2{margin:0 0 20px;font-size:16px}.comment{grid-template-columns:36px 1fr auto;gap:12px;margin-bottom:24px;display:grid;position:relative}.comment>img{object-fit:cover;border-radius:50%;width:36px;height:36px}.comment>div{min-width:0}.comment>div>b{color:#777;font-size:14px}.comment>div>p{margin:7px 0 12px;font-size:14px}.comment>div>span{color:#aaa;font-size:12px}.comment>div>.is-author-liked{color:#ff2d59}.comment .comment-meta{align-items:center;gap:12px;display:inline-flex}.comment .comment-meta small{font:inherit}.comment .comment-like{color:#777;background:0 0;border:0;align-self:center;align-items:center;gap:4px;padding:0;font-size:14px;display:flex}.comment .comment-like img{width:22px;height:22px}.reply{background:#f6f6f7;border-radius:12px;grid-column:2/4;row-gap:12px;padding:16px 16px 15px;display:grid}.reply .reply-toggle{color:#ff2d59;text-align:left;background:0 0;border:0;margin-left:48px;padding:0;font-size:12px;line-height:normal}.reply-item{grid-template-columns:36px minmax(0,1fr) auto;align-items:start;column-gap:12px;display:grid}.reply-item+.reply-item{border-top:1px solid #e7e7e7;padding-top:14px}.reply-item>img{object-fit:cover;border-radius:50%;width:36px;height:36px}.reply-item>div{min-width:0}.reply-item p{color:#111;margin:5px 0 13px;font-size:14px;line-height:18px}.reply-item .reply-meta{color:#aaa;gap:12px;font-size:12px;line-height:17px;display:flex}.reply-item .reply-like{color:#777;background:0 0;border:0;align-self:end;align-items:center;gap:4px;margin-bottom:2px;padding:0;font-size:14px;display:flex}.reply-item .reply-like img{width:22px;height:22px}.reply-author{align-items:center;gap:6px;display:flex}.reply-author b{color:#555;font-size:14px;font-weight:500}.reply-author span{color:#ff2d59;border:1px solid #ff2d59;border-radius:9px;padding:1px 5px;font-size:12px;line-height:14px}.comment-bar{z-index:9;height:calc(64px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;grid-template-columns:1fr 72px;align-items:start;gap:12px;padding:12px 20px 0;display:grid;position:fixed;bottom:0;left:0;right:0}.comment-bar input{color:#aaa;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;height:42px;padding:0 14px}.comment-bar button{text-align:right;background:#fff;border:0;justify-content:flex-end;align-items:center;gap:4px;font-weight:700;display:flex}.comment-bar button img{width:22px;height:22px}.shade{z-index:150;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.community-toast{z-index:320;left:50%;bottom:calc(116px + env(safe-area-inset-bottom));color:#fff;pointer-events:none;background:#000000e0;border-radius:6px;place-items:center;min-width:120px;min-height:44px;padding:0 22px;font-size:15px;font-weight:500;display:grid;position:fixed;transform:translate(-50%)}.more-sheet,.report-sheet,.picker-sheet{background:#fff;border-radius:18px 18px 0 0;width:100%}.more-sheet{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));height:148px;padding:53px 0 0;display:grid;position:relative}.more-sheet>i{display:none}.more-sheet:before{content:"";background:#d7d7d7;border-radius:9px;width:70px;height:4px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.more-sheet button{color:#000;background:0 0;border:0;flex-direction:column;align-items:center;gap:18px;padding:0;line-height:1;display:flex}.more-sheet button img{width:24px;height:24px}.more-sheet span{font-size:12px;line-height:17px}.report-sheet>i,.picker-sheet>i{background:#d7d7d7;border-radius:9px;width:70px;height:4px;margin:0 auto 24px;display:block}.report-sheet{height:552px;padding:14px 20px calc(42px + env(safe-area-inset-bottom))}.report-sheet h2{text-align:center;margin:0 0 28px;font-size:20px}.report-sheet h3{margin:0 0 14px;font-size:16px}.report-sheet div{grid-template-columns:repeat(3,1fr);gap:16px 10px;margin-bottom:28px;display:grid}.report-sheet div button{color:#555;background:#fff;border:1px solid #e6e6e6;border-radius:7px;height:32px;font-size:14px}.report-sheet .selected{background:#bceef8;border-color:#bceef8}.report-sheet textarea{resize:none;background:#f7f7f8;border:1px solid #e9e9e9;border-radius:8px;width:100%;height:140px;padding:18px 14px}.report-sheet>button{color:#fff;background:#000;border:0;border-radius:13px;width:100%;height:54px;margin-top:28px;font-size:16px;font-weight:700}.topic-page{background:var(--topic-bg,#f1f3ff);padding-bottom:0}.topic-page h1{margin:0;font-size:26px;font-weight:700;line-height:34px}.topic-title-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-bottom:8px;display:flex}.topic-books-title{color:#00000059;margin:10px 0;font-size:12px;font-weight:400;line-height:17px}.collect,.follow-white,.publish{border-radius:8px;height:28px;font-size:12px;font-weight:500}.collect,.follow-white{background:#fff;border:1px solid #0000;padding:0 10px}.collect{white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-width:66px;line-height:1;display:inline-flex}.collect img{width:14px;height:14px}.topic-books{gap:14px;margin:0 -20px 22px 0;padding-right:20px}.topic-books span{color:#111;flex:0 0 54px;font-size:12px;line-height:1.25}.topic-books img{object-fit:cover;border-radius:5px;width:48px;height:66px;margin-bottom:6px;display:block}.topic-panel{min-height:calc(100dvh - 322px);padding:20px 20px calc(98px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;margin:0 -20px}.topic-tabs{background:#f6f6f7;border-radius:8px;align-items:center;gap:0;height:30px;margin-bottom:6px;display:inline-flex;overflow:hidden}.topic-tabs button{background:0 0;border:0;border-radius:8px;place-items:center;min-width:73px;height:28px;font-size:13px;font-weight:700;line-height:1;display:grid}.topic-tabs .is-active{color:#fff;background:#000}.topic-tabs button:not(.is-active){color:#111}.profile-tabs{align-items:center;gap:22px;margin-bottom:8px;display:flex}.profile-tabs b{color:#fff;background:#000;border-radius:8px;padding:7px 12px;font-size:13px}.profile-tabs span{color:#777;font-weight:400}.topic-float{left:50%;bottom:calc(49px + env(safe-area-inset-bottom));color:#fff;background:#000;border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;min-width:126px;height:45px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex;position:fixed;transform:translate(-50%)}.topic-float img{width:25px;height:25px}.compose-page{--compose-keyboard-offset:0px;padding-bottom:calc(104px + var(--compose-keyboard-offset))}.compose-page .community-top{padding-top:28px}.compose-page .community-nav{grid-template-columns:44px 1fr 64px}.publish{color:#b8c6cc;white-space:nowrap;background:#e1f8ff;border:0;border-radius:8px;justify-content:center;align-items:center;width:63px;height:31px;padding:0;font-size:14px;line-height:1;display:inline-flex}.compose-page.is-filled .publish{color:#111;background:#dff8ff}.compose-body{min-height:570px}.compose-title,.compose-editor{color:#111;border:0;outline:0;width:100%;font-size:16px}.compose-title::placeholder,.compose-editor::placeholder{color:#b4b4b4;opacity:1}.compose-title{border-bottom:1px solid #eee;height:48px;padding-left:16px}.compose-editor{white-space:pre-wrap;word-break:break-word;cursor:text;height:126px;padding:16px;overflow-y:auto}.compose-editor:empty:before{content:attr(data-placeholder);color:#b4b4b4;pointer-events:none}.compose-mention-token{color:#1677ff;-webkit-user-select:text;user-select:text}.compose-images{scrollbar-width:none;gap:10px;margin-top:10px;display:flex;overflow:auto hidden}.compose-images::-webkit-scrollbar{display:none}.compose-images>button,.compose-images>i,.compose-images .compose-image-preview{color:#9c9c9c;background:#f6f6f7;border:0;border-radius:9px;flex-direction:column;flex:0 0 82px;justify-content:center;align-items:center;gap:7px;width:82px;height:82px;font-size:12px;font-style:normal;display:flex;position:relative;overflow:hidden}.compose-images>button>img{object-fit:contain;width:28px;height:28px}.compose-images .compose-image-preview>img{object-fit:cover;width:100%;height:100%}.compose-images .compose-image-remove{color:#fff;background:#00000073;border:0;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;font-size:16px;line-height:16px;display:grid;position:absolute;top:5px;right:5px}.compose-file-input{display:none}.compose-book-list{gap:8px;margin-top:18px;display:grid}.compose-tools,.compose-chips{z-index:9;background:#fff;align-items:center;padding:0 20px;display:flex;position:fixed;left:0;right:0}.compose-chips{bottom:calc(var(--compose-keyboard-offset) + 51px);gap:10px;height:45px}.compose-chips button{color:#111;background:#f7f7f7;border:0;border-radius:15px;justify-content:center;align-items:center;gap:4px;min-width:80px;height:30px;padding:0 13px;font-size:14px;font-weight:400;display:inline-flex}.compose-chips .chip-topic-selected{color:#111;background:#c9f5ff}.compose-chips .chip-topic-selected span{color:#7e9aa3;font-size:14px;line-height:1;display:flex}.compose-chips img{width:16px;height:16px}.compose-tools{bottom:var(--compose-keyboard-offset);border-top:1px solid #eee;gap:18px;height:51px}.compose-tools button{color:#7d8b94;background:0 0;border:0;justify-content:center;align-items:center;min-width:28px;height:38px;padding:0;font-size:26px;font-weight:700;display:inline-flex}.compose-tools .compose-spacer{flex:1}.compose-tools button>img{width:30px;height:30px}.compose-tools .privacy img{width:20px;height:20px}.compose-tools .privacy{color:#777;border:1px solid #ddd;border-radius:14px;gap:6px;min-width:77px;height:38px;padding:0 15px;font-size:14px;font-weight:400}.book-picker-page{z-index:40;padding:0 20px calc(85px + env(safe-area-inset-bottom));background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.book-picker-page .community-top{margin:0 -20px;padding-top:28px;position:relative}.book-picker-page .community-nav{grid-template-columns:44px 1fr 44px}.book-picker-title{text-align:center;margin:0;font-size:20px;font-weight:700;line-height:46px}.book-picker-search{margin:16px 0 18px;position:relative}.book-picker-search img{width:22px;height:22px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.book-picker-search input{color:#111;background:#f6f6f7;border:1px solid #e5e5e5;border-radius:26px;outline:0;width:100%;height:52px;padding:0 18px 0 48px;font-size:15px}.book-picker-search input::placeholder{color:#999;opacity:1}.book-picker-tabs{align-items:center;gap:15px;height:26px;margin-bottom:12px;display:flex}.book-picker-tabs button{color:#999;background:0 0;border:0;padding:0;font-size:15px;font-weight:400}.book-picker-tabs .is-active{color:#111;font-weight:700}.book-picker-list{scrollbar-width:none;flex:1;margin:0 -20px;padding:0 20px;overflow-y:auto}.book-picker-list::-webkit-scrollbar{display:none}.book-picker-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f0f0;grid-template-columns:50px minmax(0,1fr) 48px 24px;align-items:center;column-gap:12px;width:100%;min-height:92px;padding:12px 0;display:grid}.book-picker-list img{object-fit:cover;border-radius:4px;width:50px;height:66px}.book-picker-list span{min-width:0}.book-picker-list b,.book-picker-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.book-picker-list b{color:#111;font-size:14px;font-weight:700;line-height:20px}.book-picker-list small{color:#c2c2c2;margin-top:8px;font-size:11px;line-height:14px}.book-picker-list em{color:#ff6d23;grid-column:3;justify-self:end;font-size:13px;font-style:normal}.book-picker-list i{background:#8a8a8a;border-radius:50%;grid-column:4;justify-self:end;width:22px;height:22px;position:relative}.book-picker-list i:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;position:absolute;top:5px;left:6px;transform:rotate(-45deg)}.book-picker-list .is-selected i{background:#c7f6ff}.book-picker-list .is-selected i:after{border-color:#111}.book-picker-add{height:calc(85px + env(safe-area-inset-bottom));z-index:1;background:#fff;border-top:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:15px 20px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.book-picker-add span{color:#111;font-size:14px;line-height:45px}.book-picker-add button{color:#fff;background:#000;border:0;border-radius:14px;width:150px;height:45px;font-size:16px;font-weight:500}.picker-sheet{min-height:724px;padding:14px 20px calc(22px + env(safe-area-inset-bottom))}.picker-sheet:before{content:"";background:#d7d7d7;border-radius:9px;width:70px;height:4px;margin:0 auto 24px;display:block}.picker-sheet h2{text-align:center;margin:0 0 26px;font-size:20px}.picker-sheet input{background:#f6f6f7;border:1px solid #e5e5e5;border-radius:24px;width:100%;height:48px;margin-bottom:24px;padding:0 18px}.picker-sheet h3{margin:0 0 16px;font-size:16px}.picker-sheet>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eee;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;height:52px;font-weight:700;display:grid}.picker-sheet>button span{color:#999;text-align:right;font-size:12px;font-weight:400}.topic-sheet{box-sizing:border-box;height:calc(100vh - 76px);min-height:0;padding:14px 20px calc(10px + env(safe-area-inset-bottom));overflow-y:auto}.topic-sheet:before{background:#d8d8d8;width:69px;height:4px;margin-bottom:26px}.topic-sheet>i{display:none}.topic-sheet h2{color:#000;margin-bottom:29px;font-size:20px;font-weight:700;line-height:25px}.topic-sheet .topic-search{margin-bottom:26px;position:relative}.topic-sheet .topic-search img{width:22px;height:22px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.topic-sheet .topic-search button{background:#d4d4d4;border:0;border-radius:50%;width:16px;height:16px;padding:0;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.topic-sheet .topic-search button:before,.topic-sheet .topic-search button:after{content:"";background:#fff;border-radius:2px;width:8px;height:1.5px;position:absolute;top:7px;left:4px}.topic-sheet .topic-search button:before{transform:rotate(45deg)}.topic-sheet .topic-search button:after{transform:rotate(-45deg)}.topic-sheet input{color:#111;background:#f6f6f7;border-color:#e7e7e7;height:48px;margin-bottom:0;padding:0 42px 0 48px;font-size:16px;font-weight:400}.topic-sheet input::placeholder{color:#999;opacity:1}.topic-sheet h3{color:#000;margin-bottom:18px;font-size:16px;font-weight:700;line-height:22px}.topic-sheet>button{color:#000;grid-template-columns:1fr auto;gap:12px;height:52px;font-size:16px;font-weight:600;line-height:22px}.topic-sheet>button span{color:#999;font-size:13px;font-weight:400;line-height:18px}.topic-sheet .topic-create-button{color:#111;margin-top:6px;font-weight:400}.topic-sheet .topic-create-name{color:#111;text-align:left;align-items:center;gap:16px;min-width:0;display:inline-flex}.topic-sheet .topic-create-name b{color:#111;font-size:22px;font-weight:500;line-height:1}.topic-sheet .topic-create-name em{color:#ff2f5f;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.topic-sheet .topic-create-action{color:#2f80ff;white-space:nowrap;font-size:12px;font-weight:400;line-height:18px}.search-sheet{min-height:446px;margin-bottom:290px}.search-sheet>button span{color:#2f80ff}.search-sheet>button img{border-radius:50%;width:36px;height:36px}.search-sheet small{color:#aaa;grid-column:2;font-size:12px;font-weight:400}.mention-sheet{box-sizing:border-box;width:100%;height:calc(100vh - 76px);min-height:0;padding:14px 19px calc(20px + env(safe-area-inset-bottom));margin:0 auto;overflow-y:auto}.mention-sheet:before{background:#d6d6d6;width:70px;height:4px;margin-bottom:31px}.mention-sheet>i{display:none}.mention-sheet h2{color:#000;margin-bottom:19px;font-size:20px;font-weight:700;line-height:25px}.mention-sheet .mention-search{margin-bottom:14px;position:relative}.mention-sheet .mention-search:before{content:"";border:2px solid #8c8c8c;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.mention-sheet .mention-search:after{content:"";background:#8c8c8c;border-radius:2px;width:8px;height:2px;position:absolute;top:28px;left:32px;transform:rotate(45deg)}.mention-sheet input{color:#111;background:#f4f4f4;border-color:#e3e3e3;height:44px;margin-bottom:0;padding:0 42px 0 46px;font-size:16px;font-weight:400}.mention-sheet input::placeholder{color:#8c8c8c;opacity:1}.mention-sheet .mention-search button{z-index:1;background:#d4d4d4;border:0;border-radius:50%;width:16px;height:16px;padding:0;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.mention-sheet .mention-search button:before,.mention-sheet .mention-search button:after{content:"";background:#fff;border-radius:2px;width:8px;height:1.5px;position:absolute;top:7px;left:4px}.mention-sheet .mention-search button:before{transform:rotate(45deg)}.mention-sheet .mention-search button:after{transform:rotate(-45deg)}.mention-sheet>button{color:#111;background:0 0;border-bottom:0;grid-template-rows:auto auto;grid-template-columns:36px 1fr;gap:2px 10px;height:70px;font-size:16px;font-weight:400;line-height:20px;position:relative}.mention-sheet>button:after{content:"";background:#f0f0f0;height:1px;position:absolute;bottom:0;left:47px;right:0}.mention-sheet>button img{grid-row:1/3;width:36px;height:36px}.mention-sheet small{color:#999;font-size:12px;line-height:15px}.profile-page{padding-top:0}.profile-hero{background:#fff url(/profile-hero.png) top/cover no-repeat;height:180px;margin:0 -20px;position:relative}.profile-hero .community-top{background:0 0;margin:0;padding-top:50px}.profile-hero .follow-white{z-index:3;justify-content:center;align-items:center;gap:1px;width:80px;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:22px;right:20px}.profile-hero .follow-white img{width:12px;height:12px}.profile-hero .follow-white.is-followed{color:#111;border-color:#979797}.profile-head{z-index:2;margin-top:-43px;position:relative}.profile-head>img{border-radius:50%;width:82px;height:82px;transform:translateY(19px)}.profile-head h1{align-items:center;gap:10px;margin:-42px 0 0 94px;font-size:24px;display:flex}.profile-head .member-badge{box-sizing:border-box;color:#111;background:url(/member-badge.svg) 50%/contain no-repeat;justify-content:flex-end;align-items:center;width:44px;min-width:44px;height:18px;padding-right:7px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.profile-head p{color:#888;margin:0 0 14px 94px;font-size:14px}.profile-head div{text-align:center;grid-template-columns:repeat(3,1fr);padding:2px 0 18px;display:grid}.profile-head b{font-size:20px}.profile-head small{color:#888;margin-top:4px;font-size:12px;font-weight:300;display:block}.profile-tabs{border-top:1px solid #f1f1f1;margin:0 -20px;padding:14px 20px 12px}.profile-tabs b{color:#111;background:0 0;padding:0;font-size:20px}.profile-tabs span{color:#999;font-size:20px}.profile-page .post-card{padding-top:14px}