:root{--ink:#0a0a0a;--paper:#fff;--sub:#8a8a8a;--line:#111;--hair:#e4e4e4;--ac:#e5322d;--canvas:#ececea;--gro:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--wrap:1280px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--gro);font-size:14px;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{border:0;display:block;max-width:100%}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;margin:0}p{margin:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.skip{background:var(--ink);color:#fff;font-size:12px;font-weight:700;left:-9999px;padding:10px 16px;position:absolute;top:0;z-index:100}.skip:focus{left:0}.micro{color:var(--sub);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.rule{border-top:2px solid var(--line)}.rule-h{border-top:1px solid var(--hair)}.topbar{background:var(--paper);border-bottom:2px solid var(--line);position:sticky;top:0;z-index:60}.topbar .bar{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:var(--wrap);padding:12px 18px}.logo{align-items:baseline;display:inline-flex;font-size:17px;gap:8px;letter-spacing:-.02em;white-space:nowrap}.logo,.logo b{font-weight:900}.logo b{color:var(--ac)}.logo-sub{color:var(--sub);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.logo-sub,.nav{font-weight:700}.nav{align-items:center;display:flex;font-size:11.5px;gap:14px;letter-spacing:.04em;overflow:hidden}.nav a{color:var(--ink);opacity:.78;white-space:nowrap}.nav a.on,.nav a:hover{color:var(--ac);opacity:1}.nav .link-plain{opacity:.55}.sbox{border:1.5px solid var(--line);display:flex;flex:0 1 300px;margin-left:auto}.sbox input{background:var(--paper);color:var(--ink);flex:1;font-size:12.5px;min-height:22px;min-width:0;outline:0;padding:9px 12px}.sbox button,.sbox input{border:0;font-family:var(--gro)}.sbox button{background:var(--ac);color:#fff;cursor:pointer;font-size:12px;font-weight:800;min-height:38px;padding:0 16px}.sbox button:hover{background:#c92722}.sheet{background:var(--paper);border-left:1px solid #dcdcd8;border-right:1px solid #dcdcd8;margin:0 auto;max-width:var(--wrap)}.hero{align-items:center;border-bottom:2px solid var(--line);display:flex;flex-direction:column;padding:38px 18px 30px;text-align:center}.hero .micro{margin-bottom:14px}.hero h1{font-size:44px;font-weight:800;letter-spacing:-.035em;line-height:1.06}.hero h1 em{color:var(--ac);font-style:normal}.hero .sub{color:var(--sub);font-size:13px;line-height:1.6;margin-top:14px;max-width:560px}.hero .sbar{border:1.5px solid var(--line);display:flex;margin-top:20px;max-width:620px}.hero .sbar input{background:var(--paper);border:0;color:var(--ink);flex:1;font-family:var(--gro);font-size:13.5px;min-width:0;outline:0;padding:13px 14px}.hero .sbar button{background:var(--ac);border:0;color:#fff;cursor:pointer;font-family:var(--gro);font-size:13px;font-weight:800;min-height:46px;padding:0 22px}.hero .sbar button:hover{background:#c92722}.hotwords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;max-width:620px}.hotwords a{border:1px solid var(--line);color:var(--ink);font-size:11.5px;font-weight:700;padding:5px 10px}.hotwords a:hover{border-color:var(--ac);color:var(--ac)}.stats{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:24px}.stats .st{min-width:74px}.stats .st b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}.stats .st span{color:var(--sub);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sech{align-items:baseline;display:flex;gap:10px;padding:22px 18px 12px}.sech h2{font-size:16px;font-weight:800;letter-spacing:-.01em}.sech .en{color:var(--sub);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sech .more{color:var(--ac);font-size:11px;font-weight:700;margin-left:auto;white-space:nowrap}.sech .more:hover{text-decoration:underline}.catgrid{border-left:1px solid var(--hair);border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(5,1fr);margin:0 18px 8px}.catcell{align-items:baseline;border-bottom:1px solid var(--hair);border-right:1px solid var(--hair);display:flex;gap:10px;min-height:46px;padding:13px 14px}.catcell:hover{background:#fafaf9}.catcell .idx{color:var(--ac);font-size:12px;font-weight:900}.catcell .nm{font-size:13px;font-weight:700}.catcell .ct{color:var(--sub);font-size:11px;margin-left:auto}.rank-list{border-top:1px solid var(--hair);margin:0 18px 8px}.rank{align-items:center;border-bottom:1px solid var(--hair);display:flex;gap:12px;min-height:46px;padding:11px 4px}.rank:hover{background:#fafaf9}.rank .n{color:var(--ac);flex:none;font-size:15px;font-weight:900;text-align:center;width:26px}.rank .nm{font-size:13.5px;font-weight:700}.rank .tg{border:1px solid var(--line);color:var(--sub);flex:none;font-size:10px;padding:2px 7px}.rank .ds{color:var(--sub);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank .ht{color:var(--sub);flex:none;font-size:11px;margin-left:auto}.picks{border-left:1px solid var(--hair);border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(3,1fr);margin:0 18px 8px}.pick{border-bottom:1px solid var(--hair);border-right:1px solid var(--hair);display:block;padding:15px 16px 17px}.pick:hover{background:#fafaf9}.pick .no{color:var(--ac);font-size:22px;font-weight:900;line-height:1}.pick .nm{font-size:15px;font-weight:800;margin-top:8px}.pick .ds{color:var(--sub);display:-webkit-box;font-size:11.5px;-webkit-line-clamp:3;line-height:1.5;margin-top:6px;-webkit-box-orient:vertical;overflow:hidden}.pick .go{color:var(--ac);display:inline-block;font-size:11px;font-weight:700;margin-top:10px}.cat-sec{padding-bottom:6px}.cat-sec .sech{padding-top:26px}.cat-sec .sech .cnt{color:var(--sub);font-size:11px;font-weight:700}.tcards{border-left:1px solid var(--hair);border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(4,1fr);margin:0 18px 10px}.tcard{border-bottom:1px solid var(--hair);border-right:1px solid var(--hair);display:block;min-height:104px;padding:13px 14px}.tcard:hover{background:#fafaf9}.tcard:hover .tcard-nm{color:var(--ac)}.tcard-ic img{background:var(--hair);height:34px;object-fit:contain;width:34px}.tcard-nm{font-size:13.5px;font-weight:800;letter-spacing:-.01em;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcard-ds{color:var(--sub);display:-webkit-box;font-size:11px;-webkit-line-clamp:2;line-height:1.5;margin-top:5px;-webkit-box-orient:vertical;min-height:33px;overflow:hidden}.no-results{color:var(--sub);display:none;font-size:13px;padding:48px 18px 60px;text-align:center}.foot{background:var(--ink);color:#fff;font-size:11.5px;padding:26px 18px 22px}.foot .wrap{margin:0 auto;max-width:var(--wrap)}.foot .lg{font-size:15px;font-weight:900;letter-spacing:-.02em}.foot .lg b{color:var(--ac)}.foot .claim{color:#9a9a9a;font-size:11.5px;line-height:1.6;margin-top:8px;max-width:420px}.foot .cols{display:grid;gap:18px;grid-template-columns:1.4fr 1fr 1fr;margin-top:20px}.foot .cols h4{color:#9a9a9a;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:9px;text-transform:uppercase}.foot .cols a{color:#dcdcdc;display:inline-block;min-height:22px;padding:3px 0}.foot .cols a:hover{color:var(--ac)}.foot .cat-links{display:flex;flex-wrap:wrap;gap:4px 16px}.foot .bot{border-top:1px solid #333;color:#8a8a8a;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:20px;padding-top:13px}@media (max-width:1199px){.catgrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){.hero h1{font-size:36px}.catgrid,.tcards{grid-template-columns:repeat(3,1fr)}.topbar .bar{flex-wrap:wrap;row-gap:10px}.sbox{flex:1 1 100%;margin-left:0;order:3}.nav{margin-left:auto;order:2}}@media (max-width:767px){.hero{padding:26px 16px 24px}.hero h1{font-size:30px}.hero .sbar{max-width:none}.sech{padding:20px 16px 10px}.catgrid,.picks,.rank-list,.tcards{margin-left:16px;margin-right:16px}.catgrid{grid-template-columns:repeat(2,1fr)}.picks{grid-template-columns:1fr}.foot .cols{grid-template-columns:1fr 1fr}}@media (max-width:679px){.tcards{grid-template-columns:repeat(2,1fr)}.topbar .bar{gap:10px;padding:10px 16px}.nav{flex:1 1 100%;margin-left:0;order:3;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{align-items:center;display:inline-flex;min-height:34px}.sbox{flex:1 1 auto;order:2}.rank .ds{display:none}.tcard{min-height:96px;padding:11px 12px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}main.wrap{background:var(--paper);border-left:1px solid #dcdcd8;border-right:1px solid #dcdcd8;margin:0 auto;max-width:var(--wrap);padding:0 18px 24px}main.wrap .tcards{margin:0 0 10px}.crumb{font-size:12px;padding:16px 0 0}.crumb,.crumb a{color:var(--sub)}.crumb a{text-decoration:none}.crumb a:hover{color:var(--ac)}.crumb b{color:var(--ink)}.ptitle{align-items:flex-end;border-bottom:2px solid var(--line);display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:20px 0 16px}.ptitle h1{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.ptitle p{color:var(--sub);font-size:13px;line-height:1.6;margin-top:10px;max-width:560px}.ptitle .cnt{color:var(--sub);font-size:11px;letter-spacing:.1em;text-align:right;text-transform:uppercase;white-space:nowrap}.ptitle .cnt b{color:var(--ac);display:block;font-size:28px;font-weight:800;letter-spacing:-.02em}.pager{display:flex;flex-wrap:wrap;gap:8px;padding:26px 0 10px}.pager,.pager a{justify-content:center}.pager a{align-items:center;border:1px solid var(--line);color:var(--ink);display:inline-flex;font-size:13px;font-weight:700;height:40px;min-width:40px;padding:0 10px;text-decoration:none}.pager a:hover{border-color:var(--ac);color:var(--ac)}.pager a.on{background:var(--ac);border-color:var(--ac);color:#fff}.dbody{display:grid;gap:36px;grid-template-columns:1fr 300px;padding:10px 0 44px}.dhead{align-items:center;border-bottom:2px solid var(--line);display:flex;gap:16px;padding-bottom:18px}.dlogo{background:#fff;border:1px solid var(--hair);flex:none;height:56px;object-fit:contain;width:56px}.dhead h1{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.dtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.dtags .tg{border:1px solid var(--line);color:var(--ink);font-size:11px;font-weight:700;padding:2px 8px;text-decoration:none}.dtags .tg:hover{border-color:var(--ac);color:var(--ac)}.dact{display:flex;gap:10px;padding:18px 0}.btn{align-items:center;border:1.5px solid var(--line);color:var(--ink);display:inline-flex;font-size:13px;font-weight:700;height:40px;padding:0 18px;text-decoration:none}.btn.primary{background:var(--ac);border-color:var(--ac);color:#fff}.btn:hover{opacity:.86}.dmeta{border-bottom:1px solid var(--hair);border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(2,1fr)}.dmeta>div{padding:13px 0}.dmeta .k{color:var(--sub);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dmeta .v{font-size:13px;font-weight:700;margin-top:6px}.dsec{border-top:1px solid var(--hair);font-size:16px;font-weight:800;letter-spacing:-.01em;margin:28px 0 12px;padding-top:16px}.dtext{font-size:14px;line-height:1.85}.dside h4{color:var(--sub);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.rel{align-items:center;border-bottom:1px solid var(--hair);color:var(--ink);display:flex;font-size:13px;font-weight:700;gap:9px;padding:12px 0;text-decoration:none}.rel .no,.rel:hover{color:var(--ac)}.rel .no{font-weight:900}@media (max-width:1023px){.dbody{gap:24px;grid-template-columns:1fr}}