:root{color-scheme:dark;--bg:#101214;--panel:#191b1d;--gold:#d6b77a;--muted:#99978f;--line:#454034;--text:#e3e0d7;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.75}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ffe1a0;outline-offset:5px}button:hover,a:hover{color:#f5d99d}h1,h2,h3,p{margin:0}h2,h3{font-family:"Songti SC","SimSun",serif;font-weight:600}section{scroll-margin-top:100px}.skip{position:absolute;left:20px;top:-80px;z-index:20;background:#000;padding:15px}.skip:focus{top:15px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(28px,calc((100vw - 1320px)/2));background:linear-gradient(#222426,#111315);border-bottom:1px solid #947548;position:relative;z-index:5;box-shadow:0 3px 0 #090a0b,0 4px 0 #564530}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font-family:SimSun,serif;font-weight:bold;font-size:25px;color:var(--gold);letter-spacing:2px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2.8px;color:#9d9177;margin-top:2px}.brand-icon{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:30px;height:100%}.site-header nav a,.site-header nav button{font-size:14px;white-space:nowrap;padding:31px 0}.site-header nav .active{color:var(--gold);border-bottom:3px solid var(--gold)}.header-community{border:1px solid #786346;color:#c7ad79;padding:9px 16px;font-size:12px;white-space:nowrap}.header-community span{margin-left:15px}.menu-toggle{display:none}.hero{height:660px;position:relative;isolation:isolate;text-align:center;overflow:hidden;background:#121619}.hero-art{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(0deg,#101214 0%,transparent 25%,#05070910 80%),url('assets/hero.d07f617181.webp');background-size:cover;background-position:center top;filter:saturate(.8)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 28%,#090e124d 50%,transparent 72%)}.hero-content{padding-top:50px;position:relative;max-width:760px;margin:auto}.eyebrow{font-size:12px;letter-spacing:5px;color:#d1b783;display:flex;align-items:center;justify-content:center;gap:16px;text-shadow:0 2px 6px #000}.eyebrow i{height:1px;width:45px;background:linear-gradient(90deg,transparent,#ab8c57)}.eyebrow i:last-child{transform:rotate(180deg)}.hero h1{font-family:"STKaiti","KaiTi","SimSun",serif;font-size:120px;line-height:1.2;letter-spacing:12px;padding-left:12px;font-weight:900;color:#f4c85f;background:linear-gradient(180deg,#fff4b3 8%,#f9d574 30%,#d99a25 50%,#ffe99a 62%,#bf7c1e 84%,#f5ce6a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #694517) drop-shadow(0 6px 12px #000b);margin-top:44px}.hero-subtitle{font-family:SimSun,serif;color:#e5ceaa;font-size:20px;letter-spacing:5px;margin-top:24px;text-shadow:0 2px 8px #000}.hero-subtitle span:before{content:"·";padding:0 14px}.hero-rule{width:280px;display:flex;align-items:center;gap:15px;margin:18px auto 13px;color:#b6955f;font-size:8px}.hero-rule:before,.hero-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#8b7048)}.hero-rule:after{transform:rotate(180deg)}.hero-description{color:#c2c2be;line-height:1.9;font-size:13px;text-shadow:0 2px 4px #000}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:linear-gradient(110deg,#bd8d44,#eed1a0 47%,#b48a49);color:#211c13!important;border:1px solid #e8c895;box-shadow:inset 0 0 0 3px #6b502a,inset 0 0 0 4px #ebcb90,0 4px 12px #0005;padding:14px 22px;font-weight:bold;transition:filter .2s,transform .2s}.gold-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.hero-button{min-width:272px;margin-top:22px;font:700 22px SimSun,serif;letter-spacing:3px}.hero-button span{font:11px Arial,"Microsoft YaHei",sans-serif;letter-spacing:1px}.hero-more{display:block;font-size:11px;color:#b5b4af;margin-top:16px;letter-spacing:2px}.hero-bottom{position:absolute;bottom:23px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#968775;font-size:10px;letter-spacing:2px}.site-content{max-width:1180px;margin:0 auto;padding:0 26px}.announcement-strip{border-top:1px solid #564631;border-bottom:1px solid #37332b;display:flex;align-items:center;gap:20px;padding:17px 0;font-size:12px}.strip-label{color:var(--gold);font-size:11px;letter-spacing:2px;border-right:1px solid #564631;padding-right:20px;white-space:nowrap}.announcement-strip p{color:#b4b1a8;flex:1}.announcement-strip button{font-size:12px;color:#c8b07d;white-space:nowrap}.announcement-strip b{font-weight:400;letter-spacing:1px}.announcement-strip button span{margin-left:20px}.dashboard{display:grid;grid-template-columns:315px 1fr;gap:44px;margin:40px 0 60px}.ornate{border:1px solid #635037;box-shadow:inset 0 0 0 4px #131515,inset 0 0 0 5px #302b22;position:relative;background:linear-gradient(140deg,#25251f50,transparent 70%)}.ornate:before,.ornate:after{content:"◆";color:#a18856;position:absolute;font-size:8px;line-height:1}.ornate:before{top:-4px;left:-4px}.ornate:after{bottom:-4px;right:-4px}.quick-panel{padding:25px 23px}.mini-heading{color:#ae9362;letter-spacing:3px;font-size:10px}.quick-panel h2{font-size:25px;color:#e4d2af;margin:8px 0 10px}.quick-panel p{color:#92938f;font-size:11px}.download-button{width:100%;margin-top:23px;text-align:left;padding:13px 17px;gap:13px;font:700 21px SimSun,serif}.download-button small{display:block;font:10px/2 "Microsoft YaHei",sans-serif;color:#584729}.download-symbol{font-size:34px;font-family:Arial}.download-button>span:last-child{margin-left:auto;font-size:18px}.patch-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #74603f;padding:10px 13px;margin-top:12px;color:#d5bc8e;font-size:12px;background:linear-gradient(#2d2c25,#1a1d1d)}.patch-button span{font-size:10px;color:#a4977b}.quick-actions{display:flex;margin-top:16px}.quick-actions button{width:50%;color:#c8c3b8;font-size:12px;padding:5px 0}.quick-actions button+button{border-left:1px solid #454036}.system-note{border-top:1px solid #36342b;margin-top:18px;padding-top:13px;display:flex;justify-content:space-between;color:#75766f;font-size:9px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.kicker{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:2px;color:#a08b61;margin-bottom:5px}.section-heading h2{font-size:30px;letter-spacing:2px;color:#e5d9c2}.section-heading>a,.section-note{font-size:11px;color:#8f9088}.section-heading>a span{margin-left:12px;color:var(--gold)}.news-tabs{display:flex;gap:28px;border-bottom:1px solid #444034;margin-bottom:17px}.news-tabs button{color:#a3a198;font-size:12px;padding:0 3px 10px}.news-tabs button.selected{color:var(--gold);border-bottom:2px solid var(--gold)}.featured-news{background:linear-gradient(100deg,#38301d66,#1d1f20);border:1px solid #524530;padding:14px 19px;width:100%;text-align:left}.featured-tag{font-size:9px;color:#b6975e;display:block;letter-spacing:2px}.featured-news strong{font-family:SimSun,serif;font-size:21px;color:#dcc494;display:block;margin:3px 0}.featured-news>span:last-child{display:flex;justify-content:space-between;color:#8b8d89;font-size:11px}.featured-news b{color:var(--gold)}.news-row{display:flex;align-items:center;gap:13px;width:100%;padding:13px 0;border-bottom:1px solid #2c2d29;text-align:left}.news-row .tag{font-size:10px;color:#b79b68;padding:1px 6px;border:1px solid #544735;white-space:nowrap}.news-row .news-title{font-size:12px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news-row .news-type{font-size:10px;color:#797d79}.news-row b{color:#a79065;font-weight:normal;margin-left:5px}.adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.adventure-card{position:relative;text-align:left;isolation:isolate;padding:28px 26px 24px;overflow:hidden;border:1px solid #4c4435;min-height:285px;background:#1d2021}.adventure-card:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(0deg,#111518f5 8%,#18222cb0 75%),url('assets/hero.d07f617181.webp');background-size:auto,780px;background-position:center,0 37%;opacity:.85;transition:opacity .3s}.map-card:before{background-position:center,50% 40%;background-image:linear-gradient(0deg,#171815f0,#33362670),url('assets/hero.d07f617181.webp')}.guild-card:before{background-position:center,100% 40%;background-image:linear-gradient(0deg,#1c1713f0,#46352099),url('assets/hero.d07f617181.webp')}.adventure-card:hover:before{opacity:1}.chapter{font:9px Arial,sans-serif;letter-spacing:2px;color:#aa9879}.ornament{position:absolute;right:21px;top:20px;font:50px Georgia,serif;color:#c7ac7570}.adventure-card h3{font-size:29px;letter-spacing:3px;color:#ded1b8;margin-top:60px}.adventure-card p{font-size:11px;line-height:1.9;color:#969a99;margin-top:12px}.card-link{display:flex;justify-content:space-between;font-size:10px;color:#b7a276;border-top:1px solid #76634266;padding-top:14px;margin-top:21px}.guide-section{padding:30px;margin:60px 0}.guide-layout{display:grid;grid-template-columns:210px 1fr;gap:38px}.guide-nav{display:flex;flex-direction:column;gap:8px}.guide-nav button{text-align:left;padding:15px 14px;color:#a2a196;border:1px solid #383930;font-size:13px;display:flex;align-items:center;gap:12px}.guide-nav button span{font:10px Georgia,serif;color:#6e6f64}.guide-nav button b{margin-left:auto;font-weight:normal}.guide-nav button.selected{color:#e1c591;border-color:#8c7040;background:linear-gradient(90deg,#6d512933,#191b1b)}.guide-nav button.selected span{color:#b39563}.guide-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.guide-intro h3{font-size:23px;color:#d7c4a3}.guide-intro span{font-size:9px;letter-spacing:2px;color:#746f60}.guide-copy{color:#a9aaa2;font-size:12px}.steps{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:15px}.steps li{display:flex;gap:16px;align-items:start;border-top:1px solid #32342e;padding-top:14px}.steps .number{font:22px Georgia,serif;color:#927748}.steps h4{margin:0 0 3px;font-weight:400;font-size:14px;color:#d5c5a7}.steps p{font-size:12px;color:#95978f}.guide-table-wrap{overflow-x:auto}.guide-table{width:100%;border-collapse:collapse;font-size:12px}.guide-table th{font-weight:400;color:#c9ae7a;background:#29271f;padding:10px;text-align:left}.guide-table td{border-bottom:1px solid #33352e;padding:10px;color:#a8a99e}.guide-table td:last-child{color:#ccb786}.guide-footnote{color:#818478;font-size:11px;margin-top:15px}.realm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.realm{display:flex;align-items:center;justify-content:space-between;border:1px solid #3e3c33;background:linear-gradient(#222422,#17191a);padding:14px 18px;text-align:left}.realm.primary{border-color:#a6874e;background:linear-gradient(110deg,#65502d55,#1a1d1d);box-shadow:inset 0 0 0 3px #191a17}.realm strong{font-size:13px;font-weight:400;color:#c1b08d}.realm small{font:9px Arial,sans-serif;color:#666b63;margin-right:12px}.realm span{font-size:9px;color:#7b8174}.realm.primary span{color:#cbae72}.realm-grid .realm:not(.primary){opacity:.6}.community-section{display:flex;align-items:center;gap:26px;padding:36px;margin:60px 0}.community-icon{font:bold 50px Georgia,serif;color:#d5b477;letter-spacing:-6px;width:100px;height:100px;display:grid;place-items:center;border:1px solid #7e6843;clip-path:polygon(0 0,100% 0,100% 77%,50% 100%,0 77%);background:linear-gradient(#49413155,transparent)}.community-section h2{font-size:29px;letter-spacing:2px;color:#e2d1ae}.community-section p{font-size:12px;color:#999b91;margin-top:10px}.community-contact{margin-left:auto;min-width:185px;padding-left:34px;border-left:1px solid #3f3b30}.community-contact>span{font-size:10px;color:#ae9970}.community-contact strong{display:block;font:26px Georgia,serif;letter-spacing:2px;color:#d3b77e;margin:6px 0 15px}.community-contact button{width:100%;font-size:12px;padding:9px 15px;justify-content:space-between}footer{border-top:1px solid #3a3427;text-align:center;padding:45px 25px;background:#0c0e0f}.footer-brand{font:600 28px SimSun,serif;color:#c6ab79;letter-spacing:4px}.footer-brand span{font:700 32px Georgia,serif;letter-spacing:-3px;margin-left:10px}footer>p{font-size:10px;letter-spacing:3px;color:#807763;margin-top:10px}.footer-links{display:flex;justify-content:center;gap:27px;margin:24px 0;color:#adab9e;font-size:11px}.footer-links button{padding:0}.health{font-size:10px;color:#646960;line-height:2}footer>small{font-size:9px;display:block;color:#565c53;margin-top:18px}.back-top{position:fixed;right:22px;bottom:23px;z-index:3;width:38px;height:42px;border:1px solid #786442;background:#191c1a;color:#c2a773}dialog{background:linear-gradient(120deg,#25251f,#15191c);border:1px solid #a68b57;color:var(--text);padding:35px;max-width:620px;width:calc(100% - 32px);box-shadow:0 0 0 5px #101315,0 0 0 6px #57472f;max-height:85vh;overflow:auto}dialog::backdrop{background:#020408c9;backdrop-filter:blur(5px)}dialog h2{font-size:28px;color:#ddc492;margin:8px 0 20px}dialog p{font-size:14px;color:#babbb0;margin:12px 0}dialog ul{padding-left:20px;color:#b2b4a8;font-size:13px}.dialog-close{position:absolute;right:13px;top:7px;font-size:29px;color:#bc9f6b}.dialog-callout{border:1px solid #5d5037;background:#26251d;padding:14px;margin-top:20px}.dialog-callout strong{color:#ddc188;font-size:23px;letter-spacing:3px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.dialog-actions button{border:1px solid #8d7449;padding:9px 18px;color:#c7ad7c}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 23px;background:#282920;color:#e0c68d;border:1px solid #a68d5b;z-index:20;transition:.2s;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero-art{background-size:100% auto;background-position:center top}.hero{height:730px}.hero-content{padding-top:75px}}
@media(max-width:1100px){.site-header{padding:0 24px;gap:15px}.site-header nav{gap:20px}.header-community{display:none}.hero{height:620px}.hero h1{font-size:104px}.hero-art{background-position:center top}.dashboard{gap:28px;grid-template-columns:290px 1fr}.site-content{padding:0 25px}.adventure-card{padding:23px 18px}.adventure-card h3{font-size:26px}.community-icon{display:none}}
@media(max-width:760px){html{scroll-padding-top:75px}.site-header{height:74px;flex-wrap:wrap}.brand{font-size:23px}.brand-icon{width:46px;height:46px}.menu-toggle{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--gold)}.site-header nav{display:none;position:absolute;left:0;right:0;top:74px;height:auto;background:#16191af7;border-bottom:1px solid #826c45;padding:16px 25px;grid-template-columns:repeat(3,1fr);gap:10px;z-index:10}.site-header nav.open{display:grid}.site-header nav a,.site-header nav button{padding:10px 0;text-align:center;font-size:13px}.hero{height:590px}.hero-art{background-size:auto 620px;background-position:center top;opacity:.68}.hero:after{background:#060b1429}.hero-content{padding-top:50px}.hero h1{font-size:clamp(52px,18vw,76px);letter-spacing:7px;padding-left:7px}.hero-subtitle{font-size:15px;letter-spacing:2px;margin-top:20px}.hero-subtitle span:before{padding:0 8px}.eyebrow{font-size:10px;letter-spacing:3px}.hero-description{font-size:12px}.hero-bottom{font-size:8px;left:22px;right:22px;letter-spacing:1px}.hero-bottom>span:nth-child(2){display:none}.site-content{padding:0 20px}.announcement-strip{flex-wrap:wrap;gap:8px 14px;padding:16px 0}.announcement-strip p{min-width:65%;font-size:10px}.announcement-strip button{margin-left:auto;font-size:11px;padding:0}.strip-label{padding-right:12px;font-size:10px}.dashboard{grid-template-columns:1fr;gap:32px;margin:28px 0 40px}.quick-panel{padding:24px}.quick-panel h2{font-size:24px}.download-button{margin-top:18px}.section-heading h2{font-size:27px}.section-note{font-size:9px;max-width:145px;text-align:right}.adventure-grid{grid-template-columns:1fr;gap:14px}.adventure-card{min-height:230px;padding:25px}.adventure-card h3{margin-top:24px}.adventure-card:before{background-size:auto,cover;background-position:center,center 30%}.adventure-card p br{display:none}.ornament{right:35px;top:28px}.card-link{margin-top:20px}.guide-section{padding:23px 18px;margin:40px 0}.guide-layout{grid-template-columns:1fr;gap:24px}.guide-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.guide-nav button{padding:10px 5px;justify-content:center;gap:6px;font-size:11px}.guide-nav button b{display:none}.guide-nav button span{font-size:9px}.guide-intro h3{font-size:21px}.guide-intro span{font-size:8px;letter-spacing:1px}.realm-grid{gap:7px}.realm{padding:12px 5px;flex-direction:column;gap:3px}.realm strong{font-size:11px}.realm small{font-size:8px;margin-right:5px}.realm span{font-size:8px}.community-section{padding:27px 23px;flex-wrap:wrap;gap:24px;margin:40px 0}.community-section h2{font-size:27px}.community-section p{font-size:11px}.community-contact{margin-left:0;padding-left:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 18px}.community-contact>span{grid-column:1}.community-contact strong{grid-column:1;font-size:24px;margin:3px 0 0}.community-contact button{grid-column:2;grid-row:1/3;align-self:center}.back-top{right:12px;bottom:15px;width:32px;height:36px}dialog{padding:28px 22px}dialog h2{font-size:24px}.news-row .news-type{display:none}.footer-links{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Sponsor title: original in-game badge and confirmed account-wide bonuses. */
dialog.sponsor-dialog{max-width:720px}
.sponsor-title{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:30px}
.sponsor-art{margin:0;text-align:center;padding:16px 0;background:radial-gradient(ellipse,#b48a281a,transparent 70%)}
.sponsor-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 20px #0009)}
.sponsor-art figcaption{font-size:11px;color:var(--muted);margin-top:8px;letter-spacing:2px}
.sponsor-tag{font-size:11px;letter-spacing:3px;color:var(--gold)}
.sponsor-details h3{font-size:32px;letter-spacing:5px;color:#f0d394;margin-top:4px}
.sponsor-details .sponsor-intro{font-size:12px;margin:5px 0 12px;color:var(--muted)}
.sponsor-stats{margin:0}
.sponsor-stats>div{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0;border-bottom:1px solid #d6b77a24}
.sponsor-stats dt{color:#d2d0c6;font-size:14px}
.sponsor-stats dd{margin:0;color:#f3ce7d;font:600 23px Georgia,serif}
dialog .sponsor-scope{padding:13px 16px;margin:22px 0 0;border:1px solid #6e5a37;background:#d6b77a08;color:#cdb88f;font-size:12px}
.sponsor-contact{margin-top:18px}
.sponsor-contact p{font-size:12px;margin:0 0 7px}
.sponsor-contact span{font-size:12px;color:var(--muted)}
.sponsor-contact strong{color:var(--gold);font-size:18px;letter-spacing:2px;margin-left:8px}
.dialog-actions .sponsor-payment{border:1px solid #8d7449;padding:9px 18px;color:#c7ad7c}
@media(max-width:560px){.sponsor-title{grid-template-columns:1fr;gap:14px}.sponsor-art{width:150px;justify-self:center;padding:0}.sponsor-art figcaption{font-size:10px;letter-spacing:1px}.sponsor-details h3{font-size:28px}.sponsor-details h3,.sponsor-tag,.sponsor-details .sponsor-intro{display:block;text-align:center}.sponsor-stats>div{padding:6px 0}.sponsor-stats dd{font-size:21px}}
.sponsor-price{display:flex;align-items:baseline;gap:9px;margin:7px 0 13px}.sponsor-price span{font-size:12px;color:#b8ac95}.sponsor-price strong{font:600 32px Georgia,serif;color:#f3ce7d}@media(max-width:560px){.sponsor-price{justify-content:center}}
.sponsor-stats dt,.sponsor-stats dd{color:#69b8ff}


/* Custom connected gold running-calligraphy title artwork. */
.title-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero h1.hero-wordmark{position:relative;width:min(700px,calc(100% - 32px));margin:44px auto 0;padding:0;font-size:0;line-height:0;letter-spacing:0;background:none;-webkit-text-fill-color:initial;-webkit-text-stroke:0;color:inherit;text-shadow:none;filter:none;animation:none}
.hero-wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 9px #f1b94b38) drop-shadow(0 5px 10px #0008)}
.hero-wordmark::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#fff3b66b 46%,#fffce1c9 50%,#fff3b66b 54%,transparent 64%);background-repeat:no-repeat;background-size:250% 100%;background-position:160% 0;-webkit-mask:url("assets/tianyi-connected-gold.b57d833d64.webp") center/100% 100% no-repeat;mask:url("assets/tianyi-connected-gold.b57d833d64.webp") center/100% 100% no-repeat;mix-blend-mode:screen;animation:tianyi-connected-shine 7s ease-in-out infinite}
@keyframes tianyi-connected-shine{0%,55%{background-position:160% 0}90%,100%{background-position:-160% 0}}
@media(max-width:760px){.hero h1.hero-wordmark{width:calc(100% - 24px);margin-top:38px}}
@media(prefers-reduced-motion:reduce){.hero-wordmark::after{animation:none;opacity:0}}

/* New realm notice: steady readable text with a slow glow. */
.realm-notice{--notice-color:#ffda80;position:relative;display:flex;align-items:center;gap:28px;min-height:132px;margin:0 0 38px;padding:26px 30px;background:linear-gradient(110deg,#292113f5,#141b26f5 65%,#251c20f5);border:1px solid #b48b45;border-radius:4px;box-shadow:inset 0 0 28px #d6a74610,0 8px 28px #0004;overflow:hidden}
.realm-notice[hidden]{display:none}.notice-label{flex:none;font-size:20px;font-weight:800;color:#ffe3a3;letter-spacing:3px}.notice-label small{display:block;font:10px Arial;letter-spacing:2px;color:#b59b71;margin-top:10px}.notice-dot{display:inline-block;width:7px;height:7px;margin-right:9px;background:#ffca65;box-shadow:0 0 10px #ffca65;border-radius:50%}.notice-copy{flex:1;min-width:0;border-left:1px solid #a480424d;padding-left:28px}.notice-title{margin:0 0 9px;font-size:26px;line-height:1.4;font-family:"Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:1px;color:var(--notice-color);overflow-wrap:anywhere}.notice-body{margin:0;color:var(--notice-color);font-size:17px;line-height:1.8;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}.notice-community{flex:none;text-align:left;font-size:13px;color:#e7c989;background:transparent;border:1px solid #886737;padding:12px 16px;cursor:pointer}.notice-community small{display:block;font-size:11px;margin-top:7px;color:#bcaa88}.notice-community span{margin-left:8px}.realm-notice[data-color=blue]{--notice-color:#8ccfff}.realm-notice[data-color=pink]{--notice-color:#ffabe4}.realm-notice[data-color=green]{--notice-color:#94edba}.realm-notice[data-color=rainbow] .notice-title{color:#ffe0a0;background:linear-gradient(100deg,#ffdf81,#ffafe1 42%,#8bdcff 75%,#b0efcc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.realm-notice[data-color=rainbow] .notice-body{color:#a7dfff}.notice-glow .notice-copy{animation:notice-breathe 3.2s ease-in-out infinite}@keyframes notice-breathe{0%,100%{filter:drop-shadow(0 0 1px #f6c66b35)}50%{filter:drop-shadow(0 0 7px #ffd481a0)}}
@media(max-width:760px){.realm-notice{gap:16px;padding:22px 18px;flex-wrap:wrap;margin-bottom:28px}.notice-label{font-size:16px;width:100%;display:flex;align-items:center}.notice-label small{margin:0 0 0 14px}.notice-copy{padding:0;border:0;flex-basis:100%}.notice-title{font-size:23px}.notice-body{font-size:16px}.notice-community{width:100%;text-align:center}.notice-community small{display:inline;margin-left:12px}}
@media(prefers-reduced-motion:reduce){.notice-glow .notice-copy{animation:none}}

/* Moving rainbow letters and sweeping highlights for realm announcements. */
.realm-notice .notice-title{display:table;position:relative;max-width:100%;font-weight:900}
.realm-notice[data-color=rainbow] .notice-title{background-image:linear-gradient(110deg,#ffe97c 0%,#ffad6b 14%,#ffa3ec 29%,#b8acff 43%,#75ddff 57%,#8fffbf 72%,#ffe97c 86%,#ffe97c 100%);background-size:260% 100%}
.realm-notice.notice-glow[data-color=rainbow] .notice-title{animation:notice-color-flow 4.5s linear infinite,notice-letter-glow 2.6s ease-in-out infinite}
.realm-notice.notice-glow:not([data-color=rainbow]) .notice-title{animation:notice-letter-glow 2.6s ease-in-out infinite}
.notice-title::after{content:attr(data-title);position:absolute;inset:0;pointer-events:none;color:transparent;background:linear-gradient(108deg,transparent 36%,#fff9d9 46%,#ffffff 49%,#fff9d9 52%,transparent 62%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 100%;background-position:150% 0;opacity:0}
.notice-glow .notice-title::after{opacity:.95;animation:notice-highlight 3.4s ease-in-out infinite}
@keyframes notice-color-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes notice-letter-glow{0%,100%{filter:drop-shadow(0 0 2px #a09cff77)}50%{filter:drop-shadow(0 0 5px #ffc673aa) drop-shadow(0 0 11px #be7bff55)}}
@keyframes notice-highlight{0%,15%{background-position:150% 0}75%,100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.realm-notice.notice-glow .notice-title,.notice-glow .notice-title::after{animation:none}.notice-glow .notice-title::after{opacity:0}}

/* Direct QQ entry points in the download panel. */
.contact-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:14px}
.contact-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:72px;padding:12px 6px;border:1px solid #a3844e;background:linear-gradient(135deg,#332b1c,#161b20);text-align:center;transition:background .2s,border-color .2s,box-shadow .2s}
.contact-action strong{font-size:17px;line-height:1.3;font-weight:700;color:#f5d89c}.contact-action small{font-size:11px;white-space:nowrap;color:#c8bea9}.customer-action{border-color:#60868e;background:linear-gradient(135deg,#20303b,#141d24)}.customer-action strong{color:#a5e4f4}.contact-action:hover{border-color:#edce87;box-shadow:0 0 14px #d6a94e20}.contact-action:focus-visible,.contact-link:focus-visible{outline:2px solid #f2d08b;outline-offset:4px}
.quick-actions{margin-top:22px;padding-top:16px;border-top:1px solid #484030}.download-button{font-size:19px;gap:10px;padding-left:13px;padding-right:13px}.download-button>span:nth-child(2){white-space:nowrap}
.community-contact>a.gold-button{width:100%;font-size:12px;padding:9px 15px;justify-content:space-between}.dialog-actions .contact-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #987946;background:#252218;color:#ecd097;font-size:14px}
@media(max-width:760px){.community-contact>a.gold-button{grid-column:2;grid-row:1/3;align-self:center}.contact-action{min-height:76px}.download-button{font-size:20px}}

/* Current-version settings: full summaries, no ellipsis. */
.news-panel{min-width:0}
#news-list .settings-row{display:grid;grid-template-columns:86px minmax(0,1fr) 14px;gap:16px;align-items:start;width:100%;padding:17px 0;text-align:left;line-height:1.85}
.settings-row .settings-label{color:#e5c27d;font-size:14px;font-weight:700;white-space:nowrap;letter-spacing:1px}
#news-list .settings-row .news-title{white-space:normal;overflow:visible;text-overflow:clip;color:#cfcec5;font-size:13px;overflow-wrap:anywhere}
#news-list .settings-row:hover{background:linear-gradient(90deg,#b5903520,transparent)}
#news-list .settings-row:hover .news-title{color:#f0dfbb}
#news-list .settings-row b{margin:0;line-height:1.85}
@media(max-width:480px){#news-list .settings-row{grid-template-columns:minmax(0,1fr) 14px;gap:5px 10px;padding:16px 0}.settings-row .settings-label{grid-column:1;grid-row:1}#news-list .settings-row .news-title{grid-column:1;grid-row:2}#news-list .settings-row b{grid-column:2;grid-row:1}}

/* Compact news header and vertical player-service entries. */
.quick-panel{align-self:start}
.contact-actions{grid-template-columns:minmax(0,1fr);gap:10px}
.contact-actions .contact-action{min-height:64px;padding:10px 12px;gap:4px}
.quick-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px;padding-top:0;border-top:0}
.quick-actions button{width:100%;min-height:48px;padding:11px 12px;border:1px solid #6b5b3e;background:linear-gradient(120deg,#2b281e,#171b1e);font-size:14px;color:#e0c89c}
.quick-actions button+button{border-left:1px solid #6b5b3e}
.quick-actions button:hover{border-color:#edce87;background:#302b20}
.fair-play-banner{padding:12px 16px;border:1px solid #655132;background:linear-gradient(100deg,#38301d66,#1d1f20);margin-bottom:4px}
.fair-play-banner p{margin:0;color:#e8ca8d;font-size:15px;font-weight:700;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:480px){.fair-play-banner{padding:10px 12px}.fair-play-banner p{font-size:14px}}

/* Rankings share the website's dark and gold palette. */
dialog.ranking-dialog{max-width:880px}
.ranking-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ranking-controls label{color:#d7bb80;font-size:13px}
.ranking-controls select{color:#ebdec4;background:#15191c;border:1px solid #80663d;padding:10px 12px;min-width:200px;max-width:100%;flex:1;font:inherit}
.ranking-controls button{padding:10px 15px;border:1px solid #80663d;color:#edca87;background:#302a1e}
.ranking-dialog .ranking-note,.ranking-dialog .ranking-time{font-size:12px;color:#a99f8b}
.ranking-dialog #ranking-status{font-size:13px;color:#edd093;min-height:24px}
.ranking-empty{padding:38px 20px;border:1px solid #4d4637;text-align:center;background:#15191c;color:#c9c1b1}
.ranking-table-wrap{overflow-x:auto}
.ranking-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap;text-align:left}
.ranking-table caption{text-align:left;padding:8px 0;color:#e5c589;font-weight:700}
.ranking-table th{background:#31291d;color:#e5c589;font-weight:500;padding:12px}
.ranking-table td{padding:12px;border-bottom:1px solid #3d3c33;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.ranking-table tbody tr:nth-child(-n+3) .rank-number{color:#ffd98b;font-weight:700}
@media(max-width:480px){.ranking-controls label{width:100%}.ranking-controls select{min-width:0}.ranking-controls button{font-size:12px;padding:11px 8px}.ranking-table th,.ranking-table td{padding:10px 8px}}

/* High-contrast, multicolor fair-play declaration. */
.fair-play-banner{border-color:#9b7843;background:linear-gradient(110deg,#302619,#17232c 52%,#2b1d2a);box-shadow:inset 0 0 16px #dfb94b0d}
.fair-play-banner p{font-weight:800;letter-spacing:.35px}
.fair-play-banner p span{display:inline}
.fair-play-banner .fair-green{color:#91ffad;text-shadow:0 0 9px #62ef8c45}
.fair-play-banner .fair-blue{color:#89e5ff;text-shadow:0 0 9px #5ed4ff45}
.fair-play-banner .fair-pink{color:#ffafdf;text-shadow:0 0 9px #ff86cc40}
.fair-play-banner .fair-highlight{color:#ff9b76;text-shadow:0 0 10px #ff764566}

/* Prominent version and hero introduction. */
.hero .hero-subtitle{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(20px,3.2vw,32px);font-weight:800;letter-spacing:2px;color:#ffe1a0;line-height:1.5;text-shadow:0 2px 6px #000,0 0 12px #dba64350}
.hero .eyebrow{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(15px,2.2vw,22px);font-weight:800;letter-spacing:3px;color:#f8d68d;line-height:1.5;text-shadow:0 2px 6px #000,0 0 10px #dba64340}
@media(max-width:480px){.hero .hero-subtitle{letter-spacing:1px}.hero .hero-subtitle span:before{padding:0 7px}.hero .eyebrow{letter-spacing:2px;gap:10px}.hero .eyebrow i{width:25px}}

/* Four distinct service button colors, with consistent vector icons. */
.contact-actions .customer-action{background:linear-gradient(115deg,#165b88,#123d63);border-color:#579dcc}
.contact-actions .group-action{background:linear-gradient(115deg,#176959,#12493e);border-color:#58b19a}
.contact-actions .contact-action{min-height:78px;gap:5px;padding:9px 12px;transition:filter .2s,box-shadow .2s}
.contact-actions .contact-action small{color:#fff0d1;font-weight:600;letter-spacing:.2px}
.service-icon{display:block;width:36px;height:36px;flex-shrink:0;filter:drop-shadow(0 2px 2px #0005)}
.quick-actions button[data-entry="register"]{background:linear-gradient(115deg,#644185,#422b65);border-color:#aa83cc;color:#fff0ff;font-weight:700}
.quick-actions button[data-entry="account"]{background:linear-gradient(115deg,#925225,#623615);border-color:#d79b61;color:#fff0d5;font-weight:700}
.contact-actions .contact-action:hover,.quick-actions button:hover{filter:brightness(1.18);box-shadow:0 0 12px #ffffff18}

.service-heading{display:flex;align-items:center;justify-content:center;gap:11px}
.contact-actions .service-heading strong{font-size:17px;font-weight:800;color:#fff2cf;line-height:1.4}
.service-heading .service-icon{width:32px;height:32px}

/* Each news tab has its own content panel. */
.news-panel [role="tabpanel"][hidden],.fair-play-banner[hidden]{display:none!important}
.independent-content{border:1px solid #55472f;background:linear-gradient(120deg,#24231f,#161c20);padding:22px}
.content-eyebrow{font-size:11px;color:#bd9858;letter-spacing:2px;margin-bottom:8px}
.independent-content h3{font-size:24px;color:#efcf91;margin:0 0 10px;line-height:1.45}
.content-lead{font-size:13px;color:#bfbdb2;margin-bottom:20px}
.specs-table-wrap{overflow-x:auto;margin:12px 0}
.specs-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.9}
.specs-table th,.specs-table td{padding:10px 12px;border:1px solid #494333;vertical-align:top}
.specs-table thead th{background:#332b1e;color:#f1d395}
.specs-table tbody th{width:28%;min-width:90px;font-weight:600;color:#d9bd85;background:#29261f}
.specs-table td{color:#d1d2c9}
.content-footnote{font-size:12px;color:#a8aca4;margin-top:15px;line-height:1.9}
.guide-tip{font-size:13px;line-height:1.9;color:#e2c992;background:#b68b2912;border-left:3px solid #ae8646;padding:12px 14px;margin-top:16px}
.guide-group-title{font-size:16px;color:#e8cb8e;margin:22px 0 12px}
.play-guide{border:1px solid #574930;margin:10px 0;background:#12181bb3}
.play-guide summary{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:15px 16px;cursor:pointer;list-style:none}
.play-guide summary::-webkit-details-marker{display:none}
.play-guide summary>span{color:#f0d191;font-size:16px;font-weight:700}
.play-guide summary small{grid-column:1;color:#a5b3b8;font-size:12px}
.play-guide summary b{grid-column:2;grid-row:1/3;align-self:center;color:#d1af71;transition:transform .2s}
.play-guide[open] summary{border-bottom:1px solid #4c4331;background:#382f2155}
.play-guide[open] summary b{transform:rotate(45deg)}
.play-guide summary:focus-visible{outline:2px solid #f2d18e;outline-offset:3px}
.play-guide-body{padding:16px;color:#d3d2c6;font-size:13px;line-height:1.9}
.play-guide-body h4{color:#edce8b;font-size:15px;margin:16px 0 8px}
.play-guide-body ol{padding-left:23px;margin:14px 0}.play-guide-body li{margin:9px 0}
@media(max-width:480px){.independent-content{padding:16px 12px}.independent-content h3{font-size:21px}.specs-table th,.specs-table td{padding:8px}.play-guide-body{padding:12px}.play-guide summary{padding:13px}}

/* Matching group entry in the realm notice. */
.notice-community{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 13px;background:linear-gradient(115deg,#176959,#12493e);border-color:#58b19a;color:#fff2cf;transition:filter .2s,box-shadow .2s}
.notice-community .service-heading{margin:0;gap:8px}
.notice-community .service-heading strong{font-size:14px;font-weight:800;white-space:nowrap;line-height:1.4}
.notice-community .service-icon{width:30px;height:30px}
.notice-community small{display:block;margin:4px 0 0;color:#fff0d1;font-size:11px;font-weight:600}
.notice-community:hover{filter:brightness(1.18);box-shadow:0 0 12px #ffffff18}
/* Tighter community strip and footer, keeping every link and message. */
.dashboard{margin-bottom:24px}
.community-section{padding:20px 24px;margin:24px 0;gap:20px}
.community-section h2{font-size:25px;line-height:1.4}
.community-section p{margin-top:6px;line-height:1.65}
.community-contact{padding-left:24px;min-width:185px}
.community-contact strong{font-size:24px;margin:2px 0 8px;line-height:1.3}
.community-contact>a.gold-button{padding:7px 12px}
footer{padding:23px 24px}
.footer-brand{font-size:24px;line-height:1.3}
.footer-brand span{font-size:27px}
footer>p{margin-top:5px}
.footer-links{margin:13px 0;gap:24px}
footer .health{line-height:1.75}
footer>small{margin-top:10px}
@media(max-width:760px){.community-section{padding:18px 20px;margin:22px 0;gap:14px}.community-section h2{font-size:24px}.community-contact{padding-left:0;min-width:0}.community-contact strong{font-size:23px;margin:2px 0 0}.community-contact>a.gold-button{padding:8px 12px}footer{padding:20px 18px}}
/* Compact sponsorship card: leave room for the operating-cost explanation. */
dialog.sponsor-dialog{max-width:660px;padding:24px 28px}
dialog.sponsor-dialog h2{font-size:25px;margin:6px 0 14px}
dialog .sponsor-purpose{font-size:13px;line-height:1.9;color:#c2b9a8;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #d6b77a24}
.sponsor-title{grid-template-columns:150px 1fr;gap:24px}.sponsor-art{padding:6px 0}.sponsor-art figcaption{font-size:10px;letter-spacing:1px}.sponsor-details h3{font-size:25px;margin:3px 0}.sponsor-price{margin:3px 0 6px}.sponsor-price strong{font-size:27px}.sponsor-details .sponsor-intro{margin:3px 0 5px}.sponsor-stats>div{padding:5px 0}.sponsor-stats dt{font-size:13px}.sponsor-stats dd{font-size:20px}dialog .sponsor-scope{margin-top:14px;padding:10px 12px}.sponsor-contact{margin-top:12px}
@media(max-width:560px){dialog.sponsor-dialog{padding:20px}.sponsor-title{grid-template-columns:100px 1fr;gap:14px}.sponsor-art{width:100px}.sponsor-details h3{font-size:21px;letter-spacing:2px}.sponsor-details h3,.sponsor-tag,.sponsor-details .sponsor-intro{text-align:left}.sponsor-price{justify-content:flex-start}.sponsor-stats>div{gap:10px}.sponsor-stats dt{font-size:12px}.sponsor-stats dd{font-size:18px}}