#modal.appearance-modal{background:linear-gradient(135deg,#111c29,#0b111b);color:#ded7c8;border:1px solid #b8975855;width:min(940px,96vw);max-width:96vw;max-height:94dvh;font-family:"Microsoft YaHei",sans-serif}
.appearance-modal .original-title,.appearance-modal header{color:#e4ca96}.appearance-shop{padding:16px 20px}.appearance-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.appearance-heading span{font-size:10px;letter-spacing:.2em;color:#bba578}.appearance-heading h2{font:25px "SimSun",serif;letter-spacing:.08em;margin:14px 0}.appearance-heading>b{font:24px Georgia,serif;color:#dac49c;white-space:nowrap}.appearance-heading small{display:block;font:10px sans-serif;color:#8c98a6;margin-top:8px;text-align:right}.appearance-rule{font-size:12px;letter-spacing:.08em;color:#a7b1bf;line-height:1.7}
.appearance-filters{display:flex;gap:8px;padding:12px 0 20px;flex-wrap:wrap}.appearance-filters button{background:transparent;border:1px solid #ad916144;color:#9facbe;padding:9px 14px;font-size:12px}.appearance-filters button[aria-pressed=true]{color:#edd4a2;border-color:#c7a96a;background:#c7a96a14}.appearance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:18px}.appearance-card{border:1px solid #ac966037;background:#131e2a;min-width:0;max-width:360px}.appearance-art{position:relative;display:block;border:0;padding:0;width:100%;height:285px;overflow:hidden;background:#0c121b}.appearance-art>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center 21%}.appearance-art:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#101923)}.appearance-art>span{position:absolute;bottom:14px;left:15px;z-index:2;color:#e7dcc6;font-size:11px;letter-spacing:.1em}.appearance-art .appearance-seal{position:absolute;bottom:14px;right:9px;width:42px;height:56px;object-fit:contain;z-index:3}.appearance-copy{padding:16px}.appearance-copy>small{font-size:10px;color:#9eabb9}.appearance-copy h3{font:22px "SimSun",serif;color:#ecd7b1;letter-spacing:.08em;margin:10px 0 18px}.appearance-progress{display:flex;justify-content:space-between;color:#9aa7b8;font-size:11px}.appearance-progress>b{font-weight:400;color:#d6bd8e;font-variant-numeric:tabular-nums}.appearance-meter{height:3px;background:#334052;margin:10px 0 18px}.appearance-meter i{display:block;height:100%;background:linear-gradient(90deg,#a98348,#f1dab0)}.appearance-primary{width:100%;min-height:40px;background:linear-gradient(110deg,#af935c,#e3cba2);color:#282318;border:1px solid #d9bb7f;font-size:12px;letter-spacing:.08em}.appearance-primary:disabled{background:#25303d;border-color:#54617455;color:#8e9aaa;cursor:default}.appearance-pending{border:0;background:none;color:#e4c68a;font-size:10px;padding:0 0 12px}.appearance-footnote{color:#8995a5;font-size:10px;line-height:1.8;margin:20px 0 0}.appearance-gallery iframe{border:0;width:100%;height:min(76dvh,810px);display:block;background:#080d17}.appearance-drop-info{padding:20px;font-size:13px;line-height:2;color:#b9c3ce}.appearance-drop-info h3,.appearance-drop-info b{color:#e8cc95}.appearance-modal button:focus-visible{outline:2px solid #e7cf9e;outline-offset:3px}
@media(max-width:540px){.appearance-shop{padding:12px}.appearance-heading h2{font-size:21px}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-card{max-width:none}.appearance-art{height:220px}.appearance-copy{padding:12px 9px}.appearance-copy h3{font-size:17px;letter-spacing:0}.appearance-primary{font-size:10px;letter-spacing:0}.appearance-heading>b{font-size:19px}.appearance-rule{font-size:10px}.appearance-filters button{padding:8px 10px;font-size:11px}.appearance-grid:has(>.appearance-card:only-child){grid-template-columns:1fr}.appearance-grid:has(>.appearance-card:only-child) .appearance-art{height:340px}}

.appearance-viewer{padding:8px;background:#080d17}.appearance-scene{position:relative;width:min(100%,calc(66dvh * .5625));aspect-ratio:9/16;margin:0 auto;overflow:hidden;background:#101823}.appearance-scene canvas,.appearance-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.appearance-scene video{z-index:1}.appearance-scene canvas{z-index:2;pointer-events:none}.appearance-viewer-seal{position:absolute;bottom:7%;right:9%;width:30px;height:49px;object-fit:contain;z-index:3}.appearance-scene [role=status]{position:absolute;bottom:4px;left:6%;right:6%;z-index:4;text-align:center;color:#dcc69a;font-size:11px}.appearance-viewer nav{display:flex;justify-content:center;gap:8px;padding:14px 0 6px}.appearance-viewer nav button{color:#b8c0c9;border:1px solid #6d604c;background:#1a2330;padding:9px 14px;font-size:12px}.appearance-viewer nav button[aria-pressed=true]{color:#f0d5a6;border-color:#c3a268;background:#382f24}.appearance-preview .original-content{padding:0!important}.appearance-preview .original-content [hidden]{display:none!important}

#modal.original-panel.appearance-modal{width:min(940px,96vw)!important;max-width:96vw!important;height:min(900px,94dvh)!important;max-height:94dvh!important;background:#111b28!important;border:1px solid #9b8055!important;padding:12px!important;border-radius:8px!important;color:#e5dac8!important}#modal.appearance-modal .original-title{background:#1a2534!important;border:1px solid #9b805544!important;color:#e9d3ac!important;font:21px 'SimSun',serif!important;padding:14px!important;height:auto!important;min-height:0!important}#modal.appearance-modal .original-content{background:transparent!important;border:0!important;overflow:auto!important;min-height:0!important;padding:0!important;flex:1!important}#modal.appearance-modal .original-footer{border-color:#9b805544!important;flex:none!important}#modal.appearance-modal .original-footer button{background:#1d2939!important;border:1px solid #9b805566!important;color:#e8d1a4!important;min-height:42px!important;font-size:13px!important}#modal.appearance-modal .appearance-card{background:#131e2a!important}#modal.appearance-modal .appearance-grid:has(>.appearance-card:only-child){display:flex;justify-content:center}#modal.appearance-modal .appearance-grid:has(>.appearance-card:only-child) .appearance-card{width:100%;max-width:360px}#modal.appearance-modal.appearance-preview{width:min(560px,96vw)!important}

html body #modal.original-panel.appearance-modal{width:min(940px,96vw)!important;height:min(900px,94dvh)!important;max-width:96vw!important;max-height:94dvh!important}html body #modal.original-panel.appearance-preview{width:min(560px,96vw)!important}#modal.appearance-modal .appearance-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.appearance-scene{height:min(66dvh,560px);width:auto;max-width:100%;aspect-ratio:9/16}#modal.appearance-modal .appearance-art>img:first-child{display:block}@media(max-width:540px){#modal.appearance-modal .appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#modal.appearance-modal .appearance-grid:has(>.appearance-card:only-child) .appearance-art{height:260px}.appearance-heading h2{margin:10px 0}.appearance-filters{padding-bottom:12px}.appearance-scene{height:calc(94dvh - 215px)}}

html body.mobile-fit #modal.original-panel.appearance-modal:not(.scroll-menu):not(.settlement-panel){width:min(940px,96vw)!important;height:min(900px,94dvh)!important;max-width:96vw!important;max-height:94dvh!important}html body.mobile-fit #modal.original-panel.appearance-modal.appearance-preview:not(.scroll-menu):not(.settlement-panel){width:min(560px,96vw)!important}