:root{--bg: #f4f1ea;--bg-deep: #ebe6dc;--surface: #ffffff;--surface-soft: #faf8f4;--text: #14110f;--muted: #5c564e;--border: #e2ddd3;--border-strong: #cfc7ba;--accent: #0f766e;--accent-deep: #0b5f59;--accent-ink: #042f2e;--accent-soft: #d9f5ef;--accent-glow: #5eead4;--ink-warm: #1c1917;--warn: #b45309;--warn-soft: #ffedd5;--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--shadow: 0 1px 2px rgb(28 25 23 / 4%), 0 10px 28px rgb(28 25 23 / 5%);--shadow-hover: 0 12px 32px rgb(28 25 23 / 10%), 0 2px 8px rgb(28 25 23 / 6%);--font: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-ui: "IBM Plex Sans", "Noto Sans SC", sans-serif;--plat-douyin: #111827;--plat-douyin-bg: #eef2f7;--plat-bilibili: #e11d48;--plat-bilibili-bg: #fff1f5;--plat-youtube: #dc2626;--plat-youtube-bg: #fef2f2;--plat-podcast: #6d28d9;--plat-podcast-bg: #f5f3ff;--plat-other: #0369a1;--plat-other-bg: #e0f2fe}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:radial-gradient(900px 380px at 8% -8%,#d9f5ef 0%,transparent 55%),radial-gradient(700px 320px at 92% 0%,#f3e8d8 0%,transparent 50%),var(--bg);color:var(--text);line-height:1.55;min-height:100vh}a{color:var(--accent-deep);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:#115e59}img{max-width:100%}.container{width:min(1180px,calc(100% - 1.75rem));margin:0 auto}.site-header{border-bottom:1px solid rgb(226 221 211 / 85%);background:#ffffffd1;backdrop-filter:saturate(1.25) blur(14px);position:sticky;top:0;z-index:30}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.78rem 0}.brand{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;font-family:var(--font-ui);font-weight:800;letter-spacing:-.02em;font-size:1.12rem}.brand:hover{color:inherit}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#0f766e,#0ea5e9);color:#ecfdf5;display:grid;place-items:center;box-shadow:0 6px 16px #0f766e47}.brand-text{letter-spacing:-.03em}.nav{display:flex;gap:.2rem;flex-wrap:wrap;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;padding:.2rem}.nav a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:700;padding:.38rem .95rem;border-radius:999px;transition:background .15s ease,color .15s ease}.nav a:hover{color:var(--text);background:#fff}.nav a[aria-current=page]{color:var(--accent-ink);background:#fff;box-shadow:0 1px 3px #1c191714}main{padding:1.25rem 0 3rem}.bento-hero{display:grid;gap:.75rem;grid-template-columns:1fr;margin-bottom:1.5rem;animation:fade-up .45s ease both}@media(min-width:860px){.bento-hero{grid-template-columns:1.7fr .7fr .7fr;grid-template-areas:"main stat promises" "filters filters filters"}.bento-hero-main{grid-area:main}.bento-stat{grid-area:stat}.bento-promises{grid-area:promises}.bento-filters{grid-area:filters}}.bento-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.25rem}.bento-hero-main{background:linear-gradient(145deg,#fff,#f3fbf8 48%,#faf6ef);border-color:#2dd4bf59;min-height:100%}.hero-kicker{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .65rem;padding:.22rem .7rem;border-radius:999px;font-family:var(--font-ui);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);border:1px solid #99f6e4}.page-title{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(2.15rem,5vw,3.35rem);line-height:1.12;letter-spacing:-.02em;font-weight:700;color:var(--ink-warm)}.page-title em{font-style:normal;color:var(--accent-deep);background:linear-gradient(180deg,transparent 62%,rgb(94 234 212 / 45%) 62%)}.lede{margin:0;color:var(--muted);max-width:38rem;font-size:1.02rem;line-height:1.55;font-weight:500}.bento-stat{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(160deg,#042f2e,#0f766e);color:#ecfdf5;border-color:#0f766e}.bento-stat-num{margin:0;font-family:var(--font-ui);font-size:clamp(2.6rem,6vw,3.4rem);font-weight:800;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.bento-stat-label{margin:.35rem 0 0;font-size:1rem;font-weight:700;opacity:.95}.bento-stat-hint{margin:.35rem 0 0;font-size:.78rem;opacity:.72;font-weight:500}.bento-promises{display:flex;align-items:center;background:var(--surface-soft)}.hero-points{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;width:100%}.hero-points li{font-size:.88rem;font-weight:700;color:var(--ink-warm);background:#fff;border:1px solid var(--border);border-radius:999px;padding:.42rem .8rem}.bento-filters{padding:0;overflow:hidden;background:transparent;border:none;box-shadow:none}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.05rem .9rem;display:grid;gap:.7rem;box-shadow:var(--shadow)}.filter-bar-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem;padding-bottom:.55rem;border-bottom:1px solid var(--border)}.filter-bar-title{margin:0;font-size:.95rem;font-weight:800;letter-spacing:-.01em}.filter-bar-head .hint,.filter-bar-title+.hint{font-size:.76rem;font-weight:600;color:var(--muted)}.filter-rows{display:grid;gap:.65rem}@media(min-width:900px){.filter-rows{grid-template-columns:1.4fr 1fr auto;align-items:start}}.filter-group h3{margin:0 0 .35rem;font-size:.68rem;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.filter-options{display:flex;flex-wrap:wrap;gap:.32rem}.filter-options label{display:inline-flex;align-items:center;gap:.28rem;border:1.5px solid var(--border-strong);border-radius:999px;padding:.34rem .72rem;font-size:.84rem;font-weight:700;cursor:pointer;background:#fff;user-select:none;color:#1c1917;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .1s ease}.filter-options label:hover{border-color:#8a8174;background:var(--surface-soft);transform:translateY(-1px)}.filter-options label:active{transform:scale(.97)}.filter-options label:has(input:checked){background:var(--accent-soft);border-color:#0f766e;color:#0b5f59;box-shadow:0 0 0 3px #5eead459}.filter-options label:has(input:focus-visible){outline:3px solid #5eead4;outline-offset:2px}.filter-options input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.filter-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.btn-ghost{border:1.5px solid var(--border-strong);background:#fff;border-radius:999px;padding:.34rem .85rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;color:var(--muted);transition:transform .1s ease,border-color .12s ease,color .12s ease,background .12s ease}.btn-ghost:hover{border-color:#8a8174;color:var(--text);background:var(--surface-soft)}.btn-ghost:active{transform:scale(.97)}.filter-status-inline{color:var(--muted);font-size:.84rem;font-weight:600}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem;margin:0 0 .75rem}.section-title{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;color:var(--ink-warm)}.section-sub{margin:0;color:var(--muted);font-size:.82rem;font-weight:600}.feed-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin:1.35rem 0 .75rem}.count-pill{margin:0;display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:800;color:var(--text);background:#fff;border:1.5px solid var(--border-strong);border-radius:999px;padding:.3rem .8rem;box-shadow:0 1px 2px #1c19170a}.count-pill .count-num{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:1.05rem}.count-pill .count-hint{color:var(--muted);font-weight:600;font-size:.76rem}.featured-bento{margin-top:.25rem}.featured-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:900px){.featured-grid{grid-template-columns:1.45fr 1fr;grid-template-rows:auto auto}.featured-card--large{grid-row:1 / span 2}}.featured-card{display:grid;gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;animation:fade-up .4s ease both}.featured-card:hover{box-shadow:var(--shadow-hover);border-color:#2dd4bf;transform:translateY(-3px)}.featured-card[hidden]{display:none!important}.featured-card--large{padding:1.2rem 1.25rem 1.3rem;background:linear-gradient(165deg,#fff,#f7faf8 55%,#f3ebe0)}.featured-card--large .featured-title{font-size:clamp(1.55rem,3vw,2.15rem)}.featured-visual{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.featured-visual-meta{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.featured-kicker{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:0 0 .35rem;font-size:.78rem;font-weight:800;color:var(--muted);letter-spacing:.02em}.featured-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.25;letter-spacing:-.015em;font-weight:700}.featured-title a{color:inherit;text-decoration:none}.featured-title a:hover{color:var(--accent-deep)}.featured-creator{margin:0 0 .45rem;font-size:.88rem;font-weight:600;color:var(--muted)}.featured-creator a{color:#1c1917;text-decoration:none;font-weight:700}.featured-creator a:hover{color:var(--accent-deep);text-decoration:underline}.featured-summary{margin:0 0 .65rem;color:#3f3a34;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-body .chips{margin-bottom:.75rem}.feed--grid{display:grid;gap:.7rem;grid-template-columns:1fr}@media(min-width:700px){.feed--grid{grid-template-columns:1fr 1fr}}@media(min-width:1060px){.feed--grid{grid-template-columns:1fr 1fr 1fr}}.entry-card{display:flex;flex-direction:column;gap:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem .95rem 1rem;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;animation:fade-up .4s ease both;min-height:100%}.feed--grid .entry-card:nth-child(1){animation-delay:.02s}.feed--grid .entry-card:nth-child(2){animation-delay:.05s}.feed--grid .entry-card:nth-child(3){animation-delay:.08s}.feed--grid .entry-card:nth-child(4){animation-delay:.11s}.feed--grid .entry-card:nth-child(5){animation-delay:.14s}.feed--grid .entry-card:nth-child(6){animation-delay:.17s}.feed--grid .entry-card:nth-child(n+7){animation-delay:.2s}.entry-card:hover{box-shadow:var(--shadow-hover);border-color:#2dd4bf;transform:translateY(-3px)}.entry-card[hidden]{display:none!important}.entry-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.entry-card-badges{display:flex;flex-wrap:wrap;gap:.28rem;justify-content:flex-end}.entry-title{margin:0;font-family:var(--font-display);font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.28;letter-spacing:-.015em;font-weight:700}.entry-title a{color:inherit;text-decoration:none}.entry-title a:hover{color:var(--accent-deep)}.entry-card .creator{margin:0;color:var(--muted);font-size:.84rem;font-weight:600}.entry-card .creator a{font-weight:700;text-decoration:none;color:#1c1917}.entry-card .creator a:hover{color:var(--accent-deep);text-decoration:underline}.entry-card .summary{margin:.1rem 0 .2rem;color:#3f3a34;font-size:.86rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.entry-card .chips{margin:.15rem 0 .35rem}.entry-card .card-actions{margin-top:auto}.badge{display:inline-flex;align-items:center;gap:.2rem;border-radius:999px;padding:.16rem .55rem;font-size:.72rem;font-weight:800;letter-spacing:.01em;background:#f1f5f9;color:var(--muted);border:1.5px solid var(--border)}.badge.duration{background:#1c1917;color:#fafaf9;border-color:#1c1917;font-variant-numeric:tabular-nums}.badge.platform.douyin{background:var(--plat-douyin-bg);color:var(--plat-douyin);border-color:#94a3b8}.badge.platform.bilibili{background:var(--plat-bilibili-bg);color:var(--plat-bilibili);border-color:#fda4af}.badge.platform.youtube{background:var(--plat-youtube-bg);color:var(--plat-youtube);border-color:#fca5a5}.badge.platform.podcast{background:var(--plat-podcast-bg);color:var(--plat-podcast);border-color:#c4b5fd}.badge.platform.other{background:var(--plat-other-bg);color:var(--plat-other);border-color:#7dd3fc}.badge.review{background:var(--warn-soft);color:var(--warn);border-color:#fdba74}.badge.transcript{background:var(--accent-soft);color:#0f766e;border-color:#5eead4}.chips{display:flex;flex-wrap:wrap;gap:.28rem}.chip{font-size:.7rem;font-weight:700;padding:.14rem .5rem;border-radius:999px;background:#f8fafc;border:1.5px solid var(--border);color:#3f3a34;text-decoration:none;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease}a.chip:hover{border-color:#2dd4bf;color:var(--accent-deep);background:var(--accent-soft);transform:translateY(-1px)}a.chip:active,.chip:active{transform:scale(.96)}.chip.topic{background:#ecfeff;border-color:#67e8f9;color:#0e7490}.chip.tag{background:var(--surface-soft);font-weight:600;color:#5c564e}.cta{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#0f766e,#042f2e);color:#ecfdf5!important;text-decoration:none;border-radius:999px;padding:.52rem 1.05rem;font-size:.92rem;font-weight:800;letter-spacing:.01em;box-shadow:0 4px #022c22,0 8px 18px #042f2e3d;border:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,filter .12s ease}.cta--compact{padding:.42rem .85rem;font-size:.84rem;box-shadow:0 3px #022c22,0 6px 14px #042f2e33}.cta:hover{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff!important;transform:translateY(-2px);box-shadow:0 5px #022c22,0 12px 22px #042f2e47}.cta:active{transform:translateY(1px);box-shadow:0 2px #022c22,0 4px 10px #042f2e33}.cta:focus-visible{outline:3px solid #5eead4;outline-offset:2px}.cta-arrow{font-size:1.05em;line-height:1;transition:transform .15s ease;display:inline-block}.cta:hover .cta-arrow{transform:translate(3px)}.icon-tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:inset 0 -2px #0000001f,0 4px 10px #1c19171f;transition:transform .18s ease}.card:hover .icon-tile{transform:scale(1.06) rotate(-2deg)}.icon-tile svg{width:26px;height:26px;display:block}.icon-tile.tone-0{background:linear-gradient(145deg,#0d9488,#0284c7)}.icon-tile.tone-1{background:linear-gradient(145deg,#4f46e5,#7c3aed)}.icon-tile.tone-2{background:linear-gradient(145deg,#ea580c,#f59e0b)}.icon-tile.tone-3{background:linear-gradient(145deg,#db2777,#e11d48)}.icon-tile.tone-4{background:linear-gradient(145deg,#0369a1,#06b6d4)}.icon-tile.tone-5{background:linear-gradient(145deg,#059669,#65a30d)}.featured-card--large .icon-tile{width:56px;height:56px;border-radius:14px}.featured-card--large .icon-tile svg{width:32px;height:32px}.empty{text-align:center;padding:2.2rem 1rem;color:var(--muted);border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:linear-gradient(180deg,#fff 0%,var(--surface-soft) 100%);margin-top:.75rem}.empty-icon{font-size:1.6rem;margin-bottom:.35rem}.empty strong{display:block;color:var(--text);font-size:1.1rem;margin-bottom:.25rem}.empty p{margin:0;max-width:28rem;margin-inline:auto}.site-footer{border-top:1px solid var(--border);padding:1.35rem 0 1.85rem;color:var(--muted);font-size:.84rem;background:#ffffff73}.footer-inner{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:center}.footer-sep{opacity:.5}.prose.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.3rem 1.4rem}.prose h2{margin-top:1.4rem;margin-bottom:.45rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.01em;font-weight:700}.prose h2:first-child{margin-top:0}.prose p{color:#3f3a34}.prose ul{padding-left:1.2rem;margin:.35rem 0 0}.prose li{margin:.3rem 0;color:#3f3a34}.prose code{font-size:.88em;background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;padding:.1rem .35rem}.about-grid{display:grid;gap:.75rem;margin:1rem 0 0}@media(min-width:720px){.about-grid{grid-template-columns:1fr 1fr}}.about-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1rem;box-shadow:var(--shadow)}.about-panel h2{margin:0 0 .45rem;font-family:var(--font-display);font-size:1.08rem;font-weight:700}.about-panel ul{margin:0;padding-left:1.1rem}.about-panel li{margin:.28rem 0;color:#3f3a34;font-size:.92rem}.about-banner{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}.about-banner span{font-size:.8rem;font-weight:800;padding:.25rem .7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);border:1.5px solid #5eead4}.hero{margin-bottom:.95rem;padding:1.1rem 1.2rem 1.15rem;border-radius:var(--radius);background:linear-gradient(145deg,#fff,#f3fbf8 48%,#faf6ef);border:1px solid rgb(45 212 191 / 35%);box-shadow:var(--shadow);animation:fade-up .45s ease both}.feed:not(.feed--grid){display:grid;gap:.7rem;grid-template-columns:1fr}@media(min-width:700px){.feed:not(.feed--grid){grid-template-columns:1fr 1fr}}:focus-visible{outline:3px solid #5eead4;outline-offset:2px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.bento-hero,.filter-bar,.card,.featured-card,.entry-card{animation:none!important}.card,.card:hover,.featured-card,.featured-card:hover,.entry-card,.entry-card:hover,.icon-tile,.cta,.cta-arrow,.chip,.filter-options label,.btn-ghost,.nav a{transition:none!important}.card:hover,.featured-card:hover,.entry-card:hover,.card:hover .icon-tile,.cta:hover,.cta:hover .cta-arrow{transform:none}}@media(max-width:640px){.site-header .inner{flex-direction:column;align-items:flex-start}.page-title{font-size:clamp(1.85rem,8vw,2.35rem)}.bento-cell{padding:1rem}.icon-tile{width:40px;height:40px}.icon-tile svg{width:22px;height:22px}}