:root{--ink:#eee9e0;--muted:#a4a3b3;--gold:#d5bd8a;--bg:#10121c;--line:#ffffff17}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:100px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:35px}.brand strong{font-family:serif;color:var(--ink);font-size:27px;letter-spacing:5px}.brand span{font-size:9px;letter-spacing:2px;border-left:1px solid #ffffff30;padding-left:16px;max-width:90px;line-height:1.7}nav{display:flex;gap:36px;font-size:14px;color:var(--muted)}nav a:hover,nav .active{color:var(--gold)}header button{background:none;border:0;color:var(--ink);font-size:24px}header button span{font-size:13px;margin-left:8px}main{max-width:1232px;margin:auto;padding:0 0 70px}.hero{padding:72px 0 58px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}h1{font-family:'Songti SC','Noto Serif SC',serif;font-weight:400;font-size:52px;line-height:1.45;letter-spacing:5px;margin:21px 0}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:13px;color:var(--muted);line-height:2;letter-spacing:1px}.orbit{position:relative;height:300px;display:grid;place-items:center;background:radial-gradient(ellipse,#8873b32a,transparent 68%)}.orbit:before,.orbit:after{content:'';position:absolute;width:285px;height:285px;border:1px solid #c8b88940;border-radius:50%}.orbit:after{width:220px;height:220px;border-style:dashed;transform:rotate(25deg)}.moon{width:130px;height:130px;border-radius:50%;box-shadow:inset -28px -10px 0 1px #d7c59f,0 0 65px #d6bf8a12;transform:rotate(-25deg);background:#171a26}.zodiac-symbol{position:absolute;color:var(--gold);font-size:24px}.star{position:absolute;color:#d6c291;font-size:13px}.orbit-label{position:absolute;bottom:-4px;font-size:9px;letter-spacing:4px;color:var(--muted)}.signbar{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0 22px;margin-bottom:48px}.sign{background:none;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px}.sign b{font-size:26px;font-weight:400;color:#c7b78f}.sign:hover,.sign.selected{color:var(--gold)}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sectionhead h2{font-family:serif;font-size:24px;font-weight:400;letter-spacing:3px;margin:0}.sectionhead small{font-size:10px;color:var(--muted);letter-spacing:2px;margin-left:18px}.sectionhead>a{font-size:12px;color:var(--gold)}.featured{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;margin-bottom:58px}.feature{min-height:380px;position:relative;display:flex;align-items:end;padding:38px;overflow:hidden;border:1px solid #c1b49121;background:radial-gradient(ellipse at 72% 30%,#766a843d,transparent 50%),linear-gradient(125deg,#292533,#141c2d)}.feature:before{content:'☾';font-family:serif;position:absolute;right:45px;top:-75px;color:#d4c4a0;font-size:350px;transform:rotate(-28deg);opacity:.72;text-shadow:0 0 60px #e0c28d38}.feature:after{content:'·　✦　　·　　　　✧　　·　　✦';position:absolute;top:50px;left:25px;right:20px;color:#e5d6ac;letter-spacing:18px;line-height:5;font-size:14px;opacity:.6}.feature>div{position:relative;z-index:1}.tag{font-size:10px;letter-spacing:1px;color:var(--gold)}.feature h2{font-family:serif;font-size:29px;line-height:1.6;font-weight:400;margin:13px 0}.meta{font-size:10px;color:var(--muted);letter-spacing:1px}.feature .meta{color:#c6c0ce}.sidefeatures{display:grid;gap:22px}.mini{display:grid;grid-template-columns:125px 1fr;gap:23px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.art{height:160px;background:radial-gradient(circle at 70% 25%,#dfc9a528,transparent 45%),#242b35;display:grid;place-items:center;font-family:serif;font-size:66px;color:#d7bd8a;overflow:hidden}.art.rose{background:radial-gradient(ellipse at 20% 20%,#a5788840,transparent 70%),#30232e;color:#b998ae}.art.blue{background:radial-gradient(ellipse at 70% 30%,#74919b40,transparent 70%),#202d37}.mini .art{height:146px}.mini h3{font-family:serif;font-size:18px;line-height:1.75;font-weight:400;margin:10px 0 18px}.filterrow{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 28px}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:30px;padding:9px 19px;font-size:12px}.chip.selected,.chip:hover{background:#d5bd8a;color:#181922;border-color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:33px 25px}.card .art{height:205px;position:relative}.card .art:after{content:'✧';position:absolute;top:25px;right:35px;font-size:20px;opacity:.5}.card h3{font-family:serif;font-size:21px;line-height:1.6;font-weight:400;margin:12px 0}.card .tag{display:block;margin-top:22px}.card p{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 18px}.card:hover h3,.mini:hover h3{color:var(--gold)}.quote{margin-top:60px;padding:38px;text-align:center;border:1px solid var(--line);background:#ffffff02}.quote p{font-family:serif;font-size:23px;letter-spacing:3px}.quote small{font-size:10px;letter-spacing:3px;color:var(--gold)}footer{border-top:1px solid var(--line);padding:40px 30px;text-align:center}footer .brand{justify-content:center}footer p{font-size:12px;color:var(--muted);margin:20px}footer small{font-size:10px;color:#777b8e}.article{max-width:740px;margin:60px auto}.article h1{font-size:38px;letter-spacing:1px}.article .art{margin:35px 0;height:260px;font-size:110px}.article p{color:#bbbcca;line-height:2.15;font-size:16px}.article h2{font-family:serif;font-size:25px;margin-top:38px;font-weight:400}.back{color:var(--gold);font-size:12px}.article-end{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;display:flex;gap:20px}.empty{padding:70px 0;color:var(--muted)}dialog{background:#191c29;color:var(--ink);border:1px solid #c8b88950;width:min(600px,90vw);padding:35px}dialog::backdrop{background:#05060dcc;backdrop-filter:blur(6px)}dialog input{background:#10121c;border:1px solid #ffffff25;color:white;padding:15px;width:100%;outline-color:var(--gold)}.close{float:right;background:none;border:0;color:var(--ink);font-size:25px}.result{display:block;padding:20px 0;border-bottom:1px solid var(--line);font-size:15px}.result small{display:block;color:var(--gold);font-size:10px;margin-bottom:8px}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:1300px){main{padding-left:40px;padding-right:40px}}@media(max-width:760px){header{height:80px;padding:0 22px}nav{gap:15px;font-size:12px}nav a:nth-child(n+3){display:none}.brand span{display:none}header button span{display:none}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:35px}.hero h1{font-size:36px}.orbit{position:absolute;right:-125px;top:10px;width:300px;opacity:.35;z-index:-1}.signbar{grid-template-columns:repeat(6,1fr);gap:25px 0;margin-bottom:35px}.featured{grid-template-columns:1fr;gap:24px}.feature{min-height:340px;padding:25px}.feature h2{font-size:24px}.grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}.card .art{height:155px}.card h3{font-size:18px}.card p{display:none}main{padding-left:22px;padding-right:22px}.sectionhead small{display:none}.article h1{font-size:29px}.article{margin-top:35px}.quote p{font-size:18px;line-height:1.8}footer small{line-height:2}.intro{max-width:250px}.sidefeatures{gap:15px}}@media(prefers-reduced-motion:no-preference){a,button{transition:color .2s,background .2s}.card:hover .art{filter:brightness(1.15)}}
.brand strong{font-family:Georgia,serif;font-size:34px;letter-spacing:-1.5px;font-weight:400}.brand span{max-width:95px;font-size:8px;letter-spacing:2px}h1{font-family:Georgia,serif;font-size:64px;letter-spacing:-2px;line-height:1.15}.intro{letter-spacing:0;line-height:1.9}.feature h2,.mini h3,.card h3,.sectionhead h2,.article h2,.quote p{font-family:Georgia,serif;letter-spacing:0}.feature h2{font-size:32px;line-height:1.3}.sectionhead h2{font-size:26px}.mini h3{line-height:1.4}.card h3{line-height:1.35}.quote p{font-size:24px}.article h1{font-family:Georgia,serif;line-height:1.2;letter-spacing:-1px;font-size:48px}.article p{line-height:1.9}.article .tag{font-size:11px}.article-end{flex-wrap:wrap}@media(max-width:760px){h1{font-size:48px!important}.hero .intro{max-width:300px;font-size:12px}.feature h2{font-size:29px}.article h1{font-size:37px!important}nav{gap:16px}.brand strong{font-size:30px}.sign{font-size:10px}.sectionhead>span{display:none}.card h3{font-size:19px}.quote p{font-size:21px}footer small{display:block;max-width:440px;margin:auto}}
.journal-mast{display:flex;justify-content:space-between;align-items:center;padding:34px 0 27px}.journal-mast h1{font-size:40px;margin:10px 0 0;letter-spacing:-1px}.journal-mast .eyebrow{font-size:9px;letter-spacing:2px}.edition{text-align:right;color:var(--muted);font-size:10px;line-height:2}.signbar{padding:18px 0;margin-bottom:30px}.sign{gap:7px}.sign b{font-size:22px}header{height:80px}.featured{margin-bottom:40px;grid-template-columns:1.5fr 1fr}.feature{min-height:300px}.feature:before{font-size:280px;top:-75px}.mini .art{height:125px}.mini{grid-template-columns:110px 1fr;gap:20px;padding-bottom:12px}.mini h3{font-size:20px;margin:10px 0}.sidefeatures{gap:16px}.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px}.grid{display:flex;flex-direction:column;gap:0}.card{display:grid;grid-template-columns:170px 1fr;column-gap:25px;position:relative;padding:25px 0;border-top:1px solid var(--line)}.card .art{height:140px;grid-column:1;grid-row:1/5;font-size:55px}.card .tag{margin:0 0 8px;grid-column:2;font-size:9px}.card h3{grid-column:2;margin:0 0 8px;font-size:23px}.card p{grid-column:2;margin:0 0 12px;font-size:12px}.card .meta{grid-column:2;font-size:9px}.filterrow{margin-top:20px}.reading-sidebar{border-top:1px solid var(--line);padding-top:23px}.reading-sidebar h3{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0 0 25px}.ranked{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:23px}.ranked>span{font-size:25px;color:#8e8269;font-family:Georgia,serif}.ranked small{font-size:9px;color:var(--gold);letter-spacing:1px}.ranked h4{font-family:Georgia,serif;font-weight:400;font-size:18px;line-height:1.4;margin:8px 0 0}.ranked:hover h4{color:var(--gold)}.topic-box{margin-top:38px}.topic-box a{display:block;border-bottom:1px solid var(--line);padding:13px 0;color:var(--muted);font-size:12px}.sidebar-note{font-size:12px;line-height:1.9;color:var(--muted);margin-top:35px}footer{padding:30px}footer p{margin:15px}.sectionhead{margin-bottom:20px}@media(max-width:900px){.content-columns{grid-template-columns:1fr}.reading-sidebar{display:none}}@media(max-width:760px){.journal-mast{padding:25px 0}.journal-mast h1{font-size:31px!important}.edition{display:none}.journal-mast .eyebrow{font-size:8px}.signbar{gap:18px 0;padding:18px 0}.feature{min-height:255px}.sidefeatures{display:none}.featured{margin-bottom:30px}.sectionhead h2{font-size:24px}.card{grid-template-columns:105px 1fr;gap:0 17px;padding:20px 0}.card .art{height:112px;font-size:43px}.card h3{font-size:19px}.card .tag{font-size:8px}.card p{display:none}.card .meta{line-height:1.8;font-size:8px}.filterrow{gap:7px}.chip{padding:8px 12px;font-size:11px}header nav a:nth-child(3){display:block}header nav a:nth-child(2){display:none}}
@media(max-width:760px){.featured{grid-template-columns:1fr}.feature{width:100%;min-height:250px}.feature h2{max-width:90%;font-size:28px;line-height:1.25}.feature:before{right:10px;opacity:.3}.feature .meta{font-size:9px}.sign b{font-family:Arial,sans-serif;font-variant-emoji:text}}
/* Editorial imagery */
.photo-art{position:relative;background:#252633}.photo-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo-art:after{display:none!important}.card:hover .photo-art img,.mini:hover .photo-art img{transform:scale(1.045)}.photo-art.zodiac-art img{filter:brightness(.45);object-position:35% 50%}.sign-overlay{position:absolute;inset:0;display:grid;place-items:center;color:#ead4a4;font-size:62px;font-family:Arial,sans-serif;font-variant-emoji:text;text-shadow:0 2px 15px #0008}.feature{background:#262535;isolation:isolate;min-height:330px}.feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}.feature:before{content:'';inset:0;width:auto;height:auto;background:linear-gradient(0deg,#090d18f5 0%,#090d1870 55%,#090d1810);transform:none;opacity:1;font-size:0;z-index:-1}.feature:after{display:none}.feature>div{max-width:90%}.feature h2{text-shadow:0 2px 20px #0008}.mini .art{height:140px}.article .photo-art{height:auto;aspect-ratio:1.65}.article .photo-art img{height:100%;object-fit:cover}.article .sign-overlay{font-size:130px}.sidebar-image{display:block;position:relative;overflow:hidden;margin:35px 0;height:225px}.sidebar-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#080b16d9)}.sidebar-image img{width:100%;height:100%;object-fit:cover}.sidebar-image>span{position:absolute;bottom:22px;left:22px;right:15px;z-index:1;font-family:Georgia,serif;font-size:26px;line-height:1.4}.sidebar-image small{font:9px Arial,sans-serif;letter-spacing:1px;color:var(--gold)}.card .photo-art{height:150px}.card{min-height:195px}.card:hover .art{filter:none}@media(max-width:760px){.feature{min-height:280px}.feature>div{max-width:100%}.feature h2{max-width:100%;font-size:27px}.card .photo-art{height:112px}.card{min-height:152px}.sign-overlay{font-size:45px}.article .photo-art{aspect-ratio:1.4}.article .sign-overlay{font-size:90px}}
/* Mobile-first identity, optional empty banner, compact image delivery */
.brand strong{font-size:25px;letter-spacing:-1px}.brand{gap:9px;font-size:28px}.banner-wrap{max-width:1232px;margin:20px auto 0}.top-banner{display:block;width:100%;height:130px;background:#171a25;border:1px solid #ffffff0a;overflow:hidden}.top-banner img{width:100%;height:100%;object-fit:cover;display:block}.top-banner[href]{cursor:pointer}.journal-mast{padding-top:26px}.article .photo-art img{aspect-ratio:1.65}.article .photo-art{max-height:450px}.photo-art img{content-visibility:auto}@media(max-width:1300px){.banner-wrap{margin-left:40px;margin-right:40px}}@media(max-width:760px){header{height:66px;padding:0 20px}.brand strong{font-size:23px}.brand{font-size:23px;gap:7px}nav{font-size:11px;gap:14px}.banner-wrap{margin:14px 22px 0}.top-banner{height:82px}.journal-mast{padding:20px 0}.journal-mast h1{font-size:28px!important}.journal-mast .eyebrow{font-size:7px}.signbar{margin-bottom:25px}.sectionhead h2{font-size:23px}.featured{margin-bottom:28px}.article h1{font-size:34px!important}.article{margin-top:28px}.article .photo-art img{aspect-ratio:1.4}}
@media(prefers-reduced-motion:reduce){.photo-art img{transition:none}.card:hover .photo-art img,.mini:hover .photo-art img{transform:none}}
.sign b{font-family:Arial,sans-serif;font-variant-emoji:text}
/* Fantasy game promotion, compact responsive image slot */
.top-banner{height:auto;aspect-ratio:5.5;position:relative;background:#191b2e;border-color:#cbb17826}.top-banner img{height:100%;position:absolute;inset:0;object-position:center 48%}.top-banner[href]:hover img{filter:brightness(1.08)}@media(max-width:760px){.top-banner{height:auto;aspect-ratio:3}.top-banner img{object-position:center}}
/* Casual game-box advertisement */
.top-banner{aspect-ratio:5.2;border:1px solid #66d9f166;background:#0870a6}.top-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#072b55f2 0%,#073a65d9 33%,#07466b35 65%,transparent);pointer-events:none}.top-banner img{object-position:center}.ad-disclosure{position:absolute;right:9px;top:7px;z-index:2;background:#062243a6;color:#fff9;padding:3px 5px;font:7px Arial,sans-serif;letter-spacing:1px}.game-ad-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:19px 30px;gap:8px;color:white}.ad-kicker{font:700 9px Arial,sans-serif;letter-spacing:2px;color:#9eeeff}.game-ad-copy strong{font:900 clamp(24px,3.5vw,43px)/1.02 Arial,sans-serif;letter-spacing:-1px;max-width:55%}.ad-detail{font-size:12px;color:#edf8ff}.ad-cta{display:inline-block;background:#ffe150;color:#15324e;border-radius:6px;padding:10px 19px;font:900 12px Arial,sans-serif;box-shadow:0 3px 0 #c29b20;letter-spacing:.4px}.top-banner[href]:hover .ad-cta{background:#fff197}.top-banner[href]:focus-visible{outline:3px solid #ffe150;outline-offset:3px}@media(max-width:760px){.top-banner{aspect-ratio:2.65}.top-banner img{object-position:62% center}.top-banner:after{background:linear-gradient(90deg,#072b55ed 0%,#073a65ca 42%,#07466b10 80%)}.game-ad-copy{padding:16px;gap:7px}.ad-kicker{font-size:6px;letter-spacing:1.1px}.game-ad-copy strong{font-size:clamp(19px,5.4vw,29px);max-width:63%;line-height:1.02;letter-spacing:-.5px}.ad-detail{font-size:9px}.ad-cta{font-size:9px;padding:8px 12px;border-radius:4px}.ad-disclosure{font-size:5px;letter-spacing:.7px;right:5px;top:5px}}@media(max-width:380px){.game-ad-copy{gap:5px;padding:12px}.ad-detail{font-size:8px}.ad-cta{padding:6px 10px}}
.top-banner{border:0}.ad-disclosure{text-transform:none;font-size:9px;letter-spacing:0;background:#10294380;border-radius:2px;padding:2px 5px;right:7px;top:6px}.game-ad-copy,.ad-disclosure,.top-banner img{pointer-events:none}@media(max-width:760px){.ad-disclosure{font-size:8px;right:5px;top:5px}}