:root{--bg:#070d18;--panel:#0e1726;--line:#1f2f44;--txt:#e7f1fb;--mut:#7fa0ba;--gold:#f1d98f;}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--txt);
     font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent;}
a{color:inherit;text-decoration:none;}
img{display:block;}
header.hero{padding:30px 20px 6px;text-align:center;}
header.hero h1{margin:0;font-size:27px;letter-spacing:2px;}
header.hero .sub{color:var(--mut);font-size:13px;margin-top:8px;}
header.bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;
     background:rgba(7,13,24,.94);backdrop-filter:blur(8px);padding:12px 16px;border-bottom:1px solid var(--line);}
header.bar .back{color:var(--mut);font-size:15px;padding:4px 6px;}
header.bar .back:hover{color:var(--txt);}
header.bar .ttl{font-size:17px;font-weight:600;}
.wrap{max-width:1180px;margin:0 auto;padding:18px 16px 44px;}

/* 相册封面(主页三相册 / 比赛日期子相册)。封面框 3:2 贴合海报与战力榜(均 1.5),
   选手卡(竖图)靠 object-position:top 显示顶部姓名头像而非中段。 */
.albums{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.folder{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;
        transition:transform .15s,border-color .15s;}
.folder:hover{transform:translateY(-3px);border-color:var(--gold);}
.folder .cv{aspect-ratio:3/2;overflow:hidden;background:#0b1320;}
.folder .cv img{width:100%;height:100%;object-fit:cover;object-position:top;}
.folder .fm{display:flex;justify-content:space-between;align-items:baseline;padding:11px 14px;}
.folder .ft{font-size:16px;font-weight:600;}
.folder .fc{color:var(--mut);font-size:12px;}
.entry{max-width:1180px;margin:20px auto 0;}
.entry a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;
        border:1px dashed var(--line);color:var(--mut);font-size:14px;}
.entry a:hover{border-color:var(--gold);color:var(--txt);}

/* 缩略图画廊:统一尺寸 + 自然比例(绝不拉伸) + 居中(末行也居中、无大块留白)。
   海报/选手卡各自同比例,塞进等宽 tile 自然等高,天然成整齐网格。 */
.gallery{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.gallery .tile{flex:0 1 220px;}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.tile a{display:block;}
.tile img{width:100%;height:auto;cursor:zoom-in;background:#0b1320;}
.tile .cap,.shot .cap{padding:9px 12px;font-size:13px;color:var(--mut);text-align:center;}

/* 战力榜:四张比例参差(含一张超高的位置榜),用 masonry 纵向 packing —
   每张保留自然比例,既不裁切也不在矮图下方留大白块。 */
.masonry{columns:2;column-gap:14px;}
.masonry .tile{break-inside:avoid;margin:0 0 14px;}

footer{color:var(--mut);font-size:12px;text-align:center;padding:30px 20px 40px;}

/* 全屏画册 */
#lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:none;
    align-items:center;justify-content:center;overflow:hidden;touch-action:none;}
#lb.on{display:flex;}
#lb img{max-width:96vw;max-height:84vh;object-fit:contain;transform-origin:center center;will-change:transform;}
#lb .x{position:absolute;top:10px;right:18px;font-size:36px;color:#fff;cursor:pointer;line-height:1;z-index:2;}
#lb .bar{position:absolute;bottom:18px;left:0;right:0;display:flex;align-items:center;justify-content:center;
         gap:26px;z-index:2;}
#lb .bar button{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
         background:rgba(20,28,42,.7);color:#fff;font-size:26px;cursor:pointer;line-height:1;}
#lb .bar button:active{background:rgba(60,72,96,.8);}
#lb .ct{color:#cfe0ee;font-size:14px;min-width:54px;text-align:center;}

/* 整页炫酷版:全分辨率原图、自然比例,不放大缩略、不拉伸。 */
.allpage{max-width:1120px;margin:0 auto;padding:6px 16px 44px;}
h2.sec{font-size:19px;margin:32px 0 14px;padding-left:12px;border-left:4px solid var(--gold);}
.shot{margin:0 0 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);}
.shot img{width:100%;height:auto;cursor:zoom-in;}
.matchblk{margin:0 0 6px;}
.matchblk .d{color:var(--gold);font-weight:600;margin:18px 2px 12px;font-size:16px;}
.pair{display:flex;flex-wrap:wrap;gap:16px;}
.pair .shot{flex:1 1 460px;margin:0 0 16px;}
.cardgrid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.cardgrid .tile{flex:0 1 200px;}
.more{display:block;margin:10px auto 0;padding:10px 24px;background:var(--panel);border:1px solid var(--line);
      color:var(--txt);border-radius:10px;font-size:14px;cursor:pointer;}

@media(max-width:760px){ .masonry{columns:1;} }
@media(max-width:640px){
  .gallery .tile{flex-basis:44vw;}
  .pair .shot{flex-basis:100%;}
  .cardgrid .tile{flex-basis:44vw;}
}