@charset "utf-8";

*	{margin:0; padding:0; list-style:none; box-sizing:border-box; line-height:normal; border:none; outline:0;}
:root{
	--bg:#0c0f16; --card:#151a26; --card2:#1b2231;
	--line:#242c3e; --line2:#2f3a52;
	--t1:#e9edf5; --t2:#a7b1c4; --t3:#697389;
	--blue:#3d8bfd; --blue-d:#2b6fd6;
	--gold:#e8b95a; --plat:#9ecbff; --silver:#c3cad6; --bronze:#c98d5e;
	--yuan:16px;
}
body	{font-size:14px; font-family:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif; background: linear-gradient(to bottom, #000000, #00439c); background-attachment:fixed;}
a		{text-decoration:none; color:#3890ff;}
a:hover	{text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;}
em		{font-style:normal; font-size:12px; color:#999;}
small	{font-style:normal; font-size:11px; color:rgba(255,255,255,.5);}
time	{font-size:12px; color:#CCC;}
svg		{fill:currentColor;}
svg.stk	{fill:none; stroke:currentColor; stroke-width:2;}
hr		{height:1px; background:var(--line); border:none; margin:6px 4px;}
blockquote	{background-color:#EFEFEF; color:#999; padding:12px; margin:0; word-break:break-all;}
code		{display:block; word-break:break-all; background:#50556B; color:white; padding:10px; margin:8px 0;}
mark			{background-color:#393D49; color:#393D49;}
mark::selection {color:white;}
.gotop	{width:58px; height:106px; position:fixed; bottom:10px; right:10px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABqCAMAAADa67LtAAAAYFBMVEUAAABMUFuNhHvMPTdwc3yyr6h9dGtwa2eCeXJLRUc4KiGnopzb2NFMOC1bWmBmZmbBwrzYvba9npldVUqNioUzMzOYi4PJsqwvMz+cfIE/Pz2CZ2CmiIaqLzHBkWuGVyM3FVIzAAAAAXRSTlMAQObYZgAAAd1JREFUWMPt1IuSmjAYhuGtFZIQIELCuhyq93+X/b4EipbOOlMTOjv1nfGE/+NEA779oe9zb5/3oi/6oi/6H9AIfZnv+m/oj7ln6Jep64pCqT1pVRVzFdqHEqyUy96DWntLeUtPOWwtAApwD1og4r1p01ibZWfU+Pp+DwqD2lap/Wjbdj6lxtGicZym/WjTGEMqZd+np1k2UzRN48ifSanUlEteadO07eVSVcDJKQNChFekUHo6+dr2dCrL67WqrE1HtS5LrYuCp1+Pwv3l0rbO4e10FN1QJOU08Wg6agyHDqiuBcpR+DghhiEd5Wa8o+wmwpNP69i0RFoLYYzYRFr6YlNjskzPZb7wqH1kfO5cPMrlgj7oGzqgWJQbsOScvouAka3V6Hm65tz99hyP94x13REBP0WFyLLTr+7HttS5YYhFDRK+z6hDCsWgxlfX68iWvs8pVaMYlCNCcOS4KVCiHCk1DJyKS7cFSigRlxugMfEoB3L0+8+0LJfPa59BsahEjymhQ89QFihPim03FJHHoufzsv0fH/mclHzNy5o4UEJmDKdjUB5aqPSFj1qolLzY8px/fCdfeip9xuRoxaloOMaLXSKFhJASGO1Dw/YMPosA/5oSHg6PaY4i0p/KgG8RHQ/KUQAAAABJRU5ErkJggg==) no-repeat center; cursor:pointer;}

/** 各种颜色 **/
.red	{color:rgb(248,113,113) !important; background:rgba(248,113,113,.12) !important; border:1px solid rgba(248,113,113,.35) !important;}
.gold	{color:rgb(232,185,90) !important; background:rgba(232,185,90,.12) !important; border:1px solid rgba(232,185,90,.35) !important;}
.purple	{color:rgb(168,85,247) !important; background:rgba(168,85,247,.12) !important; border:1px solid rgba(168,85,247,.35) !important;}
.blue	{color:rgb(61,139,253) !important; background:rgba(61,139,253,.12) !important; border:1px solid rgba(61,139,253,.35) !important;}
.green	{color:rgb(74,222,128) !important; background:rgba(74,222,128,.12) !important; border:1px solid rgba(74,222,128,.35) !important;}
.trophy1	{background:rgba(158,203,255,.14); color:rgb(158,203,255);}
.trophy2	{background:rgba(232,185,90,.14); color:rgb(232,185,90);}
.trophy3	{background:rgba(195,202,214,.14); color:rgb(195,202,214);}
.trophy4	{background:rgba(201,141,94,.14); color:rgb(201,141,94);}
.text-platinum	{color:var(--plat) !important;}
.text-gold		{color:var(--gold) !important;}
.text-silver	{color:var(--silver) !important;}
.text-bronze	{color:var(--bronze) !important;}
.text-red		{color:rgb(248,113,113) !important;}
.text-purple	{color:rgb(168,85,247) !important;}
.text-blue		{color:rgb(61,139,253) !important;}
.text-green		{color:rgb(74,222,128) !important;}

/** 各种标签 **/
.node	{font-size:11px; padding:2px 6px; border-radius:4px; font-weight:400; background-color:#E9EEF1; color:#A9B6C0; border:none;}
.node:hover	{filter:brightness(.95); text-decoration:none;}
.tag	{font-size:12px; padding:5px 11px; border-radius:8px; display:inline-flex; align-items:center; gap:4px; background-color:#E9EEF1; color:#A9B6C0;}
.tag:hover	{filter:brightness(.95); text-decoration:none;}

/* ---- Input & textarea ---- */
input	{width:100%; background:#10141f; border:1px solid var(--line2); padding:9px 12px; color:var(--t1); font-size:13px;}
textarea	{width:100%; background:#10141f; border:1px solid var(--line2); color:var(--t1); font-size:13px; line-height:1.4; padding:14px; resize:none;}
select		{background:#10141f; border:1px solid var(--line2); padding:9px 26px 9px 12px; color:var(--t1); font-size:13px; appearance:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center;}

/* ---- Button ---- */
.btn		{cursor:pointer; font-size:13px; padding:8px 16px; transition:.15s; color:#3890FF; background:#EAF3FF; white-space:nowrap;}
.btn:hover	{opacity:0.8; text-decoration:none;}
.btn[disabled]	{background:#AAA;}
.btn-ghost	{background:transparent; border:1px solid var(--line2); color:var(--t2);}
.btn-blue	{background:#3890FF; color:white;}
.btn-gold	{background:var(--gold); color:#241a05;}
.btn-red	{background:rgb(248,113,113); color:white;}
.btn-sm		{padding:6px 12px; font-size:12px;}
.btn-banner	{width:100%;}

/** H是不对的 **/
h1,h2,h3,h4,h5,h6	{font-weight:normal;}

/** 文章內用到的 **/
.tit2	{font-size:22px;}
.tit3	{font-size:18px;}
.tit4	{font-size:16px;}
.content		{line-height:180%; overflow:hidden; text-overflow:ellipsis;}
.content img	{max-width:100%;}

/** 表格 **/
.tbl td		{border:1px solid white; vertical-align:top; padding:6px;}
.tbl		{border-collapse:collapse; font-size:12px;}
.tblthree td	{border:1px solid #FFF; vertical-align:top;}
.tblthree	{border-collapse:collapse; font-size:12px;}
.tblthree tr:nth-child(odd) {background:#F1F1F1;}
.tblthree tr:nth-child(even) {background:#E3E2E0;}
.tblthree tr:first-child	{background-color:#516570; color:white;}

/** 我来组成骨骼 **/
.inner		{width:1040px; position:relative; margin:0 auto;}
.min-inner	{width:800px; position:relative; margin:0 auto;}
.side	{display:flex; flex-direction:column; gap:16px; min-width:0;}
.box	{position:relative; background:white;}
.twogrid	{display:grid; grid-template-columns:minmax(0, 1fr) 264px; gap:16px; margin-top:36px; align-items:start;}

/**游戏封面**/
.cover	{position:relative; aspect-ratio:1/1; overflow:hidden; display:flex; align-items:flex-end; padding:10px; transition:.15s; background-color:black; overflow:hidden;}
.cover:hover	{transform:translateY(-6px); text-decoration:none;}
.cover .fm		{position:absolute; top:0; left:0; right:0; width:100%; aspect-ratio:1 / 1; margin:auto; background-size:auto 105%; background-repeat:no-repeat; background-position:center;}
.cover .pf		{position:absolute; top:8px; right:8px; background:rgba(0,0,0,.5); backdrop-filter:blur(3px); font-size:10px; padding:2px 7px; border-radius:6px; color:#dbe4f0; display:flex; align-items:center; gap:4px;}
.cover .info	{display:grid; gap:2px;}
.cover .cname	{font-size:12px; color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.6); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cover em		{color:rgba(255,255,255,0.3);}

/** 各种的标题 **/
.shead	{display:flex; align-items:center; gap:10px; padding:12px;}
.shead h2	{font-size:20px;}
.shead h3	{font-size:15px;}
.shead a	{color:var(--t3);}
.shead a:hover	{color:var(--t2);}
.shead u	{margin-left:auto; font-size:11px; text-decoration:none;}
.tabs		{display:flex; gap:4px; background:white; padding:16px; flex-wrap:wrap;}
.tabs a		{padding:6px 14px; font-size:16px; color:#8491a5; white-space:nowrap;  text-decoration:none;}
.tabs a:hover	{background-color:#EAF3FF; color:#3890ff;}
.tabs a.on		{background:#3890ff; color:white;}
.pagehead		{display:grid; gap:8px; padding:36px 0 16px;}
.pagehead h1	{font-size:24px; color:white;}
.pagehead small	{font-size:13px;}

/** 进度条 **/
.progress	{display:flex; align-items:center; gap:8px;}
.progress .cbar.sm	{height:5px;}
.progress .cbar		{flex:1; height:7px; border-radius:99px; background:#222a3c; overflow:hidden;}
.progress .cbar i	{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg, var(--blue-d), #6db3ff);}

/** 列表 **/
.list	{display:flex; flex-direction:column;}
.list .loop:nth-child(even)	{background:#FAFAFA;}
.list .loop		{display:flex; gap:16px; align-items:center; padding:16px;}
.list .smloop	{display:flex; gap:8px; align-items:center; padding:6px 16px 8px;}
.list h3		{font-size:16px;}
.list h4		{font-size:14px;}
.list .icon	{width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.list .fm	{width:52px; height:52px; border-radius:50%; border:3px solid #333; overflow:hidden;}
.list .fm img	{width:100%; height:100%;}
.list img		{background:linear-gradient(135deg,#60a5fa,#1e3a8a);}
.list .on .fm	{border-color:rgb(74,222,128);}
.list .hid	{display:none;}
.list .info	{display:grid; gap:6px; font-size:14px; flex:1;}
.list .post	{display:grid; gap:12px; font-size:14px; flex:1;}
.list .post h3 a	{color:#333;}
.list .meta		{display:flex; gap:6px; align-items:center;}
.list .jiaohu	{display:flex; gap:6px; font-size:12px;}
.list .rar		{display:grid; gap:2px; text-align:right;}
.list .rar b	{font-size:12px; border:none; background:none; font-weight:normal;}
.list .num		{width:30px; font-weight:800; text-align:center; font-size:13px;}
.list .pg		{width:100px; display:grid; gap:6px;}
.list .pg .gettrophy	{display:flex; align-items:center; gap:4px; font-size:11px; color:var(--t2); justify-content:flex-end;}
.list :nth-child(1) .num	{color:var(--gold);}
.list :nth-child(2) .num	{color:var(--silver);}
.list :nth-child(3) .num	{color:var(--bronze);}

/**游戏盒子**/
.games	{display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:16px;}
.reply	{color:rgb(255,255,255); background-color:rgb(170, 176, 198); padding:2px 10px; border-radius:4px; margin-left:auto;}

/** 直播图标 **/
.live	{width:8px; height:8px; border-radius:50%; background:#f87171; animation:pulse 1.6s infinite; flex:none}
.live-g	{width:8px; height:8px; border-radius:50%; background:#4ade80; animation:pulseG 1.6s infinite; flex:none}
@keyframes pulse	{0%{box-shadow:0 0 0 0 rgba(248,113,113,.45)}70%{box-shadow:0 0 0 7px rgba(248,113,113,0)}100%{box-shadow:0 0 0 0 rgba(248,113,113,0)}}
@keyframes pulseG	{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/**进度小圆点**/
.dots	{display:flex; justify-content:center; align-items:center; gap:3px;}
.dots i.f	{background:var(--gold);}
.dots i		{width:5px; height:5px; border-radius:50%; background:var(--line2);}

/** 搜索框 **/
.phtool		{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:18px;}
.searchmini		{flex:1; min-width:220px; display:flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--line2); color:white; padding:9px 14px;}
.searchmini input	{flex:1; background:none; border:none; outline:none; color:var(--t1); font-family:inherit; font-size:13px; min-width:0;}

/** 筛选项 **/
.chiprow		{display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding:16px;}
.chiprow a:hover	{text-decoration:none;}
.chiprow .lbl	{font-size:12px; color:var(--t3);}
.sgchip			{font-size:12px; color:var(--t3); padding:5px 13px; border-radius:999px; border:1px solid var(--line); cursor:pointer; user-select:none;}
.sgchip.on		{color:var(--t1); background:var(--card2); border-color:var(--line2);}

/** 头像 **/
.avatar		{border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; color:#fff; background:linear-gradient(135deg,#34d399,#065f46); flex:none; line-height:1; overflow:hidden;}
.avatar img	{width:100%;}
.avatar-m	{width:48px; height:48px; font-size:12px;}
.avatar-s	{width:26px; height:26px; font-size:11px;}
.avatar-l	{width:84px; height:84px; font-size:26px;}

/** 奖杯信息 **/
.trophycount	{display:flex; gap:4px; align-items:center; font-size:12px; color:var(--t2);}
.trophycount i {display:flex; align-items:center; gap:2px; font-style:normal;}

/** 分页 **/
.page	{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; align-items:center;}
.page a.off	{opacity:.5; pointer-events:none;}
.page a.on	{color:white; background:#3890ff; pointer-events:none;}
.page a {font-size:12px; background-color:#E7EBEE; color:#99A1A7; padding:6px 13px; cursor:pointer; user-select:none;}
.page a:hover {background-color:#BDC3C7; color:white; text-decoration:none;}

/** 勋章墙 **/
.bwall	{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; padding:0 12px 12px;}
.bwall li	{display:grid; gap:2px; text-align:center; padding:10px 4px; background:#FAFAFA;}
.bwall li .icon {width:42px; height:42px; border-radius:50%; margin:0 auto; display:flex; align-items:center; justify-content:center; margin-bottom:4px;}
.bwall li b		{font-size:11px;}
.bwall li.lock	{opacity:.38;}

/** 热力图 **/
.heat	{display:grid; grid-auto-flow:column; grid-template-rows:repeat(7, 1fr); grid-template-columns:repeat(10, 1fr); gap:6px;}
.heat i		{border-radius:2px; background:#1a2130; min-width:0; aspect-ratio:1/1;}
.heat i.l1	{background:#4a3a14}
.heat i.l2	{background:#7a5c1e}
.heat i.l3	{background:#b98a2e}
.heat i.l4	{background:#e8b95a}

/** 柱状图 **/
.bar		{display:flex; align-items:flex-end; gap:6px; height:120px; padding:12px;}
.bar .b		{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; min-width:0; gap:4px;}
.bar .b i	{width:100%; max-width:26px; border-radius:5px 5px 0 0; background:linear-gradient(180deg,#3d8bfd,#1d4fae); min-height:3px; transition:.15s;}
.bar .b i:hover	{filter:brightness(1.25);}
.bar .b.top i	{background:linear-gradient(180deg,#e8b95a,#8a6a24);}

/** 时间线 **/
.tline	{border-left:1px dashed #EEE; padding-left:16px; display:flex; flex-direction:column; gap:24px;}
.tline li			{position:relative; display:grid; justify-items:start; gap:3px;}
.tline li:before	{content:""; position:absolute; left:-22px; top:5px; width:9px; height:9px; border:1px solid #ffffff; border-radius:50%; background:var(--blue);}

/* ---- 徽章 ---- */
.badge		{display:inline-block; padding:2px 6px; border-radius:2px; white-space:nowrap; font-size:11px;}
.badge-0	{color:#999999; background-color:#EFEFEF !important;}
.badge-1	{color:#67c23a; background-color:#f0f9eb !important;}
.badge-2	{color:#95C3FE; background-color:#EDF5FF !important;}
.badge-3	{color:#BD97F5; background-color:#ECE6F7 !important;}
.badge-4	{color:#e6a23c; background-color:#fdf6ec !important;}
.badge-5	{color:#f56c6c; background-color:#fef0f0 !important;}

/** 平台 **/
.pf_ps5, .pf_ps4, .pf_ps3, .pf_psv, .pf_pspc {font-size:10px; font-family:Hiragino Sans GB; color:white; border-radius:2px; padding:3px 6px; background-color:#333; word-break:keep-all;}
.pf_ps5	{background-color:#5f456b;}
.pf_ps4	{background-color:#1b5c9e;}
.pf_ps3	{background-color:#266eb7;}
.pf_psv	{background-color:#4a89ca;}
.pf_pspc{background-color:#000000;}

/** 游戏盒子 **/
.gamebox	{display:flex; gap:16px; flex-wrap:wrap; align-items:center; padding:16px;}
.gamebox .cover	{width:100px;}
.gamebox-info	{flex:1; min-width:240px; display:flex; flex-direction:column; justify-content:center; gap:12px;}
.gamebox-info h1	{font-size:24px;}
.gamebox-meta	{display:flex; gap:6px; flex-wrap:wrap; align-items:center;}

/** 玩家获取奖杯的进度 **/
.idtro		{width:100%; display:grid; grid-template-columns:repeat(4, 1fr); background:white; padding:14px;}
.idtro li	{display:flex; flex-direction:column; gap:2px; text-align:center;}

/** 头尾 **/
header	{width:100%; position:sticky; top:0; z-index:50; background:rgba(12,15,22,.65); backdrop-filter:blur(12px);}
header .inner	{display:flex; align-items:center; gap:26px; height:60px;}
footer	{clear:both; height:60px; line-height:60px; text-align:center;}
header .logo {width:36px; height:36px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAKlBMVEUAAADW7v03tvZAxPw1rPI6sOua5/6X8f7A9/4zl/ZHs+8zhfg4ofQ7fPhvt0prAAAAAXRSTlMAQObYZgAAAGdJREFUKM+lyEEBwDAIQ9FawEItYAELWMBCLcwCFmahFrBQL8uoA3in5I/rTXf3kmqEe4RqNynsfc7eCp0k4E7JXaCeJogQzUkkMqGeGHDhzwz1NIYZMxGzJYR6grXMVsLpJXgSRid9aXqbqb7k0OsAAAAASUVORK5CYII="); background-repeat:no-repeat; background-position:center;}
header a:hover	{text-decoration:none;}
header nav		{display:flex; gap:8px; font-size:14px;}
header nav a	{padding:7px 13px; border-radius:9px; color:var(--t2);}
header nav a:hover	{color:var(--t1); background:var(--card2);}
header .user	{margin-left:auto; display:flex; gap:10px; align-items:center;}
header .userchip	{display:flex; align-items:center; gap:4px; background:var(--card2); border:1px solid var(--line2); padding:6px 12px; border-radius:999px; font-size:13px; color:white;}
header .userdrop	{display:none; position:absolute; top:calc(100%); right:0; background:var(--card2); border:1px solid var(--line2); border-radius:14px; padding:8px; min-width:180px; box-shadow:0 18px 50px rgba(0, 0, 0, .55); z-index:80;}
header .userdrop.show {display:block;}
header .userdrop .userpanel	{display:flex; gap:10px; align-items:center; padding:6px; color:white;}
header .userdrop .userpanel div	{display:flex; gap:4px; flex-direction:column;}
header .userdrop .userpanel b	{display:block;}
header .userdrop a	{display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:9px; font-size:13px; color:var(--t2);}
header .userdrop a:hover	{background:var(--card); color:var(--t1);}
header .userdrop a span {margin-left:auto; background:#f87171; color:#fff; font-size:10px; border-radius:99px; padding:2px 6px;}

/** 文章详情 **/
.post	{display:grid; gap:10px;}
.post-title	{display:flex; gap:12px; align-items:center;}
.post-meta	{display:flex; gap:8px; align-items:center;}
.post-meta > span:last-child	{margin-left:auto;}
.post h1	{font-size:24px; flex:1;}
.post-btn	{display:flex; gap:12px; align-items:center; font-size:12px;}

/** 个人主页 **/
.me-top		{display:flex; gap:22px; align-items:center;}
.me-info	{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:12px;}
.me-info h2	{font-size:22px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.me-meta	{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
.me-meta button	{border-radius:999px;}
.me-ring	{margin-left:auto; text-align:center; position:relative;}
.me-ring .me-num	{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:18px;}

/** 弹窗 **/
.sai-container	{position:fixed; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,.5); backdrop-filter:blur(6px); z-index:1000; font-size:14px;}
.sai-div		{background:white; position:relative;}
.sai-content	{background:white; padding:40px; line-height:180%; position:relative; font-size:16px;}
.sai-confirm	{background:white; position:relative; line-height:180%; width:90%; max-width:480px;}
.sai-confirm button	{width:100%; background-color:#409eff; color:white; padding:14px 18px; outline:none; cursor:pointer; text-align:center; border:none;}
.sai-confirm button:hover		{opacity:0.9; text-decoration:none;}
.sai-msg	{width:auto; max-width:60%; background-color:rgba(0,0,0,.8); color:#fff; padding:14px 20px; pointer-events:auto; opacity:0; transform:translateY(-50px); transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.sai-container.sai-show .sai-msg {opacity:1; transform:translateY(0);}
.sai-trophy	{position:fixed; right:20px; top:20px; width:auto; max-width:60%; background-color:rgba(0,0,0,.8); color:#fff; font-size:16px; padding:18px 24px; pointer-events:auto; border-radius:8px; opacity:0; transform:translateY(-50px); transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.sai-trophy a	{color:#FFCC33;}
.sai-container.sai-show .sai-trophy {opacity:1; transform:translateY(0);}
.sai-close	{background:url("data:image/gif;base64,R0lGODlhFAAUAIAAAAAAAP///yH5BAEHAAEALAAAAAAUABQAAAI0hBGpm+fI4jtRTliVW1vT2jWfZXAjEwZptmZe6ZJY/M7s2YqwbtfmjsIJgbcJTXU5XnqyAgA7") no-repeat center; width:48px; height:48px; cursor:pointer; position:absolute; right:0; top:0; z-index:9999;}
.sai-close-white	{background-image:url("data:image/gif;base64,R0lGODlhFAAUAIAAAP///////yH5BAEHAAEALAAAAAAUABQAAAI0hBGpm+fI4jtRTliVW1vT2jWfZXAjEwZptmZe6ZJY/M7s2YqwbtfmjsIJgbcJTXU5XnqyAgA7");}
.sai-close:hover	{opacity:0.4;}
.sai-loading	{border:10px solid #fff; border-top:10px solid #3890ff; border-radius:50%; width:80px; height:80px; animation:spin 1s linear infinite;}
@keyframes spin	{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/** 移动端 **/
@media only screen and (max-width:800px) {
	.inner, .min-inner	{width:95%;}
	.games		{grid-template-columns:repeat(4, minmax(0, 1fr));}
	.twogrid	{display:flex; flex-direction:column;}
	.timeuse	{display:none;}
	.shape		{display:none;}
}




/* 新勋章墙 */
.bwall.medal-wall {grid-template-columns: repeat(2, minmax(0, 1fr));}
.bwall.medal-wall-my {grid-template-columns: repeat(4, minmax(0, 1fr));}
.bwall.medal-wall li {
    min-width: 0;
    gap: 8px;
    padding: 16px 8px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    align-content: start;
}

.bwall.medal-wall li b {
    font-size: 13px;
    overflow-wrap: anywhere;
}

.bwall.medal-wall li em {
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.bwall.medal-wall li > .badge {
    justify-self: center;
    max-width: 100%;
    white-space: normal;
}

.bwall.medal-wall li.is-worn {
    border-color: #3890ff;
    box-shadow: 0 0 0 1px #3890ff;
}

.bwall.medal-wall li.is-locked .icon {
    filter: grayscale(1);
    opacity: .55;
}

.medal-button {
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 12px;
    background: #3890ff;
    color: #fff;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.medal-button:disabled {
    background: #ededed;
    color: #888;
    cursor: default;
}

.medal-button:focus-visible {
    outline: 2px solid #185db0;
    outline-offset: 2px;
}

/* 初级绿、中级蓝、高级紫沿用原站配色。 */
/* 终极使用更明确的橙色。 */
.badge-4 {
    color: #d97706;
    background-color: #fff3e0 !important;
}

/* 手机端缩小间距，仍然保持四栏。 */
@media (max-width: 600px) {
    .bwall.medal-wall-my {
        gap: 6px;
        padding: 0 6px 8px;
    }

    .bwall.medal-wall-my li {
        padding: 10px 4px;
    }
}

/** 登录框 **/
.loginbox	{width:400px; position:relative; background-color:#000011; color:#4363C0;}
.loginbox button	{width:100%;}
.loginbox input		{width:100%; color:#FFF; background-color:#213265; margin-bottom:20px;}
.loginbox input::placeholder {color:#4363C0;}
.loginbox input[readonly]	{background-color:#131D39; color:#2F478E;}