/* uwgame 游戏大厅(x-hall.php + center.js), 只在 /hall 加载。
 * 11-09 第四版: 结构 / 尺寸沿用原型 temp/YOUGAME_light.html, 外观照用户给的电竞赛博朋克风 temp/p16.png(整体效果) + p169.png(组件规范):
 * 背景 b02 城市夜景(固定, 压暗), 深海军蓝半透明面板 + 青色描边 + 45° 切角(斜边也画线), 当前项是发光的青色平行四边形, 斜角按钮, 金色 HOT。
 * 外层 .yg 隔开; 背景图地址由页面传进来(--bg-city / --bg-hall, 样式表发布后是哈希文件名, 不能写相对路径)。 */
body.is-immersive{margin:0;background:#050a1c}
.uw-acct-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.yg{--bg:#050a1c;--panel:rgba(10,22,48,.82);--panel2:rgba(14,30,62,.9);--edge:rgba(0,214,255,.45);--edge2:#19e6ff;--cyan:#19e6ff;--cyan2:#00a8d8;--text:#e8f3ff;--muted:#8ea6c8;--gold:#ffc83d;--gold2:#ff9f1a;--c:12px;
  --cut:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));
  min-height:100vh;color:var(--text);font-family:Inter,"Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.5;
  background:linear-gradient(180deg,rgba(4,9,26,.55),rgba(4,9,26,.78) 40%,rgba(4,9,26,.9)),var(--bg-city) center/cover fixed,var(--bg)}
.yg *{box-sizing:border-box}
.yg a{color:inherit;text-decoration:none}
.yg button{font:inherit;cursor:pointer;color:inherit}
.yg .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* 切角容器: 外层裁切 + ::before 青色描边层 + ::after 深色填充层(内缩 1px), 这样斜边也有线 */
.yg :is(.side,.panel,.game,.event,.listrow,.asset,.shortcut,.filter button,.subnav button,.custommenu button,.back,.priv,.item,.balance){position:relative;isolation:isolate;clip-path:var(--cut);background:none;border:0}
.yg :is(.side,.panel,.game,.event,.listrow,.asset,.shortcut,.filter button,.subnav button,.custommenu button,.back,.priv,.item,.balance)::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--edge);clip-path:var(--cut)}
.yg :is(.side,.panel,.game,.event,.listrow,.asset,.shortcut,.filter button,.subnav button,.custommenu button,.back,.priv,.item,.balance)::after{content:'';position:absolute;inset:1px;z-index:-1;background:var(--panel);clip-path:var(--cut)}
/* ===== 顶栏 ===== */
.yg header{height:70px;display:flex;align-items:center;padding:0 25px;gap:22px;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(6,14,36,.96),rgba(8,18,44,.9));border-bottom:1px solid var(--edge);box-shadow:0 6px 24px rgba(0,0,0,.45),0 1px 0 rgba(25,230,255,.25)}
.yg .brand{display:flex;align-items:center;gap:8px;font:900 italic 26px/1 Inter,Arial,sans-serif;letter-spacing:.5px;white-space:nowrap;color:#fff;text-shadow:0 0 12px rgba(25,230,255,.45)}
.yg .brand span{color:var(--cyan);font-style:normal;text-shadow:0 0 10px var(--cyan)}
.yg .nav{display:flex;gap:6px;align-items:center;flex:1;overflow-x:auto;scrollbar-width:none}
.yg .nav a{position:relative;display:inline-flex;align-items:center;gap:7px;padding:13px 20px;font-size:16px;font-weight:800;white-space:nowrap;color:#dce9ff;transition:color .2s}
.yg .nav a:hover{color:var(--cyan)}
.yg .nav a[aria-current]{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}
.yg .nav a[aria-current]::before{content:'';position:absolute;inset:4px -4px;z-index:-1;transform:skewX(-18deg);background:linear-gradient(180deg,rgba(25,230,255,.55),rgba(0,140,200,.35));border:1px solid var(--cyan);box-shadow:0 0 16px rgba(25,230,255,.6),inset 0 0 14px rgba(25,230,255,.35)}
.yg .balance{display:flex;align-items:center;gap:8px;padding:8px 12px;font-weight:900;white-space:nowrap}
.yg .balance b{min-width:40px;color:var(--gold);font-size:18px}
.yg .balance b.gem{color:#fff}
.yg .balance a{font-size:18px;color:#fff}
.yg .topicons{display:flex;gap:14px;font-size:22px;white-space:nowrap}
.yg .topicons button{border:0;background:none;padding:0;font-size:22px}
/* ===== 主体 ===== */
.yg main{padding:22px 25px 30px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;max-width:1900px;margin:auto}
.yg .content{min-width:0}
/* 横幅 */
.yg .hero{position:relative;height:194px;overflow:hidden;clip-path:var(--cut);--c:16px;background-position:center;background-size:cover;box-shadow:0 0 0 1px var(--edge)}
.yg .hero::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;clip-path:var(--cut);border:1px solid var(--cyan);box-shadow:inset 0 0 24px rgba(25,230,255,.25)}
.yg .hero h2{position:absolute;left:6%;top:30px;z-index:1;margin:0;font:900 italic 46px/1.1 "Microsoft YaHei",Inter,sans-serif;letter-spacing:3px;color:#fff;
  background:linear-gradient(180deg,#fff 30%,#c9f6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(25,230,255,.55)) drop-shadow(0 3px 2px rgba(0,0,0,.6))}
.yg .hero p{position:absolute;left:7%;top:108px;z-index:1;margin:0;padding:8px 30px;font-size:19px;font-weight:900;font-style:italic;letter-spacing:1px;color:#fff;transform:skewX(-18deg);
  background:linear-gradient(90deg,rgba(0,190,220,.85),rgba(0,120,190,.75));border:1px solid var(--cyan);box-shadow:0 0 16px rgba(25,230,255,.55)}
.yg .hero.lobby{background:#06102a}
/* 大厅横幅轮播(两张, center.js 5 秒切换): 每张一层, 淡入淡出 */
.yg .hero .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background:linear-gradient(90deg,rgba(5,12,34,.9) 0,rgba(5,12,34,.55) 30%,rgba(5,12,34,0) 52%),var(--art) 60% 42%/cover no-repeat}
.yg .hero .slide.is-city{background:linear-gradient(90deg,rgba(5,12,34,.92) 0,rgba(5,12,34,.6) 34%,rgba(5,12,34,.05) 60%),var(--art) center 46%/cover no-repeat}
.yg .hero .slide.on{opacity:1;z-index:1}
.yg .hero.alt{background:linear-gradient(90deg,rgba(5,12,34,.92) 0,rgba(5,12,34,.6) 45%,rgba(5,12,34,.35)),var(--bg-hall) center 40%/cover no-repeat}
.yg .hero.alt h2{font-size:40px}
.yg .hero .symbol{position:absolute;right:7%;top:30px;z-index:1;font-size:100px;filter:drop-shadow(0 0 18px rgba(25,230,255,.6))}
.yg .hero .dots{position:absolute;right:20px;bottom:16px;z-index:3;display:flex;gap:7px}
.yg .hero .dots :is(i,button){width:11px;height:11px;padding:0;border-radius:50%;border:1.5px solid #cfe9ff;background:none;transition:width .3s,background .3s}
.yg .hero .dots :is(i,button).on{width:26px;border-radius:999px;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px var(--cyan)}
/* 分类 / 二级标签 */
.yg .filter,.yg .subnav{display:flex;gap:12px;margin:20px 0 24px}
.yg .filter button,.yg .subnav button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 6px;font-weight:800;font-size:17px;white-space:nowrap;--c:10px}
.yg .filter button span[aria-hidden],.yg .subnav button span[aria-hidden]{font-size:20px} /* 彩色图标(11-09 用户: 不要灰色) */
.yg :is(.filter,.subnav) button.active{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.5)}
.yg :is(.filter,.subnav) button.active::before{background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.yg :is(.filter,.subnav) button.active::after{background:linear-gradient(180deg,rgba(25,230,255,.55),rgba(0,130,190,.55))}
.yg :is(.filter,.subnav) button:not(.active):hover::before{background:var(--cyan)}
/* 游戏卡 */
.yg .games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px}
.yg .game{display:block;--c:14px;transition:transform .15s,filter .2s}
.yg .game:hover{transform:translateY(-3px);filter:drop-shadow(0 0 12px rgba(25,230,255,.45))}
.yg .game:hover::before{background:var(--cyan)}
.yg .gamepic{position:relative;height:139px;margin:1px 1px 0;background-size:cover;background-position:center}
.yg .gamepic::after{content:'';position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,transparent,rgba(10,22,48,.95))}
.yg .gamepic.art{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 120%,rgba(25,230,255,.45),transparent 70%),linear-gradient(160deg,#0d3a5a,#061a33);color:#8ff3ff}
.yg .gamepic.art svg{position:relative;z-index:1;height:112px;width:auto;filter:drop-shadow(0 0 8px rgba(25,230,255,.5))}
.yg .gamepic.art [fill="#d8fc77"],.yg .gamepic.art [fill="#d5f47d"]{fill:#8ff3ff}
.yg .gamepic.art [stroke="#d8fc77"],.yg .gamepic.art [stroke="#d5f47d"],.yg .gamepic.art [stroke="#b4ef11"],.yg .gamepic.art [stroke="#e7fdaa"]{stroke:#8ff3ff}
.yg .gamepic.art .gl-cards{transform:scale(.8)}
.yg .gamepic.art .gl-card-symbol{background:#fff;color:#d2475e}
.yg .hot{position:absolute;right:10px;top:8px;z-index:2;padding:3px 14px;font:900 15px/1.4 Inter,Arial,sans-serif;color:#3b2200;transform:skewX(-14deg);background:linear-gradient(180deg,#ffe07a,var(--gold) 50%,var(--gold2));box-shadow:0 0 10px rgba(255,200,61,.6)}
.yg .gameinfo{padding:4px 15px 14px}
.yg .gameinfo strong{display:block;margin-bottom:8px;font-size:23px;font-weight:900;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.yg .gamebottom{display:flex;align-items:center;justify-content:space-between;gap:6px}
.yg .small{font-size:14px;color:var(--muted)}
.yg .small span[aria-hidden]{filter:grayscale(1) brightness(1.6)}
.yg .small b{font-weight:800;color:var(--text)}
.yg .primary{position:relative;display:inline-block;padding:8px 18px;border:1px solid var(--cyan);font-weight:900;font-size:15px;white-space:nowrap;color:#fff;
  background:linear-gradient(180deg,rgba(25,230,255,.45),rgba(0,120,190,.45));clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:inset 0 0 12px rgba(25,230,255,.5);transition:background .2s}
.yg .primary:hover,.yg .game:hover .primary{background:linear-gradient(180deg,rgba(25,230,255,.85),rgba(0,150,210,.8))}
.yg .game.soon .primary{border-color:#4b5f80;background:rgba(40,56,86,.6);color:var(--muted);box-shadow:none}
/* ===== 右侧个人栏: 更亮的霓虹框 ===== */
.yg .side{--c:18px;align-self:start;padding:18px;filter:drop-shadow(0 0 14px rgba(25,230,255,.35))}
.yg .side::before{background:var(--cyan)}
.yg .side::after{inset:2px;background:linear-gradient(180deg,rgba(9,22,50,.94),rgba(7,16,38,.94))}
.yg .profile{display:flex;align-items:center;gap:14px;padding:4px 0 16px;border-bottom:1px solid rgba(25,230,255,.2)}
.yg .avatar{flex:none;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#0d2346 center/cover no-repeat;box-shadow:0 0 0 2px var(--cyan),0 0 14px rgba(25,230,255,.6)}
.yg .avatar svg{width:100%;height:100%;display:block}
.yg .username{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:900;color:#fff}
.yg .vip{display:inline-block;margin:4px 0 6px;padding:1px 10px;font-weight:900;color:#4a2c00;background:linear-gradient(180deg,#ffe07a,var(--gold) 55%,var(--gold2));clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.yg .level{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.yg .level span{padding:1px 8px;border:1px solid var(--cyan);color:var(--cyan);font-weight:800;background:rgba(25,230,255,.12)}
.yg .progress{position:relative;flex:1;height:9px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.yg .progress i{display:block;height:100%;background:linear-gradient(90deg,#00c2ff,var(--cyan));box-shadow:0 0 10px var(--cyan)}
.yg .asset{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:11px 12px 11px 16px;font-size:22px;font-weight:900;--c:10px}
.yg .asset b{color:#fff}
.yg .plus{display:grid;place-items:center;width:30px;height:30px;font-size:24px;font-weight:900;color:#fff;background:linear-gradient(180deg,var(--cyan),var(--cyan2));box-shadow:0 0 10px rgba(25,230,255,.6)}
.yg .primary.wide{display:block;width:100%;margin-top:14px;padding:11px;font-size:18px;text-align:center;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(180deg,#38f0ff,#00b5e0);color:#03223a;border:0;box-shadow:0 0 16px rgba(25,230,255,.6)}
.yg .shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.yg .shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:84px;font-weight:800;font-size:16px;--c:10px}
.yg .shortcut i{display:block;margin-bottom:5px;font-style:normal;font-size:30px;filter:drop-shadow(0 0 6px rgba(255,200,61,.5))}
.yg .shortcut:hover::before{background:var(--cyan)}
.yg .tasks{padding-top:4px}
.yg .tasktitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-weight:900;font-size:18px;background:linear-gradient(90deg,rgba(25,230,255,.18),transparent);border-left:3px solid var(--cyan)}
.yg .tasktitle .more{border:0;background:none;padding:0;font-size:13px;color:var(--muted)}
.yg .task{padding:12px 0;border-bottom:1px solid rgba(25,230,255,.12)}
.yg .taskname{margin-bottom:8px;font-size:15px;font-weight:800;color:#fff}
.yg .taskrow{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.yg .reward{color:var(--gold);font-weight:900}
/* ===== 赛事 / 活动 / VIP / 形象 / 排行 ===== */
.yg .panel{padding:18px}
.yg .panel h3{margin-top:0;color:#fff}
.yg .tablelist{display:grid;gap:12px}
.yg .listrow{display:grid;grid-template-columns:90px minmax(0,1.5fr) 95px 120px 120px;align-items:center;gap:12px;padding:12px;--c:10px}
.yg .listrow b{color:#fff}
.yg .listpic{display:block;width:82px;height:53px;background:#0d3a5a center/cover no-repeat;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.yg .listrow .primary{text-align:center}
.yg .status{padding:4px 8px;font-size:13px;font-weight:800;text-align:center;color:#3cffb5;border:1px solid rgba(60,255,181,.5);background:rgba(60,255,181,.1)}
.yg .status.off{color:var(--muted);border-color:#4b5f80;background:rgba(75,95,128,.2)}
.yg .events{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.yg .event{--c:12px;overflow:hidden}
.yg .eventart{height:140px;margin:1px 1px 0;display:flex;align-items:center;justify-content:center;font-size:70px;background:radial-gradient(circle at 50% 120%,rgba(25,230,255,.5),transparent 60%),linear-gradient(135deg,#0b2c58,#2a1a6e 60%,#6a2fa8);filter:saturate(1.1)}
.yg .event:nth-child(4n+2) .eventart{background:radial-gradient(circle at 50% 120%,rgba(25,230,255,.5),transparent 60%),linear-gradient(130deg,#0a3a6e,#1a6fb8)}
.yg .event:nth-child(4n+3) .eventart{background:radial-gradient(circle at 50% 120%,rgba(255,200,61,.45),transparent 60%),linear-gradient(130deg,#3a1f5e,#a8326a)}
.yg .event:nth-child(4n+4) .eventart{background:radial-gradient(circle at 50% 120%,rgba(255,120,220,.45),transparent 60%),linear-gradient(130deg,#2a1a6e,#6a2fa8)}
.yg .eventbody{padding:14px 15px 16px}
.yg .eventbody h3{margin:0 0 6px;color:#fff}
.yg .eventbody p{min-height:38px;margin:0 0 12px;font-size:13px;color:var(--muted)}
.yg .vipgrid{display:grid;grid-template-columns:35% 1fr;gap:18px;margin-top:20px}
.yg .vipcard{padding:26px;text-align:center;clip-path:var(--cut);--c:16px;background:radial-gradient(circle at 50% 0,rgba(255,200,61,.3),transparent 55%),linear-gradient(160deg,rgba(13,40,80,.95),rgba(6,18,40,.95));box-shadow:inset 0 0 0 1px var(--cyan)}
.yg .vipcard h2{margin:8px 0;font:900 italic 44px/1.1 Inter,Arial,sans-serif;background:linear-gradient(180deg,#fff2b0,var(--gold) 55%,var(--gold2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,200,61,.5))}
.yg .vipcard p{color:var(--muted)}
.yg .privs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.yg .priv{display:block;padding:20px 8px;text-align:center;font-weight:800;--c:10px}
.yg .priv i{display:block;margin-bottom:10px;font-size:31px;font-style:normal}
.yg .priv:hover::before{background:var(--cyan)}
.yg .headrow{display:flex;gap:15px;align-items:center}
.yg .headrow h2{color:#fff}
.yg .custom{display:grid;grid-template-columns:175px minmax(240px,1fr) minmax(300px,1.2fr);gap:17px}
.yg .custommenu button{display:block;width:100%;margin-bottom:9px;padding:14px;text-align:left;font-weight:800;--c:8px}
.yg .custommenu button.active::before{background:var(--cyan)}
.yg .custommenu button.active::after{background:linear-gradient(90deg,rgba(25,230,255,.5),rgba(0,120,190,.4))}
.yg .character{display:flex;align-items:center;justify-content:center;min-height:430px;overflow:hidden;clip-path:var(--cut);--c:16px;background:radial-gradient(circle at 50% 70%,rgba(25,230,255,.35),transparent 60%),var(--bg-hall) center/cover;box-shadow:inset 0 0 0 1px var(--cyan)}
.yg .character img{max-height:420px;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(25,230,255,.45))}
.yg .items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.yg .item{padding:16px 5px;font-size:37px;text-align:center;--c:8px}
.yg .item.selected::before{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.yg .item.selected::after{background:rgba(25,230,255,.18)}
.yg .item small{display:block;font-size:12px;color:var(--muted)}
.yg .podium{display:flex;align-items:end;justify-content:center;gap:20px;height:230px;margin:15px 0 22px}
.yg .pod{width:25%;padding:15px;text-align:center;font-weight:900;color:#fff;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px);background:linear-gradient(180deg,rgba(255,200,61,.55),rgba(255,200,61,.12));box-shadow:inset 0 0 0 1px var(--gold)}
.yg .pod:nth-child(1){height:150px;background:linear-gradient(180deg,rgba(190,215,255,.45),rgba(190,215,255,.1));box-shadow:inset 0 0 0 1px #bcd4ff}
.yg .pod:nth-child(2){height:205px}
.yg .pod:nth-child(3){height:125px;background:linear-gradient(180deg,rgba(255,150,110,.45),rgba(255,150,110,.1));box-shadow:inset 0 0 0 1px #ff9a6e}
.yg .rankrow{display:grid;grid-template-columns:65px 1fr 100px 130px;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(25,230,255,.15)}
.yg .rankrow.head{color:var(--cyan);background:rgba(25,230,255,.08)}
.yg .rankrow b{color:#fff}
.yg .back{display:inline-block;padding:10px 16px;font-weight:800;--c:8px}
.yg .notice{margin:10px 0;font-size:13px;color:var(--muted)}
/* 提示 / 全屏页里的留言按钮 */
.yg .toast{position:fixed;left:50%;bottom:36px;z-index:70;translate:-50% 20px;padding:12px 24px;font-size:14px;font-weight:800;color:#fff;opacity:0;transition:opacity .25s,translate .25s;background:rgba(6,16,40,.95);border:1px solid var(--cyan);box-shadow:0 0 18px rgba(25,230,255,.5)}
.yg .toast.on{opacity:1;translate:-50% 0}
.yg.is-js .uwx-mod{display:none}
.yg.is-js .uwx-mod.is-on{display:block}
.yg:not(.is-js) .uwx-mod+.uwx-mod{margin-top:30px}
/* 大厅: 右下角留言按钮藏掉, 顶栏客服图标打开; 留言窗挪到右上角顶栏下面 */
body.is-immersive .chat-fab{display:none!important}
body.is-immersive .chat{top:80px!important;bottom:auto!important;right:22px!important}
@media(max-width:1250px){.yg header{gap:10px;padding:0 12px}
.yg .nav a{padding:11px 9px;font-size:13px}
.yg main{grid-template-columns:minmax(0,1fr) 260px;padding:15px;gap:14px}
.yg .games{gap:12px}
.yg .gamepic{height:110px}
.yg .gameinfo strong{font-size:18px}
.yg .primary{padding:6px 12px;font-size:12px}
.yg .side{padding:13px}
.yg .avatar{width:58px;height:58px}
.yg .events{grid-template-columns:repeat(2,1fr)}
.yg .filter button,.yg .subnav button{font-size:14px}
}
@media(max-width:850px){.yg main{display:block}
.yg .side{margin-top:20px}
.yg .games{grid-template-columns:repeat(2,1fr)}
.yg .balance,.yg .topicons{display:none}
.yg .hero{height:160px}
.yg .hero h2,.yg .hero.alt h2{font-size:26px;top:24px}
.yg .hero p{font-size:12px;top:72px;padding:6px 16px}
.yg .hero .symbol{font-size:64px}
.yg .filter{overflow:auto}
.yg .filter button{flex:none;min-width:120px}
.yg .custom{grid-template-columns:1fr}
.yg .listrow{grid-template-columns:60px 1fr 80px}
.yg .listrow .extra,.yg .listrow .status{display:none}
.yg .vipgrid{grid-template-columns:1fr}
.yg .privs{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){.yg *{transition:none!important}}

/* ===== 白色 + 青绿配色(.yg.lite, 现在默认; 顶栏 ☀/☾ 切换, 记住选择): 结构 / 切角 / 斜角按钮 / 轮播都不变, 只换颜色 ===== */
.yg .themebtn>span{display:none}
.yg:not(.lite) .themebtn .t-day,.yg.lite .themebtn .t-night{display:inline} /* 黑夜里显示 ☀(点了变白天), 白天里显示 🌙 */
.yg.lite{--panel:#fff;--edge:rgba(0,156,145,.28);--cyan:#13b3a6;--cyan2:#0b8f87;--text:#172a41;--muted:#657891;--gold:#d89b16;--gold2:#c27a07;
  background:radial-gradient(circle at 85% -10%,rgba(19,179,166,.12),transparent 40%),radial-gradient(circle at 0 100%,rgba(56,189,248,.1),transparent 45%),linear-gradient(180deg,#f3f8fa,#eef2f8);color:var(--text)}
.yg.lite header{background:#fff;border-bottom:1px solid rgba(0,156,145,.22);box-shadow:0 5px 17px #1d36561a}
.yg.lite .brand{color:var(--text);text-shadow:none}
.yg.lite .brand span{color:#00ada1;text-shadow:none}
.yg.lite .nav a{color:var(--text)}
.yg.lite .nav a:hover{color:var(--cyan2)}
.yg.lite .nav a[aria-current]{color:#fff;text-shadow:none}
.yg.lite .nav a[aria-current]::before{background:linear-gradient(145deg,#12c8b6,#007d79);border-color:#0fb5a8;box-shadow:0 4px 12px rgba(0,167,155,.35)}
.yg.lite .balance b.gem,.yg.lite .balance a{color:var(--text)}
.yg.lite .topicons{color:var(--muted)}
/* 横幅保持原图(深色插画), 只把描边换成青绿 */
.yg.lite .hero{box-shadow:0 5px 17px #1d36561a}
.yg.lite .hero::before{border-color:rgba(19,179,166,.8);box-shadow:none}
.yg.lite .hero p{background:linear-gradient(90deg,rgba(0,172,160,.9),rgba(0,125,121,.85));border-color:#5fe3d4;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.yg.lite .hero h2{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
/* 切角容器: 白底 + 浅青边 */
.yg.lite :is(.side,.panel,.game,.event,.listrow,.asset,.shortcut,.filter button,.subnav button,.custommenu button,.back,.priv,.item,.balance)::after{background:#fff}
.yg.lite :is(.asset,.shortcut,.priv,.item,.balance,.back)::after{background:#f0f6f8}
.yg.lite .game,.yg.lite .filter button,.yg.lite .subnav button,.yg.lite .listrow,.yg.lite .event{filter:drop-shadow(0 4px 10px rgba(29,54,86,.08))}
.yg.lite .game:hover{filter:drop-shadow(0 8px 16px rgba(0,156,145,.25))}
.yg.lite :is(.filter,.subnav) button span[aria-hidden]{filter:none}
.yg.lite :is(.filter,.subnav) button.active{color:#fff;text-shadow:none}
.yg.lite :is(.filter,.subnav) button.active::before{background:#0fb5a8;box-shadow:none}
.yg.lite :is(.filter,.subnav) button.active::after{background:linear-gradient(145deg,#12c8b6,#007d79)}
.yg.lite .gamepic::after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.95))}
.yg.lite .gamepic.art{background:radial-gradient(ellipse at 50% 120%,#1fb3a3,transparent 70%),linear-gradient(160deg,#0f6b63,#0a3f3a)}
.yg.lite .gameinfo strong{color:var(--text);text-shadow:none}
.yg.lite .small span[aria-hidden]{filter:none}
.yg.lite .primary{color:#fff;border-color:#0fb5a8;background:linear-gradient(160deg,#15c5b4,#007d79);box-shadow:none}
.yg.lite .primary:hover,.yg.lite .game:hover .primary{background:linear-gradient(160deg,#22d8c6,#008f8a)}
.yg.lite .game.soon .primary{background:#eef2f6;border-color:#d5dee8;color:var(--muted)}
.yg.lite .hot{color:#3e2a10;background:linear-gradient(180deg,#ffe28a,#ffcb63);box-shadow:none}
/* 右侧个人栏 */
.yg.lite .side{filter:drop-shadow(0 6px 18px rgba(29,54,86,.12))}
.yg.lite .side::before{background:rgba(19,179,166,.55)}
.yg.lite .side::after{background:#fff}
.yg.lite .profile{border-bottom-color:#dfe7ef}
.yg.lite .avatar{box-shadow:0 0 0 2px #13b3a6}
.yg.lite .username,.yg.lite .asset b,.yg.lite .taskname{color:var(--text)}
.yg.lite .level span{color:#fff;background:#009c91;border-color:#009c91}
.yg.lite .progress{background:#dfe7ef}
.yg.lite .progress i{background:linear-gradient(90deg,#2bdd7b,#00b3aa);box-shadow:none}
.yg.lite .plus{background:linear-gradient(160deg,#15c5b4,#007d79);box-shadow:none}
.yg.lite .primary.wide{color:#fff;background:linear-gradient(160deg,#15c5b4,#007d79);box-shadow:0 4px 12px rgba(0,167,155,.3)}
.yg.lite .shortcut i{filter:none}
.yg.lite .tasktitle{background:linear-gradient(90deg,rgba(19,179,166,.12),transparent);border-left-color:#13b3a6}
.yg.lite .task{border-bottom-color:#dfe7ef}
/* 其它模块 */
.yg.lite .panel h3,.yg.lite .eventbody h3,.yg.lite .headrow h2,.yg.lite .listrow b,.yg.lite .rankrow b{color:var(--text)}
.yg.lite .status{color:#0ab89b;border-color:rgba(10,184,155,.4);background:#e8f7f4}
.yg.lite .status.off{color:var(--muted);border-color:#d5dee8;background:#f0f4f8}
.yg.lite .vipcard{background:radial-gradient(circle at 50% 0,rgba(255,200,61,.3),transparent 55%),linear-gradient(145deg,#064f62,#032b38);box-shadow:none}
.yg.lite .vipcard p{color:rgba(255,255,255,.8)}
.yg.lite .custommenu button.active{color:#fff}
.yg.lite .custommenu button.active::after{background:linear-gradient(145deg,#12c8b6,#007d79)}
.yg.lite .character{background:linear-gradient(160deg,#b6e6e9,#b3c5e3);box-shadow:inset 0 0 0 1px rgba(19,179,166,.4)}
.yg.lite .item.selected::after{background:#e3f6f3}
.yg.lite .item.selected::before{box-shadow:none}
.yg.lite .pod{color:#40351e;background:linear-gradient(#f3d27e,#f6e9c7);box-shadow:none}
.yg.lite .pod:nth-child(1){background:linear-gradient(#b6c8df,#e3eaf5)}
.yg.lite .pod:nth-child(3){background:linear-gradient(#e9ae8c,#f3d7c6)}
.yg.lite .rankrow{border-bottom-color:#dfe7ef}
.yg.lite .rankrow.head{color:var(--cyan2);background:#f0f6f8}
.yg.lite .toast{background:rgba(23,42,65,.94);border-color:#13b3a6;box-shadow:0 10px 30px rgba(0,0,0,.25)}

/* ===== 圆角形状(.yg.round, 11-09 用户: 保持赛博朋克配色, 按钮和边框形状改成之前白色主题那样): 不切角、不斜切, 圆角面板 + 胶囊按钮 ===== */
.yg.round :is(.side,.panel,.game,.event,.listrow,.asset,.shortcut,.filter button,.subnav button,.custommenu button,.back,.priv,.item,.balance,.hero,.vipcard,.character,.listpic,.pod){clip-path:none}
.yg.round :is(.side,.panel,.game,.event,.listrow,.asset,.shortcut,.filter button,.subnav button,.custommenu button,.back,.priv,.item,.balance)::before{display:none}
.yg.round :is(.side,.panel,.game,.event,.listrow,.asset,.shortcut,.filter button,.subnav button,.custommenu button,.back,.priv,.item,.balance)::after{display:none}
.yg.round :is(.side,.panel,.game,.event,.listrow,.filter button,.subnav button){background:var(--panel);border:1px solid var(--edge)}
.yg.round :is(.asset,.shortcut,.priv,.item,.back,.custommenu button){background:rgba(18,36,72,.75);border:1px solid rgba(0,214,255,.25)}
.yg.round .balance{background:rgba(18,36,72,.75);border:1px solid var(--edge);border-radius:20px;padding:8px 14px}
/* 圆角大小同白色原型 */
.yg.round .side{border-radius:18px;border-color:var(--cyan);box-shadow:0 0 16px rgba(25,230,255,.35);filter:none}
.yg.round .panel,.yg.round .game,.yg.round .vipcard{border-radius:15px}
.yg.round .game,.yg.round .event{overflow:hidden} /* 11-09 用户: 卡片上下一样圆角(上面的图片别冒出圆角) */
.yg.round .event{border-radius:13px}
.yg.round .listrow,.yg.round .filter button,.yg.round .subnav button,.yg.round .shortcut,.yg.round .priv{border-radius:12px}
.yg.round .asset{border-radius:11px}
.yg.round .item,.yg.round .back,.yg.round .custommenu button{border-radius:10px}
.yg.round .listpic{border-radius:8px}
.yg.round .hero,.yg.round .character{border-radius:16px}
.yg.round .hero::before{clip-path:none;border-radius:16px}
.yg.round .gamepic{margin:0}
.yg.round .eventart{margin:0}
.yg.round .game:hover{border-color:var(--cyan)}
.yg.round :is(.filter,.subnav) button.active{background:linear-gradient(145deg,rgba(25,230,255,.6),rgba(0,125,190,.6));border-color:var(--cyan);box-shadow:0 0 14px rgba(25,230,255,.45)}
.yg.round :is(.filter,.subnav) button:not(.active):hover{border-color:var(--cyan)}
.yg.round .custommenu button.active{background:linear-gradient(90deg,rgba(25,230,255,.5),rgba(0,120,190,.4));border-color:var(--cyan)}
.yg.round .item.selected{border-color:var(--cyan);background:rgba(25,230,255,.18);box-shadow:0 0 10px rgba(25,230,255,.4)}
.yg.round .shortcut:hover,.yg.round .priv:hover{border-color:var(--cyan)}
/* 当前导航: 圆角胶囊, 不斜切 */
.yg.round .nav a{border-radius:12px}
.yg.round .nav a[aria-current]::before{inset:2px 0;transform:none;border-radius:12px}
/* 按钮: 胶囊(圆角 25px), 不斜切 */
.yg.round .primary{clip-path:none;border-radius:25px}
.yg.round .primary.wide{clip-path:none;border-radius:25px}
.yg.round .plus{border-radius:7px}
.yg.round .hero p{transform:none;border-radius:20px}
.yg.round .hot{transform:none;right:0;top:0;border-radius:0 0 0 14px}
.yg.round .vip{clip-path:none;border-radius:9px}
.yg.round .level span{border-radius:7px}
.yg.round .status{border-radius:9px}
.yg.round .pod{border-radius:15px 15px 0 0}
.yg.round .tasktitle{border-radius:10px}
.yg.round .toast{border-radius:999px}

/* ===== 横幅上方信息条: 左边总在线, 右边动态滚动(鼠标放上去暂停; 要求减少动态就不滚, 改成横向可滑) ===== */
.yg .infobar{display:flex;align-items:center;gap:14px;height:44px;margin-bottom:14px;padding:0 6px 0 14px;overflow:hidden;border-radius:12px;background:rgba(10,22,48,.78);border:1px solid var(--edge);box-shadow:inset 0 0 14px rgba(25,230,255,.12)}
.yg .ib-online{flex:none;display:flex;align-items:center;gap:6px;padding-right:14px;border-right:1px solid var(--edge);font-size:14px;font-weight:800;white-space:nowrap}
.yg .ib-online i{width:9px;height:9px;border-radius:50%;background:#3cffb5;box-shadow:0 0 0 3px rgba(60,255,181,.25);animation:yg-ping 2s ease-out infinite}
@keyframes yg-ping{0%{box-shadow:0 0 0 0 rgba(60,255,181,.55)}80%,100%{box-shadow:0 0 0 9px rgba(60,255,181,0)}}
.yg .ib-online b{font-size:17px;color:var(--cyan)}
.yg .ib-track{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.yg .ib-roll{display:flex;width:max-content;animation:yg-roll 48s linear infinite}
.yg .infobar:hover .ib-roll{animation-play-state:paused}
@keyframes yg-roll{to{transform:translateX(-50%)}}
.yg .ib-set{display:flex}
.yg .ib-item{display:inline-flex;align-items:center;gap:6px;padding:0 26px;font-size:14px;white-space:nowrap;color:var(--muted)}
.yg .ib-item+.ib-item{border-left:1px solid rgba(25,230,255,.18)}
.yg .ib-item i{font-style:normal}
.yg .ib-item b{color:var(--gold)}
.yg.lite .infobar{background:#fff;border-color:rgba(0,156,145,.25);box-shadow:0 4px 12px rgba(29,54,86,.06)}
.yg.lite .ib-online{border-right-color:#dfe7ef;color:var(--text)}
.yg.lite .ib-online b{color:#0b8f87}
.yg.lite .ib-item+.ib-item{border-left-color:#dfe7ef}
.yg .csbtn{display:grid;place-items:center;width:32px;height:32px;border:0;padding:0;background:none;transition:transform .2s} /* 11-09 用户: 不要圈 */
.yg .csbtn:hover{transform:scale(1.12)}
.yg .csbtn svg{width:26px;height:26px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(25,230,255,.45))}
.yg .csbtn svg .d{fill:var(--cyan);stroke:none}
.yg.lite .csbtn svg{filter:none}
.yg.lite .csbtn svg{stroke:#0b8f87}
.yg.lite .csbtn svg .d{fill:#0b8f87}
.yg .topicons{align-items:center}
.yg .ib-users{width:20px;height:20px;fill:none;stroke:var(--cyan);stroke-width:1.9;stroke-linecap:round}
.yg.lite .ib-users{stroke:#0b8f87}
@media (prefers-reduced-motion:reduce){.yg .ib-roll{animation:none}.yg .ib-set[aria-hidden]{display:none}.yg .ib-track{overflow-x:auto;-webkit-mask:none;mask:none}.yg .ib-online i{animation:none}}
@media (max-width:850px){.yg .infobar{height:auto;flex-wrap:wrap;padding:8px 12px}.yg .ib-online{border-right:0}.yg .ib-track{flex-basis:100%}}
/* 星币图标(11-09 用户: 要像币): 金币 —— 下沿厚度、外缘、内圈、中间凸起的五角星、左上高光(矢量, 任何系统都显示; 🪙 表情 Windows 10 没有) */
.yg .coin{display:inline-block;flex:none;width:1.05em;height:1.05em;vertical-align:-.16em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe57a'/%3E%3Cstop offset='1' stop-color='%23e39a12'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff4b8'/%3E%3Cstop offset='1' stop-color='%23f6b62c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='17.6' r='14' fill='%23a5620a'/%3E%3Ccircle cx='16' cy='16' r='14' fill='url(%23a)'/%3E%3Ccircle cx='16' cy='16' r='10.6' fill='url(%23b)' stroke='%23c9850f' stroke-width='1.3'/%3E%3Cpath d='M16 9.4l1.95 3.95 4.35.63-3.15 3.07.74 4.33L16 19.33l-3.89 2.05.74-4.33-3.15-3.07 4.35-.63z' fill='%23d08a10' stroke='%23b8740b' stroke-width='.6' stroke-linejoin='round'/%3E%3Cpath d='M8.6 10.2a9.2 9.2 0 0 1 5.6-3.6' stroke='%23fff' stroke-opacity='.75' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 .25em rgba(255,190,50,.45))}
.yg .coin.mid{width:31px;height:31px;margin:0 auto 10px;display:block}
.yg .coin.big{width:72px;height:72px}
.yg .asset .coin{width:24px;height:24px;margin-right:4px}
/* 游戏卡「xx 人在玩」前的图标: 高亮绿 + 右下角跳动小点, 表示 live */
.yg .live{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;vertical-align:-4px;margin-right:2px}
.yg .live svg{width:18px;height:18px;fill:none;stroke:#3cffb5;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(60,255,181,.7))}
.yg .live::after{content:'';position:absolute;right:-2px;bottom:0;width:7px;height:7px;border-radius:50%;background:#3cffb5;box-shadow:0 0 0 0 rgba(60,255,181,.6);animation:yg-live 1.6s ease-out infinite}
@keyframes yg-live{0%{box-shadow:0 0 0 0 rgba(60,255,181,.65)}80%,100%{box-shadow:0 0 0 6px rgba(60,255,181,0)}}
.yg .small b[data-playing]{color:#3cffb5}
.yg.lite .live svg{stroke:#12b76a;filter:none}
.yg.lite .live::after{background:#12b76a}
.yg.lite .small b[data-playing]{color:#0e9f5c}
@media (prefers-reduced-motion:reduce){.yg .live::after{animation:none}}

/* ===== 白天主题(.lite + .round)统一(11-09 用户: 按钮颜色和顶部菜单一致; 右栏不要灰底, 全部白色主题) =====
 * 圆角那段规则写在白色规则后面, 把选中按钮盖成了赛博的半透明青、把右栏格子盖成了深色半透明(白底上看着发灰), 这里按白天主题重新定一遍。 */
.yg.lite.round{--menu:linear-gradient(145deg,#12c8b6,#007d79)}
/* 选中 / 主按钮: 全部用顶部菜单当前项的青绿渐变 + 白字 */
.yg.lite.round :is(.filter,.subnav) button.active,
.yg.lite.round .custommenu button.active,
.yg.lite.round .primary,.yg.lite.round .primary.wide,.yg.lite.round .plus{background:var(--menu);border-color:transparent;color:#fff;box-shadow:0 3px 9px rgba(0,167,155,.27);text-shadow:none}
.yg.lite.round .primary:hover,.yg.lite.round .game:hover .primary,.yg.lite.round .plus:hover{background:linear-gradient(145deg,#1ad6c3,#008a86)}
.yg.lite.round .game.soon .primary{background:#eef2f6;border-color:#dfe7ef;color:var(--muted);box-shadow:none}
/* 没选中的按钮 / 格子: 白底 + 浅灰蓝边, 悬停青绿边 */
.yg.lite.round :is(.side,.panel,.game,.event,.listrow,.filter button:not(.active),.subnav button:not(.active),.asset,.shortcut,.priv,.item,.back,.custommenu button:not(.active)){background:#fff;border:1px solid #dfe7ef;color:var(--text)}
.yg.lite.round :is(.filter button,.subnav button,.shortcut,.priv,.item,.back,.custommenu button,.game):not(.active):hover{border-color:#13b3a6}
.yg.lite.round .side{border-color:#dfe7ef;box-shadow:0 5px 17px rgba(29,54,86,.1)}
.yg.lite.round .item.selected{background:#e8f7f4;border-color:#13b3a6;box-shadow:none}
.yg.lite.round .status{color:#0a9e88;border-color:#bfe9e1;background:#e8f7f4}
.yg.lite.round .status.off{color:var(--muted);border-color:#dfe7ef;background:#fff}
.yg.lite.round .tasktitle{background:#fff;border:1px solid #dfe7ef;border-left:3px solid #13b3a6}
.yg.lite.round .level span{background:var(--menu);border-color:transparent;color:#fff}
.yg.lite.round .avatar{background:#fff;box-shadow:0 0 0 2px #13b3a6}
.yg.lite.round .nav a[aria-current]::before{background:var(--menu);border-color:transparent}
.yg.lite.round .shortcut i{color:#0b8f87}
/* 头像框里不放背景图, 只放玩家的头像 */
.yg .avatar{background-image:none}

/* ===== 游客标签 + 游客模式卡(11-09 用户: 进大厅默认游客号, 要让玩家知道是游客, 并引导注册 / 登录, 有高级感不啰嗦) ===== */
.yg .guesttag{display:inline-block;margin:4px 0 6px;padding:1px 10px;border-radius:9px;font-size:13px;font-weight:800;color:#bfefff;background:rgba(25,230,255,.14);box-shadow:inset 0 0 0 1px rgba(25,230,255,.45)}
.yg .guestcard{position:relative;margin-top:14px;padding:14px 14px 12px;border-radius:14px;overflow:hidden;
  background:linear-gradient(150deg,rgba(255,200,61,.14),rgba(25,230,255,.08) 55%,rgba(10,22,48,.4));box-shadow:inset 0 0 0 1px rgba(255,200,61,.45)}
.yg .guestcard::before{content:'';position:absolute;inset:-40% -60%;background:linear-gradient(115deg,transparent 45%,rgba(255,230,150,.22) 50%,transparent 55%);animation:yg-shine 5s ease-in-out infinite;pointer-events:none}
@keyframes yg-shine{0%,60%{transform:translateX(-35%)}100%{transform:translateX(35%)}}
.yg .gc-top{display:flex;align-items:center;gap:10px}
.yg .gc-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(180deg,#ffe07a,#ffc83d 55%,#ff9f1a);box-shadow:0 4px 12px rgba(255,170,40,.35)}
.yg .gc-ico svg{width:22px;height:22px;fill:none;stroke:#5a3500;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.yg .gc-top b{display:block;font-size:16px;font-weight:900;color:#ffd970;letter-spacing:.5px}
.yg .gc-top small{display:block;font-size:12px;color:var(--muted)}
.yg .guestcard p{position:relative;margin:10px 0 12px;font-size:13px;line-height:1.5;color:var(--text)}
.yg .gc-acts{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.yg .gc-acts .primary{text-align:center;padding:9px 10px;border:0;background:linear-gradient(180deg,#ffe07a,#ffc83d 55%,#ff9f1a);color:#4a2c00;box-shadow:0 4px 14px rgba(255,170,40,.35)}
.yg.round .gc-acts .primary{border-radius:25px}
.yg .gc-login{padding:9px 10px;border-radius:25px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);font-weight:800;color:var(--text)}
.yg .gc-login:hover{border-color:var(--cyan)}
/* 白天主题 */
.yg.lite .guesttag{color:#0b8f87;background:#e8f7f4;box-shadow:inset 0 0 0 1px #bfe9e1}
.yg.lite .guestcard{background:linear-gradient(150deg,#fff8e6,#fff 60%);box-shadow:inset 0 0 0 1px #f3d58a}
.yg.lite .gc-top b{color:#b7790b}
.yg.lite .guestcard p{color:var(--text)}
.yg.lite .gc-login{border-color:#dfe7ef;background:#fff;color:var(--text)}
.yg.lite.round .gc-acts .primary{background:linear-gradient(180deg,#ffe07a,#ffc83d 55%,#ff9f1a);color:#4a2c00}
@media (prefers-reduced-motion:reduce){.yg .guestcard::before{animation:none;display:none}}

/* ===== 11-09 右栏细节(用户): 标签缩小、游客标签和 Lv 有间隔、加号居中、快捷图标统一亮色 ===== */
.yg .pinfo{min-width:0;flex:1}
.yg .badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:5px 0 7px}
.yg .badges>*{margin:0;font-size:12px;line-height:18px;padding:0 8px;border-radius:6px;font-weight:800}
.yg .badges .vip{clip-path:none}
.yg .badges .lv{color:var(--cyan);background:rgba(25,230,255,.12);box-shadow:inset 0 0 0 1px rgba(25,230,255,.5)}
.yg .badges .guesttag{display:inline-block}
.yg .badges [hidden]{display:none}
.yg .level{gap:8px;font-size:12px}
.yg .username{font-size:20px}
/* 加号: 两根短条画出来, 正中 */
.yg .plus{position:relative;font-size:0;line-height:0;padding:0;
  background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(180deg,var(--cyan),var(--cyan2));background-size:14px 2.6px,2.6px 14px,100% 100%;background-position:center,center,0 0;background-repeat:no-repeat}
/* 快捷图标: 矢量线稿, 黑夜亮青发光 / 白天绿色 */
.yg .shortcut i{display:grid;place-items:center;width:34px;height:34px;margin:0 0 6px;filter:none}
.yg .shortcut i svg{width:30px;height:30px;fill:none;stroke:var(--cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(25,230,255,.65))}
.yg.lite .shortcut i svg{stroke:#12a67a;filter:none}
.yg.lite .badges .lv{color:#fff;background:linear-gradient(145deg,#12c8b6,#007d79);box-shadow:none}
.yg.lite.round .plus{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(145deg,#12c8b6,#007d79)}
.yg .shortcut i.emo{font-size:30px;font-style:normal;line-height:1;filter:drop-shadow(0 0 6px rgba(255,200,61,.45))} /* 我的礼包用回 🎁(11-09 用户: 之前那个更好看) */
.yg.lite .shortcut i.emo{filter:none}
.yg .shortcut i.emo{display:block;width:auto;height:auto}
.yg .nav a span[aria-hidden],.yg .topicons a{font-size:18px}

/* ===== 彩色图标(Fluent Emoji 3D, uwgame/icons/*.webp): 默认跟文字一样大, 各处再定尺寸 ===== */
.yg .ico{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;object-fit:contain}
.yg .ico.big{width:34px;height:34px;vertical-align:middle}
.yg .nav a .ico{width:22px;height:22px}
.yg .tico{display:grid;place-items:center;border:0;background:none;padding:0}
.yg .tico .ico,.yg .themebtn .ico{width:26px;height:26px}
.yg .themebtn{display:grid;place-items:center;border:0;background:none;padding:0}
.yg :is(.filter,.subnav) button .ico{width:24px;height:24px}
.yg .custommenu button .ico{width:22px;height:22px;margin-right:2px}
.yg .ib-item .ico{width:20px;height:20px}
.yg .hero .symbol .ico{width:110px;height:110px}
.yg .eventart .ico{width:86px;height:86px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.yg .priv .ico.big{display:block;width:40px;height:40px;margin:0 auto 10px}
.yg .shortcut .ico.big{width:36px;height:36px;margin-bottom:6px}
.yg .taskname .ico{width:20px;height:20px}
.yg .asset .ico{width:24px;height:24px;margin-right:4px}
.yg .pod .ico.big{width:44px;height:44px}
.yg .rankrow .ico{width:22px;height:22px;vertical-align:-5px}
/* 右栏用户信息三行(11-09 用户): 名字 / VIP(带皇冠, 正式账号)或「游客」 / Lv + 能量条 —— 标签用回之前的样子 */
.yg .vipline{margin:5px 0 7px}
.yg .vipline [hidden]{display:none!important}
.yg .vipline .vip{display:inline-block;margin:0;padding:2px 12px;border-radius:9px;font-size:14px;font-weight:900;color:#4a2c00;background:linear-gradient(180deg,#ffe07a,#ffc83d 55%,#ff9f1a);clip-path:none}
.yg .vipline .guesttag{display:inline-block;margin:0;padding:2px 12px;font-size:14px}
.yg .level{display:flex;align-items:center;gap:8px;font-size:13px}
.yg .level .lv{flex:none;padding:1px 8px;border-radius:7px;font-size:13px;font-weight:800;color:var(--cyan);background:rgba(25,230,255,.12);box-shadow:inset 0 0 0 1px rgba(25,230,255,.5)}
.yg.lite .level .lv{color:#fff;background:linear-gradient(145deg,#12c8b6,#007d79);box-shadow:none}
/* ===== 右栏用户信息(照 temp/1410.png): 头像 | 名字 + 右上编辑 / 皇冠 VIP 牌 / Lv 胶囊 + 能量条 + 百分比 ===== */
.yg .profile{position:relative;align-items:center;gap:14px}
.yg .profile .avatar{width:78px;height:78px}
.yg .pinfo{flex:1;min-width:0;padding-right:40px}
.yg .profile .username{display:flex;align-items:center;gap:8px;min-width:0;font-size:22px;font-weight:900;line-height:1.25}
.yg .uname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yg .username .guesttag{flex:none;margin:0;padding:1px 9px;font-size:12px;line-height:18px}
.yg .username .guesttag[hidden],.yg .vipline[hidden]{display:none!important}
.yg .vipline{margin:7px 0 0}
.yg .vipline .vip{display:inline-flex;align-items:center;gap:5px;margin:0;padding:3px 12px 3px 9px;border-radius:8px;font-size:15px;font-weight:900;line-height:1.3;clip-path:none;
  color:#8a5600;background:linear-gradient(180deg,#fff3c4,#ffe08a);box-shadow:inset 0 0 0 1px rgba(214,150,20,.45)}
.yg .vipline .vip .ico{width:20px;height:20px;vertical-align:0}
.yg .profile .level{display:flex;align-items:center;gap:10px;margin-top:9px}
.yg .profile .level .lv{flex:none;padding:2px 10px;border-radius:999px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(145deg,#12c8b6,#007d79);box-shadow:none}
.yg .profile .progress{height:12px;border-radius:999px}
.yg .profile .progress i{border-radius:999px;background:linear-gradient(90deg,#0fb5a8,#12c8b6)}
.yg .profile .pct{flex:none;font-size:14px;color:var(--muted)}
.yg .pedit{position:absolute;right:0;top:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .2s}
.yg .pedit:hover{background:rgba(25,230,255,.18)}
.yg .pedit svg{width:18px;height:18px;fill:none;stroke:var(--text);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.yg.lite .pedit{background:#eef2f6;box-shadow:none}
.yg.lite .pedit:hover{background:#e3f4f1}
.yg.lite .pedit svg{stroke:#3b4a5e}
.yg.lite .profile .progress{background:#e3e9ef}
/* 修(11-09 用户截图 temp/1914.png): 白天主题旧规则把 .level 里所有 span 都画成胶囊, 连 68% 也成了胶囊、能量条被挤短 → 只给 Lv 胶囊; 加号的两根短条尺寸被白天主题的 background 简写重置成铺满 → 钉死 */
.yg .profile .level .pct{padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--muted)!important;font-weight:700}
.yg .profile .progress{flex:1;min-width:60px}
.yg .plus,.yg.lite.round .plus{background-size:14px 2.6px,2.6px 14px,100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
/* 用户信息排版(11-09 用户): 头像上下分别对齐名字顶边和 Lv 标签底边(头像随右边三行拉伸, 保持正圆); 只有名字行给编辑按钮让位, Lv 行占满 → 68% 和编辑按钮右边对齐、能量条更长; Lv / 能量条圆角和 VIP 一样小 */
.yg .profile{align-items:stretch}
.yg .profile .avatar{align-self:stretch;width:auto;height:auto;aspect-ratio:1/1;min-width:0}
.yg .pinfo{padding-right:0;display:flex;flex-direction:column;justify-content:space-between}
.yg .profile .username{padding-right:44px;line-height:1.2}
.yg .profile .level{margin-top:8px}
.yg .profile .level .lv{border-radius:8px;line-height:1.3}
.yg .profile .progress,.yg .profile .progress i{border-radius:4px}
.yg .profile .pct{min-width:2.6em;text-align:right}
/* 余额两行 + 快捷四格(11-09 用户): 不要线框, 浅灰底; 黑夜主题同理用半透明亮底 */
.yg .asset,.yg .shortcut{border:0!important;box-shadow:none!important;background:rgba(255,255,255,.06)!important}
.yg .shortcut:hover{background:rgba(255,255,255,.11)!important}
.yg .asset::before,.yg .asset::after,.yg .shortcut::before,.yg .shortcut::after{display:none!important}
.yg.lite .asset,.yg.lite .shortcut{background:#f2f5f8!important}
.yg.lite .shortcut:hover{background:#e8edf3!important}
/* 用户信息排版定稿(11-09, 截图核对过): 右边三行固定高度 名字 28 + VIP 26 + Lv 24 + 两个间距 8 = 94, 头像就是 94×94 ——
 * 头像上沿 = 名字顶边, 下沿 = Lv 标签底边。(上一版让头像按高度算宽度, 在这个布局里会无限变大, 把右边挤没了) */
.yg .profile{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:start;gap:14px}
.yg .profile .avatar{align-self:start;width:94px;height:94px;aspect-ratio:auto}
.yg .pinfo{display:grid;grid-template-rows:28px 26px 24px;row-gap:8px;min-width:0}
.yg .profile .username{height:28px;line-height:28px;padding-right:40px}
.yg .profile .vipline{margin:0;height:26px;display:flex;align-items:center}
.yg .vipline .vip{height:26px;padding:0 12px 0 9px;line-height:26px}
.yg .profile .level{margin:0;height:24px}
.yg .profile .level .lv{height:24px;line-height:24px;padding:0 10px}
.yg .pedit{top:-3px;width:34px;height:34px}
/* 能量条再长一点: Lv 标签收紧、间距小一点 */
.yg .profile .level{gap:7px}
.yg .profile .level .lv{padding:0 7px;font-size:13px}
.yg .profile .pct{min-width:0;font-size:13px}
.yg .profile .level{width:100%;margin:0!important;justify-self:stretch}
/* 11-09 用户: 名字不用大字; VIP 和 Lv 标签一样高(24); 三行 24+24+24+8+8 = 88 → 头像 88×88(上下仍对齐) */
.yg .profile{grid-template-columns:88px minmax(0,1fr)}
.yg .profile .avatar{width:88px;height:88px}
.yg .pinfo{grid-template-columns:minmax(0,1fr);grid-template-rows:24px 24px 24px} /* 列宽钉满(之前按名字长短变, 偶尔窄 9px) */
.yg .profile .username{height:24px;line-height:24px;font-size:16px;font-weight:800}
.yg .profile .vipline{height:24px}
.yg .vipline .vip{height:24px;line-height:24px;padding:0 10px 0 7px;font-size:13px;border-radius:8px}
.yg .vipline .vip .ico{width:17px;height:17px}
.yg .profile .level .lv{height:24px;line-height:24px}
.yg .pedit{top:-5px}
/* 加号: 改成按钮里的矢量「+」, 正中; 悬停只提亮(之前悬停把背景重置成一条横杠, 看着像减号) */
.yg .plus,.yg.lite.round .plus{display:grid;place-items:center;padding:0;font-size:0;background-image:linear-gradient(180deg,var(--cyan),var(--cyan2))!important;background-size:100% 100%!important;transition:filter .15s}
.yg.lite .plus,.yg.lite.round .plus{background-image:linear-gradient(145deg,#12c8b6,#007d79)!important}
.yg .plus:hover,.yg.lite.round .plus:hover{filter:brightness(1.12)}
.yg .plus svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round}

/* ===== 11-09 赛事中心 / 任务中心 / 好友邀请 / 排行榜(重做) —— 按页面一直带的 .round 写圆角; 颜色用皮肤变量, 白天(.lite)只补差异 ===== */
.yg .ctile{background:var(--panel);border:1px solid var(--edge);border-radius:15px}
/* 赛事: 头条大卡 + 卡片网格 + 征集中的项目 */
.yg .cupfeat{position:relative;display:grid;align-content:center;gap:8px;min-height:200px;padding:26px 30px;border-radius:16px;overflow:hidden;color:#fff;border:1px solid var(--cyan);
  background:linear-gradient(90deg,rgba(5,12,34,.94),rgba(5,12,34,.6) 55%,rgba(5,12,34,.2)),var(--art,none) right center/cover no-repeat,linear-gradient(135deg,var(--c2),var(--c1))}
.yg .cupfeat h2{margin:0;font:900 34px/1.15 "Microsoft YaHei",Inter,sans-serif;letter-spacing:1px}
.yg .cupfeat p{margin:0;max-width:560px;color:rgba(255,255,255,.82)}
.yg .cupfeat .primary{justify-self:start;margin-top:6px;border-radius:999px;padding:9px 22px}
.yg .cf-pool{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:16px;background:rgba(5,12,34,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,200,61,.45)}
.yg .cf-pool .ico{width:64px;height:64px}
.yg .cf-pool span span{display:block;font-size:13px;color:rgba(255,255,255,.7)}
.yg .cf-pool b{font:900 30px/1.1 Inter,Arial,sans-serif;color:var(--gold)}
.yg .cf-st{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(43,221,123,.2);color:#6ff3ad}
.yg .cf-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.yg .cf-st.is-live{background:rgba(255,90,90,.22);color:#ff9d9d}
.yg .cf-st.is-live i{animation:uwtPulse 1.4s infinite}
.yg .cf-st.is-soon{background:rgba(255,200,61,.2);color:var(--gold)}
@keyframes uwtPulse{50%{opacity:.25}}
.yg .cupgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.yg .cupcard{display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--edge);border-radius:15px;transition:border-color .2s,transform .2s}
.yg .cupcard:hover{border-color:var(--cyan);transform:translateY(-2px)}
.yg .cc-art{position:relative;height:118px;display:grid;place-items:center;background:linear-gradient(180deg,transparent 40%,rgba(5,12,34,.55)),var(--art,none) center/cover no-repeat,linear-gradient(135deg,var(--c1),var(--c2))}
.yg .cc-art .ico.big{width:64px;height:64px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.yg .cc-art .cf-st{position:absolute;left:12px;top:12px;background:rgba(5,12,34,.6)}
.yg .cc-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}
.yg .cc-tag{font-size:12px;font-weight:700;color:var(--cyan)}
.yg .cupcard h3{margin:0;font-size:18px;line-height:1.3}
.yg .cupcard h3 a:hover{color:var(--cyan)}
.yg .cc-when{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:13px;line-height:1.45;color:var(--muted)}
.yg .cc-when .ico{width:16px;height:16px;margin-top:1px}
.yg .cc-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto;padding:10px;border-radius:12px;background:rgba(25,230,255,.07)}
.yg .cc-meta>span{display:grid;gap:2px;font-size:12px;color:var(--muted)}
.yg .cc-meta b{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text);white-space:nowrap}
.yg .cc-acts{display:flex;gap:8px}
.yg .cc-acts>*{flex:1;text-align:center;border-radius:999px!important}
.yg .ideas{margin-top:18px;padding:18px 20px}
.yg .ideas h3{display:flex;align-items:center;gap:8px;margin:0 0 4px}
.yg .ideagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px}
.yg .idea{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:12px;border-radius:12px;background:rgba(25,230,255,.06);border:1px dashed var(--edge)}
.yg .ideaem{grid-row:span 2;font-size:28px;line-height:1}
.yg .idea b{font-size:14px}
.yg .idea>span:last-child{font-size:12px;line-height:1.5;color:var(--muted)}
/* 任务中心 */
.yg .taskhero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:22px 24px;margin-bottom:16px;border-radius:16px;border:1px solid var(--cyan);
  background:radial-gradient(circle at 90% 0,rgba(255,200,61,.22),transparent 45%),linear-gradient(120deg,rgba(25,230,255,.18),rgba(10,22,48,.85))}
.yg .taskhero h2{display:flex;align-items:center;gap:10px;margin:0;font-size:24px}
.yg .taskhero h2 .ico{width:34px;height:34px}
.yg .taskhero p{margin:4px 0 0;color:var(--muted);font-size:14px}
.yg .th-stats{display:flex;gap:10px}
.yg .th-stats>span{display:grid;gap:2px;min-width:104px;padding:9px 14px;border-radius:12px;background:rgba(5,12,34,.35);font-size:12px;color:var(--muted)}
.yg .th-stats b{display:flex;align-items:center;gap:5px;font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}
.yg .taskhero .primary{border-radius:999px;padding:11px 22px;font-size:15px}
.yg .primary:disabled{opacity:.45;cursor:default;filter:grayscale(.4)}
.yg .tasklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.yg .trow{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--edge)}
.yg .trow.is-done{border-color:rgba(43,221,123,.55)}
.yg .tico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(25,230,255,.1)}
.yg .tico .ico.big{width:34px;height:34px}
.yg .tmain{display:grid;gap:3px;min-width:0}
.yg .tmain b{font-size:15px}
.yg .tmain .taskrow{display:flex;align-items:center;gap:10px;margin-top:4px}
.yg .tmain .progress{flex:1}
.yg .tnum{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.yg .treward{display:flex;align-items:center;gap:4px;font-weight:900;color:var(--gold);white-space:nowrap}
.yg .trow :is(.back,.primary){min-width:84px;text-align:center;border-radius:999px;padding:8px 14px;font-size:14px}
.yg .tdone{display:flex;align-items:center;gap:4px;min-width:84px;justify-content:center;font-size:13px;font-weight:800;color:#2bdd7b}
.yg .tdone .ico{width:18px;height:18px}
.yg .tnote{margin:14px 2px 0}
/* 好友邀请 */
.yg #invite{position:relative}
.yg .invhero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px;border-radius:16px;border:1px solid var(--cyan);
  background:radial-gradient(circle at 100% 0,rgba(255,122,182,.25),transparent 45%),linear-gradient(120deg,rgba(25,230,255,.16),rgba(10,22,48,.85))}
.yg .invhero h2{display:flex;align-items:center;gap:10px;margin:0;font-size:24px}
.yg .invhero h2 .ico{width:36px;height:36px}
.yg .invhero>div>p{margin:6px 0 16px;color:var(--muted);font-size:14px}
.yg .ih-code{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.yg .ih-code b{font:900 30px/1 Inter,Arial,sans-serif;letter-spacing:3px;color:var(--gold)}
.yg .ih-code .back{padding:6px 14px;border-radius:999px;font-size:13px}
.yg .ih-link{display:flex;gap:8px;max-width:620px}
.yg .ih-link input{flex:1;min-width:0;padding:10px 14px;border-radius:999px;border:1px solid var(--edge);background:rgba(5,12,34,.45);color:var(--text);font:inherit;font-size:14px}
.yg .ih-link .primary{border-radius:999px;padding:10px 18px}
.yg .ih-stats{display:flex;gap:10px}
.yg .ih-stats>span{display:grid;justify-items:center;gap:2px;min-width:96px;padding:14px 10px;border-radius:14px;background:rgba(5,12,34,.4);font-size:12px;color:var(--muted)}
.yg .ih-stats b{font:900 26px/1.1 Inter,Arial,sans-serif;color:var(--text)}
.yg .invtiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.yg .itier{display:grid;justify-items:center;gap:6px;padding:18px 16px;border-radius:15px;text-align:center;background:var(--panel);border:1px solid var(--edge)}
.yg .itier.is-done{border-color:var(--gold);box-shadow:0 0 16px rgba(255,200,61,.25)}
.yg .itier .ico.big{width:54px;height:54px}
.yg .itier .small b{font-size:18px;color:var(--text)}
.yg .istars{display:flex;align-items:center;gap:6px;font:900 24px/1.2 Inter,Arial,sans-serif;color:var(--gold)}
.yg .itier .progress{width:100%}
.yg .itier .primary{width:100%;border-radius:999px;padding:9px}
.yg .invgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px}
.yg .invgrid .panel{padding:18px 20px}
.yg .invgrid h3{margin:0 0 10px}
.yg .invrules{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;color:var(--muted)}
.yg .rec{display:grid;grid-template-columns:1fr 110px 120px;gap:10px;padding:9px 4px;border-bottom:1px solid var(--edge);font-size:14px}
.yg .rec.head{color:var(--cyan);font-weight:800;font-size:13px}
.yg .rec .ok{color:#2bdd7b;font-weight:800}
.yg .rec .wait{color:var(--muted)}
.yg #invite.is-locked>:not(.invlock){filter:blur(3px);opacity:.45;pointer-events:none;user-select:none}
.yg .invlock{position:absolute;left:50%;top:150px;transform:translateX(-50%);z-index:2;display:grid;justify-items:center;gap:8px;width:min(360px,90%);padding:26px 24px;border-radius:18px;text-align:center;background:var(--panel2,var(--panel));border:1px solid var(--cyan);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.yg .invlock .ico.big{width:60px;height:60px}
.yg .invlock b{font-size:18px}
.yg .invlock p{margin:0}
.yg .invlock .primary{border-radius:999px;padding:10px 34px}
.yg .invlock-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--muted);font-size:20px;line-height:1;transition:background .2s,color .2s}
.yg .invlock-x:hover,.yg .invlock-x:focus-visible{background:rgba(255,255,255,.16);color:var(--text)}
.yg .invlock-later{border:0;background:none;padding:4px 10px;font-size:13px;color:var(--muted)}
.yg .invlock-later:hover,.yg .invlock-later:focus-visible{color:var(--text);text-decoration:underline}
.yg.lite .invlock-x{background:#eef3f6}.yg.lite .invlock-x:hover{background:#e2eaef}
/* 排行榜: 榜单 + 周期 / 领奖台(头像 + 奖杯 + 台阶) / 列表 / 我的排名 */
.yg .rankhead{display:flex;align-items:center;gap:14px}
.yg .rankhead .subnav{flex:1}
.yg .seg{display:flex;padding:4px;border-radius:999px;background:var(--panel);border:1px solid var(--edge)}
.yg .seg button{padding:8px 16px;border:0;border-radius:999px;background:none;font-weight:800;font-size:14px;color:var(--muted)}
.yg .seg button.on{color:#fff;background:linear-gradient(145deg,rgba(25,230,255,.7),rgba(0,125,190,.7))}
.yg .rankstage{position:relative;padding:20px 20px 0;border-radius:16px 16px 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 0,rgba(255,200,61,.25),transparent 60%),linear-gradient(180deg,rgba(25,230,255,.1),transparent);border:1px solid var(--edge);border-bottom:0}
.yg .rankstage .podium{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;align-items:end;gap:18px;height:auto;margin:0}
.yg .rpod{display:grid;justify-items:center;gap:4px;text-align:center}
.yg .pava{position:relative;display:grid;place-items:center;margin-bottom:4px}
.yg .pring{display:block;width:84px;height:84px;border-radius:50%;overflow:hidden;padding:3px;background:linear-gradient(145deg,#e6edf7,#9fb0c8)}
.yg .pring>svg,.yg .pring>*{width:100%;height:100%;border-radius:50%;background:#1b2c4f;display:block}
.yg .rpod.is-gold .pring{width:104px;height:104px;background:linear-gradient(145deg,#fff1b0,#f2b52a 50%,#b87a0c);box-shadow:0 0 24px rgba(255,200,61,.55)}
.yg .rpod.is-bronze .pring{background:linear-gradient(145deg,#ffd2b0,#c87a45)}
.yg .pcrown{position:absolute;top:-30px;left:50%;width:44px!important;height:44px!important;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.yg .pmedal{position:absolute;right:-12px;bottom:-6px;width:38px!important;height:38px!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.yg .rpod.is-gold .pmedal{width:46px!important;height:46px!important}
.yg .pname{font-size:16px;color:var(--text)}
.yg .rpod .vip{width:max-content;margin:0}
.yg .pval{font:900 20px/1.2 Inter,Arial,sans-serif;color:var(--gold)}
.yg .preward{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800;color:var(--gold);background:rgba(255,200,61,.12)}
.yg .pbase{width:100%;margin-top:8px;display:grid;place-items:center;border-radius:14px 14px 0 0;font:900 40px/1 Inter,Arial,sans-serif;color:rgba(255,255,255,.9);text-shadow:0 2px 6px rgba(0,0,0,.35)}
.yg .rpod.is-gold .pbase{height:96px;background:linear-gradient(180deg,#f7c948,#c58912)}
.yg .rpod.is-silver .pbase{height:70px;background:linear-gradient(180deg,#c9d6ea,#8193b1)}
.yg .rpod.is-bronze .pbase{height:54px;background:linear-gradient(180deg,#eaa274,#a95f30)}
.yg .ranklist{padding:6px 10px 10px;border-radius:0 0 15px 15px!important}
.yg .ranklist .rankrow{grid-template-columns:90px minmax(0,1fr) 150px 120px}
.yg .rno{display:flex;align-items:center;gap:8px;font:900 17px/1 Inter,Arial,sans-serif;color:var(--text)}
.yg .rno i{font-style:normal;font-size:11px;font-weight:800}
.yg .rno .up{color:#2bdd7b}.yg .rno .down{color:#ff6b6b}.yg .rno .same{color:var(--muted)}
.yg .rp{display:flex;align-items:center;gap:10px;min-width:0}
.yg .rp>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yg .rava{flex:none;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#1b2c4f;box-shadow:0 0 0 2px var(--edge)}
.yg .rava>*{width:100%;height:100%;display:block}
.yg .rp .vip{width:max-content;margin:0;font-size:11px}
.yg .myrank{position:sticky;bottom:12px;z-index:3;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;margin-top:14px;padding:12px 18px;border-radius:15px;background:var(--panel2,var(--panel));border:1px solid var(--cyan);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.yg .mr-ava{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#1b2c4f;box-shadow:0 0 0 2px var(--cyan)}
.yg .mr-ava>*{width:100%;height:100%;display:block}
.yg .myrank>div{display:grid}
.yg .myrank [data-mr-rank] b{font-size:18px;color:var(--gold)}
.yg .mr-val{justify-self:end;font-size:13px;color:var(--muted)}
.yg .mr-val b{font-size:18px;color:var(--text)}
.yg .mr-tip{grid-column:1/-1;margin:-4px 0 0}
/* 白天 */
.yg.lite .cupfeat .cf-st{background:rgba(255,255,255,.18)}
.yg.lite .cc-meta,.yg.lite .idea,.yg.lite .tico{background:#f0f6f8}
.yg.lite .taskhero,.yg.lite .invhero{border-color:rgba(19,179,166,.5);background:radial-gradient(circle at 90% 0,rgba(255,200,61,.22),transparent 45%),linear-gradient(120deg,#e3f7f4,#fff)}
.yg.lite .th-stats>span,.yg.lite .ih-stats>span{background:#fff;box-shadow:0 2px 8px rgba(29,54,86,.08)}
.yg.lite .ih-link input{background:#fff}
.yg.lite .cupcard,.yg.lite .trow,.yg.lite .itier{filter:drop-shadow(0 4px 10px rgba(29,54,86,.06))}
.yg.lite .seg button.on{background:linear-gradient(145deg,#15c5b4,#007d79)}
.yg.lite .rankstage{background:radial-gradient(ellipse at 50% 0,rgba(255,200,61,.3),transparent 60%),linear-gradient(180deg,#e6f7f4,#fff)}
.yg.lite .pring>*,.yg.lite .rava,.yg.lite .mr-ava{background:#e3eef5}
.yg.lite .rava>*,.yg.lite .pring>svg{background:#e3eef5}
.yg.lite .myrank{background:#fff;box-shadow:0 10px 26px rgba(29,54,86,.15)}
.yg.lite .invlock{background:#fff;box-shadow:0 20px 50px rgba(29,54,86,.2)}
.yg.lite .rno{color:var(--text)}
@media (max-width:1100px){.yg .tasklist,.yg .invgrid{grid-template-columns:1fr}.yg .taskhero,.yg .invhero{grid-template-columns:1fr}.yg .cf-pool{position:static;transform:none;justify-self:start}}
@media (max-width:640px){.yg .invtiers{grid-template-columns:1fr}.yg .rankhead{flex-direction:column;align-items:stretch}.yg .rankstage .podium{gap:8px}.yg .pring{width:60px;height:60px}.yg .rpod.is-gold .pring{width:74px;height:74px}.yg .ranklist .rankrow{grid-template-columns:60px minmax(0,1fr) 90px}.yg .ranklist .rankrow>:last-child{display:none}.yg .trow{grid-template-columns:44px minmax(0,1fr) auto}.yg .trow .treward{grid-column:2}}
.yg [hidden]{display:none!important} /* 按钮 / 标签自己的 display 会盖掉 hidden(任务的「领取 / 已领取」) */
.yg .ideaem .ico{width:30px;height:30px}
.yg .cc-acts>*{min-width:0;padding:8px 10px!important;font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .cc-meta>span{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;line-height:1.3}
.yg .myrank{background:#0d1d3c}
.yg.lite .myrank{background:#fff}

/* ===== 11-10 赛事海报卡(.cposter, 替换 11-09 的 .cupcard; 旧版 backup/uwgame-20261110-cupcards/) ===== */
.yg .cupwall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;grid-auto-flow:dense}
.yg .cposter{--line:rgba(255,255,255,.1);position:relative;display:flex;flex-direction:column;min-height:420px;border-radius:20px;overflow:hidden;isolation:isolate;color:#fff;
  background:linear-gradient(180deg,#0e1b38,#0a1428);box-shadow:0 0 0 1px var(--line),0 18px 40px -22px rgba(0,0,0,.8);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.yg .cposter:hover{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb,var(--c1) 70%,transparent),0 26px 50px -20px color-mix(in srgb,var(--c1) 45%,transparent)}
.yg .cposter.is-live{--line:rgba(255,120,120,.45)}
.yg .cp-art{position:relative;display:block;height:210px;overflow:hidden;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--c1) 85%,#fff 0%),transparent 60%),linear-gradient(135deg,var(--c1),var(--c2))}
.yg .cp-art img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.yg .cposter:hover .cp-art img,.yg .cposter:hover .cp-emblem{transform:scale(1.06)}
.yg .cp-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,28,.25) 0,transparent 30%,transparent 55%,#0e1b38 100%)}
.yg .no-art .cp-art::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 2px,transparent 2px 22px),radial-gradient(circle at 50% 55%,rgba(255,255,255,.35),transparent 45%)}
.yg .cp-emblem{position:absolute;left:50%;top:46%;width:112px!important;height:112px!important;margin:-56px 0 0 -56px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.yg .cp-top{position:absolute;left:14px;right:14px;top:14px;z-index:2;display:flex;justify-content:space-between;gap:8px}
.yg .cp-top .cf-st{background:rgba(6,12,28,.62);backdrop-filter:blur(6px)}
.yg .cp-tag{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.92);background:rgba(6,12,28,.45);backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .cp-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;flex:1;padding:0 20px 18px;margin-top:-34px}
.yg .cp-plate{align-self:flex-start;display:grid;gap:1px;padding:8px 16px 9px;border-radius:14px;background:linear-gradient(180deg,rgba(20,18,10,.82),rgba(10,10,6,.86));box-shadow:inset 0 0 0 1px rgba(255,210,110,.55),0 10px 24px -10px rgba(0,0,0,.7);backdrop-filter:blur(8px)}
.yg .cp-plate small{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,228,160,.75)}
.yg .cp-plate b{display:flex;align-items:center;gap:7px;font:900 26px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.01em;background:linear-gradient(180deg,#fff7d1,#f6c453 55%,#d48d14);-webkit-background-clip:text;background-clip:text;color:transparent}
.yg .cp-plate .coin{width:20px;height:20px}
.yg .cp-name{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:.01em}
.yg .cp-format{font-size:14px;color:rgba(255,255,255,.75)}
.yg .cp-when{display:flex;gap:7px;align-items:flex-start;font-size:13px;line-height:1.5;color:rgba(214,226,245,.72)}
.yg .cp-when .ico{width:15px;height:15px;margin-top:2px;flex:none}
.yg .cp-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.yg .cp-fee{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--gold)}
.yg .cp-fee.is-free{padding:3px 10px;border-radius:999px;color:#7ff0bd;background:rgba(43,221,123,.12)}
.yg .cp-ppl{display:flex;align-items:center;gap:7px;font-size:13px;color:rgba(214,226,245,.8)}
.yg .cp-avas{display:flex}
.yg .cp-avas i{width:24px;height:24px;border-radius:50%;overflow:hidden;background:#1b2c4f;box-shadow:0 0 0 2px #0e1b38}
.yg .cp-avas i+i{margin-left:-8px}
.yg .cp-avas i>*{width:100%;height:100%;display:block}
.yg .cp-go{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .3s,transform .3s}
.yg .cp-go svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.yg .cposter:hover .cp-go{background:linear-gradient(135deg,#ffe08a,#f2a51f);transform:translateX(3px)}
.yg .cposter:hover .cp-go svg{stroke:#3a2400}
/* 进行中的头牌: 横跨两格, 左文右图 */
.yg .cposter.is-wide{grid-column:span 2;flex-direction:row}
.yg .is-wide .cp-art{position:absolute;inset:0 0 0 38%;height:auto}
.yg .is-wide .cp-art::after{background:linear-gradient(90deg,#0e1b38 0,rgba(14,27,56,.6) 22%,transparent 55%),linear-gradient(0deg,rgba(14,27,56,.7),transparent 40%)}
.yg .is-wide .cp-body{max-width:56%;margin:0;padding:64px 30px 24px;justify-content:flex-start}
.yg .is-wide .cp-name{font-size:30px}
.yg .is-wide .cp-plate b{font-size:38px}
.yg .is-wide .cp-plate .coin{width:28px;height:28px}
.yg .is-wide .cp-top{right:auto}
.yg .is-wide .cp-tag{display:none}
/* 最后一格: 更多赛事 */
.yg .cposter.is-more{align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,rgba(25,230,255,.08),rgba(255,200,61,.06));box-shadow:inset 0 0 0 1.5px rgba(25,230,255,.3);border:0}
.yg .cposter.is-more:hover{box-shadow:inset 0 0 0 1.5px var(--cyan)}
.yg .cp-more{display:grid;justify-items:center;gap:8px;padding:24px}
.yg .cp-more .cp-emblem{position:static;margin:0 0 6px;width:76px!important;height:76px!important}
.yg .cp-more strong{font-size:18px}
.yg .cp-more>span{font-size:13px;color:var(--muted)}
/* 白天: 海报仍是深色(插画在深底上更出彩), 只给更多赛事 / 阴影换浅 */
.yg.lite .cposter{box-shadow:0 0 0 1px rgba(15,40,70,.06),0 18px 36px -20px rgba(15,40,70,.45)}
.yg.lite .cposter.is-more{background:linear-gradient(160deg,#e9f8f6,#fff8e6);box-shadow:inset 0 0 0 1.5px rgba(19,179,166,.35)}
.yg.lite .cp-more strong{color:var(--text)}
@media (max-width:1300px){.yg .cupwall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.yg .cupwall{grid-template-columns:1fr}.yg .cposter.is-wide{grid-column:auto;flex-direction:column}.yg .is-wide .cp-art{position:relative;inset:auto;height:210px}.yg .is-wide .cp-body{max-width:none;padding:0 20px 18px;margin-top:-34px}.yg .is-wide .cp-name{font-size:22px}.yg .is-wide .cp-plate b{font-size:28px}}

/* ===== 11-10 排行榜精修(同赛事海报风: 深色舞台 + 聚光 + 金色铭牌 + 金属台阶; 旧版 backup/uwgame-20261110-rank/) ===== */
.yg .rankstage{position:relative;isolation:isolate;padding:26px 28px 0;border:0;border-radius:20px 20px 0 0;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse 60% 70% at 50% 0,rgba(255,196,80,.28),transparent 70%),radial-gradient(circle at 10% 100%,rgba(25,230,255,.16),transparent 45%),linear-gradient(180deg,#101f42,#0a1428 85%);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.yg .rankstage::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1.5px) 0 0/34px 34px;opacity:.12;-webkit-mask:linear-gradient(180deg,#000,transparent 70%);mask:linear-gradient(180deg,#000,transparent 70%)}
.yg .rs-beams{position:absolute;inset:0;z-index:-1;pointer-events:none}
.yg .rs-beams i{position:absolute;top:-40px;left:50%;width:220px;height:520px;transform-origin:50% 0;background:linear-gradient(180deg,rgba(255,232,170,.28),transparent 75%);filter:blur(6px);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}
.yg .rs-beams i:nth-child(1){transform:translateX(-50%) rotate(28deg)}
.yg .rs-beams i:nth-child(2){transform:translateX(-50%)}
.yg .rs-beams i:nth-child(3){transform:translateX(-50%) rotate(-28deg)}
.yg .rs-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.yg .rs-title small{display:block;font-size:11px;font-weight:800;letter-spacing:.28em;color:rgba(255,228,160,.7)}
.yg .rs-title strong{font:900 28px/1.25 "Microsoft YaHei",Inter,sans-serif}
.yg .rs-title em{font-style:normal;font-size:15px;font-weight:700;margin-left:6px;padding:3px 10px;border-radius:999px;vertical-align:5px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}
.yg .rs-info{display:flex;gap:10px;align-items:stretch}
.yg .rs-cd{display:grid;align-content:center;padding:8px 16px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.yg .rs-cd small{font-size:10px;font-weight:700;letter-spacing:.16em;color:rgba(214,226,245,.65)}
.yg .rs-cd b{font:800 20px/1.2 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums}
.yg .rankstage .podium{grid-template-columns:repeat(3,minmax(0,230px));gap:16px}
.yg .rpod{position:relative}
.yg .pname{color:#fff;font-size:17px}
.yg .pring{background:linear-gradient(145deg,#f4f7fb,#9aa8bf 50%,#e8edf5);box-shadow:0 0 0 4px rgba(255,255,255,.06),0 12px 26px -10px rgba(0,0,0,.7)}
.yg .rpod.is-gold .pring{box-shadow:0 0 0 5px rgba(255,200,61,.15),0 0 40px rgba(255,190,60,.55)}
.yg .rpod.is-bronze .pring{background:linear-gradient(145deg,#ffd9b8,#b8693a 50%,#f1b88d)}
.yg .pval{font:900 22px/1.15 Georgia,"Times New Roman",serif;background:linear-gradient(180deg,#fff7d1,#f6c453 55%,#d48d14);-webkit-background-clip:text;background-clip:text;color:transparent}
.yg .rpod.is-gold .pval{font-size:27px}
.yg .preward{background:rgba(255,200,61,.14);box-shadow:inset 0 0 0 1px rgba(255,200,61,.3)}
/* 台阶: 正面渐变 + 顶面亮边 + 斜高光, 数字金属字 */
.yg .pbase{position:relative;margin-top:12px;border-radius:10px 10px 0 0;font:900 46px/1 Georgia,"Times New Roman",serif;color:transparent;text-shadow:none;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -20px 30px rgba(0,0,0,.25)}
.yg .pbase::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%)}
.yg .pbase span{position:relative;background:linear-gradient(180deg,#fff,rgba(255,255,255,.55));-webkit-background-clip:text;background-clip:text}
.yg .rpod.is-gold .pbase{height:110px;background:linear-gradient(180deg,#ffd75e,#d9981a 60%,#a86a08)}
.yg .rpod.is-silver .pbase{height:80px;background:linear-gradient(180deg,#e3ebf7,#9aabc7 60%,#6b7c99)}
.yg .rpod.is-bronze .pbase{height:62px;background:linear-gradient(180deg,#f5b98d,#c0723e 60%,#8a4a20)}
/* 列表: 每行一块圆角深色条, 前 10 名左侧金边, 第 10 名下面「奖励线」 */
.yg .ranklist{padding:14px;border-radius:0 0 20px 20px!important;background:#0c1730!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.yg .ranklist .rankrow{margin-bottom:6px;padding:10px 16px;border:0;border-radius:14px;background:rgba(255,255,255,.035);transition:background .2s,transform .2s}
.yg .ranklist .rankrow:hover{background:rgba(255,255,255,.07);transform:translateX(2px)}
.yg .ranklist .rankrow.head{margin-bottom:8px;background:none;font-size:12px;letter-spacing:.06em;color:rgba(214,226,245,.6)}
.yg .ranklist .rankrow.head b{color:inherit}
.yg .ranklist .rankrow.is-prize{background:linear-gradient(90deg,rgba(255,200,61,.1),rgba(255,255,255,.03) 40%);box-shadow:inset 3px 0 0 #f2b52a}
.yg .ranklist .rankrow b{color:#fff}
.yg .rno span{display:inline-block;min-width:26px;font:900 20px/1 Georgia,"Times New Roman",serif;color:#fff}
.yg .is-prize .rno span{color:#ffd87a}
.yg .rava{width:40px;height:40px;box-shadow:0 0 0 2px rgba(255,255,255,.15)}
.yg .rk-line{display:flex;align-items:center;gap:12px;margin:12px 4px 14px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#f2b52a}
.yg .rk-line::before,.yg .rk-line::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(242,181,42,.6),transparent)}
.yg .myrank{background:linear-gradient(90deg,#1a2442,#0d1d3c)!important;box-shadow:inset 0 0 0 1px rgba(255,200,61,.45),0 14px 34px rgba(0,0,0,.45);border:0}
.yg .myrank b{color:#fff}
.yg .myrank [data-mr-rank] b{color:#ffd87a}
.yg .mr-ava{box-shadow:0 0 0 2px #f2b52a}
/* 白天: 舞台和列表保持深色(同赛事海报), 周围是白天配色 */
.yg.lite .rankstage{background:radial-gradient(ellipse 60% 70% at 50% 0,rgba(255,196,80,.28),transparent 70%),radial-gradient(circle at 10% 100%,rgba(25,230,255,.16),transparent 45%),linear-gradient(180deg,#101f42,#0a1428 85%)}
.yg.lite .ranklist .rankrow b,.yg.lite .rno{color:#fff}
.yg.lite .rava{background:#1b2c4f}
.yg.lite .myrank{background:linear-gradient(90deg,#1a2442,#0d1d3c)!important}
.yg.lite .myrank .small,.yg.lite .mr-val{color:rgba(214,226,245,.75)}
@media (max-width:640px){.yg .rs-head{flex-direction:column}.yg .rankstage{padding:20px 14px 0}.yg .pbase{font-size:32px}.yg .rpod.is-gold .pbase{height:80px}.yg .rpod.is-silver .pbase{height:60px}.yg .rpod.is-bronze .pbase{height:48px}}

/* ===== 11-10 赛事: 第二行起一行一个(.cposter.is-row): 左插画 | 标签 · 赛名 · 赛制 · 时间 | 金色奖池 | 报名费 · 人数 · 箭头 ===== */
.yg .cposter.is-row{grid-column:1/-1;flex-direction:row;min-height:0}
.yg .is-row .cp-art{width:250px;height:auto;min-height:150px;flex:none}
.yg .is-row .cp-art::after{background:linear-gradient(90deg,transparent 55%,#0e1b38),linear-gradient(180deg,rgba(6,12,28,.3),transparent 40%)}
.yg .is-row .cp-emblem{width:84px!important;height:84px!important;margin:-42px 0 0 -42px;top:50%}
.yg .is-row .cp-top{right:auto;max-width:220px}
.yg .is-row .cp-top .cp-tag{display:none}
.yg .is-row .cp-body{display:grid;grid-template-columns:minmax(0,1fr) auto 250px;grid-template-areas:"kick plate foot" "name plate foot" "fmt plate foot" "when plate foot";column-gap:28px;row-gap:4px;align-items:center;margin:0;padding:18px 22px 18px 6px}
.yg .cp-kicker{display:none}
.yg .is-row .cp-kicker{display:block;grid-area:kick;font-size:12px;font-weight:700;color:var(--cyan)}
.yg .is-row .cp-name{grid-area:name;font-size:19px}
.yg .is-row .cp-format{grid-area:fmt;font-size:13px}
.yg .is-row .cp-when{grid-area:when}
.yg .is-row .cp-plate{grid-area:plate;align-self:center}
.yg .is-row .cp-foot{grid-area:foot;margin:0;padding:0 0 0 24px;border-top:0;border-left:1px solid rgba(255,255,255,.08);align-self:stretch}
.yg .cposter.is-row.is-more{flex-direction:row;justify-content:center;min-height:96px}
.yg .is-row .cp-more{grid-template-columns:auto auto;align-items:center;column-gap:14px;text-align:left;padding:18px}
.yg .is-row .cp-more .cp-emblem{grid-row:span 2;width:52px!important;height:52px!important;margin:0}
.yg .is-row .cp-more strong{justify-self:start}
@media (max-width:1300px){.yg .is-row .cp-body{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kick plate" "name plate" "fmt plate" "when plate" "foot foot"}.yg .is-row .cp-foot{padding:12px 0 0;margin-top:8px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}}
@media (max-width:700px){.yg .cposter.is-row{flex-direction:column}.yg .is-row .cp-art{width:auto;height:170px}.yg .is-row .cp-body{grid-template-columns:1fr;grid-template-areas:"plate" "kick" "name" "fmt" "when" "foot";padding:0 20px 18px;margin-top:-34px}.yg .is-row .cp-plate{justify-self:start}}
.yg .is-row .cp-body{grid-template-columns:minmax(0,1fr) auto 320px}
.yg .cp-fee{white-space:nowrap}

/* ===== 11-10 排行榜: 去掉奖励列(三列); 白天主题改成浅色舞台(盖掉上面「白天也保持深色」那几条) ===== */
.yg .ranklist .rankrow{grid-template-columns:90px minmax(0,1fr) 180px}
.yg .ranklist .rankrow>b:last-child{text-align:right;padding-right:8px}
.yg.lite .rankstage{color:var(--text);background:radial-gradient(ellipse 60% 70% at 50% 0,rgba(255,196,80,.3),transparent 70%),radial-gradient(circle at 8% 100%,rgba(19,179,166,.14),transparent 45%),linear-gradient(180deg,#f2faf8,#fff 85%);box-shadow:0 0 0 1px rgba(15,40,70,.06),0 18px 36px -24px rgba(15,40,70,.35)}
.yg.lite .rankstage::after{background:radial-gradient(circle,rgba(19,120,110,.6) 1px,transparent 1.5px) 0 0/34px 34px;opacity:.1}
.yg.lite .rs-beams i{background:linear-gradient(180deg,rgba(255,206,110,.38),transparent 75%)}
.yg.lite .rs-title small{color:#b07d10}
.yg.lite .rs-title strong{color:var(--text)}
.yg.lite .rs-title em{background:#e6f4f1;color:#0b7f77}
.yg.lite .rs-cd{background:#fff;box-shadow:0 0 0 1px rgba(19,179,166,.25),0 6px 16px -10px rgba(15,40,70,.3)}
.yg.lite .rs-cd small{color:var(--muted)}
.yg.lite .rs-cd b{color:var(--text)}
.yg.lite .pname{color:var(--text)}
.yg.lite .pval{background:linear-gradient(180deg,#f0b532,#c47f0c 60%,#94590a);-webkit-background-clip:text;background-clip:text;color:transparent}
.yg.lite .pring{box-shadow:0 0 0 4px rgba(19,120,110,.08),0 12px 24px -12px rgba(15,40,70,.45)}
.yg.lite .pring>*,.yg.lite .pring>svg{background:#e3eef5}
.yg.lite .ranklist{background:#fff!important;box-shadow:0 0 0 1px rgba(15,40,70,.06),0 18px 36px -24px rgba(15,40,70,.35)}
.yg.lite .ranklist .rankrow{background:#f4f8fa}
.yg.lite .ranklist .rankrow:hover{background:#e8f5f2}
.yg.lite .ranklist .rankrow.head{background:none;color:var(--muted)}
.yg.lite .ranklist .rankrow b,.yg.lite .rno,.yg.lite .rno span{color:var(--text)}
.yg.lite .rava{background:#e3eef5;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(19,179,166,.3)}
.yg.lite .myrank{background:#fff!important;box-shadow:inset 0 0 0 1px rgba(19,179,166,.45),0 14px 30px -12px rgba(15,40,70,.3)}
.yg.lite .myrank b{color:var(--text)}
.yg.lite .myrank .small,.yg.lite .mr-val{color:var(--muted)}
.yg.lite .myrank [data-mr-rank] b{color:#c47f0c}
.yg.lite .mr-ava{background:#e3eef5;box-shadow:0 0 0 2px #13b3a6}
@media (max-width:640px){.yg .ranklist .rankrow{grid-template-columns:56px minmax(0,1fr) 100px}.yg .ranklist .rankrow>:last-child{display:block}}

/* ===== 11-10 赛事: 第一行压矮; 第二行起 .crow 固定行高 112px(插画 | 标签·赛名·时间 | 奖池 | 报名费·人数 | 查看详情 / 报名参赛) ===== */
.yg .cposter{min-height:300px}
.yg .cp-art{height:150px}
.yg .cp-body{gap:7px;padding:0 18px 14px;margin-top:-30px}
.yg .cp-plate{padding:6px 13px 7px}
.yg .cp-plate b{font-size:22px}
.yg .cp-name{font-size:18px}
.yg .cp-when{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.yg .cp-when .ico{display:none}
.yg .cp-foot{padding-top:10px}
.yg .is-wide .cp-body{padding:52px 28px 18px}
.yg .is-wide .cp-name{font-size:26px}
.yg .is-wide .cp-plate b{font-size:32px}
.yg .crow{grid-column:1/-1;display:grid;grid-template-columns:190px minmax(0,1fr) auto 190px auto;align-items:center;column-gap:24px;height:112px;padding-right:20px;border-radius:16px;overflow:hidden;color:#fff;
  background:linear-gradient(90deg,#0e1b38,#0a1428);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 26px -18px rgba(0,0,0,.7);transition:transform .25s,box-shadow .25s}
.yg .crow:hover{transform:translateY(-2px);box-shadow:0 0 0 1px color-mix(in srgb,var(--c1) 60%,transparent),0 16px 30px -16px color-mix(in srgb,var(--c1) 40%,transparent)}
.yg .cr-art{position:relative;height:100%;overflow:hidden;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.35),transparent 55%),linear-gradient(135deg,var(--c1),var(--c2))}
.yg .cr-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.yg .crow:hover .cr-art img,.yg .crow:hover .cr-art .cp-emblem{transform:scale(1.06)}
.yg .cr-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#0e1b38)}
.yg .cr-art .cp-emblem{width:64px!important;height:64px!important;margin:-32px 0 0 -32px;top:50%}
.yg .cr-art .cf-st{position:absolute;left:10px;top:10px;z-index:1;font-size:11px;background:rgba(6,12,28,.62);backdrop-filter:blur(6px)}
.yg .cr-info{display:grid;gap:3px;min-width:0}
.yg .crow .cp-kicker{display:block;font-size:12px;font-weight:700;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .cr-name{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .cr-name:hover{color:#ffd87a}
.yg .cr-meta{display:flex;gap:6px;align-items:center;min-width:0;font-size:13px;color:rgba(214,226,245,.72)}
.yg .cr-meta .ico{width:14px;height:14px;flex:none}
.yg .cr-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .crow .cp-plate b{font-size:22px}
.yg .cr-stats{display:grid;gap:6px;justify-items:start}
.yg .cr-acts{display:flex;gap:8px}
.yg .cr-acts>*{border-radius:999px!important;padding:9px 16px!important;font-size:14px!important;white-space:nowrap}
.yg .cr-acts .back{color:#fff;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important}
.yg .cr-acts .back:hover{border-color:var(--cyan)!important}
.yg .cposter.is-more.is-row{min-height:0;height:76px}
.yg .is-row .cp-more{padding:10px}
.yg .is-row .cp-more .cp-emblem{width:40px!important;height:40px!important}
.yg .is-row .cp-more strong{font-size:16px}
.yg.lite .crow{box-shadow:0 0 0 1px rgba(15,40,70,.06),0 14px 28px -18px rgba(15,40,70,.45)}
@media (max-width:1300px){.yg .crow{grid-template-columns:160px minmax(0,1fr) auto auto;column-gap:18px}.yg .cr-stats{display:none}}
@media (max-width:860px){.yg .crow{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto;height:auto;row-gap:8px;padding:0 14px 0 0}.yg .cr-art{grid-row:span 2;min-height:140px}.yg .crow .cp-plate{display:none}.yg .cr-acts{padding-bottom:12px}}
.yg .crow .cp-plate{align-self:center}
.yg .crow{grid-template-columns:190px minmax(0,1fr) auto auto auto}
@media (max-width:1300px){.yg .crow{grid-template-columns:160px minmax(0,1fr) auto auto}}
@media (max-width:860px){.yg .crow{grid-template-columns:120px minmax(0,1fr)}}
.yg.lite .crow .cr-acts .back{color:#fff!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important}

/* ===== 11-10 赛事中心白天主题: 海报 / 行改白底(黑夜不变), 插画渐隐到白, 奖池铭牌改浅金, 按钮青绿 ===== */
.yg.lite .cposter,.yg.lite .crow{color:var(--text);background:#fff;box-shadow:0 0 0 1px rgba(15,60,70,.07),0 16px 32px -22px rgba(15,60,70,.4)}
.yg.lite .cposter:hover,.yg.lite .crow:hover{box-shadow:0 0 0 1px rgba(19,179,166,.45),0 20px 36px -20px rgba(19,140,130,.4)}
.yg.lite .cp-art::after{background:linear-gradient(180deg,rgba(6,12,28,.18) 0,transparent 30%,transparent 55%,#fff 100%)}
.yg.lite .is-wide .cp-art::after{background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.82) 24%,transparent 58%),linear-gradient(0deg,rgba(255,255,255,.6),transparent 40%)}
.yg.lite .cr-art::after{background:linear-gradient(90deg,transparent 60%,#fff)}
.yg.lite .cp-plate{background:linear-gradient(180deg,#fffbef,#fff0c8);box-shadow:inset 0 0 0 1px rgba(214,160,40,.5),0 8px 18px -12px rgba(160,110,10,.45);backdrop-filter:none}
.yg.lite .cp-plate small{color:#a8740c}
.yg.lite .cp-plate b{background:linear-gradient(180deg,#f0b532,#c47f0c 60%,#94590a);-webkit-background-clip:text;background-clip:text;color:transparent}
.yg.lite .cp-name,.yg.lite .cr-name{color:var(--text)}
.yg.lite .cr-name:hover{color:#0b8f87}
.yg.lite .cp-format,.yg.lite .cp-when,.yg.lite .cr-meta,.yg.lite .cp-ppl{color:var(--muted)}
.yg.lite .crow .cp-kicker{color:#0b8f87}
.yg.lite .cp-foot{border-top-color:#e6eef2}
.yg.lite .cp-fee{color:#c47f0c}
.yg.lite .cp-fee.is-free{color:#0a9a72;background:#e4f7f0}
.yg.lite .cp-avas i{background:#e3eef5;box-shadow:0 0 0 2px #fff}
.yg.lite .cp-go{background:#eef6f5;box-shadow:inset 0 0 0 1px rgba(19,179,166,.3)}
.yg.lite .cp-go svg{stroke:#0b7f77}
.yg.lite .crow .cr-acts .back{color:var(--text)!important;background:#f0f6f8!important;border-color:#d8e6ea!important}
.yg.lite .crow .cr-acts .back:hover{border-color:#13b3a6!important;color:#0b7f77!important}

/* ===== 11-10 电脑版赛事也一行一个(同手机): 前两张海报 = 全宽横幅(字左图右), 后面 .crow 等高 ===== */
.yg .cupwall{grid-template-columns:minmax(0,1fr)}
.yg .cposter:not(.is-row){grid-column:1/-1;flex-direction:row;min-height:230px}
.yg .cposter:not(.is-row) .cp-art{position:absolute;inset:0 0 0 38%;height:auto}
.yg .cposter:not(.is-row) .cp-art::after{background:linear-gradient(90deg,#0e1b38 0,rgba(14,27,56,.6) 22%,transparent 55%),linear-gradient(0deg,rgba(14,27,56,.7),transparent 40%)}
.yg.lite .cposter:not(.is-row) .cp-art::after{background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.82) 24%,transparent 58%),linear-gradient(0deg,rgba(255,255,255,.6),transparent 40%)}
.yg .cposter:not(.is-row) .cp-body{max-width:none;width:100%;margin:0;padding:54px 28px 18px;justify-content:flex-start}
.yg .cposter:not(.is-row) .cp-top{right:auto}
.yg .cposter:not(.is-row) .cp-tag{display:none}
.yg .cposter:not(.is-row) :is(.cp-name,.cp-format,.cp-when){max-width:56%}
.yg .cposter:not(.is-row) .cp-name{font-size:26px}
.yg .cposter:not(.is-row) .cp-plate b{font-size:30px}
.yg .cposter:not(.is-row) .cp-plate .coin{width:24px;height:24px}
.yg .cposter:not(.is-row) .cp-foot{margin-top:auto;border-top:0}
/* 行: 插画 | 标签·赛名·时间 | 奖池(下: 报名费·人数) | 查看详情 / 报名参赛 上下两行(同手机布局) */
.yg .crow{grid-template-columns:190px minmax(0,1fr) auto auto;grid-template-rows:1fr 1fr;grid-template-areas:"art info plate acts" "art info stats acts";column-gap:24px;row-gap:6px;height:112px;padding:0 20px 0 0}
.yg .cr-art{grid-area:art;min-height:0;height:100%}
.yg .cr-info{grid-area:info;align-self:center}
.yg .crow .cp-plate{display:grid;grid-area:plate;align-self:end;justify-self:end}
.yg .cr-stats{display:flex;grid-area:stats;align-self:start;justify-self:end;align-items:center;gap:12px}
.yg .cr-acts{grid-area:acts;flex-direction:column;align-self:center;gap:6px;padding:0}
.yg .cr-acts>*{min-width:108px;text-align:center}
@media (max-width:1300px){.yg .crow{grid-template-columns:150px minmax(0,1fr) auto auto;column-gap:16px}}
/* 11-10 用户: 前两行太高、后面太小 → 海报 230→190, 行 112→136 */
.yg .cposter:not(.is-row){min-height:190px}
.yg .cposter:not(.is-row) .cp-body{padding:44px 28px 14px}
.yg .cposter:not(.is-row) .cp-name{font-size:24px}
.yg .cposter:not(.is-row) .cp-plate b{font-size:28px}
.yg .crow{height:136px;grid-template-columns:230px minmax(0,1fr) auto auto}
.yg .cr-name{font-size:20px}
.yg .crow .cp-kicker,.yg .cr-meta{font-size:13px}
.yg .crow .cp-plate b{font-size:24px}
.yg .cr-acts>*{padding:10px 18px!important}
@media (max-width:1300px){.yg .crow{grid-template-columns:170px minmax(0,1fr) auto auto}}
/* 11-10 用户: 前两张再矮一点 190→160; 插画左右镜像(只翻图片) */
.yg .cposter:not(.is-row){min-height:160px}
.yg .cposter:not(.is-row) .cp-body{padding:40px 26px 12px;gap:5px}
.yg .cposter:not(.is-row) .cp-name{font-size:22px}
.yg .cposter:not(.is-row) .cp-plate b{font-size:24px}
.yg .cposter:not(.is-row) .cp-art img{transform:scaleX(-1)}
.yg .cposter:not(.is-row):hover .cp-art img{transform:scale(-1.06,1.06)}
/* 11-10 用户: 列表奖池不够专业 → 去掉金牌框, 改数据栏: 竖分隔线 + 小标签 + 等宽数字; 奖池 / 按钮列定宽, 各行上下对齐 */
.yg .crow{grid-template-columns:230px minmax(0,1fr) 200px 124px}
@media (max-width:1300px){.yg .crow{grid-template-columns:170px minmax(0,1fr) 180px 124px}}
.yg .cr-info{align-self:stretch;align-content:center;padding-right:24px;border-right:1px solid rgba(255,255,255,.08)}
.yg .crow .cp-plate{justify-self:start;gap:3px;padding:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.yg .crow .cp-plate small{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:none;color:rgba(214,226,245,.6)}
.yg .crow .cp-plate b{gap:6px;font:800 26px/1.1 Inter,"Segoe UI",Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ffd166}
.yg .crow .cp-plate .coin{width:18px;height:18px}
.yg .cr-stats{justify-self:start;gap:14px}
.yg .cr-acts>*{min-width:0;width:100%}
.yg.lite .cr-info{border-right-color:#e6eef2}
.yg.lite .crow .cp-plate small{color:var(--muted)}
.yg.lite .crow .cp-plate b{color:#b8770a}
/* 11-10 用户: 横幅奖池也改 → 一行「标签 数字」胶囊, 字体同列表 */
.yg .cposter:not(.is-row) .cp-plate{display:inline-flex;align-items:baseline;gap:10px;padding:6px 16px 7px;border-radius:999px;background:rgba(255,209,102,.1);box-shadow:inset 0 0 0 1px rgba(255,209,102,.38);backdrop-filter:blur(6px)}
.yg .cposter:not(.is-row) .cp-plate small{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:none;color:rgba(255,228,160,.85)}
.yg .cposter:not(.is-row) .cp-plate b{align-self:center;gap:6px;font:800 24px/1.1 Inter,"Segoe UI",Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ffd166}
.yg .cposter:not(.is-row) .cp-plate .coin{width:18px;height:18px}
.yg.lite .cposter:not(.is-row) .cp-plate{background:#fff7e0;box-shadow:inset 0 0 0 1px rgba(214,160,40,.42);backdrop-filter:none}
.yg.lite .cposter:not(.is-row) .cp-plate small{color:#a8740c}
.yg.lite .cposter:not(.is-row) .cp-plate b{color:#b8770a}
/* 11-10 用户: 行内两个按钮矮一点、整体小一点 */
.yg .crow{grid-template-columns:230px minmax(0,1fr) 200px 100px}
@media (max-width:1300px){.yg .crow{grid-template-columns:170px minmax(0,1fr) 180px 100px}}
.yg .cr-acts{gap:5px}
.yg .cr-acts>*{padding:5px 10px!important;font-size:12px!important;line-height:1.4}
/* 11-10 截图后统一: 横幅也有两个按钮(同列表: 右边距 20 / 宽 100 / 上下两行, 靠底); 状态角标两种卡都在左上 12px */
.yg .cposter .cr-acts{position:absolute;right:20px;bottom:18px;z-index:2;display:flex;flex-direction:column;gap:5px;width:100px}
.yg .cposter .cp-name:hover{color:#ffd87a}
.yg.lite .cposter .cp-name:hover{color:#0b8f87}
.yg.lite .cposter .cr-acts .back{color:var(--text)!important;background:#f0f6f8!important;border-color:#d8e6ea!important}
.yg .cposter:not(.is-row) .cp-top{left:12px;top:12px}
.yg .cr-art .cf-st{left:12px;top:12px}
.yg .cposter:not(.is-row) .cp-body{padding-left:24px}
.yg .cposter .cr-acts .back{background:rgba(6,12,28,.62)!important;backdrop-filter:blur(6px)}
/* 11-10 用户: 行高再加一点; 左边三行(标签 / 赛名 / 时间)和右边三行(总奖池 / 数字 / 报名费·人数)逐行齐平: 两边同样 20 / 32 / 24 行高 + 4 间距, 上下用 1fr 空行居中 */
.yg .crow{height:150px;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"art . . acts" "art info plate acts" "art info stats acts" "art . . acts";row-gap:4px}
.yg .cr-info{grid-area:info;align-self:start;gap:4px}
.yg .crow .cp-kicker{font-size:13px;line-height:20px}
.yg .cr-name{line-height:32px}
.yg .cr-meta{height:24px}
.yg .crow .cp-plate{align-self:start;gap:4px}
.yg .crow .cp-plate small{font-size:13px;line-height:20px}
.yg .crow .cp-plate b{line-height:32px}
.yg .cr-stats{align-self:start;height:24px}

/* ===== 11-10 手机竖屏(参考 temp/110.png, 用户: 不要底栏; 旧版 backup/uwgame-20261110-mobile/) ===== */
@media (max-width:850px){
/* 顶栏: 第一行 Logo + 四个图标, 第二行图标导航(图标在上字在下) */
.yg header{position:relative;height:auto;flex-wrap:wrap;padding:10px 14px 8px;gap:6px 10px}
.yg .brand{font-size:22px}
.yg .topicons{display:flex;margin-left:auto;gap:12px}
.yg .nav{order:3;flex:1 0 100%;gap:4px}
.yg .nav a{flex:1 0 auto;min-width:56px;flex-direction:column;justify-content:center;gap:3px;padding:7px 4px;font-size:12px}
.yg .nav a .ico{width:26px;height:26px}
/* 赛事等分段按钮: 一行排下, 放不下才横滑 */
.yg .subnav{gap:8px;margin:14px 0 16px;overflow-x:auto;scrollbar-width:none}
.yg .subnav button{flex:1 0 auto;gap:5px;padding:10px 10px;font-size:13px}
.yg .subnav button .ico{width:18px;height:18px}
/* 右栏: 排到内容下面; 星币星钻并排, 游客卡一行, 快捷入口四个一行 */
.yg .side{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;margin-top:18px;padding:14px}
.yg .side>*{grid-column:1/-1}
.yg .side>.asset{grid-column:auto;font-size:18px;padding:9px 10px 9px 12px}
.yg .guestcard:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.yg .guestcard p{display:none}
.yg .gc-acts>*{padding:8px 16px}
.yg .shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.yg .shortcut{min-height:72px;font-size:13px;text-align:center}
.yg .shortcut .ico.big{width:30px;height:30px;margin-bottom:4px}
}
@media (max-width:700px){
/* 第一行两张海报: 矮横幅, 字在左, 插画在右 */
.yg .cposter:not(.is-row){flex-direction:row;min-height:178px}
.yg .cposter:not(.is-row) .cp-art{position:absolute;inset:0 0 0 38%;height:auto}
.yg .cposter:not(.is-row) .cp-art::after{background:linear-gradient(90deg,#0e1b38 0,rgba(14,27,56,.6) 22%,transparent 55%),linear-gradient(0deg,rgba(14,27,56,.7),transparent 40%)}
.yg.lite .cposter:not(.is-row) .cp-art::after{background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.82) 24%,transparent 58%),linear-gradient(0deg,rgba(255,255,255,.6),transparent 40%)}
.yg .cposter:not(.is-row) .cp-body{max-width:none;width:100%;margin:0;padding:46px 14px 12px;gap:5px;justify-content:flex-start}
.yg .cposter:not(.is-row) .cp-top{right:auto;top:12px}
.yg .cposter:not(.is-row) .cp-tag{display:none}
.yg .cposter:not(.is-row) :is(.cp-name,.cp-format,.cp-when){max-width:64%}
.yg .cposter:not(.is-row) .cp-name{font-size:19px}
.yg .cposter:not(.is-row) .cp-format{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .cposter:not(.is-row) .cp-plate b{font-size:22px}
.yg .cposter:not(.is-row) .cp-plate .coin{width:18px;height:18px}
.yg .cposter:not(.is-row) .cp-foot{margin-top:auto;padding-top:4px;border-top:0}
.yg .cposter:not(.is-row) .cp-go{width:34px;height:34px}
/* 第二行起: 插画 | 标签·赛名·时间 | 奖池 + 人数, 下面一行两个按钮靠右 */
.yg .crow{grid-template-columns:92px minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"art info plate" "art info stats" "art info acts";column-gap:10px;row-gap:6px;height:auto;padding:0 10px 0 0}
.yg .cr-art{grid-area:art;min-height:0;height:auto;align-self:stretch}
.yg .cr-art .cf-st{left:6px;top:6px;font-size:10px}
.yg .cr-info{grid-area:info;align-self:start;margin-top:10px}
.yg .crow .cp-kicker{font-size:11px}
.yg .cr-name{font-size:15px}
.yg .cr-meta{font-size:11px}
.yg .crow .cp-plate{display:grid;grid-area:plate;align-self:start;justify-self:end;margin-top:10px;padding:4px 9px 5px;border-radius:10px}
.yg .crow .cp-plate small{font-size:9px}
.yg .crow .cp-plate b{font-size:16px;gap:4px}
.yg .crow .cp-plate .coin{width:14px;height:14px}
.yg .cr-stats{display:flex;grid-area:stats;justify-self:end}
.yg .cr-stats .cp-fee{display:none}
.yg .cr-stats .cp-avas i{width:20px;height:20px}
.yg .cr-acts{grid-area:acts;align-self:start;gap:5px;padding:0;margin-bottom:10px}
.yg .cr-acts>*{min-width:0;width:100%;padding:6px 10px!important;font-size:12px!important}
.yg .crow{height:auto;column-gap:10px;padding:0 10px 0 0}
.yg .crow .cp-plate,.yg .cr-stats{align-self:start}
}
@media (max-width:700px){.yg .cr-info{align-self:start;padding-right:0;border-right:0}.yg .crow .cp-plate{justify-self:end;text-align:right}.yg .crow .cp-plate small{font-size:10px}.yg .crow .cp-plate b{font-size:17px}}
@media (max-width:700px){.yg .cposter:not(.is-row) .cp-plate{padding:5px 12px 6px;gap:8px}.yg .cposter:not(.is-row) .cp-plate small{font-size:11px}.yg .cposter:not(.is-row) .cp-plate b{font-size:19px}}
@media (max-width:700px){.yg .cr-acts{gap:4px}.yg .cr-acts>*{padding:4px 8px!important;font-size:11px!important}}
@media (max-width:700px){.yg .cposter .cr-acts{right:12px;bottom:12px;width:88px}.yg .cposter:not(.is-row) .cp-body{padding-left:14px}.yg .cr-art .cf-st{left:6px;top:6px}}
/* 11-10 截图后: 手机行 = 上面赛名信息占满, 下面左奖池+人数 / 右两个按钮; 筛选四个一行; 横幅插画往下取景(避开图上的字, 镜像后会变反字) */
@media (max-width:700px){
.yg .crow{grid-template-columns:84px minmax(0,1fr) 88px;grid-template-areas:"art info info" "art plate acts" "art stats acts";row-gap:4px}
.yg .cr-info{margin-top:10px}
.yg .crow .cp-plate{justify-self:start;text-align:left;margin-top:2px}
.yg .cr-stats{justify-self:start;align-self:start;margin-bottom:10px}
.yg .cr-acts{align-self:end;width:88px}
.yg .subnav{gap:6px}
.yg .subnav button{padding:9px 6px;gap:4px}
.yg .subnav button .ico{width:16px;height:16px}
.yg .cposter:not(.is-row) .cp-art img{transform:scale(-1.3,1.3);transform-origin:center 85%}
.yg .cposter:not(.is-row):hover .cp-art img{transform:scale(-1.36,1.36)}
}

/* ===== 11-10 选桌面板 第三版(用户: 不够沉浸, 卡片边框把桌子框死了; 照 temp/77.png —— 桌子直接摆在地毯上, 顶上窗景, 牌室 / 牌桌两个下拉 + 快速入座;
   全服共用结果的游戏照 temp/66.png 一行三张 3D 圆桌; 午夜二十一点 角色立绘卡一行 5 位。旧版 backup/uwgame-20261110-seatp-v1/ v2/)
   黑夜 = 酒红地毯 + 金线圆环格纹; 白天 = 象牙白地毯 + 金线 / 玉色格纹(白色主题), 桌子同一张金边绿桌 ===== */
.yg.is-seat #lobby :is(.filter,.games){display:none}
.yg .seatp[hidden]{display:none}
.yg .seatp{--ink:#f7e7c2;--dim:#c7a897;--gold:#e9c46a;--gold2:#b8862a;--plate:rgba(16,6,8,.86);--menu:rgba(30,16,14,.97);--menu-ink:#f7e7c2;--menu-dim:#b9a08f;--lat:rgba(233,196,106,.13);--lat2:rgba(233,196,106,.07);
  --carpet:radial-gradient(ellipse 80% 60% at 50% 30%,#6a1c2c,#3e0c18 60%,#260610);--win-veil:linear-gradient(180deg,rgba(20,4,10,.25),rgba(62,12,24,.85) 75%,#5a1828);
  position:relative;container-type:inline-size;min-height:560px;padding:0 0 26px;border-radius:18px;overflow:hidden;isolation:isolate;color:var(--ink);
  background:radial-gradient(circle,transparent 0 46px,var(--lat) 47px 48px,transparent 49px 86px,var(--lat2) 87px 88px,transparent 89px) 0 0/220px 220px,
    linear-gradient(45deg,transparent calc(50% - .6px),var(--lat) calc(50% - .6px) calc(50% + .6px),transparent calc(50% + .6px)) 0 0/220px 220px,
    linear-gradient(-45deg,transparent calc(50% - .6px),var(--lat) calc(50% - .6px) calc(50% + .6px),transparent calc(50% + .6px)) 0 0/220px 220px,var(--carpet);
  box-shadow:inset 0 0 0 1px rgba(233,196,106,.25),inset 0 0 90px rgba(0,0,0,.45),0 18px 40px rgba(0,0,0,.3)}
.yg.lite .seatp{--ink:#3b2a10;--dim:#8a7558;--gold:#b8862a;--gold2:#8a5f12;--plate:rgba(28,18,8,.84);--menu:rgba(255,252,245,.98);--menu-ink:#3b2a10;--menu-dim:#8a7558;--lat:rgba(184,134,42,.16);--lat2:rgba(20,150,125,.1);
  --carpet:radial-gradient(ellipse 80% 60% at 50% 30%,#fffdf8,#f5eedf 60%,#ece2cc);--win-veil:linear-gradient(180deg,rgba(255,255,255,.35),rgba(250,246,236,.86) 72%,#f7f1e4);
  box-shadow:inset 0 0 0 1px rgba(184,134,42,.35),inset 0 0 70px rgba(184,134,42,.12),0 14px 34px rgba(80,60,20,.12)}
/* 顶上一条落地窗(窗外夜景 bg-city), 往下渐隐进地毯; 窗框竖梃 + 窗台金线 */
.yg .seatp::before{content:"";position:absolute;left:0;right:0;top:0;height:150px;z-index:-1;pointer-events:none;
  background:linear-gradient(transparent calc(100% - 3px),var(--gold) calc(100% - 3px) calc(100% - 2px),transparent calc(100% - 2px)),
    repeating-linear-gradient(90deg,transparent 0 172px,rgba(20,8,6,.55) 172px 180px),var(--win-veil),var(--bg-city) center 35%/cover;
  -webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.yg .seatp::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 58%,transparent 45%,rgba(0,0,0,.35))}
.yg.lite .seatp::after{background:radial-gradient(ellipse 70% 55% at 50% 58%,transparent 50%,rgba(150,110,40,.12))}
/* 顶栏: 不加框, 字和按钮直接浮在窗景上 */
.yg .sp-head{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:18px 22px 10px}
.yg .sp-back{display:inline-flex;align-items:center;gap:4px;padding:6px 14px 6px 8px;border-radius:999px;font-weight:800;font-size:13.5px;color:var(--gold);background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(233,196,106,.5);transition:background .2s,color .2s}
.yg.lite .sp-back{background:rgba(255,255,255,.7)}
.yg .sp-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.yg .sp-back:hover{color:#2d1a00;background:var(--gold)}
.yg .sp-ico{flex:none;width:46px;height:46px;border-radius:50%;background:#1a0c0e center/cover;box-shadow:0 0 0 2px var(--gold),0 0 0 4px rgba(0,0,0,.35),0 0 14px rgba(233,196,106,.45)}
.yg .sp-ico.art{display:grid;place-items:center;overflow:hidden}
.yg .sp-ico.art>*{width:100%;height:100%}
.yg .sp-title{min-width:0;line-height:1.1}
.yg .sp-title small{display:block;font-size:11px;letter-spacing:.12em;color:var(--dim)}
.yg .sp-title h2{margin:2px 0 0;font:900 26px/1.15 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.06em;background:linear-gradient(180deg,#fff6d2,#e9c46a 55%,#b07a1c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.yg.lite .sp-title h2{background:linear-gradient(180deg,#5a3c08,#a8761a 55%,#d6a540);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8))}
.yg .sp-tools{display:flex;align-items:center;gap:18px;margin-left:auto}
.yg .seatp[data-kind=roles] .sp-tools,.yg .seatp[data-kind=star] .sp-dd[data-dd=state]{display:none}
/* 下拉(temp/77.png): 触发器 = 小字 + 粗字 + 金色小箭头, 底下一道渐隐金线; 弹层 = 烟熏玻璃, 选项带彩色图标方块 / 说明 / 右边数字 */
.yg .sp-dd{position:relative}
.yg .sp-dd-btn{position:relative;display:inline-flex;align-items:baseline;gap:8px;padding:6px 4px 9px;border:0;background:none;color:var(--ink);font-family:inherit;cursor:pointer}
.yg .sp-dd-btn small{font-size:12.5px;letter-spacing:.08em;color:var(--dim)}
.yg .sp-dd-btn b{font:800 17px/1.2 "Noto Serif SC","Noto Serif",Georgia,serif;transition:color .2s}
.yg .sp-dd-btn svg{align-self:center;width:12px;height:12px;fill:none;stroke:var(--gold);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.yg .sp-dd-btn::after{content:"";position:absolute;left:4px;right:4px;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;transition:opacity .2s}
.yg .sp-dd-btn:hover b,.yg .sp-dd.is-open .sp-dd-btn b{color:var(--gold)}
.yg .sp-dd-btn:hover::after,.yg .sp-dd.is-open .sp-dd-btn::after{opacity:1;box-shadow:0 0 8px var(--gold)}
.yg .sp-dd.is-open .sp-dd-btn svg{transform:rotate(180deg)}
.yg .sp-dd-menu{position:absolute;right:-10px;top:calc(100% + 10px);z-index:30;display:flex;flex-direction:column;gap:2px;min-width:300px;padding:6px;border-radius:14px;background:var(--menu);color:var(--menu-ink);
  box-shadow:0 0 0 1px rgba(233,196,106,.35),0 20px 44px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sp-drop .18s ease-out;transform-origin:90% 0}
.yg.lite .sp-dd-menu{box-shadow:0 0 0 1px rgba(184,134,42,.35),0 18px 40px rgba(80,60,20,.18)}
.yg .sp-dd-menu[hidden]{display:none}
.yg .sp-dd-menu::before{content:"";position:absolute;right:30px;top:-6px;width:11px;height:11px;transform:rotate(45deg);background:var(--menu);box-shadow:-1px -1px 0 rgba(233,196,106,.35)}
.yg .sp-opt{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px 10px 10px;border:0;border-radius:10px;background:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s}
.yg .sp-opt:hover,.yg .sp-opt:focus-visible{outline:none;background:rgba(233,196,106,.1)}
.yg .sp-opt[aria-selected=true]{background:linear-gradient(90deg,rgba(233,196,106,.22),transparent)}
.yg .sp-opt[aria-selected=true]::before{content:"";position:absolute;left:-6px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.yg .sp-opt i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;font-style:normal;font-size:15px;color:#fff;background:linear-gradient(180deg,#8a6a3a,#4a3418);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.yg .sp-opt.z-all i{color:#ffe7a6;background:linear-gradient(180deg,#5a4426,#2e2010)}
.yg .sp-opt.z-0 i{background:linear-gradient(180deg,#5ad8b0,#178a68)}
.yg .sp-opt.z-1 i{background:linear-gradient(180deg,#ffd468,#d38a12)}
.yg .sp-opt.z-2 i{background:linear-gradient(180deg,#a87cff,#5a2fc4)}
.yg .sp-opt.s-open i{color:#9ff5d6;background:linear-gradient(180deg,#1e5a48,#0d3328)}
.yg .sp-opt.s-busy i{color:#ffd76a;background:linear-gradient(180deg,#5a4214,#2c1f06)}
.yg .sp-opt span{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.yg .sp-opt b{font-size:15px;font-weight:800}
.yg .sp-opt small{font-size:12px;color:var(--menu-dim);white-space:nowrap}
.yg .sp-opt em{margin-left:auto;padding-left:12px;font-size:13px;font-weight:700;font-style:normal;color:#4fd8a8;white-space:nowrap}
.yg .sp-opt.is-locked em{color:#ff8a7a}
.yg.lite .sp-opt em{color:#13916b}.yg.lite .sp-opt.is-locked em{color:#d0452e}
.yg .sp-quick{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 4px 9px;border:0;background:none;color:var(--gold);font:800 16px/1.2 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.06em;cursor:pointer;animation:sp-shine 2.4s ease-in-out infinite}
.yg .sp-quick svg{width:11px;height:11px;fill:currentColor;filter:drop-shadow(0 0 4px currentColor)}
.yg .sp-quick::after{content:"";position:absolute;left:4px;right:4px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 8px var(--gold)}
.yg .sp-quick:hover{color:#fff2c4}
.yg.lite .sp-quick:hover{color:#5a3c08}
:is(.yg .sp-back,.yg .sp-dd-btn,.yg .sp-quick,.yg a.sp-seat,.yg .sp-role,.yg .sp-go):focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}
/* 牌桌: 不加框, 桌子落在地毯上; 一行 6 张 */
.yg .sp-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px;padding:14px 22px 0}
@container (max-width:980px){.yg .sp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (max-width:640px){.yg .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;padding:8px 10px 0}}
.yg .sp-none{grid-column:1/-1;padding:80px 0;text-align:center;font-weight:700;color:var(--dim)}
.yg .sp-t{position:relative;container-type:inline-size;display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.yg .sp-t.is-go{cursor:pointer}
.yg .sp-t.is-go:hover{transform:translateY(-4px)}
.yg .sp-t header{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;font-size:max(11px,6.2cqw);white-space:nowrap}
.yg .sp-t header b{font:800 max(12px,7cqw)/1.2 "Noto Serif SC","Noto Serif",Georgia,serif;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.45)}
.yg.lite .sp-t header b{text-shadow:none}
.yg .sp-tier{flex:none;padding:0 .8em;border-radius:999px;font-weight:900;font-size:max(10px,5.4cqw);line-height:1.8;font-style:normal;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 4px rgba(0,0,0,.35)}
.yg .sp-tier.t0{background:linear-gradient(180deg,#5ad8b0,#178a68)}
.yg .sp-tier.t1{background:linear-gradient(180deg,#ffd468,#c47e0c);color:#3d2400}
.yg .sp-tier.t2{background:linear-gradient(180deg,#a87cff,#5a2fc4)}
.yg .sp-st{display:inline-flex;align-items:center;gap:.3em;padding:0 .7em;border-radius:999px;font-weight:700;font-size:max(10px,5.2cqw);line-height:1.8;background:rgba(0,0,0,.35)}
.yg .sp-st.is-open{color:#7ff0c8;box-shadow:inset 0 0 0 1px rgba(90,216,176,.6)}
.yg .sp-st.is-busy{color:#ffd76a;box-shadow:inset 0 0 0 1px rgba(233,196,106,.6)}
.yg .sp-st.is-busy i{width:.5em;height:.5em;border-radius:50%;background:#ffd76a;box-shadow:0 0 6px #ffd76a;animation:sp-live 1.4s ease-in-out infinite}
.yg.lite .sp-st{background:rgba(255,255,255,.8)}
.yg.lite .sp-st.is-open{color:#13916b;box-shadow:inset 0 0 0 1px rgba(19,145,107,.5)}
.yg.lite .sp-st.is-busy{color:#a86c08;box-shadow:inset 0 0 0 1px rgba(184,134,42,.55)}
.yg .sp-scene{position:relative;width:100%;aspect-ratio:320/215;margin-top:2px}
.yg .sp-tbl{position:absolute;left:4%;top:9%;width:92%;height:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.4));transition:filter .3s}
.yg.lite .sp-tbl{filter:drop-shadow(0 12px 14px rgba(80,60,20,.25))}
.yg .sp-t.is-go:hover .sp-tbl{filter:drop-shadow(0 0 12px rgba(233,196,106,.7)) drop-shadow(0 12px 14px rgba(0,0,0,.4))}
.yg .sp-felt{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:.35em;white-space:nowrap;pointer-events:none}
.yg .sp-felt small{font-size:max(9px,4.8cqw);letter-spacing:.18em;color:rgba(214,255,233,.75)}
.yg .sp-felt b{font:800 max(12px,7cqw)/1 Georgia,"Noto Serif",serif;background:linear-gradient(180deg,#fffbe6,#ffd76a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,40,20,.6))}
.yg .sp-seat{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;width:40cqw;transform:translate(-50%,-50%)}
.yg .sp-ava{display:block;width:max(26px,17cqw);line-height:0}
.yg .sp-ava .hl-bust{width:100%;height:auto;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.yg .sp-seat em{max-width:100%;margin-top:-1px;padding:0 .55em;border-radius:6px;background:var(--plate);font-weight:700;font-size:max(9px,5cqw);line-height:1.6;font-style:normal;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.yg .sp-seat.is-human em{background:linear-gradient(180deg,#f2c14e,#c8871a);color:#2d1a00}
.yg .sp-seat.is-banker em{box-shadow:inset 0 0 0 1px #e9c46a}
.yg .sp-card.is-fresh .sp-ava,.yg .sp-t.is-fresh .sp-seat:not(.is-empty) .sp-ava{animation:sp-pop .5s cubic-bezier(.3,1.5,.5,1) both}
/* 空位: 一张皮椅 + 「+ 入座」(鼠标放到桌上整桌空位都亮) */
.yg .sp-chair{display:block;width:max(22px,14cqw);aspect-ratio:1/1.05;border-radius:42% 42% 14% 14%/38% 38% 12% 12%;
  background:radial-gradient(ellipse 60% 40% at 50% 28%,rgba(255,220,180,.25),transparent 70%),linear-gradient(180deg,#8a4a26,#5a2a12 55%,#3a1a0a);box-shadow:inset 0 0 0 1px rgba(233,196,106,.55),inset 0 -5px 0 rgba(0,0,0,.25),0 4px 8px rgba(0,0,0,.4)}
.yg .sp-chair::after{content:"";display:block;margin:28% auto 0;width:50%;height:22%;border-radius:4px;border:1px solid rgba(255,220,170,.22);border-width:1px 0}
.yg .sp-sit{display:inline-flex;align-items:center;gap:.35em;margin-top:-.9em;padding:.1em .75em .1em .2em;border-radius:999px;font-weight:800;font-size:max(9.5px,5.4cqw);line-height:1.5;color:var(--gold);background:rgba(20,8,4,.86);box-shadow:inset 0 0 0 1px rgba(233,196,106,.75);white-space:nowrap;transition:background .2s,color .2s}
.yg .sp-sit b{display:grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;background:var(--gold);color:#2d1a00;font-size:1.05em;line-height:1}
.yg a.sp-seat:hover .sp-sit,.yg a.sp-seat:focus-visible .sp-sit,.yg .sp-t.is-go:hover .sp-sit{color:#2d1a00;background:linear-gradient(180deg,#fff0b0,#e2b24a)}
.yg a.sp-seat:hover .sp-sit b,.yg .sp-t.is-go:hover .sp-sit b{background:#2d1a00;color:#ffe7a6}
.yg .sp-t.is-go .sp-sit{animation:sp-pulse 2s ease-in-out infinite}
.yg .sp-t footer{display:flex;align-items:baseline;gap:.4em;margin-top:2px;font-size:max(10px,5.4cqw);color:var(--dim);white-space:nowrap}
.yg .sp-t footer .sp-coin{align-self:center}
.yg .sp-t footer small{letter-spacing:.12em}
.yg .sp-t footer b{font:700 max(11px,6.4cqw)/1 Georgia,"Noto Serif",serif;background:linear-gradient(180deg,#fff6d2,#e2b24a);-webkit-background-clip:text;background-clip:text;color:transparent}
.yg.lite .sp-t footer b{background:linear-gradient(180deg,#7a520c,#c08a22);-webkit-background-clip:text;background-clip:text}
.yg .sp-t.is-busy,.yg .sp-t.is-full{filter:saturate(.92)}
.yg .sp-coin{flex:none;width:1.15em;height:1.15em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b8,#f0b93a 55%,#a8670f);box-shadow:inset 0 0 0 1px #8a5310}
.yg .sp-coin.is-gem{border-radius:2px;transform:rotate(45deg) scale(.8);background:linear-gradient(135deg,#d6f8ff,#4fb5f0 50%,#1a5ea8);box-shadow:none}
/* 金色按钮(3D 圆桌的入座 / 角色卡的挑战) */
.yg .sp-go{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 22px;border-radius:999px;overflow:hidden;font-weight:900;font-size:13px;letter-spacing:.12em;color:#3d2400;white-space:nowrap;
  background:linear-gradient(180deg,#fff2b8,#f2c14e 48%,#cf8f1f);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 2px 0 #8a5a0c,0 5px 12px rgba(200,135,26,.35)}
.yg .sp-go svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}
.yg .sp-go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%) -150% 0/220% 100% no-repeat}
.yg .sp-bt:hover .sp-go::after,.yg .sp-role:hover .sp-go::after{animation:sp-sheen .8s ease-out}
/* 全服共用结果(temp/66.png): 一行三张 3D 圆桌 + 皮椅, 新手绿 / 中级黄 / 高级紫 */
.yg .sp-grid.is-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 26px;padding-top:6px}
@container (max-width:640px){.yg .sp-grid.is-tiers{grid-template-columns:minmax(0,1fr)}}
.yg .sp-bt{--pl:linear-gradient(180deg,#0f4a33,#082a1d);--pl-line:rgba(120,240,180,.5);position:relative;display:block;aspect-ratio:16/10;container-type:inline-size;color:#fff;text-align:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s}
.yg .sp-bt.lv1{--pl:linear-gradient(180deg,#5a4210,#2c1f06);--pl-line:rgba(255,214,110,.6)}
.yg .sp-bt.lv2{--pl:linear-gradient(180deg,#3d1f72,#1c0c3a);--pl-line:rgba(196,160,255,.6)}
.yg .sp-bt::before{content:"";position:absolute;left:6%;right:6%;top:50%;bottom:0;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);pointer-events:none}
.yg.lite .sp-bt::before{background:radial-gradient(closest-side,rgba(90,60,20,.25),transparent)}
.yg .sp-bt-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.yg .sp-bt:hover,.yg .sp-bt:focus-visible{transform:translateY(-5px);filter:brightness(1.08) drop-shadow(0 0 18px rgba(233,196,106,.35))}
.yg .sp-bt:focus-visible{outline:2px solid var(--gold);outline-offset:-4px;border-radius:16px}
.yg .sp-bt-name,.yg .sp-bt-plate,.yg .sp-bt-join{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.yg .sp-bt-name{top:2%;z-index:2;display:flex;align-items:center;gap:2cqw;padding:.25em 3.2em .25em .3em;font-weight:900;font-size:max(12px,3.4cqw);letter-spacing:.12em;color:#ffe9a8;text-shadow:0 1px 2px rgba(0,0,0,.7);
  border-radius:999px 0 0 999px;background:linear-gradient(90deg,rgba(14,10,4,.92),rgba(14,10,4,.75) 60%,transparent) padding-box,linear-gradient(90deg,#e2b24a,#e2b24a 55%,transparent) border-box;border:1px solid transparent;border-right:0}
.yg .sp-bt-medal{flex:none;width:max(26px,8cqw);aspect-ratio:1;margin-block:-1.6cqw;border-radius:50%;background:#0b2a35 center/cover;box-shadow:0 0 0 2px #e2b24a,0 0 0 3.5px rgba(0,0,0,.6),0 0 10px rgba(240,196,90,.45)}
.yg .sp-bt-plate{top:13%;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:34%;padding:1.1cqw 3cqw 1.2cqw;border-radius:1.2cqw;background:var(--pl);box-shadow:inset 0 0 0 1px var(--pl-line),0 0 0 1.5px rgba(226,178,74,.85),0 0 0 3px rgba(0,0,0,.45),0 6px 14px rgba(0,0,0,.45)}
.yg .sp-bt-stake{display:flex;align-items:center;gap:1cqw;line-height:1}
.yg .sp-bt-stake small,.yg .sp-bt-limit small{font-weight:600;font-size:max(11px,2.3cqw);color:#f3dfa8;letter-spacing:.06em}
.yg .sp-bt-stake .sp-coin{width:max(15px,3.8cqw);height:max(15px,3.8cqw)}
.yg .sp-bt-stake strong{font:800 max(20px,5.6cqw)/1 Georgia,"Noto Serif",serif;font-variant-numeric:lining-nums tabular-nums;background:linear-gradient(180deg,#fffbe6,#ffd76a 55%,#e2a530);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.yg .sp-bt-limit{display:flex;align-items:baseline;justify-content:center;gap:1cqw;align-self:stretch;margin-top:1cqw;padding-top:.9cqw;border-top:1px solid rgba(226,178,74,.35);font:700 max(11px,2.5cqw)/1 Georgia,"Noto Serif",serif;color:#fff2c8}
.yg .sp-bt-join{top:auto;bottom:12%;z-index:2;font-size:max(13px,3cqw);opacity:0;transform:translate(-50%,6px);transition:opacity .2s,transform .2s}
.yg .sp-bt:hover .sp-bt-join,.yg .sp-bt:focus-visible .sp-bt-join{opacity:1;transform:translate(-50%,0)}
@media (hover:none){.yg .sp-bt-join{opacity:1;transform:translate(-50%,0)}}
/* 午夜二十一点: 角色立绘卡一行 5 位 */
.yg .sp-grid.is-roles{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-top:10px}
@container (max-width:860px){.yg .sp-grid.is-roles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:560px){.yg .sp-grid.is-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.yg .sp-role{position:relative;display:block;container-type:inline-size;aspect-ratio:3/4.2;border-radius:14px;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(ellipse 80% 55% at 50% 36%,rgba(255,200,120,.3),transparent 70%),linear-gradient(175deg,#4a1424,#22060e 75%);box-shadow:inset 0 0 0 1px rgba(233,196,106,.45),0 12px 24px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.yg.lite .sp-role{background:radial-gradient(ellipse 80% 55% at 50% 34%,#fff,transparent 70%),linear-gradient(175deg,#f6efe0,#e6d6b6 80%);box-shadow:inset 0 0 0 1px rgba(184,134,42,.5),0 10px 22px rgba(80,60,20,.18)}
.yg .sp-role::before{content:"";position:absolute;inset:6px;z-index:2;border-radius:10px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(233,196,106,.4)}
.yg .sp-role-art{position:absolute;inset:0;z-index:0}
.yg .sp-role-art img{position:absolute;left:0;top:4%;width:100%;height:118%;object-fit:cover;object-position:50% 0;transform:scale(var(--s,1));transform-origin:50% 0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.yg .sp-role:hover .sp-role-art img{transform:scale(calc(var(--s,1) * 1.05))}
.yg .sp-q{position:absolute;inset:0 0 28%;display:grid;place-items:center;font:900 46cqw/1 Georgia,serif;background:linear-gradient(180deg,#fff7d6,#f0c45a 60%,#b07418);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(242,193,78,.55))}
.yg .sp-role-tag{position:absolute;top:12px;left:12px;z-index:3;padding:1px 8px;border-radius:6px;font-weight:900;font-size:10.5px;font-style:normal;letter-spacing:.08em;color:#ffe9a8;background:rgba(20,6,10,.75);box-shadow:inset 0 0 0 1px rgba(240,196,90,.55)}
.yg .sp-role-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:3px;padding:34px 10px 12px;text-align:center;background:linear-gradient(180deg,transparent,rgba(20,4,10,.82) 45%,rgba(20,4,10,.95))}
.yg .sp-role-foot b{font:900 max(14px,9cqw)/1.2 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.06em;color:#ffeec4;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.yg .sp-role-foot small{font-size:11px;color:#d8c0b0}
.yg .sp-role-foot small em{font-style:normal;font-weight:800;color:#ffd76a}
.yg .sp-role .sp-go{margin-top:6px;padding:5px 20px}
.yg .sp-role:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1.5px rgba(233,196,106,.85),0 0 26px rgba(242,193,78,.3),0 18px 30px rgba(0,0,0,.35)}
/* 动效 */
.yg .sp-grid.is-in>*{animation:sp-rise .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(min(var(--i,0),12) * 40ms)}
@keyframes sp-rise{from{opacity:0;transform:translateY(22px) scale(.96)}}
@keyframes sp-live{50%{opacity:.35}}
@keyframes sp-pop{from{transform:scale(.3);opacity:0}}
@keyframes sp-sheen{to{background-position:200% 0}}
@keyframes sp-drop{from{opacity:0;transform:translateY(-6px) scale(.97)}}
@keyframes sp-shine{50%{text-shadow:0 0 14px rgba(233,196,106,.8)}}
@keyframes sp-pulse{50%{box-shadow:inset 0 0 0 1px rgba(233,196,106,1),0 0 10px rgba(233,196,106,.55)}}
@media (max-width:760px){
  .yg .seatp{min-height:0;border-radius:14px}
  .yg .sp-head{padding:12px 12px 6px;gap:8px 12px}
  .yg .sp-title h2{font-size:21px}
  .yg .sp-tools{width:100%;margin-left:0;gap:12px}
  .yg .sp-quick{margin-left:auto}
  .yg .sp-dd-menu{right:auto;left:-6px;min-width:270px}
  .yg .sp-dd-menu::before{right:auto;left:26px}
}
@media (prefers-reduced-motion:reduce){.yg .seatp *{animation:none!important;transition:none!important}.yg .sp-t:hover,.yg .sp-bt:hover,.yg .sp-role:hover{transform:none}}
/* 对战游戏(中国象棋 / 国际象棋 / 台球 / 隔墙狙击, 11-10 用户: 一行三个, 用 gamevn 牌桌大厅的图 _game/hall/duel):
   第一排 三个场次的随机匹配(VS 场景图), 第二排 空桌(桌子图 + 蓝 / 红椅子)。房间卡 = 半透明深色玻璃 + 细金线, 不挡地毯 */
.yg .sp-grid.is-duel{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
@container (max-width:640px){.yg .sp-grid.is-duel{grid-template-columns:minmax(0,1fr)}}
.yg .sp-row{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:8px 0 -4px;font:800 14px/1.3 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.08em;color:var(--gold)}
.yg .sp-row::before,.yg .sp-row::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.yg .sp-row::after{background:linear-gradient(90deg,var(--gold),transparent)}
.yg .sp-dv,.yg .sp-dw{--lvc:#5ad8b0;position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border-radius:14px;color:var(--ink);
  background:radial-gradient(ellipse 70% 70% at 50% 58%,color-mix(in srgb,var(--lvc) 22%,transparent),transparent 72%),linear-gradient(180deg,rgba(20,6,10,.55),rgba(20,6,10,.72));
  box-shadow:inset 0 0 0 1px rgba(233,196,106,.38),inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.yg :is(.sp-dv,.sp-dw).lv1{--lvc:#ffd468}.yg :is(.sp-dv,.sp-dw).lv2{--lvc:#a87cff}
.yg.lite :is(.sp-dv,.sp-dw){background:radial-gradient(ellipse 70% 70% at 50% 58%,color-mix(in srgb,var(--lvc) 26%,transparent),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.78),rgba(250,244,230,.88));box-shadow:inset 0 0 0 1px rgba(184,134,42,.45),0 10px 22px rgba(80,60,20,.12)}
.yg .sp-dv:hover,.yg .sp-dv:focus-visible,.yg .sp-dw.is-go:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px var(--gold),0 0 24px rgba(233,196,106,.28),0 16px 28px rgba(0,0,0,.32)}
.yg .sp-dw.is-busy,.yg .sp-dw.is-full{filter:saturate(.8)}
.yg .sp-dv-top{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}
.yg .sp-dv-top b{min-width:0;padding-left:9px;border-left:1px solid rgba(233,196,106,.45);font:800 14px/1.3 "Noto Serif SC","Noto Serif",Georgia,serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .sp-dv-top .sp-tier{font-size:11px}
.yg .sp-dv-top .sp-st{font-size:11px}
.yg .sp-dv-coin{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:2px 10px 2px 6px;border-radius:999px;font:800 13px/1.4 Georgia,"Noto Serif",serif;color:#ffe7a6;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(233,196,106,.45)}
.yg.lite .sp-dv-coin{color:#7a520c;background:rgba(255,255,255,.8)}
.yg .sp-vs{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);padding:.1em .3em .1em .18em;font:italic 900 clamp(22px,2.6vw,36px)/1.1 Georgia,"Noto Serif",serif;letter-spacing:.02em;
  background:linear-gradient(180deg,#fff7d6,#f0c45a 55%,#b07418);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(240,196,90,.45))}
.yg .sp-dv-scene{position:relative;display:block;aspect-ratio:1040/400}
.yg .sp-dv-scene img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.yg .sp-dv:hover .sp-dv-scene img{transform:scale(1.04)}
.yg .sp-dv .sp-go,.yg .sp-dw .sp-go{align-self:center;min-width:46%}
.yg .sp-dv:hover .sp-go::after,.yg .sp-dw.is-go:hover .sp-go::after{animation:sp-sheen .8s ease-out}
.yg .sp-go.is-off{color:var(--dim);background:rgba(127,110,100,.22);box-shadow:inset 0 0 0 1px rgba(233,196,106,.3)}
/* 空桌: 蓝椅 | 桌 | 红椅, VS 在桌子正上方 */
.yg .sp-dw-scene{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:2.1/1}
.yg .sp-dw-board{position:relative;z-index:1;flex:none;width:52%;margin:0 -10%;pointer-events:none}
.yg .sp-dw-board img{width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.yg .sp-dw-board .sp-vs{top:-4%;font-size:clamp(18px,1.9vw,27px)}
.yg .sp-dw-chair{position:relative;flex:none;width:33%;aspect-ratio:420/480;margin-bottom:1%;color:inherit}
.yg .sp-dw-chair img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 7px rgba(0,0,0,.35));transition:filter .2s}
.yg a.sp-dw-chair:hover img,.yg a.sp-dw-chair:focus-visible img{filter:drop-shadow(0 0 2px #e9c46a) drop-shadow(0 0 10px rgba(233,196,106,.7))}
.yg .sp-dw-chair .sp-sit{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);margin:0;font-size:12px}
.yg .sp-dw-who{position:absolute;left:50%;bottom:24%;width:58%;transform:translateX(-50%);line-height:0}
.yg .sp-dw-who .hl-bust{width:100%;height:auto;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.yg .sp-dw-chair em{position:absolute;left:50%;bottom:0;max-width:100%;transform:translateX(-50%);padding:0 7px;border-radius:6px;background:var(--plate);font-weight:700;font-size:11px;line-height:1.6;font-style:normal;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yg .sp-dw-chair.is-human em{background:linear-gradient(180deg,#f2c14e,#c8871a);color:#2d1a00}
.yg .sp-dw.is-go .sp-sit{animation:sp-pulse 2s ease-in-out infinite}
.yg .sp-dw.is-go{cursor:pointer}
/* 11-10 用户: 选中椅子的换色边框不明显 —— 改成 2px 亮金描边(四向投影贴出椅子轮廓) + 大范围金光, 椅子微微抬起放大, 脚下一圈金光, 「+ 坐下」变实心金 */
.yg .sp-dw-chair img{transition:filter .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.yg a.sp-dw-chair::before{content:"";position:absolute;left:8%;right:8%;bottom:-5%;height:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,206,90,.85),rgba(255,206,90,0));opacity:0;transition:opacity .2s;pointer-events:none}
.yg a.sp-dw-chair:is(:hover,:focus-visible) img{transform:translateY(-4px) scale(1.06);
  filter:drop-shadow(2px 0 0 #ffd23f) drop-shadow(-2px 0 0 #ffd23f) drop-shadow(0 2px 0 #ffd23f) drop-shadow(0 -2px 0 #ffd23f) drop-shadow(0 0 14px rgba(255,190,50,.95))}
.yg.lite a.sp-dw-chair:is(:hover,:focus-visible) img{filter:drop-shadow(2px 0 0 #e8a512) drop-shadow(-2px 0 0 #e8a512) drop-shadow(0 2px 0 #e8a512) drop-shadow(0 -2px 0 #e8a512) drop-shadow(0 0 14px rgba(232,165,18,.8))}
.yg a.sp-dw-chair:is(:hover,:focus-visible)::before{opacity:1}
.yg a.sp-dw-chair:is(:hover,:focus-visible) .sp-sit{color:#2d1a00;background:linear-gradient(180deg,#fff0b0,#e2b24a);animation:none;transform:translate(-50%,-50%) scale(1.08)}
.yg a.sp-dw-chair:is(:hover,:focus-visible) .sp-sit b{background:#2d1a00;color:#ffe7a6}
.yg a.sp-dw-chair:focus-visible{outline:none}
@media (prefers-reduced-motion:reduce){.yg a.sp-dw-chair:is(:hover,:focus-visible) img{transform:none}}
/* 11-10 用户: 空椅子上的「+ 坐下」平时不显示, 鼠标移上去 / 键盘选中才出来(触屏没有悬停, 一直显示) */
.yg .sp-dw-chair .sp-sit{opacity:0;transition:opacity .2s,transform .2s,background .2s,color .2s}
.yg a.sp-dw-chair:is(:hover,:focus-visible) .sp-sit{opacity:1}
@media (hover:none){.yg .sp-dw-chair .sp-sit{opacity:1}}
/* ===== 11-10 用户(temp/36.png): 选桌顶栏 = 一整条横幅 —— 底图是这个游戏的卡片图(压暗 + 两头暗角), 下沿金线;
   左「‹ 返回游戏列表」, 中间 月桂花环 + 皇冠托着游戏徽章 | ● N 人在玩 / 金色大字游戏名, 右 牌室 / 牌桌 两个下拉 + 金色「快速入座 »」, 按钮都是切角金边 ===== */
.yg .seatp::before{display:none} /* 横幅取代原来的窗景条 */
.yg .sp-head{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 18px;min-height:112px;padding:12px 22px;isolation:isolate;
  border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#e9c46a 20%,#fff1b8 50%,#e9c46a 80%,transparent) 1}
.yg .sp-head::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--sp-art,none) center 30%/cover,var(--bg-city) center/cover;filter:saturate(1.1)}
.yg .sp-head::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 42% 120% at 50% 50%,rgba(16,8,4,.55),rgba(16,8,4,.82) 70%),linear-gradient(90deg,rgba(10,5,2,.92),rgba(10,5,2,.35) 30%,rgba(10,5,2,.35) 70%,rgba(10,5,2,.92))}
.yg .sp-back{justify-self:start}
.yg .sp-tools{justify-self:end;margin:0;gap:12px}
/* 切角金边按钮: 外层金色渐变切角, ::before 往里缩 1.5px 填深色, 斜边也有线 */
.yg :is(.sp-back,.sp-dd-btn,.sp-quick){--cut:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:0;clip-path:var(--cut);
  background:linear-gradient(180deg,#fff0b0,#c8902a 50%,#f3d27a);box-shadow:none;isolation:isolate;animation:none;font-family:inherit;cursor:pointer;transition:filter .2s,transform .2s}
.yg :is(.sp-back,.sp-dd-btn)::before{content:"";position:absolute;inset:1.5px;z-index:-1;clip-path:var(--cut);background:linear-gradient(180deg,rgba(40,26,12,.92),rgba(14,8,4,.95))}
.yg :is(.sp-back,.sp-dd-btn):hover::before,.yg .sp-dd.is-open .sp-dd-btn::before{background:linear-gradient(180deg,rgba(70,46,16,.95),rgba(26,16,6,.96))}
.yg .sp-dd-btn::after{display:none}
.yg .sp-back{padding:0 22px 0 16px;font:800 15px/1 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.06em;color:#ffe7a6}
.yg.lite .sp-back{background:linear-gradient(180deg,#fff0b0,#c8902a 50%,#f3d27a)}
.yg .sp-back:hover{color:#fff4cf}
.yg .sp-dd-btn{align-items:center}
.yg .sp-dd-btn small{font-size:13px;letter-spacing:.06em;color:#d9c08a}
.yg .sp-dd-btn b{font-size:17px;color:#ffe7a6}
.yg .sp-dd-btn:hover b,.yg .sp-dd.is-open .sp-dd-btn b{color:#fff4cf}
.yg .sp-quick{padding:0 24px;font:900 17px/1 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.08em;color:#3d2400;background:linear-gradient(180deg,#fff4c4,#f2c14e 45%,#c8871a);filter:drop-shadow(0 0 10px rgba(242,193,78,.45))}
.yg .sp-quick::after{content:"»";position:static;width:auto;height:auto;margin-left:2px;background:none;box-shadow:none;font-size:1.15em}
.yg .sp-quick svg{display:none}
.yg .sp-quick:hover{color:#2d1a00;filter:brightness(1.08) drop-shadow(0 0 14px rgba(242,193,78,.7))}
.yg :is(.sp-back,.sp-dd-btn,.sp-quick):active{transform:translateY(1px)}
.yg :is(.sp-back,.sp-dd-btn,.sp-quick):focus-visible{outline:none;filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 6px #fff1b8)}
/* 中间: 花环徽章 | 人数 + 游戏名 */
.yg .sp-crest{display:flex;align-items:center;gap:16px;min-width:0}
.yg .sp-emb{position:relative;flex:none;width:92px;height:92px;display:grid;place-items:center}
.yg .sp-laurel{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.yg .sp-emb .sp-ico{position:relative;width:54px;height:54px;margin-top:6px;border-radius:50%;box-shadow:0 0 0 2px #e9c46a,0 0 0 4px rgba(0,0,0,.6),0 0 18px rgba(233,196,106,.55)}
.yg .sp-div{flex:none;width:1px;height:58px;background:linear-gradient(transparent,#e9c46a,transparent)}
.yg .sp-crest .sp-title small{display:flex;align-items:center;gap:6px;font-size:14px;letter-spacing:.04em;color:#f3e3bd}
.yg .sp-crest .sp-title small:not(:empty)::before{content:"";width:8px;height:8px;border-radius:50%;background:#35e07f;box-shadow:0 0 8px #35e07f}
.yg .sp-crest .sp-title h2,.yg.lite .sp-crest .sp-title h2{margin:2px 0 0;font:900 38px/1.1 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.1em;white-space:nowrap;
  background:linear-gradient(180deg,#fff8dc,#f0c45a 50%,#b07418);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}
.yg .sp-dd-menu{top:calc(100% + 8px)}
@container (max-width:1100px){
  .yg .sp-head{grid-template-columns:auto 1fr;padding:12px 16px}
  .yg .sp-crest{grid-column:1/-1;grid-row:1;justify-self:center}
  .yg .sp-back{grid-row:2}
  .yg .sp-tools{grid-row:2}
}
@container (max-width:640px){
  .yg .sp-emb{width:70px;height:70px}.yg .sp-emb .sp-ico{width:40px;height:40px}
  .yg .sp-crest .sp-title h2,.yg.lite .sp-crest .sp-title h2{font-size:28px}
  .yg .sp-head{grid-template-columns:1fr}
  .yg .sp-back,.yg .sp-tools{grid-row:auto;justify-self:stretch}
  .yg .sp-tools{flex-wrap:wrap;gap:8px}
  .yg :is(.sp-back,.sp-dd-btn,.sp-quick){min-height:38px;padding:0 14px}
  .yg .sp-quick{margin-left:auto}
}
/* 11-10 用户: 顶栏不要用边框和下面隔开, 要融进房间 —— 去掉下沿金线, 横幅底图往下多铺一截并渐隐进地毯; 按钮统一成带弧度的胶囊(金色渐变细边 + 深色玻璃底, 快速入座是实心金) */
.yg .sp-head{border-bottom:0;border-image:none}
.yg .sp-head::before,.yg .sp-head::after{bottom:-90px;-webkit-mask-image:linear-gradient(#000 45%,rgba(0,0,0,.55) 70%,transparent);mask-image:linear-gradient(#000 45%,rgba(0,0,0,.55) 70%,transparent)}
.yg .sp-head::after{background:radial-gradient(ellipse 42% 90% at 50% 40%,rgba(16,8,4,.5),rgba(16,8,4,.8) 70%),linear-gradient(90deg,rgba(10,5,2,.9),rgba(10,5,2,.3) 30%,rgba(10,5,2,.3) 70%,rgba(10,5,2,.9))}
.yg.lite .sp-head::after{background:radial-gradient(ellipse 42% 90% at 50% 40%,rgba(16,8,4,.45),rgba(16,8,4,.75) 70%),linear-gradient(90deg,rgba(10,5,2,.85),rgba(10,5,2,.25) 30%,rgba(10,5,2,.25) 70%,rgba(10,5,2,.85))}
.yg .sp-grid{padding-top:22px}
.yg :is(.sp-back,.sp-dd-btn,.sp-quick){clip-path:none;min-height:42px;padding:0 20px;border:1.5px solid transparent;border-radius:999px;
  background:linear-gradient(180deg,rgba(44,28,12,.88),rgba(16,9,4,.92)) padding-box,linear-gradient(180deg,#fff0b0,#c8902a 50%,#f3d27a) border-box;
  box-shadow:inset 0 1px 0 rgba(255,240,190,.18),0 4px 12px rgba(0,0,0,.35)}
.yg :is(.sp-back,.sp-dd-btn)::before{display:none}
.yg :is(.sp-back,.sp-dd-btn):hover,.yg .sp-dd.is-open .sp-dd-btn{background:linear-gradient(180deg,rgba(74,48,16,.92),rgba(28,17,6,.94)) padding-box,linear-gradient(180deg,#fff4c8,#e2aa3a 50%,#fff0b0) border-box;box-shadow:inset 0 1px 0 rgba(255,240,190,.25),0 0 14px rgba(233,196,106,.35)}
.yg .sp-back{padding:0 20px 0 14px}
.yg .sp-quick{border:0;background:linear-gradient(180deg,#fff4c4,#f2c14e 45%,#c8871a);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(120,70,0,.35),0 4px 14px rgba(200,135,26,.45);filter:none}
.yg .sp-quick:hover{filter:brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(120,70,0,.35),0 0 18px rgba(242,193,78,.6)}
.yg :is(.sp-back,.sp-dd-btn,.sp-quick):focus-visible{outline:2px solid #fff1b8;outline-offset:3px;filter:none}
@container (max-width:640px){.yg :is(.sp-back,.sp-dd-btn,.sp-quick){min-height:38px;padding:0 14px}}
/* 横幅底图画在房间(.seatp::before, 在桌子和顶栏下面), 不画在顶栏里 —— 顶栏 z-index 高(下拉要盖住桌子), 往下渐隐的那截会压住第一排桌子 */
.yg .sp-head::before,.yg .sp-head::after{display:none}
.yg .seatp::before{display:block;content:"";position:absolute;left:0;right:0;top:0;height:210px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 42% 75% at 50% 32%,rgba(16,8,4,.5),rgba(16,8,4,.8) 70%),linear-gradient(90deg,rgba(10,5,2,.9),rgba(10,5,2,.3) 30%,rgba(10,5,2,.3) 70%,rgba(10,5,2,.9)),var(--sp-art,none) center 30%/cover,var(--bg-city) center/cover;
  -webkit-mask-image:linear-gradient(#000 50%,rgba(0,0,0,.5) 75%,transparent);mask-image:linear-gradient(#000 50%,rgba(0,0,0,.5) 75%,transparent)}
.yg.lite .seatp::before{background:radial-gradient(ellipse 42% 75% at 50% 32%,rgba(16,8,4,.42),rgba(16,8,4,.74) 70%),linear-gradient(90deg,rgba(10,5,2,.85),rgba(10,5,2,.25) 30%,rgba(10,5,2,.25) 70%,rgba(10,5,2,.85)),var(--sp-art,none) center 30%/cover,var(--bg-city) center/cover}
/* 11-10 用户: 顶栏不要放游戏卡片图 —— 只留房间本身(地毯), 顶上一层由深到透明的暗色 + 标题后面一团暖金光 */
.yg .seatp::before,.yg.lite .seatp::before{height:200px;background:radial-gradient(ellipse 30% 60% at 50% 38%,rgba(240,196,90,.22),transparent 70%),linear-gradient(180deg,rgba(12,4,6,.55),transparent)}
.yg.lite .seatp::before{background:radial-gradient(ellipse 30% 60% at 50% 38%,rgba(226,178,74,.25),transparent 70%),linear-gradient(180deg,rgba(120,90,40,.14),transparent)}
.yg.lite .sp-crest .sp-title small{color:#7a6448}
.yg.lite .sp-crest .sp-title h2{background:linear-gradient(180deg,#6a4608,#b07c1a 50%,#e0ac44);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 1px rgba(255,255,255,.7))}
/* 11-10 用户: 只有「返回游戏列表」醒目(实心金胶囊, 左边深色圆里一个箭头); 牌室 / 牌桌 / 快速入座 改无边框, 小一号:
   字直接浮在房间上 —— 小字标签 + 衬线金字 + 细箭头, 底下一道中间亮两头渐隐的金线(悬停时变亮、外放光); 快速入座 = 金色字 + 小三角, 呼吸微光 */
.yg .sp-back{min-height:42px;padding:0 20px 0 5px;gap:9px;border:0;color:#3d2400;font:900 15px/1 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.06em;
  background:linear-gradient(180deg,#fff4c4,#f2c14e 45%,#c8871a);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(120,70,0,.35),0 4px 14px rgba(200,135,26,.45),0 0 0 3px rgba(242,193,78,.18)}
.yg .sp-back svg{box-sizing:border-box;width:32px;height:32px;padding:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3010,#1c1006);stroke:#ffe7a6;stroke-width:2.6;box-shadow:inset 0 0 0 1px rgba(255,231,166,.4)}
.yg .sp-back:hover,.yg.lite .sp-back:hover{color:#2d1a00;filter:brightness(1.07);background:linear-gradient(180deg,#fff4c4,#f2c14e 45%,#c8871a);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(120,70,0,.35),0 0 20px rgba(242,193,78,.65),0 0 0 4px rgba(242,193,78,.25)}
.yg.lite .sp-back{background:linear-gradient(180deg,#fff4c4,#f2c14e 45%,#c8871a)}
.yg .sp-back:hover svg{transform:translateX(-2px)}
.yg .sp-back svg{transition:transform .2s}
.yg :is(.sp-dd-btn,.sp-quick),.yg :is(.sp-dd-btn):hover,.yg .sp-dd.is-open .sp-dd-btn{min-height:0;padding:6px 4px 8px;border:0;border-radius:0;background:none;box-shadow:none;filter:none}
.yg .sp-tools{gap:22px}
.yg .sp-dd-btn{align-items:baseline;gap:7px}
.yg .sp-dd-btn small{font-size:12px;letter-spacing:.14em;color:rgba(243,227,189,.7)}
.yg .sp-dd-btn b{font:700 15px/1.2 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.04em;color:#f6e3b4;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:color .2s,text-shadow .2s}
.yg .sp-dd-btn svg{align-self:center;width:10px;height:10px;stroke:#e9c46a}
.yg .sp-dd-btn::after,.yg .sp-quick::before{content:"";display:block;position:absolute;left:0;right:0;bottom:1px;height:1px;background:linear-gradient(90deg,transparent,#e9c46a,transparent);opacity:.45;transition:opacity .25s,box-shadow .25s}
.yg .sp-dd-btn:hover b,.yg .sp-dd.is-open .sp-dd-btn b{color:#ffe08a;text-shadow:0 0 12px rgba(240,196,90,.55)}
.yg .sp-dd-btn:hover::after,.yg .sp-dd.is-open .sp-dd-btn::after,.yg .sp-quick:hover::before{opacity:1;box-shadow:0 0 8px #e9c46a}
.yg .sp-quick{gap:6px;font:800 15px/1.2 "Noto Serif SC","Noto Serif",Georgia,serif;letter-spacing:.08em;color:#ffd76a;text-shadow:0 0 10px rgba(240,196,90,.45);animation:sp-shine 2.6s ease-in-out infinite}
.yg .sp-quick::before{opacity:.8}
.yg .sp-quick::after{content:none}
.yg .sp-quick svg{display:block;width:9px;height:9px;fill:currentColor;filter:drop-shadow(0 0 4px currentColor)}
.yg .sp-quick:hover{color:#fff1b8;box-shadow:none;filter:none}
.yg.lite .sp-dd-btn small{color:#8a7558}
.yg.lite .sp-dd-btn b{color:#4a3410;text-shadow:none}
.yg.lite .sp-dd-btn:hover b,.yg.lite .sp-dd.is-open .sp-dd-btn b{color:#a8761a;text-shadow:none}
.yg.lite .sp-dd-btn svg{stroke:#b8862a}
.yg.lite .sp-dd-btn::after,.yg.lite .sp-quick::before{background:linear-gradient(90deg,transparent,#b8862a,transparent)}
.yg.lite .sp-quick{color:#a8761a;text-shadow:none}
.yg.lite .sp-quick:hover{color:#6a4608}
.yg :is(.sp-dd-btn,.sp-quick):focus-visible{outline:2px solid #e9c46a;outline-offset:2px;border-radius:6px}
@container (max-width:640px){.yg .sp-back{min-height:38px}.yg :is(.sp-dd-btn,.sp-quick){min-height:0;padding:6px 2px 8px}}

/* ---------- 活动福利(11-11 用户: 更高级): 三段小标题 + 签到主卡(7 天进度) + 统一深底金线小卡; 白天主题在后面 ---------- */
.yg .pf{display:grid;gap:16px}
.yg .pf-h{display:flex;align-items:baseline;gap:10px;margin:10px 0 -2px;font-size:18px;font-weight:700}
.yg .pf-h small{font-size:11px;font-weight:600;letter-spacing:.24em;color:var(--gold)}
.yg .pf-h::after{content:'';flex:1;align-self:center;height:1px;background:linear-gradient(90deg,rgba(255,200,61,.4),transparent)}
.yg .pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px}
.yg .pf-card{position:relative;display:grid;grid-template-columns:64px 1fr;grid-template-areas:"art main" "art foot";gap:12px 16px;padding:20px;border-radius:16px;background:linear-gradient(160deg,rgba(22,36,70,.94),rgba(9,17,38,.94));border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 36px -26px rgba(0,0,0,.8);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s}
.yg .pf-card::before{content:'';position:absolute;left:20px;right:20px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,200,61,.6),transparent)}
.yg .pf-card:hover{transform:translateY(-2px);border-color:rgba(255,200,61,.28)}
.yg .pf-art{grid-area:art;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:radial-gradient(circle at 30% 25%,rgba(255,214,120,.2),transparent 62%),#0b1631;box-shadow:inset 0 0 0 1px rgba(255,200,61,.25)}
.yg .pf-art .ico{width:40px;height:40px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.yg .pf-main{grid-area:main;min-width:0;padding-right:70px}
.yg .pf-main h4{margin:0;font-size:16px;font-weight:700;color:var(--text)}
.yg .pf-tag{position:absolute;top:16px;right:16px;padding:2px 10px;border-radius:999px;background:rgba(25,230,255,.1);color:var(--cyan);font-size:11px;font-weight:600;white-space:nowrap}
.yg .pf-tag b{font-weight:700}
.yg .pf-amt{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px;margin:6px 0 4px}
.yg .pf-amt .coin{align-self:center;width:18px;height:18px}
.yg .pf-amt b{font:700 22px/1.2 Bahnschrift,"DIN Alternate",Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--gold);letter-spacing:.02em}
.yg .pf-amt b.pf-word{font-size:16px;letter-spacing:.08em}
.yg .pf-amt small{font-size:12px;color:var(--muted)}
.yg .pf-desc{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.yg .pf-foot{grid-area:foot;display:flex;align-items:center}
.yg .pf-go{display:inline-flex;align-items:center;padding:7px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#ffe08a,#f0b12c 55%,#d98a0c);color:#2b1a00;font-size:13px;font-weight:700;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 16px -10px rgba(240,170,30,.9);transition:filter .2s,transform .2s}
.yg .pf-go:hover,.yg .pf-go:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}
.yg .pf-go:focus-visible{outline:2px solid rgba(255,200,61,.6);outline-offset:2px}
.yg .pf-go:disabled{filter:grayscale(.7) brightness(.8);cursor:default;transform:none}
.yg .pf-ok{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.yg .pf-ok::before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,200,61,.18);color:var(--gold);font-size:11px}
.yg .pf-card.is-done .pf-art{filter:grayscale(.6);opacity:.7}
.yg .pf-card.is-done .pf-tag{background:rgba(255,255,255,.06);color:var(--muted)}
/* 白天主题(11-11 用户: 要符合白色 + 绿主题): 金色点缀全部换青绿, 只有星币图标保持金色 */
.yg.lite .pf-h small{color:var(--cyan2)}
.yg.lite .pf-h::after{background:linear-gradient(90deg,rgba(19,179,166,.45),transparent)}
.yg.lite .pf-card{background:#fff;border-color:#e2ecea;box-shadow:0 14px 30px -24px rgba(11,95,85,.35)}
.yg.lite .pf-card::before{background:linear-gradient(90deg,transparent,rgba(19,179,166,.55),transparent)}
.yg.lite .pf-card:hover{border-color:rgba(19,179,166,.4)}
.yg.lite .pf-art{background:radial-gradient(circle at 30% 25%,rgba(120,230,210,.4),transparent 62%),#effaf7;box-shadow:inset 0 0 0 1px rgba(19,179,166,.2)}
.yg.lite .pf-art .ico{filter:drop-shadow(0 4px 6px rgba(11,95,85,.18))}
.yg.lite .pf-tag{background:rgba(19,179,166,.1);color:var(--cyan2)}
.yg.lite .pf-card.is-done .pf-tag{background:#f0f4f4;color:var(--muted)}
.yg.lite .pf-amt b{color:var(--cyan2)}
.yg.lite .pf-go{background:linear-gradient(135deg,#2fd1bb,#13b3a6 55%,#0b8f87);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 16px -10px rgba(11,143,135,.8)}
.yg.lite .pf-go:focus-visible{outline-color:rgba(19,179,166,.5)}
.yg.lite .pf-ok::before{background:rgba(19,179,166,.14);color:var(--cyan2)}
@media (max-width:700px){
  .yg .pf-card{padding:16px;grid-template-columns:52px 1fr;gap:10px 14px}
  .yg .pf-art{width:52px;height:52px;border-radius:14px}
  .yg .pf-art .ico{width:32px;height:32px}
}

/* ---------- 签到窗口(11-11 第二版, 用户: 不够高级): 竖排居中, 金色光晕 + 连签圆环 + 奖章进度轨 + 整宽金色按钮 ---------- */
.yg .pf-dlg{width:min(600px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);padding:0;border:0;border-radius:24px;background:transparent;color:var(--text);overflow:visible}
.yg .pf-dlg[open]{animation:pf-rise .4s cubic-bezier(.2,.8,.2,1)}
.yg .pf-dlg::backdrop{background:radial-gradient(circle at 50% 30%,rgba(255,190,60,.12),transparent 50%),rgba(3,7,20,.74);backdrop-filter:blur(8px)}
.yg .pf-dlg__x{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--muted);font-size:20px;line-height:1;transition:background .2s,color .2s,transform .3s}
.yg .pf-dlg__x:hover,.yg .pf-dlg__x:focus-visible{background:rgba(255,255,255,.14);color:var(--text);transform:rotate(90deg)}
.yg .pf-sign{position:relative;overflow:hidden auto;max-height:calc(100vh - 32px);padding:34px 34px 26px;border-radius:24px;border:1px solid transparent;
  background:radial-gradient(90% 55% at 50% -8%,rgba(255,196,70,.22),transparent 62%) padding-box,radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.2px) 0 0/16px 16px padding-box,linear-gradient(180deg,#111f40,#080f25 70%) padding-box,
  linear-gradient(160deg,rgba(255,220,130,.75),rgba(255,220,130,.1) 35%,rgba(255,220,130,.04) 65%,rgba(25,230,255,.3)) border-box;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)}
.yg .pf-sign__head{display:flex;align-items:center;gap:22px;margin-bottom:30px}
.yg .pf-ring{--pf-ring:0;flex:none;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;
  background:radial-gradient(closest-side,#0c1736 calc(100% - 7px),transparent calc(100% - 6px)),conic-gradient(from -90deg,#ffe08a,#f0b12c calc(var(--pf-ring) * 100%),rgba(255,255,255,.08) 0);
  box-shadow:0 0 40px -8px rgba(255,190,60,.45)}
.yg .pf-ring div{display:grid;justify-items:center;line-height:1}
.yg .pf-ring b{font:700 40px/1 Bahnschrift,"DIN Alternate",Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 0 18px rgba(255,190,60,.45)}
.yg .pf-ring small{margin-top:5px;font-size:10px;letter-spacing:.3em;color:var(--muted)}
.yg .pf-eye{font-size:11px;font-weight:600;letter-spacing:.3em;color:var(--gold)}
.yg .pf-sign h4{margin:6px 0 8px;font:700 28px/1.2 Georgia,"Songti SC","Noto Serif SC",serif;letter-spacing:.06em;color:var(--text)}
.yg .pf-streak{display:flex;align-items:baseline;gap:6px;margin:0;font-size:13px;color:var(--muted)}
.yg .pf-streak b{font:700 16px/1 Bahnschrift,Inter,sans-serif;color:var(--text)}
/* 奖章 + 进度轨: 7 等分, 轨道从第 1 枚中心到第 7 枚中心(左右各 1/14), 已走的部分金色 */
.yg .pf-days{--pf-fill:0;position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin:0 0 28px;padding:0;list-style:none}
.yg .pf-days::before,.yg .pf-days::after{content:'';position:absolute;top:47px;left:calc(100% / 14);height:2px;border-radius:2px}
.yg .pf-days::before{right:calc(100% / 14);background:rgba(255,255,255,.09)}
.yg .pf-days::after{width:calc((100% - 100% / 7) * var(--pf-fill));background:linear-gradient(90deg,#f0b12c,#ffe08a);box-shadow:0 0 10px rgba(255,200,61,.6);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.yg .pf-days li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.yg .pf-d{height:16px;font-size:12px;line-height:16px;color:var(--muted);white-space:nowrap}
.yg .pf-d small{font-size:9px;letter-spacing:.18em}
.yg .pf-d b{color:var(--text)}
.yg .pf-medal{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#22345e,#0d1836);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 14px -6px rgba(0,0,0,.7);transition:transform .3s,box-shadow .3s,background .3s}
.yg .pf-gem{display:grid;place-items:center}
.yg .pf-gem .coin{width:24px;height:24px}
.yg .pf-gem .ico{width:38px;height:38px}
.yg .pf-st{font:600 13px/1 Bahnschrift,"DIN Alternate",Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}
.yg .pf-chk{display:none;position:absolute;inset:0;border-radius:50%}
.yg .pf-chk::after{content:'';position:absolute;left:50%;top:46%;width:8px;height:15px;border:solid #3a2500;border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(45deg)}
.yg .pf-days li.is-done .pf-medal{background:linear-gradient(145deg,#ffe8a3,#f0b12c 55%,#c9850c);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px -8px rgba(240,170,30,.9)}
.yg .pf-days li.is-done .pf-gem{visibility:hidden}
.yg .pf-days li.is-done .pf-chk{display:block}
.yg .pf-days li.is-done .pf-st{color:var(--gold);opacity:.6}
.yg .pf-days li.is-today .pf-medal{transform:scale(1.14);box-shadow:inset 0 0 0 2px #ffd25e,0 0 0 6px rgba(255,200,61,.12),0 10px 24px -8px rgba(255,190,60,.8);animation:pf-pulse 2.2s ease-in-out infinite}
.yg .pf-days li.is-today .pf-st{color:var(--gold);font-size:14px}
.yg .pf-days li.is-today .pf-d b,.yg .pf-days li.is-today .pf-d small{color:var(--gold)}
.yg .pf-days li.is-chest .pf-medal{width:54px;height:54px;margin:-5px 0;background:radial-gradient(circle at 35% 30%,#4a3510,#1a1206);box-shadow:inset 0 0 0 1.5px rgba(255,210,94,.7),0 0 26px -6px rgba(255,190,60,.7)}
.yg .pf-days li.is-chest.is-done .pf-medal{background:linear-gradient(145deg,#ffe8a3,#f0b12c 55%,#c9850c)}
.yg .pf-sign__foot{display:grid;justify-items:center;gap:10px}
.yg .pf-claim{position:relative;overflow:hidden;width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#ffe596,#f3b52f 50%,#d98a0c);color:#2b1a00;font-size:16px;font-weight:800;letter-spacing:.12em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(120,70,0,.25),0 16px 30px -14px rgba(240,170,30,.85);transition:transform .25s,filter .25s}
.yg .pf-claim::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-120%);animation:pf-sheen 3.2s ease-in-out infinite}
.yg .pf-claim:hover,.yg .pf-claim:focus-visible{transform:translateY(-1px);filter:brightness(1.05)}
.yg .pf-claim:focus-visible{outline:2px solid rgba(255,210,94,.7);outline-offset:3px}
.yg .pf-claim:disabled{cursor:default;transform:none;filter:none;background:rgba(255,200,61,.08);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(255,200,61,.3);letter-spacing:.06em}
.yg .pf-claim:disabled::after{display:none}
.yg .pf-rule{margin:0;font-size:12px;line-height:1.6;text-align:center;color:var(--muted)}
@keyframes pf-rise{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pf-pulse{50%{box-shadow:inset 0 0 0 2px #ffd25e,0 0 0 11px rgba(255,200,61,0),0 10px 24px -8px rgba(255,190,60,.8)}}
@keyframes pf-sheen{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.yg .pf-dlg[open],.yg .pf-days li.is-today .pf-medal,.yg .pf-claim::after{animation:none}}
/* 白天: 白卡 + 青绿(同大厅白天主题), 星币保持金色 */
.yg.lite .pf-dlg::backdrop{background:radial-gradient(circle at 50% 30%,rgba(120,230,210,.25),transparent 50%),rgba(20,52,50,.32)}
.yg.lite .pf-dlg__x{background:#eef7f5;color:var(--cyan2)}
.yg.lite .pf-sign{background:radial-gradient(90% 55% at 50% -8%,rgba(110,225,205,.32),transparent 62%) padding-box,radial-gradient(rgba(19,179,166,.09) 1px,transparent 1.2px) 0 0/16px 16px padding-box,linear-gradient(180deg,#f6fdfb,#fff 60%) padding-box,
  linear-gradient(160deg,rgba(19,179,166,.65),rgba(19,179,166,.12) 40%,rgba(19,179,166,.05) 70%,rgba(19,179,166,.35)) border-box;box-shadow:0 40px 80px -36px rgba(11,95,85,.45)}
.yg.lite .pf-eye{color:var(--cyan2)}
.yg.lite .pf-ring{background:radial-gradient(closest-side,#fff calc(100% - 7px),transparent calc(100% - 6px)),conic-gradient(from -90deg,#3fd8c2,#0b8f87 calc(var(--pf-ring) * 100%),#e3f1ee 0);box-shadow:0 0 34px -10px rgba(19,179,166,.55)}
.yg.lite .pf-ring b{color:var(--cyan2);text-shadow:none}
.yg.lite .pf-days::before{background:#e1ece9}
.yg.lite .pf-days::after{background:linear-gradient(90deg,#0b8f87,#3fd8c2);box-shadow:0 0 8px rgba(19,179,166,.45)}
.yg.lite .pf-medal{background:radial-gradient(circle at 35% 30%,#fff,#eef7f5);box-shadow:inset 0 0 0 1px #d5e8e4,0 6px 14px -8px rgba(11,95,85,.3)}
.yg.lite .pf-days li.is-done .pf-medal,.yg.lite .pf-days li.is-chest.is-done .pf-medal{background:linear-gradient(145deg,#5fe3cf,#13b3a6 55%,#0b8f87);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 18px -8px rgba(11,143,135,.8)}
.yg.lite .pf-chk::after{border-color:#fff}
.yg.lite .pf-days li.is-done .pf-st{color:var(--cyan2)}
.yg.lite .pf-days li.is-today .pf-medal{box-shadow:inset 0 0 0 2px #13b3a6,0 0 0 6px rgba(19,179,166,.12),0 10px 22px -10px rgba(11,143,135,.7);animation-name:pf-pulse-g}
.yg.lite .pf-days li.is-today .pf-st,.yg.lite .pf-days li.is-today .pf-d b,.yg.lite .pf-days li.is-today .pf-d small{color:var(--cyan2)}
.yg.lite .pf-days li.is-chest .pf-medal{background:radial-gradient(circle at 35% 30%,#f2fffc,#d8f3ee);box-shadow:inset 0 0 0 1.5px rgba(19,179,166,.55),0 0 22px -6px rgba(19,179,166,.5)}
.yg.lite .pf-claim{background:linear-gradient(135deg,#3fd8c2,#13b3a6 50%,#0b8f87);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,60,55,.2),0 16px 30px -14px rgba(11,143,135,.75)}
.yg.lite .pf-claim:focus-visible{outline-color:rgba(19,179,166,.55)}
.yg.lite .pf-claim:disabled{background:#eef8f6;color:var(--cyan2);box-shadow:inset 0 0 0 1px rgba(19,179,166,.3)}
@keyframes pf-pulse-g{50%{box-shadow:inset 0 0 0 2px #13b3a6,0 0 0 11px rgba(19,179,166,0),0 10px 22px -10px rgba(11,143,135,.7)}}
@media (max-width:700px){
  .yg .pf-sign{padding:28px 18px 20px}
  .yg .pf-sign__head{flex-direction:column;gap:14px;text-align:center;margin-bottom:24px}
  .yg .pf-streak{justify-content:center}
  .yg .pf-ring{width:92px;height:92px}
  .yg .pf-ring b{font-size:32px}
  .yg .pf-sign h4{font-size:24px}
  .yg .pf-days::before,.yg .pf-days::after{top:42px}
  .yg .pf-d small{display:none}
  .yg .pf-medal{width:34px;height:34px}
  .yg .pf-gem .coin{width:18px;height:18px}
  .yg .pf-days li.is-chest .pf-medal{width:42px;height:42px;margin:-4px 0}
  .yg .pf-gem .ico{width:30px;height:30px}
  .yg .pf-chk::after{width:6px;height:11px;border-width:0 2.5px 2.5px 0}
  .yg .pf-st{font-size:11px}
  .yg .pf-days li.is-today .pf-st{font-size:12px}
}