.wx-screen {width:100%;height:100%;min-height:0;display:flex;flex-direction:column;position:relative;isolation:isolate;background:#ededed;color:#171717;font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft Yahei",sans-serif;text-align:left;overflow:hidden}
.wx-screen * {box-sizing:border-box;scrollbar-width:none}
.wx-screen ::-webkit-scrollbar {display:none}
.wx-screen button {appearance:none;font:inherit;color:inherit;background:none;border:0;border-radius:0;margin:0;letter-spacing:inherit;padding:0;box-shadow:none;cursor:pointer;text-align:inherit}
.wx-screen button:focus-visible {outline:2px solid #258255;outline-offset:-2px}
.wx-screen .wx-icon {width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}
.wx-header {height:48px;flex:none;display:grid;place-items:center;position:relative;background:#ededed;border-bottom:1px solid #0000000a;color:#151515}
.wx-header strong {font-size:17px;font-weight:600}
.wx-screen .wx-back {width:48px;height:100%;display:grid;place-items:center;position:absolute;left:0;top:0}
.wx-body {position:relative;flex:1;overflow:auto;overscroll-behavior:contain;min-height:0;outline:none}
.wx-tabs {height:59px;padding:3px 0;display:flex;flex:none;border-top:1px solid #ddd;background:#f7f7f7}
.wx-tabs button {flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;line-height:19px;color:#191919}
.wx-tabs button.active {color:#07a359}
.wx-tabs button>span {position:relative}
.wx-tabs button.active .wx-icon {fill:#0bc16d;stroke:#0ba862}
.wx-screen .wx-tabs .wx-icon {width:24px;height:24px}
.wx-badge {display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:12px;color:white;background:#ed4b44;font:500 11px/1 -apple-system,"Segoe UI",sans-serif;padding:0 4px;position:absolute;right:-7px;top:-4px;z-index:1}
.wx-threads,.wx-contact,.wx-count {background:#fff}
.wx-screen .wx-thread {display:flex;gap:13px;align-items:center;width:100%;min-height:73px;padding:0 14px 0 15px;position:relative}
.wx-thread::after,.wx-contact::after {content:"";position:absolute;right:0;bottom:0;left:76px;height:1px;background:#ececec}
.wx-thread.pinned {background:#f4f4f4}
.wx-avatar-wrap {position:relative;flex:none}
.wx-avatar {display:block;width:44px;height:44px;border-radius:7px;object-fit:cover;flex:none}
.wx-initial {display:grid;place-items:center;font-size:20px;color:white;background:#899aaa}
.wx-file {background:#34ba81}
.wx-thread-info {display:grid;gap:4px;min-width:0;flex:1;align-content:center;padding-right:24px}
.wx-thread-info>span {font-weight:510;letter-spacing:.1px}
.wx-thread-info small {color:#848484;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wx-thread time {color:#8e8e8e;font-size:11px;position:absolute;top:14px;right:15px}
.wx-letter {font-size:12px;color:#737373;padding:4px 16px}
.wx-screen .wx-contact,.wx-screen .wx-row {position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:55px;padding:8px 17px;background:#fff}
.wx-contact .wx-avatar {width:36px;height:36px;border-radius:5px;font-size:16px}
.wx-contact::after {left:66px}
.wx-count {font-size:13px;color:#999;text-align:center;margin:0;padding:15px}
.wx-screen .wx-row {margin-top:9px}
.wx-row .wx-row-icon {width:26px;height:26px;display:grid;place-items:center;color:#409775}
.wx-row .favorite {color:#de9c37}
.wx-row>.wx-icon {width:13px;height:13px;color:#b6b6b6;margin-left:auto}
.wx-profile {display:flex;align-items:center;gap:18px;background:white;padding:32px 22px 34px;font-size:22px}
.wx-profile .wx-avatar {width:62px;height:62px}
.wx-screen .wx-profile-send {background:white;display:block;width:100%;padding:15px;margin-top:10px;text-align:center;color:#4a6083;font-weight:550}
.wx-screen .wx-fav {display:flex;gap:14px;padding:14px 17px;align-items:center;background:white;width:100%;border-bottom:1px solid #eee}
.wx-fav img {width:62px;height:70px;object-fit:cover;object-position:50% 60%;background:#eee}
.wx-fav small,.wx-song small {display:block;margin-top:5px;font-size:12px;color:#888}
.wx-chat .wx-body {padding:6px 12px 12px;overflow-anchor:none}
.wx-time {text-align:center;margin:14px 0 12px;color:#898989;font-size:12px}
.wx-msg {display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-size:16px}
.wx-msg.out {flex-direction:row-reverse}
.wx-msg .wx-avatar {width:38px;height:38px;border-radius:5px}
.wx-msg-content {max-width:min(77%,440px);min-width:0}
.wx-screen .wx-bubble,.wx-transcript {width:fit-content;max-width:100%;position:relative;background:white;color:#181818;line-height:1.45;padding:8px 12px;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}
.wx-bubble::before {content:"";position:absolute;left:-4px;top:14px;width:9px;height:9px;background:inherit;transform:rotate(45deg)}
.wx-msg.out .wx-bubble {margin-left:auto;background:#a2e980}
.wx-msg.out .wx-bubble::before {left:auto;right:-4px}
.wx-screen .wx-voice {display:flex;align-items:center;gap:5px;height:39px;font-size:14px;touch-action:pan-y;user-select:none;-webkit-touch-callout:none}
.wx-msg.out .wx-voice {flex-direction:row-reverse}
.wx-msg.out .wx-voice .wx-icon {transform:scaleX(-1)}
.wx-bubble .wx-icon {width:18px;height:18px;margin-right:4px}
.wx-transcript {margin-top:5px;font-size:15px}
.wx-screen .wx-unavailable {font-size:13px;color:#737373}
.wx-screen .wx-photo {display:block;border-radius:6px;overflow:hidden}
.wx-photo img {display:block;max-width:100%;width:138px;height:135px;object-fit:cover}
.wx-screen .wx-song {display:flex;align-items:center;gap:10px;background:#fff;padding:8px;border-radius:5px;font-size:14px}
.wx-song>span:first-child {display:grid;place-items:center;width:41px;height:41px;background:#535e54;color:white;flex:none}
.wx-song b {font-size:21px;color:#666;font-weight:400;margin-left:auto}
#modal .wx-share-player {display:flex;align-items:center;gap:12px;min-height:68px}
#modal .wx-share-player img {display:block;width:68px;height:68px;flex:none;object-fit:cover;border-radius:9px}
#modal .wx-share-player img[hidden] {display:none}
#modal .wx-share-player h3 {font-size:17px;margin:0 0 3px}
#modal .wx-share-player p {font-size:13px;margin:0;color:#777}
#modal .wx-share-lyrics {max-height:min(210px,30dvh);overflow:auto;border-top:1px solid #e4e4e6;padding:8px 2px;color:#85858a;font-size:14px;scrollbar-width:none}
#modal .wx-share-lyrics::-webkit-scrollbar {display:none}
#modal .wx-share-lyrics p {margin:8px 0;color:#85858a;font-size:14px;line-height:1.5}
#modal .wx-share-lyrics p.active {color:#26262b;font-weight:600}
.wx-compose {border-top:1px solid #ddd;background:#f8f8f8;display:flex;gap:8px;padding:8px 10px;align-items:center;flex:none}
.wx-compose input {appearance:none;flex:1;min-width:0;height:38px;outline:none;border:0;background:white;color:#161616;font:inherit;border-radius:5px;padding:5px 9px}
.wx-compose button {background:#07b15f;color:white;border-radius:5px;padding:7px 13px;font-size:14px}
.wx-overlay {position:absolute;inset:0;z-index:9;display:grid;align-items:end;background:#0006}
.wx-action {background:#f6f6f6;padding-bottom:8px}
.wx-action button {display:block;width:100%;padding:15px;text-align:center;background:white}
.wx-action .wx-cancel {margin-top:6px}
.wx-screen .wx-lightbox {position:absolute;inset:0;width:100%;height:100%;display:block;background:#111}
.wx-lightbox img {display:block;width:100%;height:100%;object-fit:contain}
.wx-feed .wx-body {background:white}
.wx-feed-cover {position:relative;height:192px;margin-bottom:32px}
.wx-feed-cover>img {object-fit:cover;width:100%;height:100%}
.wx-feed-cover>div {position:absolute;bottom:-16px;right:14px;display:flex;align-items:center;gap:9px;font-weight:600;color:white;text-shadow:0 1px 3px #000}
.wx-feed-cover .wx-avatar {width:57px;height:57px}
.wx-post {display:flex;align-items:flex-start;gap:10px;padding:16px 15px;border-bottom:1px solid #eee}
.wx-post>.wx-avatar {width:38px;height:38px}
.wx-post>div {flex:1;min-width:0}
.wx-post strong,.wx-comments b,.wx-likes {font-weight:550;color:#536a8b}
.wx-post p {margin:3px 0 7px;line-height:1.45}
.wx-post .wx-song {width:100%;margin-top:7px;background:#f1f1f1}
.wx-screen .wx-post-pic {display:block;max-width:80%}
.wx-post-pic img {object-fit:contain;max-width:100%;max-height:210px;display:block}
.wx-post footer {display:flex;justify-content:space-between;align-items:center;margin:7px 0}
.wx-post time {font-size:12px;color:#858585}
.wx-post .wx-like {color:#536a8b;background:#f2f2f2;border-radius:4px;padding:4px 10px}
.wx-like .wx-icon,.wx-likes .wx-icon {width:14px;height:14px}
.wx-like[aria-pressed=true] .wx-icon {fill:#536a8b}
.wx-comments {background:#f4f4f4;padding:6px 8px;border-radius:3px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.wx-likes .wx-icon {margin-right:4px}
