:root{--ink:#253e48;--muted:#61767a;--teal:#2a7376;--paper:#f8f6ef;--gold:#bb9560;--line:#dedfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b87a32;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:15px}.skip:focus{top:5px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1320px)/2));background:var(--paper);gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand-symbol{font-size:43px;color:var(--teal);line-height:1}.brand strong{font-family:"KaiTi","STKaiti",serif;font-size:29px;letter-spacing:4px;display:block;line-height:1.3}.brand small{display:block;font-size:9px;letter-spacing:2px}.header nav{display:flex;gap:34px;align-items:center}.header nav a{font-size:13px;letter-spacing:1px;padding:10px 0}.header nav a:hover{color:var(--teal)}.header nav a:last-child{border:1px solid #a5bab7;padding:10px 21px}.menu-toggle{display:none}.hero{position:relative;min-height:650px;height:min(760px,65vw);overflow:hidden;background:#cae5e9}.hero-image{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 43%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#e9f4ed55 48%,#f4f6e9e8 83%),linear-gradient(0deg,#eff0dc 0%,transparent 17%)}.hero-content{position:relative;margin-left:57%;padding:65px 30px 75px 0;max-width:580px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:var(--teal);margin:0 0 22px}.hero-label{font-size:13px;letter-spacing:3px;display:flex;align-items:center;gap:10px}.hero-label span{width:22px;height:1px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-family:"KaiTi","STKaiti","Microsoft YaHei",serif;font-size:clamp(46px,4.5vw,70px);line-height:1.35;letter-spacing:4px;font-weight:500;margin:21px 0}h1 span,h2 span{color:var(--teal)}.hero-copy{color:#415e65;line-height:2;font-size:15px;margin-bottom:30px}.hero-actions{display:flex;gap:27px;align-items:center}.button{border:0;padding:14px 25px;display:inline-flex;gap:25px;align-items:center;justify-content:center;font-weight:600;font-size:14px;letter-spacing:1px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:var(--teal);box-shadow:0 5px 16px #2a737622}.primary:hover{background:#205c60}.secondary{border:1px solid #8baba5;background:#ffffffba}.text-link{font-size:13px;border-bottom:1px solid #9aaea6;padding:8px 0}.scene-control{display:flex;gap:17px;align-items:center;margin-top:44px}.scene-control>span{font-size:27px;font-family:Georgia,serif;color:var(--teal)}.scene-buttons{display:flex;gap:13px}.scene{border:0;border-bottom:2px solid transparent;background:transparent;font-size:11px;color:#49616a;padding:8px 0}.scene.active{color:var(--teal);border-bottom-color:var(--teal)}.hero-foot{position:absolute;bottom:23px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#395863}.quick-strip{max-width:1210px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0;border-bottom:1px solid var(--line)}.quick-strip>a,.quick-strip>button{display:flex;align-items:center;gap:16px;padding:0 25px;border:0;border-right:1px solid var(--line);background:none;text-align:left}.quick-strip>:last-child{border-right:0}.quick-icon{font-size:30px;color:var(--teal);font-family:Georgia,serif}.quick-strip strong{font-size:16px;font-weight:500;display:block}.quick-strip small{font-size:10px;color:var(--muted)}.quick-strip>*>span:last-child{margin-left:auto;color:#658581}.section{max-width:1200px;margin:auto;padding:86px 20px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:20px}.section h2{font-family:"KaiTi","STKaiti",serif;font-size:37px;font-weight:500;letter-spacing:3px;line-height:1.5;margin:0}.section h2 i{font-style:normal;font-size:24px;color:var(--gold);margin-left:22px}.section-top .eyebrow{margin-bottom:8px}.sample-label{font-size:11px;color:#697c79;border:1px solid var(--line);padding:5px 11px}.news-layout{display:grid;grid-template-columns:.95fr 1.1fr;gap:45px}.featured-news{position:relative;text-align:left;border:0;padding:0;overflow:hidden;min-height:330px;background:#304f48;color:white}.featured-news img{position:absolute;width:100%;height:100%;object-fit:cover}.featured-news:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#18392ddd,transparent 90%)}.featured-news>div{position:relative;z-index:1;padding:125px 30px 25px}.pill{font-size:10px;background:#f8f6efdf;color:#456056;padding:5px 10px;letter-spacing:2px}.featured-news h3{font-family:"KaiTi","STKaiti",serif;font-size:28px;font-weight:500;line-height:1.5;margin:13px 0}.featured-news p{font-size:11px;margin:0;letter-spacing:1px}.round-arrow{position:absolute;right:25px;bottom:30px;border:1px solid #ffffff66;border-radius:50%;padding:3px 12px;font-size:20px}.news-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line)}.news-tabs button{padding:0 2px 15px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted)}.news-tabs .active{color:var(--teal);border-color:var(--teal);font-weight:bold}.news-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:18px 0}.news-row:hover .news-title{color:var(--teal)}.news-tag{font-size:10px;color:var(--teal);border:1px solid #adc0b9;padding:1px 7px;flex-shrink:0}.news-title{font-size:13px}.news-row small{margin-left:auto;color:var(--muted);white-space:nowrap;font-size:10px}.news-note{font-size:11px;color:var(--muted);margin:16px 0 0}.world-section{background:#eaf0e9;border-block:1px solid #dbe4da}.section-caption{font-size:12px;color:var(--muted);margin:0}.world-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}.world-grid article{position:relative;overflow:hidden}.world-main{min-height:430px;color:white}.world-main img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70%}.world-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#173d43eb,transparent 90%)}.world-main>div{position:absolute;bottom:0;padding:30px;z-index:1}.world-grid span{font-size:10px;letter-spacing:2px}.world-grid h3{font-family:"KaiTi","STKaiti",serif;font-size:25px;line-height:1.5;font-weight:500;margin:12px 0}.world-grid p{font-size:12px;line-height:2;margin:0}.world-small{background:#f9faf4}.world-small img{height:220px;width:100%;object-fit:cover}.world-small>div{padding:25px}.world-small p{color:var(--muted)}.world-small span{color:var(--teal)}.guide-section{display:grid;grid-template-columns:.85fr 1.2fr;gap:70px}.guide-heading h2{margin-bottom:22px}.guide-heading>p:not(.eyebrow){color:var(--muted);line-height:2;font-size:13px}.steps article{display:flex;gap:25px;margin-bottom:23px}.steps article>span{font-size:31px;color:#859e91;font-family:Georgia,serif;line-height:1.3}.steps h3{font-size:15px;font-weight:500;margin-bottom:8px}.steps p{font-size:12px;color:var(--muted);margin:0}.guide-details details{border-top:1px solid var(--line)}.guide-details details:last-child{border-bottom:1px solid var(--line)}summary{padding:16px 0;cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details>p{font-size:12px;line-height:2;color:var(--muted);padding:0 20px 5px 0}.download-section{position:relative;overflow:hidden;min-height:410px;background:#e2edec}.download-art{position:absolute;inset:0;background:linear-gradient(90deg,#eef2e9ff 10%,#eef2e9ee 40%,#eef2e922 75%),url('assets/carousel-stars.png') center 48%/cover}.download-inner{position:relative;max-width:1200px;margin:auto;padding:60px 20px}.download-inner h2{font-family:"KaiTi","STKaiti",serif;font-weight:500;letter-spacing:3px;font-size:43px;line-height:1.5;margin-bottom:14px}.download-inner>p:not(.eyebrow){color:var(--muted);font-size:13px}.download-buttons{display:flex;gap:13px;margin:24px 0 16px}.download-inner .download-note{font-size:11px!important}footer{max-width:1200px;margin:auto;padding:42px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand strong{font-size:23px}footer p{font-size:12px;margin-bottom:5px}footer small{font-size:10px;color:var(--muted)}footer>a:last-child{font-size:11px;color:var(--teal)}dialog{border:1px solid #d9ded1;background:var(--paper);color:var(--ink);padding:40px;max-width:560px;width:calc(100% - 36px);box-shadow:0 25px 100px #142f4044}dialog::backdrop{background:#142b3c88;backdrop-filter:blur(4px)}dialog h2{font-family:"KaiTi","STKaiti",serif;font-size:28px;font-weight:500;line-height:1.5}#dialog-body{line-height:2;color:var(--muted);font-size:14px;margin-bottom:25px;white-space:pre-line}.dialog-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:28px}.dialog-dismiss{padding:10px 22px}body:has(dialog[open]){overflow:hidden}@media(min-width:1700px){.hero-content{padding-top:90px}}@media(max-width:1000px){.header{padding-inline:25px}.header nav{gap:20px}.hero-content{margin-left:52%;padding-top:65px}.hero-shade{background:linear-gradient(90deg,transparent 15%,#f4f6e9dd 75%)}.quick-strip>*{padding-inline:15px!important;gap:10px!important}.quick-strip small{font-size:9px}.news-layout{gap:25px}.world-grid{gap:15px}.world-small>div{padding:20px}.world-grid h3{font-size:22px}.guide-section{gap:35px}.section{padding-block:65px}}@media(max-width:700px){.header{height:76px;padding:0 20px;position:relative;z-index:10}.brand strong{font-size:25px}.menu-toggle{display:block;border:1px solid var(--line);background:none;padding:4px 12px;font-size:22px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:var(--paper);box-shadow:0 10px 15px #253e4815}.header nav.open{display:flex;flex-direction:column;gap:12px;align-items:stretch}.hero{height:auto;min-height:820px}.hero-image{height:420px;object-position:30% 40%}.hero-shade{background:linear-gradient(0deg,#f4f6e9 45%,transparent 75%)}.hero-content{margin:0;padding:375px 25px 65px;max-width:none}.hero-content .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.hero-label{font-size:12px}h1{font-size:47px;line-height:1.3;margin:17px 0}.hero-copy{font-size:13px;margin-bottom:22px}.hero-actions{gap:22px}.button{padding:13px 19px;font-size:12px;gap:15px}.scene-control{margin-top:20px}.hero-foot{font-size:9px;letter-spacing:1px;bottom:15px}.quick-strip{grid-template-columns:1fr 1fr;padding:10px 15px;gap:0}.quick-strip>*{padding:20px 8px!important}.quick-strip>:nth-child(2){border-right:0}.quick-strip>:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-strip strong{font-size:14px}.quick-icon{font-size:24px}.section{padding:52px 22px}.section-top{display:block;margin-bottom:24px}.section h2{font-size:30px;letter-spacing:2px}.section h2 i{margin-left:10px}.sample-label{display:inline-block;margin-top:13px;font-size:10px}.news-layout{grid-template-columns:1fr;gap:25px}.featured-news{min-height:300px}.news-tabs{gap:30px}.news-row{gap:8px}.news-title{font-size:12px}.news-row small{font-size:9px}.section-caption{margin-top:10px}.world-grid{grid-template-columns:1fr;gap:22px}.world-main{min-height:360px}.world-small img{height:230px;object-position:center 38%}.world-small>div{padding:23px}.guide-section{grid-template-columns:1fr;gap:35px}.download-section{min-height:440px}.download-art{background:linear-gradient(90deg,#eef2e9ee,#eef2e9bb),url('assets/carousel-stars.png') 40% center/cover}.download-inner{padding:45px 22px}.download-inner h2{font-size:34px}.download-buttons{flex-wrap:wrap}footer{flex-wrap:wrap;padding:30px 22px}footer>div{order:3;width:100%}dialog{padding:32px 24px}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand strong{font-size:25px}footer .brand strong{font-size:21px}#news-list{max-height:320px;overflow-y:auto;padding-right:10px}dialog{max-width:730px;max-height:90vh;overflow-y:auto}#dialog-body{font-size:13px;line-height:2.1}@media(max-width:700px){.brand strong{font-size:22px}.brand small{font-size:8px;letter-spacing:1.5px}.brand-symbol{font-size:32px}#news-list{max-height:350px}}


.characters-section{background:#f0f2e9;border-block:1px solid #dbe0d3}.character-filters{display:flex;gap:25px;margin-bottom:25px}.character-filters button{border:0;border-bottom:2px solid transparent;background:none;padding:8px 0;color:var(--muted);font-size:12px}.character-filters button.active{color:var(--teal);border-color:var(--teal)}.character-stage{display:grid;grid-template-columns:1fr 1.15fr;background:#fbfcf7;border:1px solid #dce3d6;min-height:430px}.character-portrait{position:relative;overflow:hidden;min-height:430px;background:linear-gradient(145deg,#e4ece0,#fcfcf8);border-right:1px solid #dce3d6}.character-portrait img{position:absolute;right:15px;height:100%;width:auto;max-width:none;clip-path:inset(0 0 0 31%);mix-blend-mode:multiply}.portrait-star{position:absolute;left:30px;top:15px;font-size:150px;line-height:1;color:#b2c7b359}.portrait-index{position:absolute;bottom:20px;left:25px;font:italic 17px Georgia,serif;letter-spacing:3px;color:var(--teal)}.character-info{padding:32px 40px}.character-info .eyebrow{margin-bottom:5px}.character-info h3{font:500 39px 'KaiTi','STKaiti',serif;letter-spacing:4px;margin-bottom:8px}.character-tags{font-size:12px;letter-spacing:2px;color:var(--teal);margin-bottom:23px}.character-info h4{font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:7px}.character-info>p:not(.eyebrow):not(.character-tags){font-size:12px;color:var(--muted);line-height:2}.character-skill{border-top:1px solid #dce3d6;padding-top:17px;margin-top:20px}.skill-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}.skill-top>span:last-child{color:var(--teal)}.character-skill h4{font-family:'KaiTi','STKaiti',serif;font-size:24px;letter-spacing:2px;margin:10px 0}.character-skill p{font-size:12px;color:var(--muted);margin-bottom:12px}.sp-badge{font-size:11px;display:inline-block;border:1px solid #bacbbb;padding:2px 10px;color:var(--teal)}.character-info .character-hint{font-size:10px!important;margin:15px 0 0}.character-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:22px}.character-picker button{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid #dce3d6;background:#fbfcf7;font-size:12px;text-align:left}.character-picker button.active{border-color:var(--teal);background:#e4eee5;color:var(--teal)}.character-avatar{position:relative;display:block;flex-shrink:0;width:44px;height:48px;overflow:hidden;background:#eef2e9}.character-avatar img{height:60px;max-width:none;width:auto;position:absolute;right:0;top:-3px;mix-blend-mode:multiply}.character-picker button>span:last-child{font-size:11px}.header nav{gap:25px}@media(max-width:1100px){.character-picker{grid-template-columns:repeat(5,1fr)}.character-info{padding:27px}.header nav{gap:17px}}@media(max-width:900px){.header{position:relative;z-index:10}.menu-toggle{display:block;border:1px solid var(--line);background:none;padding:4px 12px;font-size:22px}.header nav{display:none;position:absolute;top:90px;left:0;right:0;padding:20px;background:var(--paper);box-shadow:0 10px 15px #253e4815}.header nav.open{display:flex;flex-direction:column;gap:12px;align-items:stretch}.character-picker{grid-template-columns:repeat(4,1fr)}.character-stage{grid-template-columns:.9fr 1.1fr}.character-portrait img{right:0;height:90%;top:5%}}@media(max-width:700px){.header nav{top:76px}.character-stage{grid-template-columns:1fr}.character-portrait{min-height:330px;height:330px;border-right:0;border-bottom:1px solid #dce3d6}.character-portrait img{height:100%;right:10px;top:0}.portrait-star{font-size:130px;left:12px}.character-info{padding:26px}.character-picker{grid-template-columns:repeat(3,1fr);gap:8px}.character-picker button{gap:5px;padding:4px}.character-avatar{width:34px;height:42px}.character-avatar img{height:52px}.character-picker button>span:last-child{font-size:10px}.character-filters{gap:20px}.character-filters button{font-size:11px}.character-info h3{font-size:34px}.characters-inner .section-caption{font-size:11px}}

.skill-name-row{display:flex;align-items:center;gap:14px;margin:14px 0}.skill-name-row img{width:48px;height:48px;border:1px solid #c7ccba;background:#171e1b;image-rendering:pixelated;flex-shrink:0}.character-skill .skill-name-row h4{margin:0}.skill-metadata{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.element-badge{font-size:11px;display:inline-block;border:1px solid;padding:2px 10px}.element-badge[data-element="1"]{color:#82602f;border-color:#d4be93;background:#f8f0df}.element-badge[data-element="2"]{color:#306e91;border-color:#a3c5d8;background:#edf6fb}.element-badge[data-element="3"]{color:#a24f3c;border-color:#deb5a4;background:#fcf0e8}.element-badge[data-element="4"]{color:#3e7960;border-color:#a5c8b1;background:#edf7ee}.element-badge[data-element="7"]{color:#71618a;border-color:#c9bed7;background:#f3f0f8}

/* Dark companions */
.dark-section{background:radial-gradient(ellipse at 12% 60%,#383349 0,transparent 52%),#191e2b;color:#ece8e1;border-block:1px solid #3b4050}.dark-section .eyebrow{color:#b8a1ce}.dark-section h2 span{color:#c9b2df}.dark-section h2 i{color:#c7aa79}.dark-section .section-caption{color:#a9adbb}.dark-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.dark-picker button{display:flex;align-items:center;gap:15px;border:1px solid #444557;background:#222635;color:#b6b8c5;padding:12px 20px;text-align:left;min-width:0}.dark-picker button.active{border-color:#b69acb;color:#f0e6f7;background:#373046;box-shadow:inset 0 -2px #b69acb}.dark-picker img{width:34px;height:45px;object-fit:contain;image-rendering:pixelated}.dark-picker strong{display:block;font-size:13px;font-weight:500;letter-spacing:1px}.dark-picker small{display:block;font-size:9px;letter-spacing:2px;color:#9d91ad;margin-top:3px}.dark-stage{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #484454;background:#202333;min-height:510px}.dark-portrait{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px;overflow:hidden;border-right:1px solid #484454;background:radial-gradient(ellipse at 50% 57%,#65507255,transparent 62%),linear-gradient(155deg,#25283a,#1b202e)}.dark-portrait>img{position:relative;z-index:2;height:270px;width:auto;max-width:92%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 22px #0008)}.dark-orbit{position:absolute;width:330px;height:330px;max-width:85%;border:1px solid #8f72995c;border-radius:50%;transform:rotate(-20deg)}.dark-orbit:before,.dark-orbit:after{content:"";position:absolute;inset:20px;border:1px dashed #8f729956;border-radius:50%}.dark-orbit:after{inset:55px;border-style:solid}.dark-motif{position:absolute;right:32px;top:57px;font-size:80px;color:#a98eba42}.dark-portrait-label{position:absolute;top:26px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b6a8c4}.dark-portrait-footer{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#b6a8c4}.dark-portrait-footer>span{font-size:12px;letter-spacing:2px}.dark-portrait-footer small{font-size:8px;letter-spacing:1px}.dark-info{padding:30px 34px}.dark-title-row{display:flex;justify-content:space-between;align-items:center}.dark-title-row .eyebrow{margin-bottom:5px}.dark-info h3{font:500 36px 'KaiTi','STKaiti',serif;letter-spacing:4px;margin:0}.dark-sigil{font-size:35px;color:#c2a57d}.dark-tags{font-size:11px;letter-spacing:2px;color:#c3aecf;margin:12px 0}.dark-bio{font-size:12px;line-height:2;color:#b7bac7;margin-bottom:22px}.dark-skill-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #454354}.dark-skill-heading h4{font-size:12px;letter-spacing:2px;font-weight:500;margin:0}.dark-forms{display:flex;border:1px solid #5e5269;padding:3px;gap:3px}.dark-forms button{background:transparent;border:0;color:#a7a6b6;font-size:10px;padding:5px 10px}.dark-forms button.active{background:#655275;color:white}.dark-skill-card{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid #3e3f50}.dark-skill-card>img{width:40px;height:40px;image-rendering:pixelated;border:1px solid #70607c;background:#141820}.dark-skill-card h5{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:500;font-size:14px;letter-spacing:1px;margin:0 0 7px}.reborn-tag{font-size:9px;letter-spacing:0;color:#dfbfef;background:#63506b77;padding:1px 6px;border:1px solid #796086}.dark-skill-card p{font-size:11px;color:#b7bac7;line-height:1.8;margin:0 0 8px}.dark-skills .element-badge,.dark-skills .sp-badge{font-size:10px;padding:1px 8px}.dark-skills .sp-badge{color:#cbc2d4;border-color:#675a74}.dark-skills .element-badge{background:transparent}.dark-skills .element-badge[data-element="1"]{color:#e0c392;border-color:#887758}.dark-skills .element-badge[data-element="3"]{color:#edb19c;border-color:#966759}.dark-skills .element-badge[data-element="7"]{color:#d1bce9;border-color:#796689}.dark-hint{font-size:10px;color:#9c98ad;line-height:1.8;margin:16px 0 0}.dark-picker button:hover{border-color:#b69acb}
@media(max-width:1100px){.dark-picker button{padding:10px;gap:10px}.dark-info{padding:28px 24px}.header nav{gap:13px}}@media(max-width:700px){.dark-picker{grid-template-columns:repeat(2,1fr);gap:9px}.dark-picker strong{font-size:12px}.dark-picker small{letter-spacing:1px}.dark-stage{grid-template-columns:1fr}.dark-portrait{min-height:350px;border-right:0;border-bottom:1px solid #484454}.dark-portrait>img{height:215px}.dark-orbit{height:265px;width:265px}.dark-info{padding:26px 22px}.dark-info h3{font-size:31px}.dark-portrait-label{left:22px;right:22px;top:18px}.dark-portrait-footer{left:22px;right:22px;bottom:18px}.dark-skill-heading{gap:8px}.dark-forms button{padding:5px 8px}.dark-section .section-caption{font-size:11px}}
@media(max-width:360px){.header{padding-inline:16px}.header .brand{gap:8px}.header .brand-symbol{font-size:28px}.header .brand strong{font-size:18px}.header .brand small{font-size:7px;letter-spacing:1px}.header .menu-toggle{padding-inline:8px}}

.catalog-link{margin-top:20px;white-space:normal}

/* 主导航：常驻查询归入游戏资料，活动奖励可直接查看。 */
.header{position:relative;z-index:20}.nav-group{position:relative}.header nav .nav-trigger{display:flex;align-items:center;gap:7px;background:none;border:0;padding:10px 0;color:inherit;font:inherit;font-size:13px;letter-spacing:1px;cursor:pointer}.nav-trigger:hover,.nav-trigger[aria-expanded="true"]{color:var(--teal)!important}.nav-trigger span{transition:transform .15s}.nav-trigger[aria-expanded="true"] span{transform:rotate(180deg)}.nav-panel{position:absolute;top:calc(100% + 12px);left:-20px;min-width:210px;padding:10px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 25px #253e4815;display:flex;flex-direction:column;gap:2px}.nav-panel[hidden]{display:none}.header nav .nav-panel a,.header nav .nav-panel button{display:block;text-align:left;white-space:nowrap;border:0;border-radius:0;background:none;font:inherit;font-size:12px;letter-spacing:.5px;color:var(--ink);padding:12px 14px;cursor:pointer}.header nav .nav-panel a:hover,.header nav .nav-panel button:hover{background:#eaf0e6;color:var(--teal)}.header nav button:focus-visible,.header nav a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:1100px){.header nav.open{max-height:calc(100dvh - 90px);overflow-y:auto}.nav-group{width:100%}.header nav .nav-trigger{width:100%;justify-content:space-between}.nav-panel{position:static;min-width:0;box-shadow:none;margin:3px 0 6px;padding:4px 8px;background:#edf0e7;border:0;border-left:2px solid #b6c9bd}.header nav .nav-panel a,.header nav .nav-panel button{width:100%;padding:11px 14px}.header nav.open{align-items:stretch}.header nav.open>a{align-self:flex-start}}
@media(max-width:700px){.header nav.open{max-height:calc(100dvh - 76px)}}

.rich-dialog{width:min(880px,calc(100vw - 32px));max-width:880px}.rich-dialog #dialog-body{white-space:normal}.article-lead{font-size:16px!important;line-height:1.9;color:var(--teal);padding:20px 0;border-bottom:1px solid var(--line)}.article-subtitle{font-size:17px;font-weight:500;margin:28px 0 15px}.article-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-tool{display:flex;align-items:center;gap:18px;padding:20px;background:#edf0e7;border:1px solid #dbe1d3}.article-tool img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex:none}.article-tool h4,.article-step h4{font-size:16px;font-weight:500;margin:0 0 8px;color:var(--teal)}.article-tool p,.article-step p{margin:0;line-height:1.9}.article-step{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.article-step:not(:has(figure)){display:block}.article-step figure{margin:0;text-align:center}.article-step img{max-width:100%;max-height:330px;object-fit:contain;background:#fff;border:1px solid #d9dfd2;padding:6px}.article-step figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:6px}.article-note{padding:16px 20px;background:#f1e9d9;color:#7d653b;line-height:1.9}.article-flow{display:flex;align-items:center;gap:12px;padding:22px 12px;margin-top:22px;border:1px solid #cbdacf;background:#f0f3e9}.article-flow div{flex:1;text-align:center;white-space:pre-line;color:#356669;line-height:1.8}.article-flow span{color:#ab8750;font-size:20px}.article-details{margin:20px 0}.article-details summary{cursor:pointer;color:var(--teal)}.article-full-rules{white-space:pre-line;padding:16px 0}.rich-dialog h2{font-size:28px;line-height:1.5}
@media(max-width:700px){.rich-dialog{padding:28px 20px}.rich-dialog h2{font-size:23px;padding-right:15px}.article-tools{grid-template-columns:1fr}.article-step{grid-template-columns:1fr;gap:18px}.article-flow{flex-direction:column}.article-flow span:last-of-type{transform:rotate(90deg)}.article-lead{font-size:14px!important}.article-tool{padding:15px}.article-step img{max-height:350px}}

.article-collection{border:1px solid var(--line);padding:16px 20px;margin:24px 0;background:#edf0e7}.article-collection summary{cursor:pointer;color:var(--teal);font-size:15px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.collection-item{display:flex;align-items:center;flex-direction:column;text-align:center;padding:15px 8px;background:var(--paper);border:1px solid var(--line);gap:5px}.collection-item img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.collection-item strong{font-size:12px;font-weight:500;line-height:1.6}.collection-item small{font-size:10px;color:var(--muted)}@media(max-width:700px){.collection-grid{grid-template-columns:repeat(2,1fr)}.article-collection{padding:15px 12px}}

/* Complete hero illustrations: image and copy occupy separate columns. */
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);max-width:1744px;margin:0 auto;padding:40px 32px 24px;height:auto;min-height:0;overflow:visible;background:var(--paper);align-items:center}.hero-art{margin:0;min-width:0;width:100%;background:#edf2e9;border:1px solid #cddbd2;box-shadow:0 12px 35px #294b4010}.hero .hero-image{position:static;display:block;width:100%;height:auto;aspect-ratio:1606 / 992;object-fit:contain;object-position:center}.hero-art-caption{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid #cddbd2;background:#f0f3e9;color:#577a77;font-size:10px;letter-spacing:2px;line-height:1.5}.hero-art-caption>span:last-child{font-family:Georgia,serif;letter-spacing:1px}.hero .hero-content{margin:0;padding:32px 0 32px clamp(28px,3.5vw,64px);max-width:none;min-width:0}.hero h1{font-size:clamp(38px,3.4vw,64px);line-height:1.45;letter-spacing:3px;margin:24px 0}.hero .hero-copy{font-size:14px;line-height:2.1;margin-bottom:28px}.hero .hero-label{font-size:12px;letter-spacing:2px}.hero .eyebrow{letter-spacing:2px;line-height:1.8;margin-bottom:18px}.hero .scene-control{margin-top:32px}.hero .hero-actions{gap:22px;flex-wrap:wrap}.hero .hero-foot{position:static;grid-column:1 / -1;margin-top:28px;padding:17px 0 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:1.5px;gap:16px}.hero .scene-buttons{flex-wrap:wrap;gap:13px}
@media(max-width:1100px){.hero{padding:28px 25px 20px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero .hero-content{padding:20px 0 20px 28px}.hero h1{font-size:40px;letter-spacing:2px}.hero .hero-copy{font-size:12px}.hero .hero-label{font-size:11px;letter-spacing:1px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero .hero-actions{gap:14px}.hero .button{padding:13px 18px;font-size:12px;gap:15px}.hero .text-link{font-size:12px}.hero .scene-control{margin-top:24px;gap:12px}.hero .scene{font-size:10px}.hero .scene-buttons{gap:10px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:20px 20px 18px;gap:0;min-height:0}.hero .hero-content{padding:28px 8px 10px}.hero h1{font-size:clamp(35px,7.5vw,48px);line-height:1.4;margin:18px 0;letter-spacing:2px}.hero .hero-copy{font-size:13px;margin-bottom:23px}.hero .hero-label{font-size:11px;letter-spacing:1.5px}.hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.hero .scene-control{margin-top:24px}.hero .hero-foot{margin-top:20px;font-size:9px;letter-spacing:.5px}.hero-art-caption{font-size:8px;padding:10px 12px;letter-spacing:1.5px}.hero .hero-actions{gap:22px}.hero .scene{font-size:11px}}
@media(max-width:360px){.hero{padding-inline:14px}.hero .hero-content{padding-inline:4px}.hero .hero-foot{font-size:8px}}

/* Unified game title: retain the complete lettering and feather silhouette. */
.brand-wordmark{display:block;width:228px;height:76px;object-fit:contain}footer .brand-wordmark{width:210px;height:70px}@media(max-width:700px){.brand-wordmark{width:180px;height:60px}footer .brand-wordmark{width:180px;height:60px}}@media(max-width:360px){.brand-wordmark{width:162px;height:54px}}