.hn-shell{--hn-bg: #faf9f6;--hn-bg-sunk: #f3f3ef;--hn-surface: #ffffff;--hn-ink: #202a30;--hn-ink-2: #303c42;--hn-ink-3: #59656b;--hn-ink-4: #657176;--hn-line: #dfe4e1;--hn-line-strong: #d1d9d5;--hn-line-soft: #e9ede9;--hn-accent: #176b75;--hn-accent-soft: rgba(23,107,117,.08);--hn-note: #526f72;--hn-hot: #b3402a;--hn-hot-soft: rgba(179,64,42,.08);--hn-shadow-card: 0 1px 2px rgba(32,42,48,.025);--hn-shadow-card-hover: 0 3px 12px rgba(32,42,48,.055);min-height:100vh;background:var(--hn-bg);color:var(--hn-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}html.dark .hn-shell{--hn-bg: #13191c;--hn-bg-sunk: #182024;--hn-surface: #1a2226;--hn-ink: #e7eceb;--hn-ink-2: #d2dada;--hn-ink-3: #a5b0b3;--hn-ink-4: #89979d;--hn-line: rgba(255,255,255,.08);--hn-line-strong: rgba(255,255,255,.12);--hn-line-soft: rgba(255,255,255,.06);--hn-accent: #12ccd8;--hn-accent-soft: rgba(18,204,216,.12);--hn-note: #8fb8a8;--hn-hot: #d86a52;--hn-hot-soft: rgba(216,106,82,.12);--hn-shadow-card: none;--hn-shadow-card-hover: none}.hn-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 28px 14px;border-bottom:1px solid var(--hn-line-soft);background:var(--hn-bg);position:sticky;top:0;z-index:70}.hn-topbar-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.hn-topbar-actions{display:inline-flex;gap:14px;align-items:center;flex-shrink:0}.hn-sync{color:var(--hn-ink-4);font-size:12px}.hn-quiet-btn{cursor:pointer;border:1px solid var(--hn-line-soft);border-radius:9999px;padding:5px 14px;background:var(--hn-bg-sunk);color:var(--hn-ink-4);font-size:12px;transition:color .12s,border-color .12s}.hn-quiet-btn:hover{color:var(--hn-accent);border-color:var(--hn-line-strong)}.hn-topic-switch{position:relative}.hn-topic-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--hn-line);border-radius:8px;padding:7px 14px;background:var(--hn-surface);color:var(--hn-ink);font-size:13px;font-weight:500;box-shadow:var(--hn-shadow-card)}.hn-topic-btn:hover{border-color:var(--hn-line-strong)}.hn-topic-chevron{color:var(--hn-ink-4);transition:transform .18s}.hn-topic-btn[aria-expanded=true] .hn-topic-chevron{transform:rotate(180deg)}.hn-topic-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:160px;padding:4px;border:1px solid var(--hn-line);border-radius:12px;background:var(--hn-surface);box-shadow:0 12px 32px #1c27331f}.hn-topic-menu button{display:flex;width:100%;align-items:center;cursor:pointer;border:0;border-radius:8px;padding:8px 10px;background:none;color:var(--hn-ink);font-size:13.5px;text-align:left}.hn-topic-menu button:hover{background:var(--hn-accent-soft)}.hn-topic-menu button[aria-current=true]{color:var(--hn-accent);background:var(--hn-accent-soft);font-weight:600}.hn-gate{max-width:1080px;margin:auto;padding:60px 20px;color:var(--hn-ink-4)}.hn-topbar .topbar-theme{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hn-line);border-radius:6px;background:transparent;color:var(--hn-ink-4);cursor:pointer;transition:all .2s}.hn-topbar .topbar-theme:hover{color:var(--hn-accent);border-color:var(--hn-line-strong)}.hn-topbar .theme-sun{display:block}.hn-topbar .theme-moon,html.dark .hn-topbar .theme-sun{display:none}html.dark .hn-topbar .theme-moon{display:block}.hn-topbar .topbar-back{color:var(--hn-ink-4);font-size:13px;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;white-space:nowrap}.hn-topbar .topbar-back:hover{color:var(--hn-accent);border-color:var(--hn-line-strong)}.hn-main{width:100%;max-width:none;margin:0;padding:22px clamp(20px,3vw,48px) 80px}.hn-columns{display:grid;grid-template-columns:168px minmax(0,1fr);gap:26px;align-items:start}.hn-nav{position:sticky;top:82px;display:grid;gap:2px;padding:8px;border:1px solid var(--hn-line);border-radius:12px;background:var(--hn-surface);box-shadow:var(--hn-shadow-card)}.hn-nav button{cursor:pointer;border:0;border-radius:10px;padding:9px 12px;background:none;color:var(--hn-ink-4);font-size:13.5px;text-align:left}.hn-nav button:hover{color:var(--hn-ink);background:var(--hn-accent-soft)}.hn-nav button.active{color:var(--hn-accent);background:var(--hn-accent-soft);font-weight:650}.hn-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hn-feed-head h2{margin:0;font:650 19px/1.3 inherit;color:var(--hn-ink)}.hn-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.hn-filter-tabs button{cursor:pointer;border:1px solid transparent;border-radius:9999px;padding:6px 13px;background:transparent;color:var(--hn-ink-4);font-size:12.5px}.hn-filter-tabs button:hover{color:var(--hn-ink);background:var(--hn-bg-sunk)}.hn-filter-tabs button.active{color:var(--hn-accent);border-color:var(--hn-line);background:var(--hn-surface);font-weight:650;box-shadow:var(--hn-shadow-card)}.hn-status{min-height:18px;color:var(--hn-ink-4);font-size:12px;margin:0 0 8px}.hn-list{display:block}.hn-day{margin-top:4px}.hn-day+.hn-day{margin-top:16px}.hn-day-header{display:flex;height:44px;align-items:center;gap:12px;color:var(--hn-ink)}.hn-day-date{font-size:18px;font-weight:650;line-height:24px;white-space:nowrap}.hn-day-meta{color:var(--hn-ink-4);font-size:13px}.hn-timeline-list{margin:0;padding:0;list-style:none}.hn-slot{display:grid;grid-template-columns:64px 22px minmax(0,1fr);padding-bottom:12px}.hn-slot:last-child{padding-bottom:0}.hn-slot-time{padding-top:17px;color:var(--hn-ink-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.hn-rail{position:relative}.hn-rail:before{content:"";position:absolute;top:29px;bottom:-41px;left:10.5px;width:1px;background:var(--hn-line-strong)}.hn-slot:last-child .hn-rail:before{display:none}.hn-rail:after{content:"";position:absolute;top:25.5px;left:7.5px;width:7px;height:7px;border-radius:999px;background:var(--hn-accent);box-shadow:0 0 0 4px var(--hn-bg);transition:transform .3s}.hn-slot:hover .hn-rail:after{transform:scale(1.15)}.hn-item{background:var(--hn-surface);border:1px solid var(--hn-line);border-radius:12px;box-shadow:var(--hn-shadow-card);padding:15px 18px 14px}.hn-item:hover{box-shadow:var(--hn-shadow-card-hover)}.hn-item-head{display:flex;align-items:center;gap:8px;min-height:18px;color:var(--hn-ink-4);font-size:12.5px;line-height:18px}.hn-item-head time{font-variant-numeric:tabular-nums}.hn-selected{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;color:var(--hn-accent);background:var(--hn-accent-soft);font-size:11px;font-weight:600}.hn-score{margin-left:auto;color:var(--hn-accent);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.hn-bookmark{display:inline-grid;width:26px;height:26px;margin:-4px -4px -4px 0;place-items:center;cursor:pointer;border:0;border-radius:8px;background:transparent;color:var(--hn-ink-4);font-size:18px;line-height:1}.hn-bookmark:hover{color:var(--hn-accent);background:var(--hn-accent-soft)}.hn-bookmark.active{color:var(--hn-accent)}.hn-bookmark svg{width:17px;height:17px}.hn-item-title{margin:5px 0 0;font-size:17px;font-weight:650;line-height:1.55;color:var(--hn-ink)}.hn-item-title a{color:inherit;text-decoration:none}.hn-item-title a:hover{color:var(--hn-accent)}.hn-item-summary{margin:6px 0 0;color:var(--hn-ink-3);font-size:15px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hn-item-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;color:var(--hn-ink-4);font-size:12px}.hn-item-reason{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--hn-line-soft);color:var(--hn-note);font-size:13px;line-height:1.75}.hn-item-reason b{color:var(--hn-ink-2);font-weight:600}.hn-saved-at{margin:9px 0 0;color:var(--hn-ink-4);font-size:11.5px}.hn-star-list{display:grid;gap:10px}.hn-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hn-topic-card{cursor:pointer;border:1px solid var(--hn-line);border-radius:12px;padding:15px 16px;background:var(--hn-surface);color:var(--hn-ink);text-align:left;box-shadow:var(--hn-shadow-card)}.hn-topic-card:hover{border-color:var(--hn-line-strong);box-shadow:var(--hn-shadow-card-hover)}.hn-topic-card strong{display:block;font-size:15px;line-height:1.5}.hn-topic-card span{display:block;margin-top:4px;color:var(--hn-ink-4);font-size:12px}.hn-hot-item,.hn-daily-item{display:block;padding:12px 14px;background:var(--hn-surface);border:1px solid var(--hn-line);border-radius:12px;box-shadow:var(--hn-shadow-card);text-decoration:none;color:inherit}.hn-hot-item:hover,.hn-daily-item:hover{box-shadow:var(--hn-shadow-card-hover)}.hn-rank{color:var(--hn-hot);font-weight:700;font-size:12px;margin-right:6px;font-variant-numeric:tabular-nums}.hn-hot-title,.hn-daily-title{font-size:14px;font-weight:600;line-height:1.5;color:var(--hn-ink)}.hn-hot-meta,.hn-daily-meta{margin-top:4px;color:var(--hn-ink-4);font-size:11.5px}.hn-daily-item p{margin:5px 0 0;color:var(--hn-ink-3);font-size:12.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hn-empty{padding:30px 18px;background:var(--hn-surface);border:1px solid var(--hn-line);border-radius:12px;color:var(--hn-ink-4);font-size:13px;line-height:1.7}@media (max-width: 880px){.hn-topbar{padding:12px 16px 10px}.hn-topbar-actions{gap:10px}.hn-main{padding:14px 16px 60px}.hn-columns{grid-template-columns:1fr}.hn-nav{position:static;display:flex;overflow-x:auto}.hn-day-header{height:36px;padding:0 4px;background:var(--hn-bg-sunk)}.hn-day-date{font-size:14px}.hn-slot{grid-template-columns:minmax(0,1fr);padding:0;border-bottom:1px solid var(--hn-line-soft)}.hn-slot-time,.hn-rail{display:none}.hn-item{border:0;border-radius:0;box-shadow:none;padding:14px 4px}.hn-topic-grid{grid-template-columns:1fr}}