:root{--text: #111;--muted: #666;--bg: #fff;--accent: #142688;--line: #eee;--btn: #000;--btn-txt: #fff}*{box-sizing:border-box}body{color:var(--text);background:var(--bg)}.section-header{display:none}.rk-container{max-width:1100px;margin-inline:auto;padding-inline:16px;margin-bottom:24px}.hero{text-align:center;padding:28px 0 8px}h1.page-title{font-size:clamp(22px,4vw,32px);letter-spacing:.08em;margin:0}.lead{margin:8px auto 0;color:var(--muted);font-size:14px}.rank-card{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.rank-no{font-weight:700;color:var(--accent);font-size:18px}.thumb{width:120px;aspect-ratio:1 / 1;background:#f3f3f3;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.meta{display:flex;flex-direction:column;gap:6px}.title{font-size:18px;font-weight:700;line-height:1.4}.price{font-size:16px;font-weight:700}.desc{font-size:14px;color:#333;line-height:1.8}.actions{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;padding:10px 14px;border-radius:999px;background:var(--btn);color:var(--btn-txt);font-size:14px}.btn.outline{background:#fff;color:#000;border:1px solid #000}.ranking{display:flex;flex-direction:column;gap:20px}.rank-card:not(.mid):not(.small) .thumb{width:400px}.rank-card:not(.mid):not(.small){grid-template-columns:400px 1fr;gap:20px}.ranking-mid{display:flex;flex-direction:column;gap:20px}.rank-card.mid{display:grid;grid-template-columns:300px 1fr;gap:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.rank-card.mid .thumb{width:300px;aspect-ratio:1 / 1;border:1px solid #eee;border-radius:10px;overflow:hidden}.rank-card.mid .thumb img{width:100%;height:100%;object-fit:cover}.rank-card.mid .rank-no{font-size:16px;color:var(--accent);font-weight:700}.rank-card.mid .title{font-size:17px;font-weight:700;line-height:1.5}.rank-card.mid .price{font-size:15px;font-weight:700}.rank-card.mid .desc{font-size:13px;line-height:1.7}.rank-card.mid .actions{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.rank-card.mid .btn{font-size:13px;padding:8px 12px}.ranking-sub{display:grid;gap:20px;grid-template-columns:1fr}.rank-card.small{--thumb: 200px;display:grid;grid-template-columns:var(--thumb) 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.rank-card.small .thumb{width:var(--thumb);aspect-ratio:1 / 1;border:1px solid #eee;border-radius:10px;overflow:hidden}.rank-card.small .rank-no{font-size:13px}.rank-card.small .title{font-size:16px}.rank-card.small .price{font-size:14px}.rank-card.small .desc{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rank-card.small .btn{font-size:13px;padding:8px 12px}@media(min-width:700px){.ranking-sub{grid-template-columns:repeat(2,1fr)}}header .site-header__logo-link,header .site-header__logo a{text-decoration:none!important;border:0!important;box-shadow:none!important;background:none!important;outline:0!important}header .site-header__logo-link:before,header .site-header__logo-link:after,header .site-header__logo a:before,header .site-header__logo a:after{content:none!important;display:none!important}header .site-header__logo-link img{border:0!important;box-shadow:none!important;background:none!important}.staff{margin-top:12px;padding:10px 14px;background:#f8f8f8;border-left:4px solid var(--accent);border-radius:6px;font-size:14px;line-height:1.7;color:#333;white-space:pre-wrap}.rank-card .thumb{position:relative}.rank-card .thumb:before{content:"";position:absolute;left:12px;top:12px;width:clamp(56px,9vw,80px);aspect-ratio:1 / 1;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:2}#rank-1 .thumb:before{background-image:url(/cdn/shop/files/gold.webp)}#rank-2 .thumb:before{background-image:url(/cdn/shop/files/silver.webp)}#rank-3 .thumb:before{background-image:url(/cdn/shop/files/copper.webp)}.ranking-archive-link{margin-top:24px;text-align:center}@media(max-width:640px){.rank-card,.rank-card:not(.mid):not(.small),.rank-card.mid,.rank-card.small{grid-template-columns:1fr}.rank-card:not(.mid):not(.small) .thumb,.rank-card.mid .thumb{width:100%}.rank-card.small .thumb{width:100%;max-width:200px;margin:0 auto 10px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/ranking.css.map */