:root{--bg-primary: #0f0f12;--bg-secondary: #18181b;--bg-card: #1e1e24;--bg-card-hover: #26262e;--bg-elevated: #2a2a33;--border-subtle: #2e2e38;--border-default: #3a3a45;--text-primary: #e8e8ec;--text-secondary: #a0a0a8;--text-muted: #6b6b75;--accent-primary: #e8a838;--accent-primary-dim: #b8862a;--accent-secondary: #2dd4bf;--accent-danger: #ef4444;--accent-success: #22c55e;--status-unread: #ef4444;--status-read: #22c55e;--status-archived: #6b7280;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--font-body: "Noto Sans SC", -apple-system, sans-serif;--font-display: "Noto Serif SC", serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent-secondary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{max-width:1400px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:100;background:#0f0f12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:16px 0}.topbar-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar-logo{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--accent-primary);white-space:nowrap}.topbar-search{flex:1;min-width:200px;position:relative}.topbar-search input{width:100%;padding:8px 16px 8px 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.topbar-search input:focus{border-color:var(--accent-primary)}.topbar-search:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.btn:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.btn-primary{background:var(--accent-primary);color:#1a1a1a;border-color:var(--accent-primary);font-weight:600}.btn-primary:hover{background:var(--accent-primary-dim)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-card)}.btn-danger:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.filter-chip{padding:5px 14px;border-radius:20px;font-size:13px;cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);transition:all .15s;-webkit-user-select:none;user-select:none}.filter-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-chip.active{background:var(--accent-primary);color:#1a1a1a;border-color:var(--accent-primary);font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px 0}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.card:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.card-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--bg-elevated)}.card-cover-placeholder{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary));display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.4}.card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:8px}.card-title{font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.card-source{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 6px;border-radius:4px}.card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto}.card-tag{font-size:11px;padding:1px 7px;border-radius:10px;background:var(--bg-elevated);color:var(--text-secondary)}.card-status{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.status-dot{font-size:10px}.detail-container{max-width:860px;margin:0 auto;padding:24px 0}.detail-header{margin-bottom:24px}.detail-title{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.3;margin-bottom:12px}.detail-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.detail-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px}.detail-section h3{font-size:13px;font-weight:600;color:var(--accent-primary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.detail-summary{font-size:15px;line-height:1.7}.detail-key-points{list-style:none;padding:0}.detail-key-points li{padding:6px 0 6px 20px;position:relative;font-size:14px;line-height:1.6}.detail-key-points li:before{content:"▸";position:absolute;left:0;color:var(--accent-primary)}.detail-content{font-size:14px;line-height:1.8}.detail-content h1,.detail-content h2,.detail-content h3{margin:16px 0 8px}.detail-content p{margin-bottom:12px}.detail-content pre{background:var(--bg-primary);padding:12px;border-radius:var(--radius-sm);overflow-x:auto;font-family:var(--font-mono);font-size:13px}.detail-content code{font-family:var(--font-mono);font-size:13px}.detail-content img{max-width:100%;border-radius:var(--radius-sm)}.detail-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.detail-frame{width:100%;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s}.detail-frame:hover{transform:scale(1.03)}.link-list{display:flex;flex-direction:column;gap:8px}.link-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:border-color .15s}.link-item:hover{border-color:var(--accent-secondary)}.link-item-icon{font-size:18px}.link-item-name{font-size:14px;font-family:var(--font-mono)}.link-item-url{font-size:12px;color:var(--text-muted);margin-left:auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a1a22 0%,var(--bg-primary) 60%)}.login-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:40px;width:360px;box-shadow:var(--shadow-elevated)}.login-title{font-family:var(--font-display);font-size:28px;font-weight:900;text-align:center;color:var(--accent-primary);margin-bottom:8px}.login-subtitle{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:28px}.login-input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;outline:none;margin-bottom:16px;transition:border-color .2s}.login-input:focus{border-color:var(--accent-primary)}.login-error{color:var(--accent-danger);font-size:13px;margin-bottom:12px;text-align:center}.login-btn{width:100%;padding:12px;font-size:15px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.modal-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:32px;width:480px;max-width:90vw;box-shadow:var(--shadow-elevated)}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:20px}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-state-icon{font-size:48px;opacity:.3;margin-bottom:16px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;box-shadow:var(--shadow-elevated);z-index:300}@media (max-width: 768px){.app-container{padding:0 12px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.detail-title{font-size:20px}}.hljs{color:#abb2bf;background:transparent}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}