/* ucllivescore.com — skin "ucl": light archive paper, navy ink, bronze rules */
:root{
  --maxw: 1180px;
  --bg: #F6F7FA;
  --panel: #FFFFFF;
  --ink: #151A24;
  --muted: #5B6478;
  --line: #E3E6EF;
  --rowline: #EEF0F6;
  --brand: #1E3A6B;
  --brandink: #1E3A6B;
  --bar: #ECEFF6;
  --barink: #39445C;
  --mast: #FFFFFF;
  --mastink: #151A24;
  --chips: #FFFFFF;
  --field: #F2F4FA;
  --hover: #F1F4FB;
  --panelhead: #F4F6FC;
  --scorebg: #EEF2FA;
  --chipbg: #F1F4FA;
  --band: #1E3A6B;
  --bandink: #FFFFFF;
  --edbg: #F3F5FB;
  --foot: #ECEFF6;
  --footink: #2A3244;
  --live: #C0392B;
  --gold: #8A6A1E;
  --font: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --headfont: "Cormorant Garamond", "Georgia", serif;
  --headweight: 700;
  --headtrack: 0em;
  --h1: 42px;
  --h2: 21px;
  --r: 2px;
  --btnr: 2px;
  --markr: 50%;
  --gap: 20px;
  --cardh: 172px;
  --heropad: 46px;
  --secpad: 38px;
  --strippad: 28px;
  --masth: 78px;
  --chipsh: 48px;
  --barh: 36px;
}
.pt-mast{background:#FFFFFF;border-bottom:1px solid #E4E7F0}
.pt-mark{border:1px solid var(--brand);background:transparent;color:var(--brand);font-family:var(--headfont)}
.pt-brandtxt b{font-family:var(--headfont);letter-spacing:.04em;font-weight:700}
.pt-brandtxt small{color:#8A6A1E;opacity:1;letter-spacing:.16em}
.pt-nav a.on{color:var(--brand);box-shadow:inset 0 -1px 0 var(--brand)}
.pt-hero-center h1{font-family:var(--headfont);font-weight:700;letter-spacing:-.005em}
.pt-center-k{color:#8A6A1E;letter-spacing:.3em}
.pt-center-strip{border-top:1px solid rgba(30,58,107,.16);border-bottom:1px solid rgba(30,58,107,.16)}
.pt-center-strip b{color:var(--brand);font-family:var(--headfont)}
.pt-sec-head{border-bottom:1px solid rgba(30,58,107,.16)}
.pt-sec-head h2{font-family:var(--headfont);letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700;color:var(--brand)}
.pt-btn{background:transparent;border:1px solid var(--brand);color:var(--brand)}
.pt-btn:hover{background:var(--brand);color:#FFFFFF}
.pt-langs a.on{color:#FFFFFF}
.pt-chips a.on{background:var(--brand);border-color:var(--brand);color:#FFFFFF}
.pt-card h3{font-family:var(--headfont);font-size:17px;font-weight:700}
.pt-panel-head b{color:var(--brand)}
.pt-tbl th{color:#6D7688}
.pt-ed h2{font-family:var(--headfont)}
.pt-foot-col a{opacity:.8}
.pt-topbar{background:#ECEFF6;color:#39445C;border-bottom:1px solid #E2E6F0}
.pt-topbar a{color:#39445C}
.pt-live{color:#C0392B}

/* ==BRAND-LAYOUT== */
/* ============================================================
   ucllivescore.com — 独立版式「Champions Centre」
   欧冠典礼风：居中对称 / 深藏青 + 金线 / 通栏图 + 四宫格
   ============================================================ */
:root{
  --maxw:1180px; --r:2px; --btnr:2px; --markr:50%;
  --bg:#070c1b; --panel:#0d1530; --ink:#eef1fa; --muted:#9aa6c6;
  --line:#22305a; --rowline:#1a2547; --hover:#16204a;
  --bar:#04081a; --mast:#070c1b; --foot:#04081a;
  --panelhead:#101a3a; --scorebg:#0d1530; --chipbg:#101a3a; --edbg:#0d1530;
  --gold:#d8b45a; --headtrack:.04em;
}
body{background:
  radial-gradient(1200px 380px at 50% -10%,rgba(216,180,90,.10),transparent 70%),var(--bg)}
.pt-wrap{max-width:var(--maxw)}

/* ── 顶栏 ── */
.pt-topbar{background:#04081a;border-bottom:1px solid rgba(216,180,90,.22)}
.pt-quick a{font-size:11px;letter-spacing:.1em}

/* ── 报头：全居中 + 金色双线 ── */
.pt-mast{background:transparent;border-bottom:1px solid rgba(216,180,90,.35)}
.pt-mast-in{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 0 14px;min-height:0}
.pt-brand{gap:12px}
.pt-mark{border-radius:50%;background:linear-gradient(160deg,#f0d78a,#b98f2f);color:#0a1226}
.pt-brandtxt{align-items:center;text-align:center}
.pt-brandtxt b{font-size:26px;letter-spacing:.14em;text-transform:uppercase}
.pt-brandtxt small{color:var(--gold);opacity:.9;letter-spacing:.3em;font-size:9px;margin-top:5px}
.pt-nav{flex:none;justify-content:center;gap:2px;width:100%}
.pt-nav a{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;
  border-bottom:1px solid transparent}
.pt-nav a:hover{background:transparent;border-bottom-color:var(--gold)}
.pt-nav a.on{color:var(--gold);border-bottom-color:var(--gold)}

/* ── 联赛条：居中金框药丸 ── */
.pt-chips{background:transparent;border-bottom:1px solid rgba(216,180,90,.18)}
.pt-chips-in{height:44px;justify-content:center}
.pt-chips-label{color:var(--gold);opacity:.7}
.pt-chips a{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.pt-chips a.on{background:linear-gradient(160deg,#f0d78a,#c39a36);border-color:transparent;color:#0a1226}

/* ── 头条：通栏大图，文字居中压在画面下方 ── */
.pt2-hero{padding:22px 0 0;border-bottom:0}
.pt2-hero-in{grid-template-columns:1fr;gap:14px}
.pt2-hero-l{position:relative;border:1px solid rgba(216,180,90,.28);border-radius:2px;overflow:hidden;background:#000}
.pt2-cover{min-height:400px}
.pt2-cover:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,12,27,.10) 30%,rgba(7,12,27,.93) 88%)}
.pt2-hero-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;align-items:center;text-align:center;
  padding:26px 40px 34px;margin:0 auto;max-width:900px}
.pt2-hero-txt h1{font-size:36px;line-height:1.16;color:#fff;text-align:center;letter-spacing:.005em}
.pt2-hero-txt h1 a{color:#fff}
.pt2-hero-txt p{color:#c8d2ea;text-align:center;max-width:680px}
.pt2-hero-txt .pt2-kick{color:var(--gold)}
/* 右侧三条 → 横向三宫格金框 */
.pt2-hero-r{flex-direction:row;gap:14px}
.pt2-hs{border:1px solid rgba(216,180,90,.25);flex:1 1 0}
.pt2-hs img{height:118px}
.pt2-hs-t em{color:var(--gold)}

/* ── 比分条：金框面板 ── */
.pt-strip-row{background:rgba(255,255,255,.02);border:1px solid rgba(216,180,90,.25);border-radius:2px}
.pt-sc{border-right:1px solid rgba(255,255,255,.05)}

/* ── 板块头：居中 + 金色短双线 ── */
.pt-sec-head,.pt2-head{flex-direction:column;align-items:center;text-align:center;gap:6px;
  border-bottom:0;padding-bottom:0;margin-bottom:18px;position:relative}
.pt-sec-head:after,.pt2-head:after{content:"";width:64px;height:2px;margin-top:8px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.pt-sec-head h2,.pt2-head h2{font-size:15px;letter-spacing:.22em;text-transform:uppercase;
  color:#f4e9c8;font-weight:700}
.pt-sec-head a,.pt2-head a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}

/* ── 新闻：四宫格叠字图块 ── */
.pt-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px}
.pt-card{position:relative;border:1px solid rgba(216,180,90,.22);border-radius:2px;overflow:hidden;background:#0b1226}
.pt-card-img{display:block;position:relative}
.pt-card-img img{height:190px;object-fit:cover}
.pt-card-img:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,12,27,.2) 20%,rgba(7,12,27,.92))}
.pt-card .pt-meta{position:absolute;top:10px;left:12px;z-index:2}
.pt-card .pt-kick{background:transparent;color:var(--gold);letter-spacing:.14em;font-size:9.5px;padding:0}
.pt-card h3{position:relative;z-index:2;margin-top:-58px;padding:0 13px;color:#fff;font-size:14.5px;line-height:1.32;min-height:58px}
.pt-card h3 a{color:#fff}
.pt-card p{display:none}

/* ── 视频：主视频 + 右侧竖排 ── */
.pt2-vfeature{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.pt2-vside{}
.pt2-vmain,.pt2-vitem{border:1px solid rgba(216,180,90,.2);border-radius:2px;overflow:hidden}

/* ── 页脚：金色细顶线 ── */
.pt-foot{border-top:1px solid rgba(216,180,90,.3)}

@media(max-width:1024px){
  .pt-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pt-card h3{margin-top:-52px;min-height:52px}
}
@media(max-width:720px){
  .pt2-cover{min-height:280px}
  .pt2-hero-txt{position:relative;padding:16px 0 20px}
  .pt2-hero-txt h1{font-size:25px}
  .pt2-hero-r{flex-direction:column}
  .pt-brandtxt b{font-size:20px}
}

/* ==UI-FIX== */

/* ── hero 两栏：左 2/3 主图，右 1/3 侧栏，左右同高 ── */
.pt2-hero-in{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:stretch}
.pt2-hero-l{min-height:400px}
.pt2-hero-r{display:flex;flex-direction:column;gap:12px;height:100%;margin-top:0}
.pt2-hs{flex:1 1 0;min-height:0;display:flex;overflow:hidden}
.pt2-hs img{height:100%;width:100%;min-height:96px;object-fit:cover}
@media (max-width:900px){
  .pt2-hero-in{grid-template-columns:1fr}
  .pt2-hero-r{flex-direction:row;flex-wrap:wrap}
}

/* 可读性：深蓝底金线，正文与导航提亮 */
:root{--muted:#b7c3de}
body{font-size:16px}
.pt-quick a{font-size:12px;letter-spacing:.06em}
.pt-nav a{font-size:12.5px;letter-spacing:.08em;padding:9px 14px}
.pt-chips a{font-size:12.5px;letter-spacing:.04em}
.pt2-hero-txt h1{font-size:34px;line-height:1.16;text-shadow:0 2px 20px rgba(0,0,0,.9)}
.pt2-hero-txt p{font-size:15px;line-height:1.6;color:#e4ebfa;text-shadow:0 1px 12px rgba(0,0,0,.85)}
.pt2-kick{font-size:11.5px;letter-spacing:.08em}
.pt2-hs-t{font-size:13px;line-height:1.36}
.pt2-hs-t em{font-size:10.5px}
.pt-sec-head h2,.pt2-head h2{font-size:15px;letter-spacing:.14em}
.pt-card h3{font-size:15px}
.pt-tbl td,.pt-tbl th{font-size:12.5px}
