:root{--bg:#f0f2f4;--bg-nav:#f7f8f9;--bg-elevated:#ffffff;--bg-card:#ffffff;--bg-card-hover:#fafbfc;--border:rgba(15,23,42,0.08);--text:#1a2332;--text-muted:#5a6677;--text-dim:#8a94a3;--accent:#0d7377;--accent-hover:#0a5c5f;--accent-soft:rgba(13,115,119,0.1);--rail:#d8dee6;--dot:#0d7377;--fail:#c44;--nav-active-bg:#e4eef0;--read-opacity:0.5;--radius:14px;--nav-w:220px;--font:"Segoe UI",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,"Cascadia Code","SF Mono",Consolas,monospace;--shadow-card:0 1px 2px rgba(15,23,42,0.04),0 0 0 1px rgba(15,23,42,0.04)}@media (prefers-color-scheme:dark){:root{--bg:#0e1218;--bg-nav:#121820;--bg-elevated:#161d27;--bg-card:#1a222e;--bg-card-hover:#1f2936;--border:rgba(255,255,255,0.07);--text:#e8edf4;--text-muted:#8b97a8;--text-dim:#5c6b7e;--accent:#3db8b8;--accent-hover:#5ccccc;--accent-soft:rgba(61,184,184,0.14);--rail:#2a3544;--dot:#3db8b8;--fail:#e07070;--nav-active-bg:rgba(61,184,184,0.12);--shadow-card:0 1px 2px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.04)}}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-layout{display:flex;min-height:100vh;align-items:stretch;width:100%}.left-nav{width:var(--nav-w);flex-shrink:0;background:var(--bg-nav);border-right:1px solid var(--border);display:none;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:1.15rem .85rem 1rem}@media (min-width:900px){.left-nav{display:flex}}.left-nav-brand{padding:.35rem .65rem 1.25rem}.left-nav-logo{font-size:1.35rem;font-weight:800;letter-spacing:.04em;color:var(--text)}.left-nav-logo span{color:var(--accent)}.left-nav-scroll{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.left-nav-section-label{font-size:.72rem;color:var(--text-dim);padding:0 .65rem .45rem;font-weight:500}.left-nav-item{display:flex;align-items:center;gap:.55rem;width:100%;border:none;background:transparent;color:var(--text-muted);text-align:left;border-radius:12px;padding:.62rem .7rem;cursor:pointer;font-size:.92rem;font-weight:500;transition:background .12s ease,color .12s ease}.left-nav-item:hover{background:rgba(0,0,0,.04);color:var(--text)}@media (prefers-color-scheme:dark){.left-nav-item:hover{background:rgba(255,255,255,.05)}}.left-nav-item.is-active{background:var(--nav-active-bg);color:var(--accent);font-weight:650}.left-nav-icon{width:1.15rem;text-align:center;opacity:.85;font-size:.95rem}.left-nav-foot{padding:.75rem .65rem .25rem;border-top:1px solid var(--border);margin-top:.5rem}.left-nav-foot-note{font-size:.72rem;color:var(--text-dim)}.main-panel{flex:1 1 auto;min-width:0;width:100%;max-width:none;padding:1.5rem 1.35rem 3.5rem}@media (min-width:900px){.main-panel{padding:1.75rem clamp(1.25rem,2.5vw,2.75rem) 4rem}}.page-header{margin-bottom:1.1rem}.page-title{font-size:1.55rem;font-weight:750;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.page-sub{margin-top:.4rem;font-size:.88rem;color:var(--text-dim)}.toolbar{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1rem}@media (min-width:960px){.toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}.top-tabs{display:flex;flex-wrap:wrap;gap:.15rem .35rem;align-items:center;border-bottom:1px solid var(--border);padding-bottom:0}@media (min-width:960px){.top-tabs{border-bottom:none;flex:1 1;min-width:0}}.top-tab{position:relative;border:none;background:transparent;color:var(--text-muted);padding:.55rem .7rem .65rem;cursor:pointer;font-size:.92rem;font-weight:500;border-radius:8px 8px 0 0;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.top-tab:hover{color:var(--text)}.top-tab.is-active{color:var(--accent);font-weight:700}.top-tab.is-active:after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:0;height:2.5px;background:var(--accent);border-radius:2px 2px 0 0}.top-tab-count{font-family:var(--mono);font-size:.7rem;font-weight:500;color:var(--text-dim)}.top-tab.is-active .top-tab-count{color:var(--accent);opacity:.85}.search-bar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;flex-shrink:0}.search-input,.search-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.48rem .7rem;font-size:.86rem}.search-select{cursor:pointer;max-width:10.5rem}.search-input{width:min(220px,42vw);min-width:140px}.search-input:focus,.search-select:focus{outline:2px solid var(--accent-soft);border-color:rgba(13,115,119,.35)}.btn-primary{border:none;background:var(--accent);color:#fff;border-radius:10px;padding:.48rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-primary:hover{background:var(--accent-hover)}.search-btn{padding-left:1.05rem;padding-right:1.05rem}.result-meta{font-size:.8rem;color:var(--text-dim);margin-bottom:1rem;font-family:var(--mono)}.day-section{margin-bottom:1.75rem}.day-heading{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.95rem;font-size:1rem;font-weight:650}.day-heading-label{color:var(--text)}.day-heading-count{font-size:.82rem;font-weight:500;color:var(--text-dim)}.day-section,.timeline{width:100%}.day-items{display:flex;flex-direction:column;width:100%}.timeline-item{display:grid;grid-template-columns:2.75rem 1.1rem minmax(0,1fr);grid-gap:0 .35rem;gap:0 .35rem;align-items:stretch;width:100%}.timeline-time{font-family:var(--mono);font-size:.72rem;color:var(--text-dim);padding-top:1.2rem;text-align:right}.timeline-rail{position:relative;display:flex;justify-content:center}.timeline-rail:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--rail)}.timeline-dot{position:relative;z-index:1;width:9px;height:9px;margin-top:1.35rem;border-radius:50%;background:var(--dot);box-shadow:0 0 0 3px var(--bg)}.timeline-card{background:var(--bg-card);border-radius:var(--radius);padding:.95rem 1.1rem 1.05rem;margin-bottom:.85rem;box-shadow:var(--shadow-card);transition:background .15s ease,box-shadow .15s ease;width:100%;min-width:0}.timeline-card:hover{background:var(--bg-card-hover)}.timeline-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.timeline-head-left,.timeline-head-right{display:inline-flex;align-items:center;gap:.4rem}.timeline-source{font-size:.8rem;color:var(--text-muted);font-weight:500}.timeline-badge{font-size:.68rem;font-weight:650;padding:.08rem .4rem;border-radius:999px}.timeline-badge,.timeline-score{color:var(--accent);background:var(--accent-soft)}.timeline-score{font-family:var(--mono);font-size:.75rem;padding:.1rem .4rem;border-radius:6px}.timeline-title{display:block;font-size:1.05rem;font-weight:700;line-height:1.4;color:var(--text)}a.timeline-title:hover{color:var(--accent)}.timeline-summary{margin-top:.45rem;font-size:.9rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.timeline-reason{margin-top:.7rem;padding-top:.65rem;border-top:1px solid var(--border);font-size:.84rem;color:var(--text-muted);line-height:1.5}.timeline-reason-label{color:var(--text-dim);font-weight:600}.timeline-item.is-read .timeline-card{opacity:var(--read-opacity)}.timeline-item.is-read .timeline-dot{background:var(--text-dim)}.empty-state{text-align:center;padding:2.5rem 1rem}.about-panel .about-card,.empty-state{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card)}.about-panel .about-card{margin-top:1rem;padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:.75rem;font-size:.92rem}.about-panel code{font-family:var(--mono);font-size:.85em;background:var(--accent-soft);color:var(--accent);padding:.1rem .35rem;border-radius:4px}.about-panel .btn-primary{align-self:flex-start;margin-top:.35rem}@media (max-width:899px){.main-panel:before{content:"BB HOT";display:block;font-weight:800;letter-spacing:.04em;margin-bottom:1rem;color:var(--text)}.app-layout{flex-direction:column}}