*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f7fa;--surface: #ffffff;--text: #1a1a2e;--text-secondary: #6b7280;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--radius: 10px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-inner{max-width:800px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.title{font-size:22px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.title-icon{font-size:26px}.update-time{font-size:13px;color:var(--text-secondary);font-weight:400}.tabs{background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:center;gap:0;position:sticky;top:60px;z-index:99}.tab{background:none;border:none;padding:14px 22px;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s;border-bottom:3px solid transparent;display:flex;align-items:center;gap:7px;font-family:inherit}.tab:hover{color:var(--text)}.tab-active{color:var(--text);border-bottom-color:currentColor}.tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tab-count{font-size:11px;background:var(--border);color:var(--text-secondary);padding:1px 6px;border-radius:10px;font-weight:400;line-height:1.4}.tab-active .tab-count{background:currentColor;color:#fff;opacity:.85}.main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:20px}.brand-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.brand-header{display:flex;align-items:center;justify-content:space-between;padding-left:14px;border-left:4px solid;margin-bottom:16px}.brand-name{font-size:20px;font-weight:700;letter-spacing:-.3px}.news-count{font-size:13px;color:var(--text-secondary);font-weight:400}.news-list{list-style:none;display:flex;flex-direction:column;gap:0}.news-item{padding:14px 16px;background:var(--surface);border-radius:var(--radius);margin-bottom:8px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .15s}.news-item:hover{box-shadow:0 3px 12px #0000001a;transform:translateY(-1px)}.news-title{display:block;font-size:15px;font-weight:500;color:var(--text);text-decoration:none;line-height:1.55;margin-bottom:8px;transition:color .15s}.news-title:hover{color:var(--brand-color, #4f46e5)}.news-meta{display:flex;align-items:center;gap:10px;font-size:12px}.news-source{font-weight:600;font-size:12px}.news-date{color:var(--text-secondary);font-size:12px}.news-date:before{content:"·";margin-right:10px;color:var(--border)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:40px 0;color:#dc2626}.empty{text-align:center;padding:40px 0;color:var(--text-secondary)}.footer{text-align:center;padding:24px 0;font-size:13px;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:auto}@media(max-width:600px){.header-inner{padding:14px 16px}.title{font-size:18px}.update-time{font-size:11px}.tab{padding:12px 14px;font-size:14px}.main{padding:14px}.news-item{padding:12px}.news-title{font-size:14px}}