:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.login-page{display:flex;flex-direction:column;align-items:center}.login-header{width:100%;text-align:center}.login-panel{flex:1;display:flex;align-items:center;justify-content:center;min-height:320px;width:100%}#ww_login{display:flex;justify-content:center}#app{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.page header{margin-bottom:24px}.page h1{margin:0 0 8px;font-size:32px}.page p{margin:0;color:#52606d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 20px #0a141e14;border:1px solid #e4e7eb}.card h2{margin:0 0 12px;font-size:18px}.row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #e4e7eb;gap:12px}.row:last-child{border-bottom:none}.label{color:#52606d;font-weight:600}.value{color:#102a43;word-break:break-all;text-align:right}.oa-page{max-width:100%;background:#fff;min-height:100vh;overflow-x:hidden}.oa-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10}.oa-account-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.oa-avatar{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0}.oa-avatar img{width:100%;height:100%;object-fit:cover}.oa-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border-radius:8px}.oa-account-detail{min-width:0;flex:1}.oa-account-name{margin:0;font-size:17px;font-weight:700;color:#1a1a1a;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oa-desc-wrap{display:flex;align-items:flex-start;gap:4px;margin-top:2px;min-width:0;max-width:100%;overflow:hidden}.oa-account-desc{margin:0;font-size:13px;color:#999;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.oa-desc-expanded .oa-account-desc{white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word}.oa-desc-expanded{overflow:visible}.oa-desc-toggle{flex-shrink:0;font-size:14px;color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;transition:transform .2s}.oa-desc-expanded .oa-desc-toggle{transform:rotate(0)}.oa-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.oa-more-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #eee;padding:4px 0;z-index:20}.oa-more-menu-item{display:block;width:100%;padding:10px 16px;border:none;background:none;font-size:15px;color:#333;text-align:left;cursor:pointer}.oa-more-menu-item:active{background:#f5f5f5}.oa-action-btn{width:32px;height:32px;border:none;background:none;padding:4px;color:#999;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.oa-action-btn:active{background:#f5f5f5}.oa-action-btn svg{width:20px;height:20px}.oa-action-btn i{font-size:20px;line-height:1}.oa-search-bar{padding:8px 16px;background:#f5f5f5;border-bottom:1px solid #f0f0f0}.oa-search-inner{display:flex;align-items:center;gap:10px}.oa-search-input{flex:1;height:36px;padding:0 12px;border:none;border-radius:18px;background:#fff;font-size:14px;color:#333;outline:none}.oa-search-input::placeholder{color:#bbb}.oa-search-cancel{flex-shrink:0;border:none;background:none;font-size:14px;color:#576b95;cursor:pointer;padding:0}.oa-article-list{padding:0}.oa-article-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit;transition:background .15s}.oa-article-item:active{background:#f7f7f7}.oa-article-content{flex:1;min-width:0;display:flex;flex-direction:column}.oa-article-title{margin:0;font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oa-article-summary{margin:6px 0 0;font-size:13px;color:#999;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.oa-article-meta{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:8px;font-size:12px;color:#b2b2b2}.oa-meta-item{display:flex;align-items:center;gap:3px;line-height:1}.oa-icon{width:14px;height:14px;display:block;flex-shrink:0;transform:translateY(1px)}.oa-meta-number{display:inline-block;transform:translateY(1px)}.oa-meta-date{margin-left:auto}.oa-comment-avatars{display:flex;align-items:center;gap:2px}.oa-comment-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.oa-comment-label{font-size:12px;color:#b2b2b2;margin-left:2px}.oa-article-cover{width:100px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0}.oa-article-cover img{width:100%;height:100%;object-fit:cover}.oa-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8e8e8,#d4d4d4);border-radius:6px}body:has(.oa-page) #app{max-width:100%;padding:0;margin:0}body:has(.oa-page){background-color:#fff}.oa-desktop-block{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#999;font-size:16px}.oa-load-more{padding:16px;text-align:center;min-height:48px}.oa-loading-text{font-size:13px;color:#b2b2b2}.pm-page{background:#fff;height:100vh;overflow:hidden}.pm-body{padding:16px 16px 88px;max-width:720px;margin:0 auto;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.pm-loading,.pm-error{color:#999;font-size:14px;padding:24px 0;text-align:center}.pm-title{margin:0;font-size:22px;font-weight:800;line-height:1.35;color:#111}.pm-meta{margin-top:8px;display:flex;gap:8px;font-size:13px;line-height:1.4;align-items:center}.pm-source{color:#2f6df6;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-oa-link{border:none;background:none;padding:0;cursor:pointer;font:inherit}.pm-meta-text{color:#999}.pm-cover{margin-top:14px;border:1px dashed #d9c8ff;border-radius:12px;overflow:hidden;background:#faf7ff}.pm-cover img{width:100%;height:auto;display:block}.pm-summary{margin:14px 0 0;font-size:15px;line-height:1.7;color:#333;padding:0;text-indent:0}.pm-content{margin-top:14px;font-size:15px;line-height:1.7;color:#111;word-break:break-word;padding:0;text-indent:0}.pm-content img{max-width:100%;height:auto;display:block}.pm-content p{margin:0 0 12px}.pm-actions{margin-top:18px;padding-top:16px;border-top:1px solid #f0f0f0}.pm-actions-top{display:flex;align-items:center;justify-content:space-between}.pm-share-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pm-read{font-size:13px;color:#999}.pm-share{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:0;color:#576b95;font-size:13px;cursor:pointer}.pm-share svg{width:18px;height:18px}.pm-share i{font-size:18px;line-height:1}.pm-share-tip{font-size:12px;color:#b2b2b2}.pm-like-area{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.pm-like-btn{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid #2f6df6;color:#2f6df6;display:flex;align-items:center;justify-content:center;padding:0}.pm-like-btn svg{width:22px;height:22px}.pm-like-text{font-size:13px;color:#666}.pm-like-avatars{display:flex;align-items:center;gap:6px;padding:0;border:none;background:none;cursor:pointer}.pm-avatar{width:26px;height:26px;border-radius:50%;background:#e8e8e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23e8e8e8'/%3E%3Ccircle cx='32' cy='26' r='12' fill='%23bdbdbd'/%3E%3Cpath d='M12 58c4-13 17-18 20-18s16 5 20 18' fill='%23bdbdbd'/%3E%3C/svg%3E");background-size:cover;background-position:center;overflow:hidden}.pm-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pm-like-btn.pm-liked{background:#2f6df6;color:#fff}.pm-avatar-more{display:flex;align-items:center;justify-content:center;font-size:14px;color:#777}.pm-like-modal{position:fixed;inset:0;z-index:999}.pm-like-modal-mask{position:absolute;inset:0;background:#00000059}.pm-like-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,520px);max-height:min(72vh,520px);background:#fff;border-radius:12px;overflow:hidden}.pm-like-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0}.pm-like-modal-title{font-size:16px;font-weight:600;color:#333}.pm-like-modal-close{width:32px;height:32px;border:none;background:none;font-size:22px;line-height:32px;color:#999;cursor:pointer}.pm-like-modal-body{overflow:auto;padding:6px 0;max-height:calc(min(72vh,520px) - 52px)}.pm-like-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px}.pm-like-row-left{display:flex;align-items:center;gap:10px;min-width:0}.pm-like-row-avatar{width:34px;height:34px;border-radius:50%;background:#e8e8e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23e8e8e8'/%3E%3Ccircle cx='32' cy='26' r='12' fill='%23bdbdbd'/%3E%3Cpath d='M12 58c4-13 17-18 20-18s16 5 20 18' fill='%23bdbdbd'/%3E%3C/svg%3E");background-size:cover;background-position:center;overflow:hidden;flex-shrink:0}.pm-like-row-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pm-like-row-name{font-size:15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-like-row-time{font-size:13px;color:#999;white-space:nowrap}.pm-comment{margin-top:16px;display:flex;align-items:center;gap:10px;position:sticky;bottom:0;background:#fff;padding:10px 0}.pm-comment-avatar{width:34px;height:34px;border-radius:50%;background:#e8e8e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23e8e8e8'/%3E%3Ccircle cx='32' cy='26' r='12' fill='%23bdbdbd'/%3E%3Cpath d='M12 58c4-13 17-18 20-18s16 5 20 18' fill='%23bdbdbd'/%3E%3C/svg%3E");background-size:cover;background-position:center;flex-shrink:0;overflow:hidden}.pm-comment-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pm-comment-input{height:40px;border:1px solid #e6e6e6;border-radius:6px;padding:0 44px 0 12px;font-size:14px;outline:none;width:100%}.pm-comment-input-wrap{position:relative;flex:1;min-width:0}.pm-comment-send{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#576b95;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.pm-comment-send:active{background:#0000000f}.pm-comment-send svg{width:18px;height:18px}.pm-comments{margin-top:14px;padding-top:12px;border-top:1px solid #f0f0f0}.pm-comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pm-comments-title{font-size:15px;font-weight:600;color:#333}.pm-comments-count{font-size:13px;color:#999}.pm-comments-right{display:flex;align-items:center;gap:10px}.pm-comments-sort{border:none;background:none;padding:0;font-size:13px;color:#576b95;cursor:pointer}.pm-comment-item{display:flex;gap:10px;padding:10px 0}.pm-comment-item+.pm-comment-item{border-top:1px solid #f3f3f3}.pm-comment-item-avatar{width:34px;height:34px;border-radius:50%;background:#e8e8e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23e8e8e8'/%3E%3Ccircle cx='32' cy='26' r='12' fill='%23bdbdbd'/%3E%3Cpath d='M12 58c4-13 17-18 20-18s16 5 20 18' fill='%23bdbdbd'/%3E%3C/svg%3E");background-size:cover;background-position:center;overflow:hidden;flex-shrink:0}.pm-comment-item-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pm-comment-item-main{flex:1;min-width:0}.pm-comment-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pm-comment-item-name{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pm-comment-item-time{font-size:12px;color:#999;white-space:nowrap;flex-shrink:0}.pm-comment-item-content{margin-top:6px;font-size:14px;line-height:1.55;color:#333;word-break:break-word}.pm-comment-featured{margin-left:6px;font-size:12px;color:#2f6df6}.pm-comments-more{width:100%;border:none;background:none;color:#576b95;font-size:14px;padding:10px 0;cursor:pointer}