.s-phone{position:relative;background:#f5f5f5;color:#202622}
.s-phone .blocks:has(.s-chat-list),.s-phone .blocks:has(.s-contacts),.s-phone .blocks:has(.s-post){gap:0}
.s-post>.s-avatar{align-self:flex-start}
.s-growth{text-align:center;padding:38px 15px}.s-growth>.x-honor-emblem{margin:0 auto 20px}.s-growth h2{font-size:23px;margin:16px 0}.s-growth p{font-size:14px;margin:16px 0}.s-growth>small{font-size:11px;color:#999;line-height:1.9}
.s-phone .s-header{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;flex-shrink:0;padding:0 12px;height:54px;border-bottom:1px solid #e9e9e9;background:#f5f5f5}
.s-header>div:last-child{display:flex;justify-content:flex-end}.s-header h1{font-size:17px;line-height:1.35;letter-spacing:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.s-icon{display:grid;place-items:center;min-width:42px;height:44px;padding:8px}.s-icon svg{width:23px;height:23px}.s-top-primary{background:#93d741;padding:6px 13px;border-radius:5px;font-size:13px;font-weight:600}
.s-phone .screen-content{padding:0 16px 20px;background:white;scrollbar-width:thin}.s-phone .blocks{margin-top:0;gap:16px}.s-phone .blocks:empty{display:none}.s-phone .screen-content>.blocks{padding-top:16px}.s-phone .home-indicator{margin-top:8px}.s-phone .bottom-nav{padding-top:10px;padding-bottom:12px}.s-detail-lead{font-size:12px;color:#888;padding:18px 0 12px}.s-phone .s-detail-lead+.blocks{padding-top:0}
.s-phone.s-chat-phone .screen-content{background:#ededed;padding:0 12px 20px}.s-chat-phone .s-header,.s-chat-phone .status{background:#ededed}.s-chat-time{text-align:center;font-size:11px;color:#929292;padding:20px 0}.s-messages{display:flex;flex-direction:column;gap:22px;padding-bottom:15px}.s-message{display:flex;align-items:flex-start;gap:10px}.s-message.mine{flex-direction:row-reverse}.s-avatar{padding:0;flex-shrink:0;background:none;display:inline-block;vertical-align:top}.s-avatar .avatar,.s-row-avatar .avatar,.s-contact .avatar{width:42px;height:42px;border-radius:7px}.s-bubble{background:white;border-radius:6px;padding:11px 12px;max-width:calc(100% - 64px);line-height:1.65;font-size:15px;position:relative;overflow-wrap:anywhere;white-space:pre-wrap}.s-bubble:before{content:'';position:absolute;border:5px solid transparent;border-right-color:white;left:-9px;top:15px}.s-message.mine .s-bubble{background:#b7ee70}.s-message.mine .s-bubble:before{left:auto;right:-9px;border-right-color:transparent;border-left-color:#b7ee70}
.s-input-area{background:#f7f7f7;border-top:1px solid #ddd;flex-shrink:0;padding:7px 9px 9px}.s-input-row{display:flex;gap:3px;align-items:flex-end}.s-input-row textarea{min-width:0;flex:1;resize:none;border:0;border-radius:5px;background:white;padding:8px 9px;line-height:22px;font-size:15px;max-height:112px;outline:0}.s-input-row .s-icon{min-width:32px;width:32px;height:38px;padding:4px}.s-send{background:#99dc48;border-radius:5px;height:36px;min-width:49px;padding:0 9px;font-size:13px;flex-shrink:0}.s-send:disabled{background:#e5e8e1;color:#90958b;opacity:1}.s-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px 7px 5px}.s-emoji-grid button{font-size:26px;height:42px}.s-attach-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 8px 8px;gap:16px}.s-attach-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#666}.s-attach-grid svg{width:48px;height:48px;padding:10px;background:white;border-radius:12px;color:#44513e}.s-input-area input[hidden]{display:none}
.s-segments{display:flex;gap:25px;border-bottom:1px solid #ededed;margin-bottom:12px}.s-segments button{font-size:16px;padding:15px 0 10px;color:#8b9188}.s-segments .active{color:#222;border-bottom:3px solid #a8dc58;font-weight:600}.s-search{display:flex;align-items:center;gap:8px;background:#f3f3f3;border-radius:7px;padding:7px 10px;margin:8px 0 13px;color:#9b9b9b}.s-search svg{width:16px;height:16px}.s-search input{border:0;background:none;outline:0;font-size:13px;line-height:24px;min-width:0;width:100%}.s-chat-row{display:flex;width:100%;text-align:left;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.s-chat-row.pinned{background:#f5f7f1}.s-chat-copy{flex:1;min-width:0}.s-chat-copy>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.s-chat-copy b{font-size:16px;font-weight:500}.s-chat-copy time{font-size:10px;color:#a3a3a3}.s-excerpt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#929292;margin-top:5px}.s-excerpt em{color:#c35b4b;font-style:normal}.s-chat-row>svg{width:14px;color:#aaa}.s-cells{margin:16px -16px;background:white;border-top:7px solid #f5f5f5;border-bottom:1px solid #f0f0f0;padding:0 16px}.s-cell{display:flex;align-items:center;gap:12px;width:100%;min-height:55px;border-bottom:1px solid #eee;text-align:left;font-size:15px}.s-cell:last-child{border-bottom:0}.s-cell>span{flex:1}.s-cell small{color:#929292;font-size:12px}.s-cell>svg{width:17px;height:17px;color:#bbb;flex-shrink:0}.s-letter{background:#f5f5f5;margin:0 -16px;padding:4px 16px;font-size:12px;color:#8a8a8a}.s-contact{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 0;border-bottom:1px solid #eee}.s-contact b{font-size:15px;font-weight:500;flex:1}.s-contact small{font-size:12px;color:#999}.s-list-end,.s-search-empty{text-align:center;font-size:12px;color:#999;padding:22px 0}.s-phone [hidden]{display:none!important}.s-members{display:flex;flex-direction:column;gap:8px;padding:24px 6px 6px;align-items:flex-start;font-size:12px;color:#888}.s-switch-row{position:relative}.s-switch-row input{position:absolute;right:0;width:46px;height:30px;opacity:0;cursor:pointer}.s-switch-row i{width:45px;height:26px;border-radius:16px;background:#ddd;padding:2px;pointer-events:none}.s-switch-row i:before{content:'';display:block;width:22px;height:22px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:transform .15s}.s-switch-row input:checked+i{background:#a2db50}.s-switch-row input:checked+i:before{transform:translateX(19px)}.s-switch-row input:focus-visible+i{outline:2px solid #58892a}.s-search-result{padding:15px 0;border-bottom:1px solid #eee}.s-search-result b{font-size:12px;color:#6c845b}.s-search-result p{font-size:14px;margin-top:5px;overflow-wrap:anywhere}
.s-post{display:flex;gap:10px;padding:19px 0;border-bottom:1px solid #eee}.s-post-body{flex:1;min-width:0}.s-author{font-size:14px;font-weight:600;color:#576b95;padding:0;text-align:left}.s-post-text{font-size:14px;line-height:1.85;margin:5px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.s-post .x-post-run{border-radius:6px;padding:12px 9px;gap:4px}.s-post .x-post-run strong{font-size:26px}.s-post .x-post-run b{font-size:12px}.s-post .x-post-run span{font-size:9px}.s-post-meta{display:flex;align-items:center;position:relative;gap:9px;margin-top:10px;min-height:28px}.s-post-meta>span{font-size:10px;color:#999;flex:1}.s-post-meta>button{font-size:11px;color:#576b95;padding:1px 4px}.s-post-more{background:#f0f1f3;border-radius:4px;height:22px;width:30px;display:grid;place-items:center}.s-post-more svg{width:21px;height:18px}.s-post-menu{position:absolute;right:34px;bottom:0;display:flex;background:#41464b;border-radius:5px;box-shadow:0 2px 8px #0002;z-index:2;overflow:hidden}.s-post-menu button{display:flex;align-items:center;gap:7px;min-width:72px;justify-content:center;padding:10px;color:white;font-size:12px;border-right:1px solid #555}.s-post-menu svg{width:14px;height:14px}.s-likes{display:flex;gap:7px;align-items:center;color:#576b95;font-size:11px;background:#f4f4f4;padding:7px 9px;margin-top:7px}.s-likes svg{width:12px;height:12px}.s-comments{background:#f4f4f4;padding:4px 9px 8px;font-size:12px;line-height:1.8}.s-comments .s-author{font-size:12px}.s-comment-text{font-size:12px;text-align:left;padding:0;line-height:1.8;overflow-wrap:anywhere}.s-comment-input{border-top:1px solid #ddd;padding:8px 12px;background:#f7f7f7;flex-shrink:0}.s-comment-input>span{display:flex;justify-content:space-between;font-size:11px;color:#888;padding-bottom:5px}.s-comment-input>span svg{width:15px;height:15px}.s-comment-input>div{display:flex;gap:8px}.s-comment-input input{border:0;background:white;min-width:0;flex:1;font-size:14px;padding:7px}.s-feed-image{width:150px;height:145px;padding:0;overflow:hidden}.s-feed-image .hero{width:100%;height:100%;border-radius:3px}
.s-profile{padding:25px 0 0}.s-profile-head{display:flex;gap:17px;align-items:center}.s-profile-head>.avatar{width:64px;height:64px;border-radius:9px}.s-profile-head h2{font-size:22px;font-weight:600;margin:0}.s-profile-head p{font-size:12px;color:#999;margin-top:6px}.s-profile-head small{font-size:11px;color:#888}.s-bio{font-size:13px;color:#7e847c;margin:19px 0}.s-profile-stats{display:flex;padding:2px 0 10px}.s-profile-stats>div{flex:1;display:flex;flex-direction:column;gap:2px;border-right:1px solid #eee}.s-profile-stats>div:last-child{border:0}.s-profile-stats strong{font-size:24px;font-weight:600;color:#344a29}.s-profile-stats span{font-size:11px;color:#89917f}.s-profile-links{margin-top:12px}.s-phone .x-medals{gap:8px}.s-phone .x-medal>div{width:74px;height:84px}.s-phone .x-medal strong{font-size:17px}.s-phone .x-medal b{font-size:12px}.s-phone .x-medal small{font-size:9px}.s-profile-actions{display:flex;flex-direction:column;border-top:7px solid #f5f5f5;margin:17px -16px 0;padding:0 16px}.s-profile-actions button{display:flex;gap:9px;justify-content:center;align-items:center;width:100%;padding:15px 0;border-bottom:1px solid #eee;font-size:15px;color:#576b95;font-weight:600}.s-profile-actions svg{width:17px;height:17px}.s-timeline-cover{height:160px;margin:0 -16px 15px;background:linear-gradient(135deg,#36523c,#7c9b63);display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;padding:0 18px 17px}.s-timeline-cover b{color:white;font-size:19px}.s-timeline-cover .avatar{width:60px;height:60px;border:3px solid white;border-radius:5px}.s-remark{display:flex;flex-direction:column;gap:14px;padding-top:25px;font-size:12px;color:#888}.s-remark input{border:0;border-bottom:1px solid #a4ce75;padding:10px 0;font-size:17px;color:#222;outline:0}.s-small-note{font-size:12px;color:#999;margin:17px 0}.s-save-draft{display:block;margin:25px auto;color:#576b95;font-size:13px}
.s-shade{position:absolute;inset:0;background:#0006;display:flex;align-items:flex-end;z-index:20}.s-action-sheet{background:#f3f3f3;width:100%;border-radius:12px 12px 0 0;overflow:hidden;padding-bottom:20px}.s-action-sheet button{background:white;width:100%;padding:17px;border-bottom:1px solid #eee;font-size:16px}.s-action-sheet button:last-child{margin-top:8px}.s-dialog{margin:auto 26px;background:white;border-radius:12px;padding:22px 20px 0;width:100%;text-align:center}.s-dialog h3{font-size:18px}.s-dialog p{font-size:13px;color:#888;margin:15px 0 22px}.s-dialog>div{display:flex;border-top:1px solid #eee}.s-dialog button{flex:1;padding:15px;font-size:15px}.danger{color:#bd4a40}.s-lightbox{position:absolute;inset:0;background:#111;z-index:25;display:flex;align-items:center;justify-content:center}.s-lightbox>button{position:absolute;top:30px;right:14px;color:white;z-index:1;width:44px;height:44px}.s-lightbox>img{max-width:100%;max-height:85%;object-fit:contain}.s-lightbox>.hero{width:100%;height:430px;border-radius:0}.s-message-image{padding:0;display:block}.s-message-image img{display:block;width:auto;max-width:190px;max-height:240px;border-radius:5px}.s-bubble.has-image{padding:0;background:none!important}.s-bubble.has-image:before{display:none}.s-workout-message{display:flex;flex-direction:column;text-align:left;gap:7px;width:195px}.s-workout-message>svg{width:24px;color:#719649}.s-workout-message strong{font-size:16px}.s-workout-message small{display:flex;align-items:center;justify-content:space-between;color:#8b9683;font-size:11px}.s-workout-message small svg{width:13px;height:13px}
.capture .s-chat-phone{height:844px;overflow:hidden}.capture .s-chat-phone .screen-content{overflow:auto;flex:1;min-height:0}.capture .s-chat-phone .s-input-area{margin-top:auto}
.capture .s-phone:not(.s-chat-phone) .screen-content{flex:1 0 auto}
@media(max-width:600px){.product-stage .s-phone .screen-content{padding:0 16px 20px}.product-stage .s-chat-phone .screen-content{padding:0 12px 20px}.s-phone .s-header{height:53px}}