/* Sculpted gold, cinnabar seals and woven labels; decorative assets are local. */
.welcome{overflow:hidden}
.welcome:before{border:1px solid #b99c6166;inset:11px;clip-path:none}
.gilt-corners{position:absolute;inset:0;z-index:4;pointer-events:none}
.gilt-corners i{position:absolute;width:68px;height:68px;background:url('gilt-corner.png') center/contain no-repeat;filter:saturate(.3) brightness(.85);opacity:.65;transition:filter .3s}
.gilt-corners i:nth-child(1){top:1px;left:1px}
.gilt-corners i:nth-child(2){bottom:1px;right:1px;transform:scale(-1)}


.welcome-copy{left:48px;top:62px}
.title-lockup{display:flex;align-items:flex-start;gap:15px}
.title-lockup h1{margin-bottom:0}
.title-lockup .sect-seal{width:44px;height:92px;object-fit:contain;flex-shrink:0;margin-top:22px;transform:rotate(-5deg)}
.welcome p{margin-top:22px}
.hero-version{right:41px;bottom:31px}


.featured-card{--silk:#274c64;--thread:#88b8d0;display:flex;flex-direction:column;padding:0;min-height:330px;border-radius:5px 5px 2px 2px;background:linear-gradient(150deg,#26384b,#192637 68%);overflow:hidden}
.featured-card:nth-child(2){--silk:#433957;--thread:#b5a0d2}
.featured-card:nth-child(3){--silk:#695335;--thread:#dec08a}
.featured-card:nth-child(4){--silk:#2c4e45;--thread:#9abca7}
.featured-card:hover{background:linear-gradient(150deg,#2b3f54,#1c2c3e 68%)}

.relic-stage{height:195px;width:100%;display:grid;place-items:center;padding:40px 20px 14px}
.featured-card .relic-stage img{width:112px;height:112px;max-width:100%;margin:0;filter:drop-shadow(0 3px 2px #0008);transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.silk-ribbon{position:absolute;right:15px;top:0;z-index:3;display:flex;align-items:center;justify-content:flex-start;writing-mode:vertical-rl;gap:0;width:30px;height:76px;padding:12px 5px 18px;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#00000012 0 1px,transparent 1px 3px),linear-gradient(90deg,#0003,transparent 25%,#ffffff0a 48%,#0003),var(--silk,#54462e);color:#f0e2bf;font-family:var(--serif);font-size:.875rem;letter-spacing:.15em;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 9px),0 100%);box-shadow:inset 2px 0 var(--thread,#c1a773),inset -2px 0 var(--thread,#c1a773);transform-origin:50% 0;transition:height .35s,filter .35s}
.exhibit-label{display:flex;flex-direction:column;align-items:center;width:100%;padding:16px 8px 17px;margin-top:auto;background:linear-gradient(110deg,#ccb8890b,transparent 50%,#c5a86a0b),#101b29;box-shadow:inset 0 1px #e3c17a5c,inset 0 4px #0003;text-align:center;position:relative;z-index:1}
.exhibit-tier{font-size:.6875rem;color:#c3ac82;letter-spacing:.15em;line-height:1.7}
.featured-card .exhibit-label strong{font-size:1.0625rem;color:#f4ddb0;letter-spacing:.025em;line-height:1.7;margin-top:7px;overflow-wrap:anywhere}
.featured-card .exhibit-label small{font-size:.6875rem;color:#9fadb9;margin-top:8px;letter-spacing:.1em}
.featured-card .exhibit-label small span{display:inline-block;margin-left:3px;transition:transform .25s}
.infobox{position:relative;--silk:#54462e;--thread:#c1a773}
.infobox[data-profession="近战"]{--silk:#274c64;--thread:#88b8d0}
.infobox[data-profession="魔法"]{--silk:#433957;--thread:#b5a0d2}
.infobox[data-profession="远程"]{--silk:#695335;--thread:#dec08a}
.infobox[data-profession="召唤"]{--silk:#2c4e45;--thread:#9abca7}
.item-portrait{min-height:240px;background:linear-gradient(145deg,#27394c,#192638 70%);padding:35px 20px 15px;margin-bottom:0}

.item-portrait img{transition:transform .4s}
.portrait-label{padding:12px 10px;gap:4px}.portrait-label>span:last-child{font-family:var(--serif);font-size:.875rem;color:#dfc596;letter-spacing:.2em}
@media(hover:hover){
 .welcome:hover .gilt-corners i{animation:gilt-glint .85s ease-out}

 .featured-card:hover .silk-ribbon,.featured-card:focus-visible .silk-ribbon{height:88px;filter:brightness(1.12)}
 .featured-card:hover .relic-stage img,.featured-card:focus-visible .relic-stage img{transform:translateY(-7px) rotate(-3deg) scale(1.05)}
 .featured-card:hover .exhibit-label small span{transform:translate(2px,-2px)}
 .item-portrait:hover img{transform:translateY(-6px) scale(1.05)}
}
@keyframes gilt-glint{0%,100%{opacity:.65}45%{opacity:.85}}
.fx-off .gilt-corners i{animation:none!important}
.fx-off .silk-ribbon{height:76px!important;filter:none!important;transition:none!important}
.fx-off .exhibit-label small span{transform:none!important;transition:none!important}
.fx-paused .gilt-corners i{animation-play-state:paused}
@media(max-width:1250px){.gilt-corners i{width:60px;height:60px}.welcome-copy{left:38px}.title-lockup{gap:10px}.title-lockup .sect-seal{width:35px;height:78px}}
@media(max-width:760px){.gilt-corners i{width:48px;height:48px}.welcome-copy{left:26px;top:43px}.title-lockup{gap:5px}.title-lockup .sect-seal{width:30px;height:72px;margin-top:20px}.welcome h1{font-size:clamp(2.05rem,10vw,2.7rem)}.hero-version{right:24px;bottom:24px}.featured-card{min-height:302px}.relic-stage{height:175px;padding:42px 14px 12px}.featured-card .relic-stage img{width:94px;height:100px}.silk-ribbon{right:10px;width:26px;font-size:.8125rem}.featured-card .exhibit-label strong{font-size:1rem;letter-spacing:0}.exhibit-label{padding-inline:6px}.exhibit-tier{font-size:.625rem;letter-spacing:.04em}}
@media(max-width:359px){.title-lockup .sect-seal{width:25px;height:64px}.welcome-copy{left:24px}.featured-card .exhibit-label strong{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.gilt-corners i{animation:none!important}.silk-ribbon{height:76px!important;filter:none!important;transition:none!important}.featured-card .relic-stage img,.exhibit-label small span{transform:none!important;transition:none!important}}
@media print{.gilt-corners,.sect-seal,.silk-ribbon{display:none}.exhibit-label{background:white;color:black}}
/* Reading hierarchy: warm ivory headings, neutral body copy, quiet metadata. */
:root{--ink:#e1e5e8;--muted:#b2bdc8;--gold:#ddc596;--green:#ddc596;--body-font:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;font-family:var(--body-font)}
body,input,select,button{font-family:var(--body-font)}
h1,h2,h3,.brand,.sidebar-heading,.welcome-note strong{text-shadow:none}
.article h1{font-weight:500;color:#f0e6d2;letter-spacing:.035em;line-height:1.4}
.article-section>h2{font-weight:500;color:#e8d6b4;letter-spacing:.045em;line-height:1.5}
.welcome h1{color:#f1dfb7;text-shadow:0 2px 3px #07111b80;letter-spacing:.07em}
.welcome h1 span{color:#e4dbc6;letter-spacing:.24em}
.welcome p{color:#d1d7dd;letter-spacing:.04em;line-height:1.85}
.welcome-copy>span,.rail-title,.eyebrow{color:#d5c09a;letter-spacing:.06em}
.welcome-note strong,.getting-started h3,.infobox>h2{font-weight:500;color:#e8d8b9}
.article p,.article li{line-height:1.9}.effect-list p,td,.mod-description{color:#d8dee5}
.lead,.welcome-note p,.rail-box p,.steps p,.section-intro,.search-result p{color:#bbc5ce;line-height:1.85}
.category-card strong{font-weight:500;letter-spacing:.03em;color:#e9ddc5}
.npc-card strong,.item-card strong,.mod-card-head h3{font-family:var(--body-font);font-weight:500;color:#e7dfcf;line-height:1.6}
.featured-card .exhibit-label strong{font-family:var(--serif);font-size:1.125rem;font-weight:500;color:#ebdbb9;letter-spacing:.015em;line-height:1.7}
.category-card small,.npc-card small,.item-card small,.steps p{font-size:.8125rem;line-height:1.8;color:#b6c1cd}
.exhibit-tier{font-size:.75rem;color:#c7b697;letter-spacing:.06em}
.featured-card .exhibit-label small{font-size:.75rem;color:#b5c0cc;letter-spacing:.025em}
.silk-ribbon{font-size:.875rem;color:#f5e9d0;font-weight:500;letter-spacing:.1em}
.portrait-label>span:last-child{color:#d7c39f;letter-spacing:.12em}
.nav-link,.quick-link,.toc a{font-size:.875rem;line-height:1.75;color:#c8d0d9}.nav-group>span{color:#a7b4c2;font-size:.75rem;letter-spacing:.06em}
.nav-link.active,.toc a.is-current{color:#ead5a8}
.search input{font-size:.875rem;color:#e1e6ec}.search input::placeholder{color:#b1bdc9}
.breadcrumb,.edition,.page-meta,footer,.sidebar-foot,.mod-english,.mod-facts dt,.infobox dt,.internal-id,.result-count{color:#aebbc8}
.page-meta b,.mod-facts dd{color:#cfc0a5}.infobox dd{color:#e5e3db}
.infobox dl{font-size:.875rem;line-height:1.7}.mod-facts{font-size:.8125rem;line-height:1.75}
.hero-version{color:#c9d1da;font-size:.75rem;text-shadow:none}
.stats span{color:#bcc6cf}.stats b{color:#dfc799}.stats b,.infobox dd,.mod-facts dd,td{font-variant-numeric:tabular-nums}
.article p a,.article li a,.welcome-note p a{color:#e1c591;text-underline-offset:4px;text-decoration-thickness:1px}.article p a:hover,.article li a:hover,.welcome-note p a:hover{color:#f0dbb2;text-decoration:underline}
.article strong,.effect-list strong{font-weight:600;color:#edf0f2}
@media(max-width:760px){.category-card small,.npc-card small,.item-card small{font-size:.75rem}.featured-card .exhibit-label strong{font-size:1rem}.exhibit-tier,.featured-card .exhibit-label small{font-size:.75rem;letter-spacing:0}.rail-box p,.steps p{font-size:.875rem}.hero-version{font-size:.6875rem}}
@media(max-width:359px){.featured-card .exhibit-label strong{font-size:.9375rem}.exhibit-tier{font-size:.6875rem}.welcome h1{letter-spacing:.02em}}
@media print{.article p,.article li,.article h1,.article-section>h2,.effect-list p,.article strong,td{color:black}}