:root{--bg:#f8fafc;--paper:#fff;--ink:#18181b;--ink-2:#3f3f46;--sub:#71717a;--faint:#a1a1aa;--line:#e4e4e7;--line-2:#f4f4f5;--blue:#2563eb;--blue-light:#eff6ff;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;--sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif}html,body{background-color:#f8fafc}.lp{font-family:var(--sans);color:var(--ink);background:#f8fafc;min-height:100vh;padding:16px 0 80px}.lp .wrap{box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;padding:0 16px}@media (min-width:1440px){.lp .wrap{max-width:1140px}}@media (min-width:1600px){.lp .wrap{max-width:1220px}}.lp .wrap a{text-decoration:none}.lp img{display:block}.lp .hero-banner{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:220px minmax(0,1fr) 280px;gap:28px;margin-bottom:28px;padding:24px;display:grid;box-shadow:0 2px 10px #00000005}@media (max-width:1023px){.lp .hero-banner{grid-template-columns:minmax(0,1fr);gap:24px}}.lp .hero-cover{aspect-ratio:3/4.1;background:#e4e4e7;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #0000001f}.lp .hero-cover img{object-fit:cover;width:100%;height:100%}.lp .hero-cover .badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.05em;background:#18181bd9;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:700;position:absolute;top:10px;left:10px}.lp .hero-detail{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.lp .hero-meta-top{color:var(--faint);align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.lp .hero-meta-top .tag{color:var(--blue);letter-spacing:.08em;font-weight:700}.lp .hero-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);text-indent:-.4em;margin-bottom:6px;font-size:26px;font-weight:700}.lp .hero-author-row{color:var(--sub);align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.lp .hero-quote-box{border-left:3.5px solid var(--ink);color:var(--ink-2);background:#fbfbfa;border-radius:0 10px 10px 0;flex:1;align-items:center;margin-bottom:16px;padding:14px 18px;font-size:14px;line-height:1.65;display:flex}.lp .hero-quote-box p{font-family:var(--serif)}.lp .hero-actions{align-items:center;gap:12px;display:flex}.lp .btn-action{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.lp .btn-action:hover{background:#f4f4f5;border-color:#d4d4d8}.lp .btn-action.primary{background:var(--ink);border-color:var(--ink);color:#fff}.lp .btn-action.primary:hover{background:#27272a}.lp .hero-picks{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;padding-left:24px;display:flex}@media (max-width:1023px){.lp .hero-picks{border-left:none;border-top:1px solid var(--line);padding-top:20px;padding-left:0}}.lp .picks-title{font-family:var(--serif);color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.lp .pick-item{border-radius:8px;align-items:center;gap:12px;padding:6px 8px;text-decoration:none;transition:background .15s;display:flex}.lp .pick-item:hover{background:#f4f4f5}.lp .pick-thumb{background:#e4e4e7;border-radius:4px;flex-shrink:0;width:34px;height:46px;overflow:hidden}.lp .pick-thumb img{object-fit:cover;width:100%;height:100%}.lp .pick-info{flex:1;min-width:0}.lp .pick-info .t{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.lp .pick-info .m{color:var(--faint);margin-top:2px;font-size:11px}.lp .split-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:32px;display:grid}@media (max-width:1200px){.lp .split-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px}.lp .explore-side-col,.lp .side-panel-card,.lp .rank-main-col{height:auto}.lp .table-body-scroll{height:auto;max-height:520px}.lp .explore-side-col{margin-top:4px}}.lp .rank-main-col{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;padding:24px 28px;display:flex;box-shadow:0 2px 10px #00000005}.lp .board-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:4px;display:flex}.lp .board-title-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:24px;display:flex}.lp .board-title-group h2{font-family:var(--serif);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;margin:0;font-size:24px;font-weight:700}.lp .board-tabs{color:var(--sub);white-space:nowrap;flex-shrink:0;align-items:center;gap:18px;font-size:13.5px;display:flex}.lp .board-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;outline:none;flex-shrink:0;align-items:flex-end;height:40px;padding-bottom:6px;font-weight:500;transition:color .15s;display:flex;position:relative}.lp .board-tab:focus,.lp .board-tab:focus-visible{outline:none}.lp .board-tab:hover{color:var(--ink)}.lp .board-tab.active{color:var(--ink);font-weight:700}.lp.billboard-page .rank-main-col{min-height:calc(100vh - 56px)}.lp.billboard-page .rank-main-col .table-body-scroll{flex:auto;min-height:0;overflow-y:auto;height:auto!important;max-height:calc(100vh - 190px)!important}@media (max-width:1200px){.lp.billboard-page .rank-main-col{min-height:0}.lp.billboard-page .rank-main-col .table-body-scroll{height:auto!important;max-height:70vh!important}}.lp .rank-main-col.board-compact .board-tab{align-items:center;height:32px;padding-bottom:0}.lp .rank-main-col.board-compact .table-head,.lp .rank-main-col.board-compact .table-row{grid-template-columns:36px minmax(0,1fr) 120px 150px 90px;column-gap:28px}.lp .search-box-pill{border:1px solid var(--line);width:220px;height:32px;color:var(--faint);cursor:pointer;white-space:nowrap;background:#fafaf9;border-radius:16px;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;font-size:11.5px;display:flex}.lp .search-box-pill kbd{border:1px solid var(--line);color:var(--sub);white-space:nowrap;background:#fff;border-radius:4px;flex-shrink:0;margin-left:auto;padding:1px 5px;font-size:9px}.lp .filter-chips-bar{border-bottom:1px solid var(--line-2);scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:5px;padding:12px 0 14px;font-size:12px;display:flex;overflow-x:auto}.lp .filter-chips-bar::-webkit-scrollbar{width:0;height:0;display:none}.lp .filter-chips-bar b{color:var(--faint);flex-shrink:0;margin-right:6px;font-weight:500}.lp .chip-btn{color:#334155;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:2px;outline:none;padding:3px 8px;font-size:12px;transition:all .15s}.lp .chip-btn:focus,.lp .chip-btn:focus-visible{outline:none}.lp .chip-btn:hover{color:var(--ink);background:#f8fafc;border-color:#cbd5e1}.lp .chip-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.lp .table-head,.lp .table-row{grid-template-columns:36px minmax(0,1fr) 90px 100px 80px;align-items:center;column-gap:12px;display:grid}.lp .table-head{z-index:5;border-bottom:1px solid var(--ink);letter-spacing:.1em;height:34px;color:var(--faint);background:#fff;padding:0 6px;font-size:11px;position:sticky;top:0}.lp .table-head .th-likes{align-items:center;display:inline-flex}.lp .table-head .th-likes button{outline:none}.lp .table-row{content-visibility:auto;contain-intrinsic-size:auto 85px;border-bottom:1px solid var(--line-2);cursor:pointer;border-radius:6px;padding:12px 6px;transition:background .15s}.lp .table-row:hover{background:#fafaf9}.lp .table-body-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;height:640px;padding-right:4px;overflow-y:auto}.lp .table-body-scroll::-webkit-scrollbar{width:5px}.lp .table-body-scroll::-webkit-scrollbar-track{background:0 0}.lp .table-body-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.lp .table-body-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.lp .table-body-scroll{max-height:520px}}.lp .table-row .rank-num{font-family:var(--serif);color:var(--faint);font-size:17px;font-weight:700}.lp .table-row .rank-num.top{color:var(--blue)}.lp .table-row .story-cell{min-width:0}.lp .table-row .title-line{color:var(--ink);align-items:center;gap:6px;font-size:14.5px;font-weight:700;transition:color .15s;display:flex}.lp .table-row .title-line:hover,.lp .table-row .title-line:hover em{color:var(--blue)}.lp .table-row .title-line em{font-style:normal;font-family:var(--serif)}.lp .table-row .hook-line{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.lp .table-row .author-text{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.lp .table-row .genre-pill span{color:var(--sub);white-space:nowrap;background:#f4f4f5;border-radius:4px;padding:2px 7px;font-size:11.5px;display:inline-block}.lp .table-row .likes-text{font-variant-numeric:tabular-nums;color:var(--ink-2);align-items:center;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.lp .table-row .likes-text span,.lp .table-row .likes-text i{color:var(--ink-2);font-family:inherit;font-size:12.5px;font-style:normal;font-weight:500;line-height:1}.lp .explore-side-col{flex-direction:column;height:100%;display:flex}.lp .side-panel-card{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;height:100%;padding:16px;display:flex;box-shadow:0 2px 10px #00000005}.lp .panel-head{border-bottom:1px solid var(--line-2);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.lp .panel-head h3{font-family:var(--serif);color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.lp .btn-shuffle{color:var(--sub);cursor:pointer;background:#f4f4f5;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;transition:all .15s;display:inline-flex}.lp .btn-shuffle:hover{color:var(--ink);background:#e4e4e7}.lp .btn-shuffle i{font-style:normal;transition:transform .35s cubic-bezier(.4,0,.2,1);display:inline-block}.lp .btn-shuffle.rotating i{transform:rotate(180deg)}.lp .cover-stream-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:12px;display:grid}.lp .stream-card{border:1px solid var(--line-2);color:inherit;background:#fff;border-radius:10px;flex-direction:column;text-decoration:none;transition:all .18s;display:flex;overflow:hidden}.lp .stream-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.lp .stream-card .thumb-wrap{aspect-ratio:3/4;background:#e4e4e7;width:100%;position:relative;overflow:hidden}.lp .stream-card .thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.lp .stream-card:hover .thumb-wrap img{transform:scale(1.04)}.lp .stream-card .thumb-author-tag{z-index:3;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#0f172ab8;border-radius:4px;width:fit-content;max-width:calc(100% - 12px);padding:2px 6px;font-size:10px;font-weight:500;line-height:1.35;transition:background .15s;position:absolute;bottom:6px;left:6px;overflow:hidden}.lp .stream-card .thumb-author-tag:hover{background:#2563ebe6}.lp .stream-card .card-body{flex-direction:column;flex:none;gap:5px;padding:8px 10px 9px;display:flex}.lp .stream-card .card-t{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.lp .stream-card .card-hook{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.lp .stream-card .card-meta{color:var(--faint);justify-content:space-between;align-items:center;margin-top:0;font-size:10.5px;display:flex}.lp .genre-radar-list{flex-direction:column;gap:10px;display:flex}.lp .genre-bar-row{grid-template-columns:60px 1fr 34px;align-items:center;gap:10px;font-size:11.5px;display:grid}.lp .genre-bar-row .g-name{color:var(--ink-2);font-weight:500}.lp .genre-bar-row .g-track{background:#f4f4f5;border-radius:2px;height:4px;position:relative;overflow:hidden}.lp .genre-bar-row .g-fill{background:var(--ink);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.lp .genre-bar-row .g-pct{color:var(--faint);text-align:right;font-family:ui-monospace,monospace;font-size:10.5px}@media (min-width:768px) and (max-width:1199px){.global-feedback-stack{flex-direction:column;align-items:flex-end;gap:8px}.global-feedback-stack>button{width:auto;min-width:0;padding-inline:10px!important}}.lp .mobile-meta-bar{display:none}@media (max-width:768px){.desktop-only{display:none!important}.lp .split-layout{gap:20px}.lp .rank-main-col{border-radius:14px;padding:14px 12px}.lp .board-header{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:6px;overflow:hidden}.lp .board-title-group{align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;display:flex}.lp .board-title-group h2{flex-shrink:0;align-items:center;margin:0;font-size:18px;line-height:1;display:flex}.lp .board-tabs{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:none;flex:1;align-items:center;gap:12px;min-width:0;padding:2px 14px 2px 2px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000 100%)}.lp .board-tabs::-webkit-scrollbar{display:none}.lp .board-tab{flex-shrink:0;align-items:center;height:28px;padding:0 2px;font-size:13px;line-height:1;display:flex}.lp .search-box-pill{border-radius:8px;width:100%;height:34px}.lp .filter-chips-bar{gap:6px;padding:8px 0 10px}.lp .chip-btn{padding:3px 9px;font-size:11.5px}.lp .table-row{border-bottom:1px solid var(--line-2);align-items:flex-start;gap:10px;padding:12px 2px;display:flex}.lp .table-row .rank-num{text-align:center;width:24px;color:var(--faint);flex-shrink:0;padding-top:1px;font-size:15px;font-weight:800}.lp .table-row .rank-num.top{color:var(--blue)}.lp .table-row .story-cell{flex:1;min-width:0}.lp .table-row .title-line{color:var(--ink);word-break:break-word;font-size:14.5px;font-weight:700;line-height:1.4}.lp .table-row .hook-line{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.lp .mobile-meta-bar{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:11px;display:flex}.lp .mobile-author{color:#475569;font-weight:500}.lp .mobile-dot{color:#cbd5e1;font-size:10px;font-weight:700}.lp .mobile-genre{color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:10.5px}.lp .mobile-likes{color:#2563eb;font-weight:600;font-family:var(--sans)}.lp .explore-side-col{margin-top:14px}.lp .side-panel-card{border-radius:14px;height:auto;padding:16px 14px}.lp .cover-stream-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex:none;gap:12px;padding:4px 2px 10px;display:flex;overflow-x:auto}.lp .cover-stream-grid::-webkit-scrollbar{display:none}.lp .stream-card{scroll-snap-align:start;border:1px solid var(--line-2);background:#fff;border-radius:8px;flex-shrink:0;width:122px;height:auto;box-shadow:0 1px 3px #00000008}.lp .stream-card .thumb-wrap{aspect-ratio:3/4;border-radius:6px 6px 0 0;flex:none;height:auto}.lp .stream-card .card-body{padding:6px 8px 8px}.lp .stream-card .card-t{font-size:12px;font-weight:700;line-height:1.35}.lp .stream-card .card-meta{margin-top:4px;font-size:10px}}@media (max-width:1200px){.lp .cover-stream-grid{scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:12px;padding:4px 2px 12px;display:flex;overflow-x:auto}.lp .cover-stream-grid::-webkit-scrollbar{height:6px}.lp .cover-stream-grid::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:3px}.lp .cover-stream-grid .stream-card{scroll-snap-align:start;flex:1 1 0;min-width:128px}}