@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf9f7;--bg-alt:#f5f1e8;--fg:#1c1b1a;--muted:#6b6560;--card:#fff;--border:#e4dfd8;--accent:#b3402a;--accent-fg:#fff;--dark-panel:#201a13;--dark-panel-fg:#f8f3e9;color:var(--fg);background:var(--bg);font-synthesis:none;font-family:DM Sans,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17140f;--bg-alt:#1d1810;--fg:#f1ede6;--muted:#ab9f92;--card:#221e18;--border:#3a342b;--accent:#e0704f;--accent-fg:#1c1108;--dark-panel:#0e0b07;--dark-panel-fg:#f8f3e9}}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code{background:var(--bg-alt);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.92em}header{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:40px;height:78px;padding:0 max(5vw,24px);display:flex}.brand{margin-right:auto;font-size:22px;font-weight:600}.brand i{color:var(--accent);font-family:Newsreader,serif;font-weight:500}nav{gap:32px;font-size:14px;display:flex}nav a:hover{color:var(--accent)}.submit,.primary{background:var(--accent);color:var(--accent-fg);border:0;border-radius:3px;padding:13px 18px;display:inline-block}.primary span{margin-left:10px}.hero{background:radial-gradient(circle at 86% 20%, #e7d4b1 0 13%, transparent 14%), linear-gradient(115deg, var(--bg) 55%, var(--bg-alt));padding:92px max(7vw,24px) 80px;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.hero{background:radial-gradient(circle at 86% 20%, #3a2c1a 0 13%, transparent 14%), linear-gradient(115deg, var(--bg) 55%, var(--bg-alt))}}.hero:after{content:"图";color:#b3402a0b;font-family:serif;font-size:420px;line-height:1;position:absolute;top:20px;right:6vw}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:22px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.02em;max-width:850px;margin:0;font-size:clamp(38px,5.4vw,68px);font-weight:500;line-height:1.05;position:relative}.hero h1 em,.about h2,.catalogue h2,.method h2{color:var(--accent);font-family:Newsreader,serif;font-style:italic}.hero>p{max-width:640px;color:var(--muted);margin:22px 0;font-size:17px;line-height:1.65;position:relative}.about{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:90px max(7vw,24px)}.about h2{max-width:520px;margin:0 0 24px;font-size:38px;font-style:normal}.about>p{max-width:640px;color:var(--muted);line-height:1.7}.steps{flex-wrap:wrap;gap:25px;margin-top:40px;display:flex}.steps span{border-top:1px solid var(--border);min-width:200px;padding-top:14px;font-size:14px}.steps b{color:var(--accent);margin-right:8px}.catalogue{background:var(--bg);padding:90px max(7vw,24px)}.catalogue h2,.method h2{margin:0 0 20px;font-size:40px;font-style:normal}.catalogue .lead{max-width:720px;color:var(--muted);margin:0 0 40px;line-height:1.7}.filters{justify-content:flex-end;margin-bottom:20px;display:flex}.filters label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);gap:7px;font-size:10px;display:grid}.filters input{border:1px solid var(--border);background:var(--card);width:260px;color:var(--fg);border-radius:3px;padding:12px}.table{border:1px solid var(--border);background:var(--card);border-radius:4px;overflow:hidden}.tableHead,.tableRow{grid-template-columns:44px 1fr 180px 70px 80px;align-items:center;gap:16px;padding:14px 18px;display:grid}.tableHead{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--bg-alt);border-bottom:1px solid var(--border);font-size:10px}.tableRow{border-bottom:1px solid var(--border)}.tableRow:last-child{border-bottom:0}.tableRow:hover{background:var(--bg-alt)}.tableRow .rank{color:var(--muted);font-size:13px}.tableRow .title{font-size:15px}.tableRow .channel,.tableRow .length{color:var(--muted);font-size:13px}.tableRow .score{text-align:right}.tableRow .score b{color:var(--accent);font-family:Newsreader,serif;font-size:20px;font-weight:500}.empty{color:var(--muted);padding:30px 18px}.method{background:var(--dark-panel);color:var(--dark-panel-fg);padding:100px max(7vw,24px)}.method h2{color:var(--dark-panel-fg);font-style:normal}.method>p{color:#c9bfae;max-width:640px;line-height:1.7}.testNotice{background:#2a2013;border:1px solid #5a4530;border-radius:4px;max-width:640px;margin:28px 0;padding:16px 18px;font-size:14px;line-height:1.6}.testNotice strong{color:var(--accent)}.siteFooter{background:var(--dark-panel);color:#b8ab99;border-top:1px solid #3a342b;justify-content:space-between;padding:30px max(5vw,24px);font-size:12px;display:flex}.siteFooter b{color:var(--dark-panel-fg)}@media (width<=800px){header nav{display:none}.submit{padding:10px 14px;font-size:12px}.hero{padding-top:60px}.about h2,.catalogue h2,.method h2{font-size:30px}.filters{justify-content:stretch}.filters input{width:100%}.tableHead,.tableRow{grid-template-columns:28px 1fr 60px}.tableHead span:nth-child(3),.tableHead span:nth-child(4),.tableRow .channel,.tableRow .length{display:none}.siteFooter{flex-direction:column;gap:12px}}