/* The panorama uses the same continuous ranking surface as car sales. */
#view-boards{--panorama-accent:#2169ed;--panorama-soft:color-mix(in srgb,#2169ed 9%,var(--bg-card));max-width:1160px;margin:0 auto;background:var(--bg-card);min-width:0}
#view-boards .panorama-tabs-header{display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid var(--border-card)}
#view-boards .panorama-categories{display:flex;flex:1;min-width:0;gap:28px;overflow-x:auto;scrollbar-width:thin}
#view-boards .panorama-categories button{flex:none;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:14px 2px;min-height:46px;font-size:15px;font-weight:600;color:var(--text-muted);white-space:nowrap}
#view-boards .panorama-categories button.active{border-color:var(--panorama-accent);color:var(--panorama-accent)}
#view-boards .panorama-source-note{flex:none;color:var(--text-muted);font-size:12px;white-space:nowrap}
#view-boards .boards-wrapper{display:block;min-width:0}
#view-boards .platform-strip{display:flex;flex-direction:row;position:static;gap:7px;padding:12px 18px 8px;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
#view-boards .p-strip-btn{display:flex;flex:none;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:0;border-radius:2px;background:var(--bg-track);color:var(--text-main);box-shadow:none;font-size:13px;font-weight:400;white-space:nowrap}
#view-boards .p-strip-btn:hover,#view-boards .p-strip-btn.active{background:var(--panorama-soft);color:var(--panorama-accent);box-shadow:none}
#view-boards .p-strip-btn .brand-icon-box{width:18px;height:18px;flex:0 0 18px;background:transparent;border-radius:0}
#view-boards .p-strip-btn .brand-official-logo{width:18px;height:18px}
#view-boards .boards-content-panel{min-width:0;min-height:450px;border:0;border-radius:0;box-shadow:none;padding:0;background:transparent}
#view-boards .board-top-info{display:block;padding:4px 18px 10px;margin:0;border-bottom:1px solid var(--border-card)}
#view-boards .board-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 6px}
#view-boards .board-title-row h2{display:flex;align-items:center;font-size:14px;font-weight:600;flex:none}
#view-boards .board-title-logo{margin-right:7px}
#view-boards .board-title-logo .brand-official-logo{width:18px;height:18px}
#view-boards .meta-tag{background:transparent;padding:0;border-radius:0;color:var(--text-muted);font-size:11px;line-height:1.6;text-align:right}
#view-boards .subtabs-bar{display:flex;flex-wrap:wrap;gap:3px 16px;margin:0}
#view-boards .subtab-pill{display:flex;align-items:center;gap:5px;min-height:34px;padding:6px 0;background:transparent;border:0;border-radius:0;color:var(--text-main);font-size:13px;font-weight:400;line-height:20px}
#view-boards .subtab-pill:hover,#view-boards .subtab-pill.active{background:transparent;color:var(--panorama-accent)}
#view-boards .subtab-badge{font-size:10px;font-weight:400;color:var(--text-muted);padding:0;min-width:0;background:transparent;border-radius:0}
#view-boards .panorama-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px}
#view-boards .panorama-list-summary{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;min-width:0}
#view-boards .panorama-scope{color:var(--text-main);font-size:12px;white-space:nowrap}
#view-boards .panorama-search{display:flex;align-items:center;gap:8px;flex:0 1 310px;min-width:0;min-height:36px;padding:7px 10px;border:1px solid var(--border-card);border-radius:5px;background:var(--bg-track);color:var(--text-muted)}
#view-boards .panorama-search:focus-within{border-color:var(--panorama-accent)}
#view-boards .panorama-search svg{flex:none}
#view-boards .panorama-search input{min-width:0;width:100%;border:0;padding:0;outline:none;color:var(--text-main);background:transparent;font:inherit;font-size:12px}
#view-boards .panorama-search input::placeholder{color:var(--text-muted)}
#view-boards .panorama-table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--text-main);font-size:14px}
#view-boards .panorama-col-rank{width:64px}
#view-boards .panorama-col-heat{width:132px}
#view-boards .panorama-col-action{width:70px}
#view-boards .panorama-table thead{background:transparent}
#view-boards .panorama-table th{padding:8px 18px;text-align:left;font-size:11px;font-weight:400;color:var(--text-muted);border-bottom:1px solid color-mix(in srgb,var(--border-card) 35%,transparent)}
#view-boards .panorama-table td{padding:15px 18px;border-bottom:1px solid color-mix(in srgb,var(--border-card) 35%,transparent);vertical-align:middle}
#view-boards .panorama-table tbody tr:last-child td{border-bottom:0}
#view-boards .panorama-table tbody tr:hover{background:var(--bg-item-hover)}
#view-boards .rank-num{font-family:var(--font-sans);font-size:22px;font-style:italic;font-weight:650;color:var(--text-main);width:26px;height:28px;border-radius:0;background:transparent}
#view-boards .rank-num.rank-top-1,#view-boards .rank-num.rank-top-2,#view-boards .rank-num.rank-top-3{background:transparent;color:var(--panorama-accent)}
#view-boards .panorama-topic-title{display:flex;align-items:center;gap:9px;min-width:0}
#view-boards .rank-link{color:var(--text-main);font-size:15px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
#view-boards a.rank-link:hover{color:var(--panorama-accent)}
#view-boards .rank-desc{color:var(--text-muted);font-size:11px;line-height:1.6;margin-top:4px}
#view-boards .panorama-source-tag{color:var(--tag-hot-text);background:var(--tag-hot-bg);padding:1px 4px;font-size:10px;border-radius:2px;white-space:nowrap}
#view-boards .panorama-table .panorama-heat{text-align:right;font-variant-numeric:tabular-nums;color:var(--panorama-accent);font-size:19px;font-weight:650}
#view-boards .panorama-table th.panorama-heat{font-size:11px;color:var(--text-muted);font-weight:400}
#view-boards .panorama-table .panorama-action{text-align:center}
#view-boards .panorama-original{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:0;color:var(--panorama-accent)}
#view-boards .panorama-original:hover{background:var(--panorama-soft)}
#view-boards .panorama-retry{display:block;margin:14px auto 0;padding:7px 15px;border:1px solid var(--border-card);border-radius:4px;background:var(--bg-card);color:var(--panorama-accent)}
#view-boards button:focus-visible,#view-boards a:focus-visible{outline:2px solid var(--panorama-accent);outline-offset:3px}
@media(max-width:1160px){body:has(#view-boards.active) .search-box{display:none}}
@media(max-width:640px){
  body:has(#view-boards.active) .navbar{height:100px}
  body:has(#view-boards.active) .nav-container{display:grid;grid-template-columns:1fr auto;grid-template-rows:46px 42px;gap:0 12px;padding:4px 14px 8px}
  body:has(#view-boards.active) .nav-brand{grid-column:1;grid-row:1}
  body:has(#view-boards.active) .nav-tools{grid-column:2;grid-row:1}
  body:has(#view-boards.active) .nav-segmented{grid-column:1/-1;grid-row:2;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  #view-boards{margin-left:-4px;margin-right:-4px}
  #view-boards .panorama-tabs-header{flex-wrap:wrap;gap:0;padding:0 12px}
  #view-boards .panorama-categories{flex-basis:100%;gap:18px;scrollbar-width:none}
  #view-boards .panorama-categories button{font-size:13px;padding:12px 2px;min-height:44px}
  #view-boards .panorama-source-note{margin-left:auto;padding:0 0 7px;font-size:10px}
  #view-boards .platform-strip{gap:5px;padding:10px 12px 6px;scrollbar-width:none}
  #view-boards .p-strip-btn{min-height:36px;padding:7px 10px;font-size:12px}
  #view-boards .board-top-info{padding:4px 12px 8px}
  #view-boards .board-title-row{gap:8px;align-items:flex-start}
  #view-boards .board-title-row h2{font-size:13px}
  #view-boards .meta-tag{font-size:10px;max-width:180px}
  #view-boards .subtabs-bar{gap:2px 12px}
  #view-boards .subtab-pill{font-size:12px;min-height:36px}
  #view-boards .panorama-toolbar{flex-wrap:wrap;gap:8px;padding:10px 12px}
  #view-boards .panorama-search{flex-basis:100%;min-height:36px}
  #view-boards .panorama-list-summary{font-size:11px}
  #view-boards .panorama-col-rank{width:36px}
  #view-boards .panorama-col-heat{width:74px}
  #view-boards .panorama-col-action{width:36px}
  #view-boards .panorama-table th,#view-boards .panorama-table td{padding:12px 7px}
  #view-boards .panorama-table th{padding-top:7px;padding-bottom:7px;font-size:10px}
  #view-boards .rank-num{font-size:19px;width:22px}
  #view-boards .rank-link{font-size:14px}
  #view-boards .panorama-table .panorama-heat{font-size:16px}
  #view-boards .rank-desc{font-size:10px;-webkit-line-clamp:2}
  #view-boards .panorama-topic-title{gap:5px;flex-wrap:wrap}
  #view-boards .panorama-original{width:24px;height:30px}
}

#view-boards .meta-tag,#view-boards .rank-desc{font-size:12px;color:var(--text-sub)}