/*
Theme Name: OldGame Steam
Theme URI: https://oldgame.xyz
Author: OldGame
Description: 高保真复刻 Steam 商店视觉：全局导航条、主视觉胶囊、特别优惠横排、标签胶囊、游戏详情页左右栏、系统需求双栏、绿色购买区。GPL-2.0-or-later。
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: ogsteam
*/

/* ============ Steam 设计变量（取自 Steam 商店配色） ============ */
:root{
  --nav-bg:#171a21;              /* 全局导航条 */
  --nav-hover:#2a475e;           /* 导航下拉高亮 */
  --page-top:#1b2838;            /* 页面背景上 */
  --page-bot:#16202d;            /* 页面背景下 */
  --panel:rgba(0,0,0,.24);       /* 面板底 */
  --panel-2:#16202d;
  --border:#000;
  --hairline:rgba(255,255,255,.08);
  --text:#c6d4df;                /* 正文 */
  --text-dim:#8f98a0;            /* 次要 */
  --text-mute:#67707b;
  --head:#ffffff;
  --blue:#66c0f4;                /* Steam 蓝 */
  --blue-light:#67c1f5;
  --green-off:#4c6b22;           /* 折扣块底 */
  --green-text:#beee11;          /* 折扣/现价 */
  --cart-1:#a4d007;              /* 购买按钮渐变 */
  --cart-2:#536904;
  --price-mute:#738895;
  --max:940px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:linear-gradient(180deg,var(--page-top) 0%,var(--page-bot) 320px) no-repeat,var(--page-bot);
  color:var(--text);
  font-family:"Motiva Sans","Segoe UI",Arial,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:14px;line-height:1.65;
}
a{color:var(--blue);text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{color:var(--head);margin:0 0 12px;font-weight:400;line-height:1.35}
p{margin:0 0 12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}

/* ============ 全局导航条（Steam supernav） ============ */
.og-globalbar{background:var(--nav-bg);height:56px;box-shadow:0 0 3px rgba(0,0,0,.4);position:relative;z-index:60}
.og-globalbar .wrap{display:flex;align-items:center;height:56px;gap:26px}
.og-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;letter-spacing:2px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.og-brand .mark{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#8fd6ff,#1b6fa8 60%,#0d2b40);box-shadow:0 0 8px rgba(102,192,244,.55)}
.og-globalnav{display:flex;gap:20px;flex:1}
.og-globalnav a{color:#b8c4d0;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;padding:4px 0}
.og-globalnav a:hover,.og-globalnav a.on{color:#fff}
.og-globalright{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}
.og-btn-login{background:transparent;border:1px solid #4d5966;color:#dfe3e6;font-size:12px;padding:5px 12px;border-radius:2px;cursor:pointer}
.og-btn-login:hover{border-color:#fff;color:#fff}
.og-btn-join{background:linear-gradient(to bottom,#a4d007 5%,#536904 95%);border:0;color:#e5f5a8;font-size:12px;font-weight:700;padding:6px 14px;border-radius:2px;cursor:pointer}

/* 商店二级导航（Steam store nav） */
.og-storenav{background:linear-gradient(180deg,#1b2838 0%,#16202d 100%);border-bottom:1px solid #000;position:relative;z-index:50}
.og-storenav .wrap{display:flex;align-items:center;gap:18px;height:44px}
.og-storenav a{color:#e5e7ea;font-size:13px;padding:3px 0;white-space:nowrap}
.og-storenav a:hover{color:#fff}
.og-storenav a.on{color:var(--blue)}
.og-storenav .og-searchbox{margin-left:auto;display:flex}
.og-storenav .og-searchbox input{
  width:210px;background:#316282;border:1px solid #000;border-right:0;color:#fff;padding:6px 9px;font-size:12px;outline:none;border-radius:2px 0 0 2px;
}
.og-storenav .og-searchbox input::placeholder{color:#a9c5d6}
.og-storenav .og-searchbox input:focus{background:#4d89b0}
.og-storenav .og-searchbox button{background:#316282;border:1px solid #000;border-left:0;color:#c6d4df;padding:6px 10px;cursor:pointer;font-size:13px;border-radius:0 2px 2px 0}
.og-storenav .og-searchbox button:hover{color:#fff;background:#4d89b0}

/* 分类 tab 条 */
.og-tabs{background:rgba(0,0,0,.18);border-bottom:1px solid #000}
.og-tabs .wrap{display:flex;gap:20px;overflow-x:auto;padding:0 16px}
.og-tabs a{color:#8f98a0;font-size:12px;padding:9px 0;border-bottom:2px solid transparent;white-space:nowrap;text-transform:uppercase;letter-spacing:.6px}
.og-tabs a:hover{color:#fff}
.og-tabs a.on{color:#fff;border-bottom-color:var(--blue)}

/* ============ 首页主体 ============ */
.og-home{padding:20px 0 40px}

/* 主视觉胶囊（Steam Featured & Recommended） */
.og-capsule-main{display:grid;grid-template-columns:1fr 268px;gap:2px;background:#000;margin-bottom:26px}
@media(max-width:820px){.og-capsule-main{grid-template-columns:1fr}}
.og-capsule-big{position:relative;background:#0b1016;aspect-ratio:616/281;overflow:hidden;cursor:pointer}
.og-capsule-big img{width:100%;height:100%;object-fit:cover}
.og-capsule-info{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg,rgba(20,25,33,0) 0%,rgba(16,22,32,.92) 60%)}
.og-capsule-info h2{margin:0 0 4px;font-size:20px;text-shadow:0 1px 6px #000}
.og-capsule-info .og-capsule-desc{font-size:12px;color:#c6d4df;margin:0;display:block;max-width:70%}
.og-capsule-thumbs{background:#10161f}
.og-thumb{display:flex;gap:8px;padding:5px 7px;cursor:pointer;border-left:2px solid transparent;align-items:center;height:56px}
.og-thumb:hover{background:#16202d}
.og-thumb.on{border-left-color:var(--blue);background:#16202d}
.og-thumb img{width:88px;height:40px;object-fit:cover;flex-shrink:0}
.og-thumb span{font-size:12px;color:#c6d4df;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.6em}
.og-thumb.on span{color:#fff}

/* 区块标题（Steam home section） */
.og-sec-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px;margin:26px 0 14px}
.og-sec-head h2{font-size:15px;text-transform:uppercase;letter-spacing:1.5px;margin:0;color:#fff}
.og-sec-head h2 small{display:block;font-size:11px;letter-spacing:0;text-transform:none;color:var(--text-dim);font-weight:400}
.og-sec-head a{font-size:12px}

/* 特别优惠：横排折扣卡（Steam special offers） */
.og-offers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:820px){.og-offers{grid-template-columns:repeat(2,1fr)}}
.og-offer{background:#16202d;border:1px solid #000;display:flex;flex-direction:column;transition:transform .15s}
.og-offer:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.55)}
.og-offer-media{position:relative;display:block}
.og-offer img{width:100%;aspect-ratio:292/136;object-fit:cover}
.og-offer-rate{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.75);color:var(--green-text);font-size:11px;font-weight:700;padding:2px 7px}
.og-singleline{display:inline-flex;align-items:baseline;gap:6px}
.og-singleline .lbl{font-size:11px;color:var(--text-mute)}
.og-singleline .val{color:var(--green-text);font-size:14px;font-weight:700}
.og-singleline .val.dim{color:var(--text-dim);font-size:12px;font-weight:400}
.og-offer-title{padding:7px 9px 0;font-size:13px;color:#fff;line-height:1.35}
.og-offer-title a{color:#fff}
.og-offer-title a:hover{color:var(--blue)}
.og-offer-tags{padding:4px 9px 0;font-size:11px;color:var(--text-mute)}
.og-offer-bottom{margin-top:auto;padding:6px 9px 8px;display:flex;align-items:center;gap:8px}

/* 折扣块（Steam discount_block） */
.og-discount{display:inline-flex;align-items:center;height:26px;line-height:26px;background:var(--green-off);border-radius:2px;overflow:hidden}
.og-discount .pct{background:var(--green-off);color:var(--green-text);font-size:15px;font-weight:700;padding:0 8px}
.og-discount .prices{background:#000;padding:0 8px;display:flex;flex-direction:column;justify-content:center;line-height:1.15}
.og-discount .orig{color:var(--price-mute);font-size:11px;text-decoration:line-through}
.og-discount .final{color:var(--green-text);font-size:13px;font-weight:700}
.og-nodiscount{color:var(--text-dim);font-size:12px}

/* 分类磁贴（Steam genre） */
.og-genres{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.og-genre{background:linear-gradient(90deg,rgba(103,193,245,.14),rgba(0,0,0,0));border:1px solid rgba(103,193,245,.25);border-radius:3px;padding:12px 14px}
.og-genre:hover{border-color:var(--blue);background:rgba(103,193,245,.2)}
.og-genre b{display:block;color:#fff;font-size:14px;font-weight:600}
.og-genre span{font-size:11px;color:var(--text-dim)}

/* 横排小胶囊列表 */
.og-caps-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px}
.og-cap{background:#16202d;border:1px solid #000}
.og-cap:hover{box-shadow:0 0 0 1px var(--blue)}
.og-cap img{width:100%;aspect-ratio:184/69;object-fit:cover}
.og-cap-body{padding:6px 8px 8px}
.og-cap-body b{display:block;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.og-cap-body small{color:var(--text-mute);font-size:11px}

/* ============ 游戏详情页（Steam app page 克隆） ============ */
/* Steam game_background_glow：顶部封面模糊光晕 */
.og-bg-glow{position:fixed;top:-120px;left:-10%;right:-10%;height:640px;background-size:cover;background-position:center 20%;filter:blur(70px) saturate(1.5);opacity:.3;z-index:0;pointer-events:none}
.og-page{position:relative;z-index:1}

.og-appname{font-size:26px;font-weight:400;letter-spacing:1px;margin:0 0 2px;color:#fff}
.og-bread{font-size:12px;color:var(--text-dim);padding:12px 0 8px}
.og-bread a{color:var(--text-dim)}
.og-bread a:hover{color:#fff}

.og-app-body{display:grid;grid-template-columns:1fr 308px;gap:16px;padding-bottom:34px}
@media(max-width:900px){.og-app-body{grid-template-columns:1fr}}

/* 主视觉 + 缩略图条 */
.og-hero-img{background:#000;border:1px solid #000;aspect-ratio:16/9;overflow:hidden}
.og-hero-img img{width:100%;height:100%;object-fit:cover}
.og-shots{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px}
.og-shots img{aspect-ratio:16/9;object-fit:cover;cursor:pointer;opacity:.75;border:1px solid #000}
.og-shots img:hover,.og-shots img.on{opacity:1;border-color:var(--blue)}

/* 描述区 */
.og-block{background:var(--panel);border:1px solid rgba(255,255,255,.06);padding:16px 18px;margin-bottom:14px}
.og-block h2{font-size:15px;text-transform:uppercase;letter-spacing:1.4px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:12px}
.og-block h3{font-size:13px;color:var(--blue);text-transform:uppercase;letter-spacing:1px;margin:18px 0 8px}
.og-block p{font-size:14px;color:#c6d4df;margin:0 0 12px}
.og-block ul{margin:0 0 12px;padding-left:20px}
.og-block li{margin-bottom:5px}
.og-block a{text-decoration:underline}

/* 系统需求双栏 */
.og-sysreq{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.og-sysreq{grid-template-columns:1fr}}
.og-sysreq h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#fff;margin:0 0 8px}
.og-sysreq ul{list-style:none;margin:0;padding:0;font-size:12.5px}
.og-sysreq li{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;gap:10px}
.og-sysreq li b{color:var(--text-dim);font-weight:400;min-width:64px;flex-shrink:0}

/* 评价条 */
.og-reviews{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.og-review b{display:block;color:#fff;font-size:13px;margin-bottom:5px}
.og-review .bar{height:8px;background:rgba(0,0,0,.4);border-radius:2px;overflow:hidden}
.og-review .bar i{display:block;height:100%;background:linear-gradient(90deg,#66c0f4,#a4d007)}
.og-review .lbl{font-size:12px;color:var(--green-text);margin-bottom:4px}
.og-review .cnt{font-size:11px;color:var(--text-dim)}

/* 右栏 */
.og-side-img{border:1px solid #000;background:#000}
.og-side-img img{width:100%;aspect-ratio:460/215;object-fit:cover}
.og-side-desc{background:rgba(0,0,0,.24);padding:12px 14px;font-size:13px;color:#c6d4df;border:1px solid rgba(255,255,255,.06);border-top:0}
.og-glance{margin-top:12px}
.og-glance .lbl{font-size:12px;color:var(--text-dim);margin-bottom:6px}
.og-tag{display:inline-block;background:rgba(103,193,245,.2);color:var(--blue-light);font-size:11px;padding:3px 8px;border-radius:2px;margin:0 4px 4px 0}
.og-tag:hover{background:var(--blue);color:#0b1a24}

.og-details{margin-top:14px;font-size:12.5px}
.og-details div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.og-details span{color:var(--text-dim)}
.og-details b{color:#fff;font-weight:400;text-align:right}

/* 购买区（Steam game_area_purchase_game） */
.og-purchase{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.45) 100%);border:1px solid #000;padding:14px 16px;margin-top:16px}
.og-purchase .ptitle{font-size:15px;color:#fff;margin:0 0 10px;font-weight:400}
.og-buybtn{
  display:block;text-align:center;background:linear-gradient(to bottom,var(--cart-1) 5%,var(--cart-2) 95%);
  color:#d2efa9!important;font-size:15px;font-weight:700;padding:10px 16px;border-radius:3px;border:1px solid #4c6b22;
  box-shadow:0 1px 3px rgba(0,0,0,.4);
}
.og-buybtn:hover{filter:brightness(1.12);color:#fff!important}
.og-buynote{font-size:10.5px;color:var(--text-mute);line-height:1.5;margin:10px 0 0}

/* 同类推荐 */
.og-reco{display:grid;gap:8px}
.og-reco a{display:flex;gap:10px;align-items:center;background:rgba(0,0,0,.2);padding:6px;border:1px solid rgba(255,255,255,.05)}
.og-reco a:hover{border-color:var(--blue)}
.og-reco img{width:104px;height:48px;object-fit:cover;flex-shrink:0}
.og-reco span{font-size:12.5px;color:#c6d4df;line-height:1.35}
.og-reco span small{display:block;color:var(--text-mute);font-size:11px}

/* ============ 列表页（商店搜索/分类结果） ============ */
.og-list-head{padding:18px 0 14px}
.og-list-head h1{font-size:22px;font-weight:400;letter-spacing:.5px}
.og-list-head p{color:var(--text-dim);font-size:12.5px;margin:4px 0 12px}
.og-result{display:flex;gap:12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.05);padding:10px;margin-bottom:8px}
.og-result:hover{border-color:var(--blue)}
.og-result img{width:184px;height:69px;object-fit:cover;flex-shrink:0}
.og-result-body{flex:1;min-width:0}
.og-result-body b{display:block;color:#fff;font-size:14px;font-weight:600}
.og-result-body small{color:var(--text-mute);font-size:11.5px;display:block;margin:2px 0 4px}
.og-result-body p{margin:0;font-size:12.5px;color:var(--text-dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:640px){.og-result img{width:120px;height:56px}}

/* 分页 */
.og-pager{display:flex;justify-content:center;padding:22px 0}
.og-pager ul.page-numbers{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;list-style:none;margin:0;padding:0}
.og-pager ul.page-numbers li{margin:0;list-style:none}
.og-pager a.page-numbers,.og-pager span.page-numbers{display:inline-block;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:6px 12px;font-size:12px;line-height:1.2;color:var(--text);text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}
.og-pager a.page-numbers:hover{background:rgba(102,192,244,.16);border-color:var(--blue);color:#fff}
.og-pager span.page-numbers.current{background:var(--blue);border-color:var(--blue);color:#0b1a24;font-weight:700}
.og-pager span.page-numbers.dots{background:transparent;border-color:transparent;padding:6px 4px;color:var(--text-mute)}

/* ============ 页脚（Steam footer） ============ */
.og-footer{background:#0e141b;border-top:1px solid #000;padding:26px 0 20px;font-size:12px;color:#8f98a0;margin-top:10px}
.og-footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;margin-bottom:18px}
@media(max-width:760px){.og-footer-cols{grid-template-columns:1fr}}
.og-footer h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px}
.og-footer ul{list-style:none;margin:0;padding:0}
.og-footer li{margin-bottom:5px}
.og-footer a{color:#c6d4df;font-size:12px}
.og-footer a:hover{color:#fff}
.og-legal{border-top:1px solid rgba(255,255,255,.08);padding-top:14px;line-height:1.75;color:#7d8894;font-size:11.5px}
.og-legal b{color:#c6d4df}
.og-bottom{display:flex;align-items:center;gap:10px;margin-top:14px;color:#7d8894;font-size:11.5px}
.og-bottom .mark{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#8fd6ff,#1b6fa8 60%,#0d2b40)}

/* ============ 账户表单（Simple Membership 深色化，Steam 风格） ============ */
.og-account h1{font-size:22px}
.og-block .swpm-login-widget-form, .og-block .swpm-registration-form, .og-block .swpm-reset-form{color:var(--text)}
.og-block .swpm-login-widget-form label, .og-block .swpm-registration-form label, .og-block .swpm-reset-form label{
	display:block;color:var(--text);font-size:13px;margin:0 0 6px;font-weight:400
}
.og-block .swpm-login-widget-form .swpm-login-form-inner > div, 
.og-block .swpm-registration-form .swpm-registration-form-inner > div,
.og-block .swpm-reset-form .swpm-reset-form-inner > div{margin-bottom:14px}
.og-block input[type="text"],.og-block input[type="password"],.og-block input[type="email"],.og-block input[type="tel"],.og-block select{
	width:100%;background:#1b2838;border:1px solid #000;color:#fff;padding:9px 11px;border-radius:2px;font-size:14px;outline:none;font-family:inherit
}
.og-block input[type="text"]:focus,.og-block input[type="password"]:focus,.og-block input[type="email"]:focus,.og-block select:focus{border-color:var(--blue);background:#22405a}
.og-block input[type="submit"],.og-block button[type="submit"],.og-block .swpm-login-form-submit{
	width:100%;background:linear-gradient(to bottom,var(--cart-1) 5%,var(--cart-2) 95%);border:1px solid #4c6b22;
	color:#eaf7c9;font-weight:700;font-size:14px;padding:10px 16px;border-radius:3px;cursor:pointer;font-family:inherit
}
.og-block input[type="submit"]:hover,.og-block button[type="submit"]:hover{filter:brightness(1.12);color:#fff}
.og-block .swpm-remember-me{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12.5px;margin-bottom:14px}
.og-block .swpm-remember-me label{margin:0;color:var(--text-dim)}
.og-block input[type="checkbox"],.og-block input[type="radio"]{width:auto;margin-right:6px}
.og-block .swpm-registration-form-radio-label, .og-block .swpm_registration_form_radio_label{
	display:block;color:var(--text);font-size:13px;padding:6px 10px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.06);border-radius:2px;margin-bottom:6px
}
.og-block .swpm-message, .og-block .swpm_error, .og-block .swpm-form-error{
	background:rgba(0,0,0,.35);border-left:3px solid var(--blue);padding:10px 12px;font-size:13px;color:var(--text);margin-bottom:14px
}
.og-block a{font-size:13px}

/* ============ 自研前端账户表单 ============ */
.og-form label{display:block;color:var(--text);font-size:13px;margin:0 0 6px}
.og-form input[type="text"],.og-form input[type="email"],.og-form input[type="password"]{
	width:100%;background:#1b2838;border:1px solid #000;color:#fff;padding:9px 11px;border-radius:2px;
	font-size:14px;outline:none;margin-bottom:14px;font-family:inherit
}
.og-form input[type="text"]:focus,.og-form input[type="email"]:focus,.og-form input[type="password"]:focus{border-color:var(--blue);background:#22405a}
.og-form .og-check{display:flex;align-items:flex-start;gap:8px;color:var(--text-dim);font-size:12.5px;margin-bottom:16px;line-height:1.6}
.og-form .og-check input{width:auto;margin:3px 0 0}
.og-form button[type="submit"]{
	width:100%;background:linear-gradient(to bottom,var(--cart-1) 5%,var(--cart-2) 95%);border:1px solid #4c6b22;
	color:#eaf7c9;font-weight:700;font-size:15px;padding:11px 16px;border-radius:3px;cursor:pointer;font-family:inherit;letter-spacing:2px
}
.og-form button[type="submit"]:hover{filter:brightness(1.12);color:#fff}
.og-form-tip{font-size:11.5px;color:#67707b;line-height:1.7;margin:14px 0 0}
.og-form-msg{border-left:3px solid #c94b4b;background:rgba(0,0,0,.35);padding:10px 12px;font-size:13px;margin-bottom:16px;color:#e8c9c9}
.og-form-msg.ok{border-left-color:#7ac70c;color:#d7eec2}
.og-form + .og-form-msg{margin-top:0}

/* ============ 留言区 / 会员管理 ============ */
.og-comment-list{list-style:none;margin:0 0 6px;padding:0}
.og-comment-list li{border-bottom:1px solid rgba(255,255,255,.07);padding:12px 0}
.og-comment-list li:last-child{border-bottom:0}
.og-comment-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#8f98a0;margin-bottom:6px;flex-wrap:wrap}
.og-comment-meta b{color:#fff;font-size:13px}
.og-comment-body{color:#c6d4df;font-size:13.5px;line-height:1.7;word-break:break-word}
.og-del{background:transparent;border:1px solid #4a3032;color:#e08b8b;font-size:11px;padding:2px 8px;border-radius:2px;cursor:pointer;margin-left:6px}
.og-del:hover{border-color:#e06c6c;color:#fff}
.og-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:10px}
.og-table th,.og-table td{border-bottom:1px solid rgba(255,255,255,.08);padding:8px 10px;text-align:left;vertical-align:top}
.og-table th{color:#fff;font-weight:600;background:rgba(0,0,0,.25)}
.og-table td{color:#c6d4df}
.og-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}
.og-stats div{background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.06);border-radius:3px;padding:14px;text-align:center}
.og-stats b{display:block;color:#beee11;font-size:22px;line-height:1.2}
.og-stats span{font-size:11.5px;color:#8f98a0}
@media(max-width:640px){.og-stats{grid-template-columns:1fr}.og-table{font-size:11.5px}}

/* ============ 用户评价等级徽章 ============ */
.og-tier{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;color:#beee11;background:rgba(190,238,17,.12);border:1px solid rgba(190,238,17,.35);vertical-align:middle}

/* ============ 哔哩哔哩视频播放器 ============ */
.og-bili{position:relative;width:100%;padding-top:56.25%;border-radius:8px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08)}
.og-bili iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.og-bili-note{font-size:11.5px;color:#67707b;margin:8px 0 0;line-height:1.6}