:root{color-scheme:light;--brand-primary: #E11D48;--brand-primary-hover: #BE123C;--brand-primary-subtle: #FFE4E8;--brand-accent: #FB7185;--bg-app: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-subtle: #F1F5F9;--bg-surface-elevated: #FFFFFF;--role-zhuizhui: #BE185D;--role-zhuizhui-bg: #FDF2F8;--role-qiqi: #0284C7;--role-qiqi-bg: #F0F9FF;--status-draft: #64748B;--status-draft-bg: #F1F5F9;--status-review: #D97706;--status-review-bg: #FEF3C7;--status-revising: #E11D48;--status-revising-bg: #FFE4E8;--status-ready: #7C3AED;--status-ready-bg: #F3E8FF;--status-published: #059669;--status-published-bg: #D1FAE5;--text-main: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-subtle: #94A3B8;--border-color: #E2E8F0;--border-subtle: #F1F5F9;--border-focus: #E11D48;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 14px -1px rgba(0, 0, 0, .07), 0 2px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 14px 32px -4px rgba(0, 0, 0, .09), 0 4px 10px -2px rgba(0, 0, 0, .05);--shadow-popover: 0 18px 40px -4px rgba(0, 0, 0, .14);--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-pill: 9999px;--font-size-xs: 13.5px;--font-size-sm: 15px;--font-size-base: 16.5px;--font-size-md: 18.5px;--font-size-lg: 21px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 34px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{color-scheme:dark;--bg-app: #080A0F;--bg-surface: #111622;--bg-surface-subtle: #19202E;--bg-surface-elevated: #161D2A;--text-main: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-subtle: #64748B;--border-color: #242E3F;--border-subtle: #171E2B;--border-focus: #FB7185;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 14px -1px rgba(0, 0, 0, .6), 0 2px 6px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 14px 32px -4px rgba(0, 0, 0, .7);--shadow-popover: 0 18px 40px -4px rgba(0, 0, 0, .85);--brand-primary: #FB7185;--brand-primary-hover: #FDA4AF;--brand-primary-subtle: rgba(251, 113, 133, .18);--brand-accent: #F43F5E;--role-zhuizhui: #F472B6;--role-zhuizhui-bg: rgba(244, 114, 182, .16);--role-qiqi: #38BDF8;--role-qiqi-bg: rgba(56, 189, 248, .16);--status-draft: #94A3B8;--status-draft-bg: #1E293B;--status-review: #FBBF24;--status-review-bg: rgba(251, 191, 36, .18);--status-revising: #FB7185;--status-revising-bg: rgba(251, 113, 133, .18);--status-ready: #A78BFA;--status-ready-bg: rgba(167, 139, 250, .18);--status-published: #34D399;--status-published-bg: rgba(52, 211, 153, .18)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:var(--font-size-base);color:var(--text-main);background-color:var(--bg-app);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{height:64px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.brand-container{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none}.brand-logo-img{width:38px;height:38px;border-radius:50%;object-fit:contain;background:#fff5f6;border:1.5px solid var(--brand-primary-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.brand-container:hover .brand-logo-img{transform:scale(1.05)}.brand-title{font-size:var(--font-size-md);font-weight:700;letter-spacing:-.2px;color:var(--text-main)}.nav-tab-bar{display:flex;align-items:center;gap:6px;background:var(--bg-surface-subtle);padding:4px;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.nav-tab-item{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-tab-item:hover{color:var(--text-main);background:#fff3}.nav-tab-item.active{color:var(--brand-primary);background:var(--bg-surface);font-weight:600;box-shadow:var(--shadow-sm)}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background-color:var(--brand-primary);color:#fff;font-size:11.5px;font-weight:700;line-height:1}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle-btn{width:36px;height:36px;border-radius:var(--border-radius-pill);border:1px solid var(--border-color);background:var(--bg-surface-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:var(--bg-surface)}.sync-status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--border-radius-pill);border:1px solid var(--border-color);background:var(--bg-surface-subtle);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.sync-status-pill:hover{background:var(--bg-surface);border-color:var(--brand-primary);color:var(--brand-primary)}.sync-status-pill.synced{color:#059669;border-color:#05966940;background:#05966914}.sync-status-pill.syncing{color:var(--brand-primary);border-color:var(--brand-primary-subtle)}.sync-status-pill.syncing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.role-switcher{display:flex;align-items:center;background:var(--bg-surface-subtle);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);padding:3px}.role-pill-btn{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--border-radius-pill);border:none;font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.role-pill-btn.active.role-zhuizhui{background:var(--role-zhuizhui-bg);color:var(--role-zhuizhui);box-shadow:var(--shadow-sm)}.role-pill-btn.active.role-qiqi{background:var(--role-qiqi-bg);color:var(--role-qiqi);box-shadow:var(--shadow-sm)}.main-container{max-width:1400px;width:100%;margin:0 auto;padding:24px;flex:1}.lychee-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-normal)}.lychee-card:hover{border-color:#64748b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;padding:8px 16px;border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--brand-primary);color:#fff}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-surface-subtle);border-color:#64748b}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-surface-subtle);color:var(--text-main)}.btn-sm{padding:6px 12px;font-size:var(--font-size-xs)}.btn-lg{padding:10px 20px;font-size:var(--font-size-base)}.form-input,.form-select,.form-textarea{width:100%;font-family:inherit;font-size:var(--font-size-sm);color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-normal);outline:none;cursor:text;caret-color:var(--brand-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #e11d4833}.editor-textarea{cursor:text!important;caret-color:var(--brand-primary)!important;color:var(--text-main)!important;background-color:var(--bg-surface-subtle)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-sm);padding:16px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:15px!important;line-height:1.75!important;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.editor-textarea:hover{border-color:#64748b!important;background-color:var(--bg-surface)!important}.editor-textarea:focus{border-color:var(--border-focus)!important;background-color:var(--bg-surface)!important;box-shadow:0 0 0 3px #e11d4829!important}.preview-scroll-container{flex:1;overflow-y:auto;background-color:var(--bg-surface);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);padding:8px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:600;line-height:1.4}.status-tag.draft{background-color:var(--status-draft-bg);color:var(--status-draft)}.status-tag.review{background-color:var(--status-review-bg);color:var(--status-review)}.status-tag.revising{background-color:var(--status-revising-bg);color:var(--status-revising)}.status-tag.ready{background-color:var(--status-ready-bg);color:var(--status-ready)}.status-tag.published{background-color:var(--status-published-bg);color:var(--status-published)}.mobile-simulator-wrapper{display:flex;justify-content:center;padding:16px 0}.phone-mockup-frame{width:375px;min-height:680px;background:var(--bg-surface);border:10px solid #000000;border-radius:36px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-notch{width:140px;height:18px;background-color:#000;border-radius:0 0 12px 12px;margin:0 auto}.phone-screen-content{flex:1;padding:16px;overflow-y:auto;background-color:var(--bg-surface)}.annotatable-paragraph{position:relative;transition:background-color var(--transition-fast);border-radius:4px;padding-right:28px;margin-bottom:12px}.annotatable-paragraph:hover{background-color:#fb718514}.comment-pin-trigger{position:absolute;right:2px;top:4px;width:24px;height:24px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.annotatable-paragraph:hover .comment-pin-trigger,.annotatable-paragraph.has-open-comment .comment-pin-trigger,.annotatable-paragraph.has-resolved-comment .comment-pin-trigger{opacity:1}.annotatable-paragraph.has-open-comment{background-color:#e11d481f;border-left:3px solid var(--brand-primary);padding-left:8px}.annotatable-paragraph.has-open-comment .comment-pin-trigger{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.annotatable-paragraph.has-resolved-comment{background-color:#0596691f;border-left:3px solid var(--status-published);padding-left:8px}.comment-badge-count{font-size:11px;font-weight:700}.highlight-target{animation:pulse-highlight 2s ease-out}@keyframes pulse-highlight{0%{background-color:#e11d4859}50%{background-color:#e11d4833}to{background-color:transparent}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background-color:var(--bg-surface-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-popover);border:1px solid var(--border-color);width:100%;max-width:500px;padding:24px;position:relative;max-height:90vh;overflow-y:auto}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:2000;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-color);padding:10px 16px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .2s ease-out}.toast-item.success{border-color:#059669;background:#064e3b;color:#ecfdf5}.toast-item.info{border-color:var(--border-color)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-surface);border-top:1px solid var(--border-color);z-index:100;padding:0 8px}.mobile-nav-items{display:flex;height:100%;align-items:center;justify-content:space-around}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;position:relative;padding:4px 8px}.mobile-nav-btn.active{color:var(--brand-primary);font-weight:600}@media(max-width:768px){.nav-tab-bar{display:none}.mobile-bottom-nav{display:block}.main-container{padding:14px 14px 76px}.app-header{padding:0 14px}}.wechat-article-render{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;color:#334155;line-height:1.85;letter-spacing:.5px;max-width:677px;margin:0 auto;padding:18px 12px}.wechat-article-render h1{font-size:22px;font-weight:700;color:#0f172a;margin:28px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--brand-primary);line-height:1.4}.wechat-article-render h2{font-size:18px;font-weight:700;color:#0f172a;margin:24px 0 14px;padding:4px 10px;border-left:4px solid var(--brand-primary);background-color:#fff5f6;border-radius:0 4px 4px 0;line-height:1.4}.wechat-article-render h3{font-size:16.5px;font-weight:600;color:var(--brand-primary);margin:20px 0 10px;line-height:1.4}.wechat-article-render p{margin-bottom:16px;text-align:justify;word-break:break-word}.wechat-article-render strong{color:var(--brand-primary);font-weight:600;background:linear-gradient(180deg,transparent 65%,#FECDD3 65%);padding:0 2px}.wechat-article-render em{font-style:italic;color:#64748b}.wechat-article-render blockquote{margin:20px 0;padding:14px 18px;background-color:#fff5f6;border-left:4px solid var(--brand-accent);border-radius:4px 8px 8px 4px;color:#475569;font-size:15.5px;line-height:1.75}.wechat-article-render ul,.wechat-article-render ol{margin:0 0 16px 22px;padding:0}.wechat-article-render li{margin-bottom:6px}.wechat-article-render hr{border:none;height:1px;background-color:#fecdd3;margin:28px 0}.wechat-article-render code{font-family:Consolas,Monaco,monospace;font-size:14px;background-color:#fff1f2;color:var(--brand-primary);padding:2px 6px;border-radius:4px;border:1px solid #FFE4E6}.wechat-article-render pre{background-color:#1e293b;color:#f8fafc;padding:16px 18px;border-radius:8px;overflow-x:auto;margin:18px 0;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6}.wechat-article-render pre code{background:transparent;color:inherit;padding:0;border:none;font-size:inherit}.wechat-article-render img{max-width:100%!important;height:auto!important;display:block;margin:18px auto;border-radius:8px;box-shadow:0 4px 12px #0000000f}.wechat-article-render table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}.wechat-article-render th{border:1px solid #E2E8F0;padding:10px 14px;background-color:#fff5f6;color:var(--brand-primary);font-weight:600;text-align:left}.wechat-article-render td{border:1px solid #E2E8F0;padding:10px 14px;color:#334155}[data-theme=dark] .wechat-article-render{color:#e2e8f0!important;background-color:transparent!important}[data-theme=dark] .wechat-article-render h1,[data-theme=dark] .wechat-article-render h2,[data-theme=dark] .wechat-article-render h3{color:#f8fafc!important}[data-theme=dark] .wechat-article-render h2{background-color:#fb718529!important;border-left-color:var(--brand-primary)!important}[data-theme=dark] .wechat-article-render p{color:#e2e8f0!important}[data-theme=dark] .wechat-article-render blockquote{background-color:#fb71851f!important;color:#f1f5f9!important;border-left-color:var(--brand-primary)!important}[data-theme=dark] .wechat-article-render code{background-color:#fb71852e!important;border-color:#fb71854d!important;color:#fda4af!important}[data-theme=dark] .wechat-article-render table,[data-theme=dark] .wechat-article-render th,[data-theme=dark] .wechat-article-render td{border-color:#242e3f!important}[data-theme=dark] .wechat-article-render th{background-color:#fb718529!important;color:#fda4af!important}[data-theme=dark] .wechat-article-render td{color:#e2e8f0!important}[data-theme=dark] .wechat-article-render [style*="background: #FFFFFF"],[data-theme=dark] .wechat-article-render [style*="background:#FFFFFF"],[data-theme=dark] .wechat-article-render [style*="background-color: #FFFFFF"]{background-color:#161d2a!important;color:#f8fafc!important;border-color:#242e3f!important}[data-theme=dark] .wechat-article-render [style*="color: #0F172A"],[data-theme=dark] .wechat-article-render [style*="color:#0F172A"],[data-theme=dark] .wechat-article-render [style*="color: #1E293B"]{color:#f8fafc!important}[data-theme=dark] .wechat-article-render [style*="color: #334155"],[data-theme=dark] .wechat-article-render [style*="color: #475569"],[data-theme=dark] .wechat-article-render [style*="color: #64748B"]{color:#cbd5e1!important}[data-theme=dark] .wechat-article-render [style*="background: #FAFBFD"],[data-theme=dark] .wechat-article-render [style*="background: #F8FAFC"],[data-theme=dark] .wechat-article-render [style*="background-color: #FAFBFD"],[data-theme=dark] .wechat-article-render [style*="background-color: #F8FAFC"]{background-color:#131a26!important;color:#cbd5e1!important;border-color:#242e3f!important}[data-theme=dark] .wechat-article-render [style*="background: #FFF1F2"],[data-theme=dark] .wechat-article-render [style*="background: #FFF5F6"],[data-theme=dark] .wechat-article-render [style*="background-color: #FFF5F6"]{background-color:#fb718529!important;border-color:#fb71854d!important}[data-theme=dark] .wechat-article-render [style*=linear-gradient]{background:linear-gradient(135deg,#1c1e2b,#2a1e2e)!important;border-color:#fb71854d!important}