:root{--paper:#f4f1eb;--ink:#22221f;--orange:#f2552d;--muted:#75756f;--line:#d8d5ce;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-90px;padding:12px;background:var(--ink);color:#fff;z-index:5}.skip-link:focus{top:12px}
.ranking-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:100px;border-bottom:1px solid var(--line)}.ranking-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:1px}.brand-icon{display:flex;align-items:center;justify-content:center;gap:1px;width:48px;height:48px;background:var(--ink);color:var(--paper);border-radius:50%;letter-spacing:-2px;font-size:18px}.brand-icon span{color:#ff875e;font-size:20px}.ranking-brand small{display:block;margin-top:5px;font-size:8px;font-weight:600;letter-spacing:2px}.ranking-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.header-pill{border:1px solid var(--ink);border-radius:30px;padding:12px 20px}
.ranking-hero{display:grid;grid-template-columns:1.13fr 1fr;gap:60px;align-items:center;padding-block:70px 80px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0;font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.8}.orange-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;flex-shrink:0}h1{font-size:clamp(64px,7.8vw,100px);line-height:1.08;letter-spacing:-5px;font-weight:900;margin:27px 0 24px}h1>span{color:var(--orange)}h1 sup{display:inline-block;vertical-align:top;margin:7px 0 0 9px;font-size:37px;letter-spacing:0}.hero-lead{font-size:21px;font-weight:750;letter-spacing:1px;margin:0 0 12px}.hero-description{font-size:13px;color:var(--muted);line-height:1.95;margin:0}.hero-button{display:inline-flex;align-items:center;gap:42px;background:var(--ink);color:#fff;border-radius:30px;font-size:12px;padding:14px 23px;margin-top:29px}.hero-button:hover{background:var(--orange)}.hero-button span{font-size:18px}
.hero-poster{position:relative;min-width:0;min-height:420px;padding:26px;background:var(--orange);color:#241d18;transform:rotate(3deg);border-radius:6px;overflow:hidden;box-shadow:12px 15px 0 #e5ded2}.poster-top,.poster-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;font-weight:800;letter-spacing:1.5px}.poster-top{border-bottom:1px solid #6e2b1f66;padding-bottom:14px}.poster-word{position:relative;margin-top:32px;font-size:clamp(57px,6.9vw,91px);font-weight:950;letter-spacing:-5px;line-height:.91}.poster-word>span{position:absolute;top:57px;right:8px;font-size:71px;color:#f8ead5;transform:rotate(15deg);letter-spacing:0}.poster-disc{position:absolute;right:30px;bottom:58px;width:130px;height:130px;border-radius:50%;background:#f3e7d2;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-13deg);border:1px solid #29231c;box-shadow:4px 4px 0 #7b2e1d66}.poster-disc strong{font-size:60px;line-height:1;font-weight:900;letter-spacing:-5px;margin-left:-5px}.poster-disc>span{font-size:9px;font-weight:750;letter-spacing:2px}.poster-bottom{position:absolute;bottom:22px;left:26px;right:26px;border-top:1px solid #6e2b1f66;padding-top:16px}.poster-bottom>span{font-size:24px;line-height:.7}
.ranking-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ranking-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;font-size:10px;letter-spacing:1px}.ranking-strip span:first-child{font-size:13px;font-weight:800}.ranking-strip span:nth-child(2){color:var(--muted)}.ranking-strip span:last-child{font-size:9px;font-weight:650}
.ranking-content{padding-top:70px;padding-bottom:70px}.list-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.list-heading h2{font-size:40px;line-height:1.2;letter-spacing:-1px;margin:9px 0 0}.list-heading h2>span{color:var(--orange)}.list-count{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}.list-count>span{border:1px solid var(--line);border-radius:20px;padding:6px 12px}.list-count>b{font-weight:600;color:var(--muted)}.ranking-caption{color:var(--muted);font-size:12px;line-height:1.9;margin:20px 0 28px}.ranking-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.ranking-row{display:grid;grid-template-columns:72px minmax(0,1fr) 125px;gap:26px;align-items:center;padding:30px 16px;border-bottom:1px solid var(--line);min-height:150px}.ranking-row:hover{background:#ece7dd}.rank-number{font-size:43px;line-height:1;font-weight:850;letter-spacing:-2px}.rank-number>span{display:block;font-size:8px;letter-spacing:1.2px;font-weight:750;margin-top:9px;color:var(--muted)}.top-three .rank-number{color:var(--orange)}.top-three .rank-number>span{color:var(--orange)}.venue-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.category-tag{color:var(--orange);font-weight:700}.rank-venue h3{font-size:clamp(19px,2.2vw,26px);margin:8px 0;line-height:1.45;font-weight:800;letter-spacing:-.5px;overflow-wrap:anywhere}.rank-venue h3 a:hover{color:var(--orange)}.rank-venue>p{margin:0;font-size:11px;line-height:1.7;color:var(--muted)}.rank-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.venue-detail{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:11px;white-space:nowrap;background:#f8f6f1}.venue-detail:hover{border-color:var(--ink);background:var(--ink);color:#fff}.venue-detail>span{font-size:15px}.source-link{font-size:10px;text-align:right;color:var(--muted);padding-right:6px}.source-link:hover{color:var(--orange)}.ranking-note{display:flex;align-items:start;gap:12px;margin-top:26px;padding:17px 19px;border:1px solid var(--line);border-radius:7px}.ranking-note>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--muted);border-radius:50%;font-size:10px;flex-shrink:0;margin-top:2px}.ranking-note p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.back-top{display:block;text-align:center;font-size:11px;font-weight:650;margin-top:35px}
.ranking-footer{background:var(--ink);color:var(--paper);padding:35px 0}.ranking-footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.ranking-footer a{font-size:15px;font-weight:750;white-space:nowrap}.ranking-footer a>span{color:#ff8b67}.ranking-footer p{font-size:12px;color:#b8b7ae;margin:0}.ranking-footer small{font-size:8px;letter-spacing:1px;color:#a7a69d}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.ranking-hero{gap:30px}h1{font-size:74px;letter-spacing:-4px}h1 sup{font-size:26px}.hero-poster{min-height:370px;padding:20px}.poster-word{font-size:67px}.poster-word>span{font-size:48px;top:47px;right:0}.poster-disc{width:108px;height:108px;right:20px}.poster-disc strong{font-size:49px}.poster-top{font-size:6px;letter-spacing:.8px}.poster-bottom{left:20px;right:20px;font-size:6px}.ranking-row{gap:19px;grid-template-columns:55px minmax(0,1fr) 115px;padding-inline:6px}.list-heading h2{font-size:33px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.ranking-header{min-height:80px;gap:14px}.ranking-brand{font-size:12px;gap:8px;letter-spacing:0}.ranking-brand small{font-size:6px;letter-spacing:1px}.brand-icon{width:38px;height:38px;font-size:15px}.ranking-header nav{gap:0;font-size:10px}.ranking-header nav>a:first-child{display:none}.header-pill{padding:10px 12px}.ranking-hero{display:block;padding-block:42px 46px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:clamp(62px,18vw,76px);margin-top:21px}h1 sup{margin-top:9px}.hero-lead{font-size:18px}.hero-description{font-size:12px}.hero-poster{min-height:280px;max-width:400px;margin:45px auto 12px;transform:rotate(2deg);box-shadow:6px 8px 0 #e5ded2}.poster-word{font-size:77px;margin-top:24px}.poster-word>span{right:20px;top:5px;font-size:64px}.poster-disc{bottom:53px;width:100px;height:100px}.poster-top{font-size:7px}.poster-bottom{font-size:7px}.ranking-strip>.wrap{min-height:56px;gap:14px}.ranking-strip span:first-child{font-size:11px}.ranking-strip span:nth-child(2){display:none}.ranking-strip span:last-child{font-size:7px}.ranking-content{padding-top:44px;padding-bottom:45px}.list-heading{gap:12px}.list-heading h2{font-size:28px}.list-count{flex-direction:column;gap:5px;font-size:9px;align-items:end}.list-count>span{padding:5px 9px}.ranking-caption{font-size:10px;margin:16px 0 22px}.ranking-row{grid-template-columns:40px minmax(0,1fr);gap:11px 16px;padding:23px 0;min-height:0}.rank-number{font-size:34px;align-self:start;padding-top:8px}.rank-number>span{font-size:7px;letter-spacing:.6px}.rank-venue h3{font-size:19px;margin:7px 0}.rank-venue>p{font-size:10px}.rank-actions{grid-column:2;flex-direction:row;align-items:center;gap:18px}.venue-detail{padding:8px 12px;font-size:10px;gap:20px}.source-link{font-size:10px;text-align:left;padding:5px 0}.ranking-note{padding:13px 12px;gap:9px}.ranking-note p{font-size:10px}.ranking-footer>.wrap{align-items:start;flex-direction:column;gap:13px}.ranking-footer{padding-block:28px}.ranking-footer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}