*{box-sizing:border-box} :root{font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:14px;color:#dedbd2;background:#090e11} body{margin:0;min-width:360px} button,input,select,a{-webkit-tap-highlight-color:transparent} button,input,select{font:inherit} button,a{touch-action:manipulation} button{cursor:pointer} button{color:inherit} a{color:inherit;text-decoration:none} button:disabled{opacity:.3;cursor:default} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:none} input,select{color:#dedbd2;background:#11191b;border:1px solid #41453e;border-radius:2px} select{cursor:pointer} option{background:#11191b;color:#e8dfcc} h1,h2,h3,h4,p{margin:0} [v-cloak]{display:none!important} .boot-message{position:fixed;inset:0;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;color:#f4dda3}.boot-message small{color:#8c9290} #app:not([v-cloak])~.boot-message{display:none} .primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 18px;border-radius:3px;font-size:13px;transition:background .2s,color .2s,border-color .2s} .primary-btn{border:1px solid #ffdd88;background:#ffdd88;color:#191b17} .primary-btn:hover{background:#ffe8b1} .secondary-btn{border:1px solid #505247;background:#1b2221;color:#c8bfaa}.secondary-btn:hover{border-color:#c6ad70;color:#f4dda3}.text-btn,.icon-btn{background:none;border:0;color:#bfb49b}.text-btn{padding:6px 0;font-size:12px}.text-btn:hover{color:#ffdd88}.icon-btn{font-size:26px;line-height:1}.eyebrow{font-family:Georgia,serif;font-size:10px;letter-spacing:2.3px;color:#978966}.eyebrow span{padding:0 9px;color:#4a4d43}.muted{color:#878c87}.diamond{width:7px;height:7px;background:#c4aa70;transform:rotate(45deg);display:inline-block}.common-modal .fx-modal-mask{background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.common-modal .fx-modal-wrap{border:1px solid #685b3d;background:#11191c;box-shadow:0 30px 100px #0009;color:#dedbd2}.modal-close{position:absolute;right:18px;top:14px;width:30px;height:30px;z-index:3;background:#0b1114aa;border:1px solid #5c5645;color:#d8caac}.modal-close:hover{color:#ffdd88;border-color:#ffdd88}.common-modal h2{font-family:KaiTi,STKaiti,'Noto Serif SC',serif;font-weight:400}.common-modal p{line-height:1.9;white-space:pre-line;font-size:13px;color:#b9bbb3}.common-modal h3{font-size:15px;color:#e1c58a;font-weight:400;margin-bottom:15px}.common-modal h4{font-size:14px;font-weight:400;color:#dfdbce}.switch{height:16px;width:30px;border:1px solid #867958;display:inline-flex;align-items:center;padding:2px;border-radius:12px;background:#29302e;flex-shrink:0}.switch i{width:10px;height:10px;background:#a4a69a;border-radius:50%;transition:transform .2s}.switch.on{background:#e8cd8d;border-color:#e8cd8d}.switch.on i{background:#19201c;transform:translateX(13px)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0b1113}::-webkit-scrollbar-thumb{background:#45483d;border-radius:4px} .common-modal .fx-modal-wrap::-webkit-scrollbar-thumb{background:#6e6147}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Use equal-width, full-height digits for counts, indexes and statistics. */
#app{font-variant-numeric:lining-nums tabular-nums}
#app .group-select small,#app .results-title b,#app .card-number,#app .attribute-grid strong,#app .stat-table strong,#app .skill-entry h4>span,#app .level-badge,#app .dust-cost strong{font-variant-numeric:lining-nums tabular-nums}

/* Shared navigation, sidebar, catalog, and detail layout. */
.app-header{height:104px;display:flex;align-items:center;border-bottom:1px solid #74633f;background:#080d0f;position:relative;z-index:20}
.brand{width:300px;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #34382e;background:#080e0b}
.brand img{width:226px;height:90px;object-fit:contain}
.main-nav{height:100%;display:flex;align-items:stretch;gap:35px;padding-left:48px}
.main-nav>a{display:flex;align-items:center;gap:12px;position:relative;font-size:16px;color:#9c9e96;padding:0 3px}
.main-nav>a.active{color:#ffdd88}
.main-nav>a.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#ffdd88}
button:focus,a:focus,input:focus,select:focus{outline:none}
button:focus-visible,a:focus-visible{text-decoration:underline;text-decoration-color:#91a297;text-underline-offset:4px}
input:focus-visible,select:focus-visible{border-color:#75877e}


.mobile-menu{display:none}
.workspace{display:flex;height:calc(100dvh - 104px);position:relative}
.sidebar{width:300px;flex-shrink:0;background:#090f0b;display:flex;flex-direction:column;position:relative;border-right:1px solid #444536;transition:width .2s;z-index:15}
.sidebar-intro{display:flex;justify-content:space-between;align-items:center;margin:24px 22px 17px}
.sidebar-intro>span{font-family:KaiTi,STKaiti,serif;font-size:19px;color:#eddaac}
.sidebar-intro small{font-family:Georgia,serif;font-size:8px;letter-spacing:1.3px;color:#676e5b}
.search-wrap{margin:0 20px;position:relative;display:flex;align-items:center;height:40px;border:1px solid #3d4536;background:#101811}
.search-wrap:focus-within{border-color:#75877e}
.search-wrap svg{width:15px;height:15px;stroke:#a79b77;stroke-width:1.5;fill:none;margin:0 10px 0 12px;flex-shrink:0}
.search-wrap input{min-width:0;width:100%;background:none;border:0;outline:none;font-size:12px;padding:0 28px 0 0;height:100%;color:#dcd9cc}
.search-wrap input:focus-visible{outline:none}
.search-wrap input::placeholder{color:#757d6d}
.clear-search{position:absolute;right:5px;border:0;background:none;color:#c8bc9b;font-size:20px}
.selection-actions{display:flex;gap:12px;margin:18px 20px 10px}
.selection-actions button{flex:1}
.category-scroll{flex:1;overflow-y:auto;padding:0 19px;min-height:0}
.category-group{border-top:1px solid #343c2e}
.group-heading{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;height:58px;gap:13px}
.group-select{padding:0;display:grid;grid-template-columns:13px minmax(0,1fr) 4ch;align-items:center;gap:10px;min-width:0;border:0;background:none;text-align:left;font-family:KaiTi,STKaiti,serif;font-size:18px;color:#b0b298;transition:color .2s}
.group-select small{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:12px;line-height:18px;color:#727963;text-align:right;white-space:nowrap}
.group-active .group-select{color:#f4dda3}
.group-active .group-select small{color:#c0a772}
.check-box{width:13px;height:13px;border:1px solid #666b51;display:grid;place-items:center;font:10px Arial;flex-shrink:0}
.check-box.checked{background:#d4b778;border-color:#d4b778;color:#132017}
.check-box.mixed{border-color:#d4b778;color:#d4b778}
.collapse-btn{background:none;border:1px solid #6d6e4d;width:18px;height:18px;padding:0;margin-left:0;color:#c1ad76;font-size:12px;display:grid;place-items:center}
.category-caret{display:block;transition:transform .24s ease}.category-caret.open{transform:rotate(180deg)}
.category-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease;pointer-events:none}
.category-children.open{grid-template-rows:1fr;pointer-events:auto}
.category-clip{min-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s .24s}
.category-children.open>.category-clip{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s}
.subcategory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 0 16px}
.subcategory{background:#050b07;border:1px solid #202b1b;min-height:43px;display:flex;align-items:center;padding:6px 7px;gap:7px;position:relative;color:#8e967b;text-align:left;font-size:11px;min-width:0}

.subcategory>span{flex:1;line-height:1.4}


.subcategory.selected{background:#302c1c;border-color:#9e8753;color:#f4dda3}


.subcategory:hover{border-color:#b6a36e}
.enemy-extra-filters{border-top:1px solid #343c2e;padding:20px 0}
.enemy-extra-filters label{display:grid;gap:10px;color:#c2b991;font-size:12px}
.enemy-extra-filters select{padding:9px;background:#101811;border-color:#414733}


.rail-toggle{position:absolute;left:299px;top:33px;height:36px;width:17px;background:#a28f62;color:#101811;border:1px solid #ccaf74;border-radius:0 12px 12px 0;z-index:16;padding:0;font-size:21px;transition:left .2s}
.rail-collapsed .sidebar{width:0;overflow:hidden;border:0}
.rail-collapsed .rail-toggle{left:0}
.page-content{flex:1;min-width:0;overflow-y:auto;padding:35px 42px 0;background:radial-gradient(ellipse at 90% 0,#27323877,transparent 54%),radial-gradient(ellipse at 0 80%,#16202344,transparent 70%),#0c1216}









.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:15px}
.results-title{display:flex;gap:11px;align-items:center;color:#d6c9aa;font-size:14px}
.results-title>small{color:#838e88;font-size:11px;border-left:1px solid #3f4944;margin-left:5px;padding-left:16px}
.results-title b{display:inline-block;min-width:3ch;text-align:center;color:#d7c598;font:14px/1.4 Arial,sans-serif;margin:0 3px}
.toolbar-actions{display:flex;align-items:center;gap:20px}
.sort-control{display:flex;align-items:center;gap:12px;color:#687572;font-size:11px}
.sort-control select{font-size:12px;padding:8px 24px 8px 11px;border-color:#414b46;background:#131e20}
.active-filters{display:flex;gap:8px;margin:0 0 18px}
.active-filters button{border:1px solid #665c42;color:#ccb881;background:#28281e;padding:6px 10px;font-size:11px}
.active-filters button span{margin-left:14px}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(167px,1fr));gap:20px;animation:catalog-reveal .24s ease both}
@keyframes catalog-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.catalog-card{padding:0;text-align:left;background:#121c20;border:1px solid #3a4442;position:relative;transition:transform .22s,border-color .22s,background .22s;overflow:hidden;min-width:0}
.catalog-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#9e8a59;transform:scaleX(0);transition:transform .2s}
.catalog-card:hover{border-color:#c6ad73;background:#192328;transform:translateY(-4px)}
.catalog-card:hover::after{transform:scaleX(1)}
.card-art,.detail-art{height:200px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#78877a1b,transparent 65%)}
.card-art>img,.detail-art>img{width:auto;height:auto;max-width:90%;max-height:87%;object-fit:contain;z-index:1;transition:transform .25s}
.catalog-card:hover .card-art>img{transform:scale(1.06)}
.card-number{position:absolute;left:13px;top:13px;min-width:3ch;color:#5f6b65;font:10px/1 Arial,sans-serif;letter-spacing:1px}
.art-circle{position:absolute;width:128px;height:128px;border:1px solid #7f8e7733;border-radius:50%;z-index:0}
.art-circle::before{content:'';position:absolute;inset:7px;border:1px solid #7f8e7715;border-radius:50%}
.ascended-mark{position:absolute;right:11px;top:12px;font-size:9px;color:#ddc28b;border:1px solid #7b6e50;padding:3px 5px;z-index:2;letter-spacing:1px}
.card-copy{margin:0 16px;border-top:1px solid #3d47413d;padding:16px 0 0}
.card-copy h2{font-size:14px;font-weight:400;color:#e0d7c3;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card-meta{font-size:10px;color:#8a9891;display:flex;align-items:center;gap:7px;margin-top:8px;line-height:1.5}
.meta-dot{width:2px;height:2px;background:#727e6b;border-radius:50%;flex-shrink:0}
.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;border-top:1px solid #78826b20;padding:10px 0 12px;color:#a49268}
.card-bottom small{font-size:9px;letter-spacing:1px;color:#65756c}
.card-bottom>span{font-size:15px;color:#a7915f}
.catalog-card:hover .card-bottom>span{color:#ffdd88}
.enemy-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.enemy-grid .card-art,.detail-art.enemy-art{height:248px}
.enemy-grid .card-art img,.detail-art.enemy-art>img{max-height:93%}
.enemy-grid .art-circle{height:168px;width:168px}
.image-placeholder{text-align:center;color:#5b6556}
.image-placeholder>span{font:40px KaiTi,serif;display:block}
.image-placeholder small{font-size:10px}
.catalog-end{display:flex;justify-content:center;padding:35px 0;color:#616e67;font-size:10px;letter-spacing:1px}
.load-more{min-width:260px;gap:22px}
.load-more>span{font-size:10px;color:#7e8d7a}







.detail-modal .fx-modal-wrap{width:min(1060px,94vw);height:min(780px,90dvh);overflow:hidden}
.detail-layout{height:100%;display:flex}
.detail-portrait{width:31%;flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#6b796522,transparent 70%),#0b1316;border-right:1px solid #3a433c;overflow:hidden}
.detail-portrait::before{content:'';width:190px;height:190px;border:1px solid #6b79582b;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}
.detail-art{max-width:94%;flex-shrink:0;background:none}
.detail-art.equipment-art{height:min(420px,calc(90dvh - 180px))}
.detail-art.equipment-art>img{max-width:95%;max-height:95%;flex-shrink:0}
.portrait-label{position:absolute;top:30px;color:#a2936f;letter-spacing:5px;font:13px KaiTi,serif;border-top:1px solid #5f6042;border-bottom:1px solid #5f6042;padding:8px 0}
.portrait-caption{position:absolute;bottom:35px;text-align:center}
.portrait-caption>span{font:9px Georgia,serif;letter-spacing:3px;color:#6e7d73}
.portrait-caption p{font:20px KaiTi,serif;color:#c4af7b;margin-top:12px;letter-spacing:5px}
.detail-right{flex:1;min-width:0;display:flex;flex-direction:column}
.detail-header{padding:28px 36px 21px}
.detail-header>.text-btn{margin-bottom:10px}
.detail-header h2{font-size:31px;color:#e9dbb9;line-height:1.4;margin:9px 0 12px}
.detail-tags{display:flex;gap:7px;flex-wrap:wrap}
.detail-tags span{font-size:10px;border:1px solid #4e5241;color:#acae94;padding:3px 7px}
.form-switch{display:flex;gap:8px;padding:0 36px 15px;flex-wrap:wrap}
.form-switch button{padding:6px 9px;border:1px solid #51533f;background:#101a18;color:#959c86;font-size:11px}
.form-switch button.active{color:#f4dda3;border-color:#af995f;background:#2b2b1e}
.variant-control{padding:0 36px 16px;color:#b3b79f;font-size:12px}
.variant-control label{display:flex;gap:20px;align-items:center}
.variant-control select{padding:7px 10px;max-width:70%;font-size:12px}
.detail-tabs{display:flex;gap:23px;border-bottom:1px solid #444b40;padding:0 36px;flex-shrink:0}
.detail-tabs button{padding:13px 0;border:0;background:none;color:#8e9d91;font-size:12px;border-bottom:2px solid transparent;white-space:nowrap}
.detail-tabs button.active{border-color:#f4dda3;color:#f4dda3}
.detail-scroll{flex:1;min-height:0;overflow-y:auto;padding:27px 36px 15px}
.detail-section{margin-bottom:28px}
.detail-section>h3{display:flex;align-items:center;gap:10px}
.detail-section>h3::before{content:'';display:block;width:3px;height:13px;background:#ac945c}
.attribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.attribute-grid>div{background:#1b2527;border:1px solid #39443d;padding:13px}
.attribute-grid small{font-size:10px;color:#94a18f;display:block;margin-bottom:9px}
.attribute-grid strong{display:block;font:24px/1.2 Arial,'Microsoft YaHei',sans-serif;color:#ebd49f;text-align:right}
.effect-section{border:1px solid #6e6140;background:#3c352222;padding:17px}
.effect-section h3::before{display:none}
.skill-entry{padding:17px 0;border-bottom:1px solid #354239}
.skill-entry h4{margin-bottom:10px}
.skill-entry h4>span{display:inline-block;min-width:2ch;font:11px/1.4 Arial,sans-serif;color:#927f50;margin-right:12px}
.level-entry{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid #354239}
.level-badge{font:11px/1 Arial,sans-serif;color:#dec38b;border:1px solid #696044;height:28px;min-width:45px;flex-shrink:0;display:grid;place-items:center}
.level-entry h4{margin-bottom:8px}
.related-list{display:grid;gap:8px}
.related-list button{width:100%;border:1px solid #39473c;background:#16211e;display:flex;align-items:center;gap:12px;text-align:left;padding:9px 12px;font-size:12px;color:#dbd0ad}
.related-list button:hover{border-color:#bca065}
.related-list img{width:40px;height:40px;object-fit:contain}
.related-list small{display:block;color:#869883;font-size:10px;margin-top:6px}
.related-list b{margin-left:auto;color:#b1985d;font-weight:400}
.dust-cost{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:15px;background:#1c261f;margin-bottom:8px;color:#b4b99c}
.dust-cost strong{color:#e2c47d;font-family:Arial,'Microsoft YaHei',sans-serif;font-weight:400;min-width:8ch;text-align:right;white-space:nowrap}
.stat-table{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.stat-table>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #354238;padding:11px 0;font-size:11px;color:#9da996}
.stat-table strong{font:15px/1.4 Arial,'Microsoft YaHei',sans-serif;color:#dfcc9f;min-width:5ch;text-align:right;white-space:nowrap}
.detail-footer{height:55px;padding:0 30px;border-top:1px solid #3b483c;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0}
.detail-footer>span{font-size:10px;color:#6b7f6d}
.detail-footer>div{display:flex;gap:20px}









.mobile-mask{display:none}
@media(min-width:1800px){.page-content{padding-left:56px;padding-right:56px}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(182px,1fr));gap:24px}
.card-art,.detail-art{height:225px}
.enemy-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.enemy-grid .card-art,.detail-art.enemy-art{height:278px}
}
@media(max-width:1150px){
.sidebar,.brand{width:270px}
.rail-toggle{left:269px}
.main-nav{padding-left:30px;gap:26px}
.page-content{padding:28px 28px 0}

.catalog-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
.card-art,.detail-art{height:180px}
.enemy-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.enemy-grid .card-art,.detail-art.enemy-art{height:220px}


.detail-tabs{gap:17px}
}
@media(max-width:760px){.app-header{height:126px;align-items:flex-start;flex-wrap:wrap}
.brand{width:145px;height:74px;border:0;background:transparent;margin-left:13px}
.brand img{width:140px;height:68px}
.mobile-menu{display:block;margin:22px 20px 0 0 auto;position: absolute;
    height: 36px;
    width: 17px;
    background: #a28f62;
    color: #101811;
    border: 1px solid #ccaf74;
    border-radius: 0 12px 12px 0;
    z-index: 16;
    padding: 0;
    font-size: 21px;
    transition: left .2s;}
.main-nav{width:100%;height:52px;order:3;gap:25px;padding:0 20px;justify-content:center}
.main-nav>a{font-size:14px;gap:8px}
.workspace{height:calc(100dvh - 126px)}
.sidebar{position:absolute;top:0;bottom:0;left:0;width:290px!important;transform:translateX(-100%);transition:transform .2s;overflow:visible!important}
.sidebar.open{transform:translateX(0)}
.rail-collapsed .sidebar{border-right:1px solid #444536}
.mobile-mask{display:block;position:absolute;inset:0;background:#0009;border:0;z-index:12;width:100%;height:100%}
.rail-toggle{display:none}
.page-content{padding:24px 16px 0}





.catalog-toolbar{min-height:72px;gap:8px}
.results-title{gap:7px;font-size:12px}
.results-title>small{font-size:10px;margin-left:0;padding-left:9px}
.toolbar-actions{gap:10px}
.sort-control>span{display:none}
.sort-control select{font-size:10px;padding:7px 6px}
.toolbar-actions>.text-btn{font-size:10px}
.catalog-grid,.enemy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-art,.detail-art{height:180px}
.enemy-grid .card-art,.detail-art.enemy-art{height:206px}
.card-copy{margin:0 12px;padding-top:12px}
.card-copy h2{font-size:13px}
.card-meta{font-size:9px;gap:5px}
.card-bottom{padding:8px 0;margin-top:12px}
.card-number{left:10px;top:10px;font-size:9px}
.art-circle{width:110px;height:110px}

.detail-modal .fx-modal-wrap{width:96vw;height:92dvh}
.detail-layout{display:block;overflow-y:auto}
.detail-portrait{width:100%;height:210px;border-right:0;border-bottom:1px solid #3a433c}
.detail-portrait.equipment-portrait{height:280px}
.detail-art.equipment-art{height:230px}
.portrait-label{left:16px;top:28px;writing-mode:vertical-rl;letter-spacing:4px;border:0;border-left:1px solid #5f6042;padding:0 0 0 10px;font-size:10px}
.portrait-caption{right:14px;bottom:18px;text-align:right}
.portrait-caption>span{font-size:7px;letter-spacing:1px}
.portrait-caption p{font-size:14px;letter-spacing:1px}
.detail-portrait::before{width:150px;height:150px;top:50%}
.detail-right{display:block}
.detail-header{padding:22px}
.detail-header h2{font-size:28px}
.detail-tabs{padding:0 20px;gap:18px;position:sticky;top:0;background:#11191c;z-index:2;overflow-x:auto}
.detail-tabs button{font-size:11px}
.detail-scroll{padding:24px 22px 10px;overflow:visible}
.detail-footer{padding:0 20px;position:sticky;bottom:0;background:#11191c}
.detail-footer>span{font-size:9px}
.form-switch{padding:0 22px 14px}
.variant-control{padding:0 22px 15px}
.attribute-grid{grid-template-columns:repeat(2,1fr)}
.modal-close{position:fixed;right:12px;top:12px}
.stat-table{gap:0 15px}
.stat-table>div{font-size:10px}

}
@media(min-width:761px) and (max-height:750px){.app-header{height:86px}
.workspace{height:calc(100dvh - 86px)}
.brand img{height:75px}
.sidebar-intro{margin-top:18px}
.detail-header{padding-top:22px;padding-bottom:15px}
.detail-header h2{font-size:27px}
.detail-tabs button{padding:11px 0}
.page-content{padding-top:25px}

.catalog-toolbar{min-height:70px}
}

.category-radio{width:13px;height:13px;border:1px solid #666b51;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.category-radio.checked{border-color:#d4b778}.category-radio.checked::after{content:'';width:7px;height:7px;border-radius:50%;background:#d4b778}
.header-actions{margin-left:auto;padding:0 28px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.download-app,.login-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:89px;height:40px;padding:0 15px;border:0;border-radius:24px;font-size:13px;font-weight:700;white-space:nowrap;font-family:'Microsoft YaHei','PingFang SC',sans-serif}
.download-app{background:#ffdd55;color:#131313}.download-app:hover{background:#ffe682}
.login-trigger{background:#f1f2f5;color:#18191d}.login-trigger:hover{background:#fff}
.subcategory{padding:10px 12px;min-height:40px;text-align:center}.subcategory>span{width:100%}
.page-content{padding-top:0}.catalog-toolbar{min-height:76px}.category-scroll{padding-bottom:12px}
.login-modal .fx-modal-wrap{width:268px;min-height:303px;border:1px solid #8b8b87;border-radius:21px;background:#e9e9e9;color:#333;overflow:hidden}
.login-panel{padding:23px 18px 28px;position:relative}
.login-panel h2{font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:23px;font-weight:700;line-height:34px;text-align:center;color:#353535;margin:0 0 24px}
.login-close{position:absolute;top:4px;right:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#fff;font-size:43px;font-weight:700;line-height:1;padding:0}
.login-close:hover{color:#159fce}.login-field{display:flex;align-items:center;height:42px;width:100%;border:1px solid #a0a0a0;border-radius:5px;background:#fff;margin-bottom:20px;overflow:hidden}
.login-field:focus-within{border-color:#159fce;box-shadow:0 0 0 1px #159fce}
.login-field svg{width:17px;height:28px;margin:0 6px;flex-shrink:0;color:#3c3c3c}
.login-field>span{font:14px Georgia,serif;color:#143e5d;margin-right:8px}
.login-field input{width:0;flex:1;min-width:0;height:100%;padding:0 4px;border:0;border-radius:0;background:#fff;outline:none;font-size:12px;color:#3c4b56}
.login-field input:focus-visible{outline:none}.login-field input::placeholder{color:#7c8890}
.code-field{margin-bottom:20px}.code-field svg{width:15px;height:18px;margin-right:3px}.code-field input{padding-left:0;font-size:12px}
.get-code{height:42px;padding:0 7px;border:0;background:#159fce;color:#fff;font-size:13px;flex-shrink:0}
.login-submit{display:block;width:150px;height:40px;border:0;border-radius:5px;background:#159fce;color:#fff;margin:0 auto;font-size:16px;letter-spacing:1px}
.get-code:hover,.login-submit:hover{background:#118eb9}.login-panel .login-feedback{margin:14px 0 0;color:#a64d36;font-size:11px;line-height:1.6;text-align:center}
@media(max-width:1000px) and (min-width:761px){.main-nav{padding-left:23px;gap:20px}.main-nav>a{font-size:14px;gap:8px}.header-actions{padding:0 16px;gap:8px}.download-app,.login-trigger{min-width:79px;padding:0 10px;font-size:12px}}
@media(max-width:760px){.header-actions{height:74px;padding:0 4px;gap:7px}.download-app,.login-trigger{height:33px;min-width:72px;padding:0 8px;font-size:11px}.mobile-menu{margin-right:12px;        position: absolute;
        left: 0;
        bottom: 4px;}.page-content{padding-top:0}.catalog-toolbar{min-height:66px}.login-modal .fx-modal-wrap{width:268px}}

/* A compact map sign stays in its own right-hand gutter on desktop. */
.page-content{padding-right:132px}
.floating-map{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:18;width:72px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 8px 12px;border:1px solid #857047;border-radius:4px;background:radial-gradient(ellipse at 50% 0,#b99d5520,transparent 75%),linear-gradient(150deg,#1b2726,#0b1416);box-shadow:0 8px 28px #0005,inset 0 0 0 4px #0a121540;color:#d8bd82;text-align:center;transition:color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s,visibility .2s}
.floating-map::before,.floating-map::after{content:'';position:absolute;width:9px;height:9px;border:solid #d7bb7a;pointer-events:none}
.floating-map::before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:4px 0 0 0}
.floating-map::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 4px 0}
.floating-map-icon{width:32px;height:32px;display:block}.floating-map-icon svg{display:block;width:100%;height:100%}
.floating-map-title{font-family:KaiTi,STKaiti,serif;font-size:18px;line-height:1.5;letter-spacing:3px;padding-left:3px}
.floating-map-action{font-size:9px;letter-spacing:2px;color:#92947a;border-top:1px solid #81704c66;padding-top:8px;width:100%;transition:color .2s}
.floating-map-action>span{display:inline-block;transition:transform .2s}
.floating-map:hover{transform:translateY(calc(-50% - 3px));color:#ffe1a0;border-color:#d4b775;box-shadow:0 10px 30px #0007,0 0 18px #c7a55c18}
.floating-map:hover .floating-map-action{color:#dfc58a}.floating-map:hover .floating-map-action>span{transform:translate(1px,-1px)}
.floating-map[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none}
@media(min-width:1800px){.page-content{padding-right:146px}}
@media(max-width:1150px) and (min-width:761px){.page-content{padding-right:112px}.floating-map{right:14px;width:66px}}
@media(max-width:760px){.page-content{padding-right:16px}.floating-map{top:auto;right:max(16px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));transform:none;width:auto;flex-direction:row;gap:8px;padding:10px 13px;border-radius:4px;box-shadow:0 5px 22px #0008}.floating-map-icon{width:23px;height:23px}.floating-map-title{font-size:15px;letter-spacing:1px;line-height:1;padding:0}.floating-map-title br{display:none}.floating-map-action{border:0;padding:0;width:auto;font-size:0;letter-spacing:0}.floating-map-action>span{font-size:15px}.floating-map:hover{transform:translateY(-2px)}.floating-map.map-hidden{opacity:0;visibility:hidden;pointer-events:none}.catalog-end{padding-bottom:100px}}