:root{--color-bg: #fafaf8;--color-surface: #ffffff;--color-border: #e8e6e1;--color-text: #2c2c2c;--color-text-muted: #8c8c8c;--color-accent: #6b5ce7;--color-accent-light: #ede9fe;--color-hl-content: #fef3c7;--color-hl-emotion: #fce7f3;--color-crisis: #ef4444;--color-success: #10b981;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif: "Georgia", "Noto Serif CJK SC", "Songti SC", serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.reading-layout{display:flex;height:100vh;overflow:hidden}.reading-area{flex:1;overflow-y:auto;padding:40px 48px;min-width:0}.reading-area .article-container{max-width:720px;margin:0 auto}.article-container h1{font-family:var(--font-serif);font-size:28px;font-weight:700;margin-bottom:24px;line-height:1.4;color:var(--color-text)}.article-container h2{font-family:var(--font-serif);font-size:20px;font-weight:600;margin:32px 0 12px}.article-container p{font-size:16px;line-height:1.8;margin-bottom:16px;color:#3c3c3c}.article-container blockquote{border-left:3px solid var(--color-accent);padding:8px 16px;margin:16px 0;color:var(--color-text-muted);font-style:italic;background:var(--color-accent-light);border-radius:0 4px 4px 0}.article-container ul,.article-container ol{padding-left:24px;margin-bottom:16px}.article-container li{margin-bottom:4px;line-height:1.8}.article-container code{background:#f3f3f0;padding:2px 6px;border-radius:3px;font-size:14px}.article-container pre{background:#2c2c2c;color:#e0e0e0;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.article-container pre code{background:none;padding:0;color:inherit}.highlight-content{background:var(--color-hl-content);border-radius:2px;cursor:pointer;padding:2px 0;transition:background .15s}.highlight-emotion{background:var(--color-hl-emotion);border-radius:2px;cursor:pointer;padding:2px 0;transition:background .15s}.highlight-content:hover,.highlight-emotion:hover{filter:brightness(.95)}.chat-panel{width:400px;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;flex-shrink:0}.chat-panel-header{padding:16px 20px;border-bottom:1px solid var(--color-border);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:14px;padding:20px;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:90%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;word-break:break-word}.chat-message.user{align-self:flex-end;background:var(--color-accent);color:#fff;border-bottom-right-radius:4px}.chat-message.ai{align-self:flex-start;background:#f5f4f0;color:var(--color-text);border-bottom-left-radius:4px}.chat-message.crisis{align-self:flex-start;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;max-width:95%}.round-indicator{font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.option-cards{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap}.option-card{flex:1;min-width:100px;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;text-align:center;font-size:13px;transition:all .15s}.option-card:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.option-card:active{transform:scale(.97)}.chat-input-area{padding:12px 20px;border-top:1px solid var(--color-border);display:flex;gap:8px}.chat-input-area input{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;outline:none;font-family:inherit}.chat-input-area input:focus{border-color:var(--color-accent)}.chat-input-area button{padding:10px 18px;background:var(--color-accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.chat-input-area button:hover{opacity:.9}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.mark-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;display:flex;align-items:center;justify-content:center;z-index:1000}.mark-selector{background:var(--color-surface);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0000001f;max-width:320px;width:100%}.mark-selector h3{font-size:16px;margin-bottom:8px}.mark-selector .selected-text{font-size:13px;color:var(--color-text-muted);margin-bottom:16px;padding:8px 12px;background:var(--color-bg);border-radius:6px;border-left:3px solid var(--color-accent)}.mark-selector-buttons{display:flex;gap:12px}.mark-selector-buttons button{flex:1;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;font-size:14px;font-family:inherit;transition:all .15s}.mark-selector-buttons button:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.mark-selector-buttons button:first-child{background:var(--color-hl-content);border-color:#f59e0b}.mark-selector-buttons button:last-child{background:var(--color-hl-emotion);border-color:#ec4899}.snapshot-page{max-width:800px;margin:0 auto;padding:40px 24px}.snapshot-page h1{font-family:var(--font-serif);font-size:24px;margin-bottom:32px}.snapshot-list{display:flex;flex-direction:column;gap:16px}.snapshot-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;transition:box-shadow .15s}.snapshot-card:hover{box-shadow:0 2px 8px #0000000f}.snapshot-card .snapshot-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.snapshot-card .snapshot-meta .doc-title{font-size:13px;color:var(--color-text-muted)}.snapshot-card .snapshot-meta .mark-badge{font-size:11px;padding:2px 8px;border-radius:100px;font-weight:500}.mark-badge.content{background:var(--color-hl-content);color:#92400e}.mark-badge.emotion{background:var(--color-hl-emotion);color:#9d174d}.snapshot-card .original-text{font-size:14px;padding:10px 14px;background:var(--color-bg);border-radius:6px;border-left:3px solid var(--color-accent);margin-bottom:12px;font-style:italic;color:var(--color-text-muted)}.snapshot-card .thoughts-section{font-size:14px;line-height:1.7}.snapshot-card .thoughts-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px}.snapshot-empty{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.nav-bar{display:flex;gap:20px;margin-bottom:32px;border-bottom:1px solid var(--color-border);padding-bottom:12px}.nav-bar a{color:var(--color-text-muted);text-decoration:none;font-size:14px;padding:4px 0;border-bottom:2px solid transparent;transition:all .15s}.nav-bar a:hover,.nav-bar a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.reading-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.reading-toolbar button{padding:6px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);cursor:pointer;font-size:13px;font-family:inherit}.reading-toolbar button:hover{border-color:var(--color-accent)}.save-confirm{padding:16px 20px;text-align:center}.save-confirm button{margin-top:12px;padding:8px 24px;background:var(--color-success);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-family:inherit}.save-confirm button:hover{opacity:.9}