:root { --orange:#ff8a13; --paper:#f5f5ef; --black:#121011; --line:rgba(255,255,255,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:1120px; color:var(--paper); background:#242526; font-family:"Microsoft YaHei","Noto Sans SC",sans-serif; }
button,a { font:inherit; } a { color:inherit; text-decoration:none; }
.site-shell { min-height:100vh; display:flex; flex-direction:column; overflow:hidden; background-color:#252526; background-image:url("assets/web_bg.png"),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-position:center top,center top,center top; background-size:max(1920px,100vw) auto,60px 60px,60px 60px; background-repeat:no-repeat,repeat,repeat; }
.topbar { height:92px; display:grid; grid-template-columns:360px 1fr 268px; align-items:stretch; background:rgba(20,15,16,.96); border-bottom:2px solid rgba(255,255,255,.07); }
.brand { display:grid; place-items:center start; padding-left:20px; }.brand img { width:175px; height:65px; object-fit:contain; }
.topbar > nav { display:flex; justify-content:space-around; align-items:stretch; } .topbar > nav > a { min-width:180px; display:grid; place-items:center; position:relative; font-size:29px; font-weight:bold; letter-spacing:5px; } .topbar > nav > a:hover,.topbar > nav > a.is-active { color:var(--orange); } .topbar > nav > a.is-active::after { content:""; position:absolute; bottom:0; width:182px; height:6px; background:var(--orange); box-shadow:0 -3px 12px #f57d12; }
.download { background:url("assets/web_download_btn.png") center / 268px 91px no-repeat; }
.home-account-bar { width:100%; height:73px; flex:0 0 73px; background:rgba(0,0,0,.3); }.account { width:100%; max-width:1920px; height:100%; margin:0 auto; padding:0 109px 0 29px; display:flex; align-items:center; justify-content:flex-end; color:#25f74f; font-size:22px; font-weight:bold; }.account button { cursor:pointer; border:0; padding:0; background:none; color:#25f74f; font-weight:bold; }.account span { margin-left:16px; letter-spacing:3px; }
.home-account-bar .qldy-auth-account { color:#f4f4f4; font-weight:normal; }
.home-account-bar .qldy-auth-account span { margin-left:0; letter-spacing:0; }
.home-account-bar .qldy-auth-account .qldy-auth-logout { margin-left:55px; color:#1fbaff; }
.home-account-bar .qldy-auth-account > a:not(.qldy-auth-message-link) { color:#f4f4f4; }
.home-account-bar .qldy-auth-account > i { color:#f4f4f4; }
.page-main { width:100%; max-width:1920px; min-height:755px; flex:1 0 auto; margin:0 auto; padding:26px 29px 30px; }
.homepage { display:grid; grid-template-columns:minmax(640px, 1.08fr) minmax(650px,.87fr); gap:30px; align-items:start; }.check-in-panel { width:100%; height:auto; aspect-ratio:1019/552; margin-top:26px; overflow:hidden; position:relative; display:block; border:1px solid rgba(255,255,255,.72); background:#202426; }.sign-art { display:block; width:100%; height:100%; object-fit:contain; }.check-in-cta { display:none; }
.activity-board { min-height:570px; }.tabs { height:70px; border-bottom:1px solid rgba(255,255,255,.26); display:flex; justify-content:space-between; }.tab { color:#f4f4f4; min-width:164px; height:70px; padding:0; border:0; cursor:pointer; background:transparent; position:relative; font-size:22px; font-weight:bold; }.tab:hover,.tab.is-active { color:var(--orange); }.tab.is-active::after { content:""; width:164px; height:46px; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); background:url("assets/web_chose_btn.png") bottom center / 164px 46px no-repeat; }
.text-list { min-height:350px; padding:17px 5px 0; }.topic-item { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:70px; padding:0; color:#f3f3f3; border-bottom:1px solid var(--line); font-size:16px; font-weight:600; transition:color .15s ease, padding-left .15s ease; }.topic-item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.topic-item small { flex:0 0 auto; color:#a8a8a8; font-size:13px; font-weight:normal; }.topic-item:hover { color:var(--orange); padding-left:8px; }.topic-item:hover small { color:#ffb069; }
.home-pagination { min-height:42px; margin:16px 5px 0; display:flex; align-items:center; justify-content:center; gap:8px; }.home-pagination[hidden] { display:none; }.home-pagination-pages { display:flex; align-items:center; justify-content:center; gap:8px; }.home-pagination button,.home-pagination-link { width:36px; min-width:36px; height:36px; padding:0; display:grid; place-items:center; color:#c8c8c8; border:1px solid rgba(255,255,255,.22); background:rgba(0,0,0,.2); font-size:15px; line-height:1; cursor:pointer; transition:color .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease; }.home-pagination button:hover:not(:disabled),.home-pagination button:focus-visible,.home-pagination-link:hover,.home-pagination-link:focus-visible { color:#fff; border-color:var(--orange); outline:none; box-shadow:0 0 9px rgba(255,128,15,.35); }.home-pagination button.is-active,.home-pagination-link.is-active { color:#fff; border-color:var(--orange); background:var(--orange); box-shadow:0 0 10px rgba(255,128,15,.42); cursor:default; }.home-pagination button:disabled { opacity:.3; cursor:not-allowed; }.home-pagination-step { font-size:24px !important; }.home-pagination-ellipsis { width:20px; color:#888; text-align:center; }.home-pagination-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.text-list.is-activity-list { padding-top:0; }.activity-item { min-height:192px; padding:29px 5px; display:grid; grid-template-columns:1fr 245px; gap:28px; align-items:center; border-bottom:1px solid var(--line); }.activity-item.is-text-only { grid-template-columns:minmax(0,1fr); }.activity-copy { min-width:0; display:flex; flex-direction:column; gap:28px; }.activity-copy strong { color:#f2f2f2; font-size:17px; line-height:1.55; font-weight:600; }.activity-tag { display:inline-grid; place-items:center; min-width:48px; height:27px; margin-right:12px; padding:0 10px; color:#fff; border-radius:5px; background:#cb3153; font-size:14px; line-height:1; vertical-align:2px; }.activity-tag.is-new { color:#241900; background:#f1b91f; }.activity-copy small { color:#f0f0f0; font-size:16px; }.activity-image { width:245px; height:auto; aspect-ratio:1019/552; display:grid; place-items:center; overflow:hidden; color:rgba(255,255,255,.75); border:3px solid rgba(255,255,255,.9); background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.04)); font-size:13px; letter-spacing:1px; transition:border-color .15s ease,box-shadow .15s ease; }.activity-image img { display:block; width:100%; height:100%; object-fit:cover; }.activity-image img[src*="web_img_lbhg"] { object-fit:contain; }.activity-item:hover .activity-image { border-color:var(--orange); box-shadow:0 0 14px rgba(255,138,19,.4); }
.recharge { height:111px; margin:39px 5px 0; display:block; background:url("assets/web_shop_bg.png") center / 100% 111px no-repeat; font-size:0; }
footer { min-height:158px; flex:0 0 158px; padding:14px 25px 12px; background:#060606; color:#eee; text-align:center; font-size:11px; line-height:1.75; } footer strong { font-weight:normal; }
dialog { width:350px; padding:32px; color:#eee; border:1px solid #d97915; background:linear-gradient(145deg,#241c1c,#111); box-shadow:0 25px 80px #000; }.close { float:right; color:#fff; border:0; background:transparent; font-size:26px; cursor:pointer; }.eyebrow { margin:0; color:var(--orange); letter-spacing:3px; font-size:11px; } dialog h2 { margin:6px 0 22px; } dialog label { display:block; margin-top:13px; font-size:13px; } dialog input { width:100%; padding:10px; margin-top:6px; color:#fff; border:1px solid #555; background:#0a0a0a; }.dialog-action { width:100%; margin-top:24px; padding:11px; border:0; color:#fff; background:var(--orange); font-weight:bold; cursor:pointer; } dialog::backdrop { background:rgba(0,0,0,.66); }
@media (max-width:1350px) { .topbar { grid-template-columns:270px 1fr 210px; } .topbar > nav > a { min-width:110px; } .account { padding-left:22px; padding-right:102px; }.homepage { gap:22px; } .check-in-panel { height:auto; }.page-main { padding-left:22px; padding-right:22px; } .tab { min-width:120px; }.recharge { margin-top:26px; } }