:root{color-scheme:dark;font-family:'Microsoft YaHei',system-ui,sans-serif;color:#dce7f2;background:#08121b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#16487538,transparent 50%),radial-gradient(ellipse at 100% 20%,#61243425,transparent 50%)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #78653d;background:#19212b;color:#edcf8c;border-radius:7px;padding:10px 16px}button:disabled{opacity:.4;cursor:not-allowed}a{color:#d7bd80;text-decoration:none}input,select,textarea{background:#0a1520;border:1px solid #35485c;color:#e7edf5;border-radius:6px;padding:10px;width:100%}[hidden]{display:none!important}.shop-shell{max-width:1320px;margin:auto;padding:30px 32px 70px}.shop-back{display:inline-block;border:1px solid #9e854e66;border-radius:8px;padding:10px 16px}.shop-heading{display:flex;align-items:center;justify-content:space-between;padding:40px 0 26px;border-bottom:1px solid #b297572d}.shop-heading small{font-size:11px;letter-spacing:5px;color:#b59a68}.shop-heading h1{font-size:44px;color:#efdaa5;margin:12px 0}.shop-heading p{color:#8095a9;font-size:13px}.shop-heading>span{padding:14px 20px;border:1px solid #c0a36350;border-radius:10px;color:#e5c979}#shop-tabs{display:flex;gap:10px;margin:28px 0}#shop-tabs button{border-color:#283d50;color:#9faec0}#shop-tabs button[aria-pressed=true]{border-color:#d4ae58;color:#eace93;background:#af8f3520}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shop-product{overflow:hidden;border:1px solid #334554;border-radius:14px;background:#0f1c29}.shop-art{height:190px;display:flex;position:relative;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#26436466,#09111c 80%);overflow:hidden}.shop-art img{max-width:88%;max-height:88%;object-fit:contain}.shop-art .vip-badge{transform:scale(1.5)}.shop-art .shop-avatar-text{position:absolute;bottom:15px;color:#f2d697;background:#09121cc9;padding:7px 15px;border-radius:5px}.shop-placeholder{font-size:55px;color:#c6a96b;border:2px solid #967d45;border-radius:50%;width:100px;height:100px;display:grid;place-items:center}.shop-product section{padding:22px}.shop-product h3{margin:0 0 10px;font-size:20px;color:#e6d39f}.shop-product p{font-size:13px;min-height:22px;color:#8ca0b3}.shop-product footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.shop-empty{grid-column:1/-1;text-align:center;padding:85px 20px;border:1px dashed #4c5865;border-radius:15px;color:#889bad}.shop-empty h2{color:#e4cc96;font-size:27px}.shop-status{color:#9b8b69;font-size:11px}#shop-manager{margin-top:45px;padding:25px;border:1px solid #7e6738;border-radius:14px}#shop-manager>header,dialog>header{display:flex;justify-content:space-between;align-items:center}#shop-manager p{color:#8a9caf;font-size:12px}#shop-product-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#afc0d0}label small{font-size:11px;color:#8194a7}.shop-checkbox{display:flex;flex-direction:row;align-items:center}.shop-checkbox input{width:auto}dialog{width:min(560px,calc(100vw - 24px));background:#0d1a27;color:#dce7f2;border:1px solid #b29152;border-radius:15px;padding:25px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#02070dc9}dialog h2{color:#e8d093}dialog form{display:grid;gap:16px}dialog footer{display:flex;gap:10px;flex-wrap:wrap}#shop-message,#shop-buy-error{color:#e2ac86}#shop-buy-price{color:#e9cc87}#shop-preview{height:200px;border-radius:10px}@media(max-width:800px){.shop-shell{padding:18px 14px}.shop-grid{grid-template-columns:1fr}.shop-heading h1{font-size:34px}#shop-tabs{overflow:auto}#shop-tabs button{white-space:nowrap}#shop-product-form{grid-template-columns:1fr}.shop-art .vip-badge{transform:scale(1.25)}}
.shop-stock{display:block;margin:10px 0;color:#c5ae77;font-size:12px;font-weight:normal}.shop-stock.sold-out{color:#8392a3}#shop-buy-stock{font-size:13px;color:#d9bd7c;margin:0}
/* Collection stage: code-native vector art, no extra image service. */
body{min-height:100vh;background:radial-gradient(ellipse at 0 10%,#12395388,transparent 45%),radial-gradient(ellipse at 100% 35%,#40295844,transparent 50%),#080f19}
.shop-shell{max-width:1440px;padding:28px 40px 70px}
.shop-heading{position:relative;min-height:330px;margin-top:26px;padding:48px 42px;isolation:isolate;overflow:hidden;border:1px solid #b79b614f;border-radius:16px;background:radial-gradient(ellipse at 75% 30%,#41416a44,transparent 65%),linear-gradient(115deg,#152739,#111b2a 70%);box-shadow:inset 0 1px #f8e6af14,0 25px 80px #0003}
.shop-hero-art{position:absolute!important;inset:0;z-index:-1;background:linear-gradient(90deg,#142536,transparent 65%),url('/static/shop-showcase.svg') right center/auto 430px no-repeat;pointer-events:none}
.shop-heading>div:not(.shop-hero-art){max-width:55%}.shop-heading h1{font-size:56px;letter-spacing:5px;margin:16px 0 18px;color:#f7e4b9}.shop-heading p{color:#b0bfce;font-size:15px;letter-spacing:1px}
.shop-heading>span{position:absolute;right:25px;top:24px;font-size:13px;background:#0a152699;padding:10px 16px;border-color:#e2c1763d}
#shop-tabs{margin:28px 0 22px;gap:6px;border-bottom:1px solid #9e865536;padding-bottom:16px}#shop-tabs button{padding:11px 24px;background:transparent;border-color:transparent;border-radius:6px}#shop-tabs button[aria-pressed=true]{background:#c5a96115;border-color:#c5a96177}
.shop-product{border-color:#8a785438;background:linear-gradient(140deg,#172536,#0d1723);box-shadow:0 10px 30px #0002}.shop-art{height:206px;background:radial-gradient(ellipse at center,#31476b66,transparent 68%),linear-gradient(120deg,#142332,#0c1320)}.shop-product section{padding:22px 24px}.shop-product h3{margin-top:8px}.shop-product button{font-size:12px}.shop-product footer>span{font-size:13px}.shop-status{letter-spacing:1px}
@media(max-width:800px){.shop-shell{padding:18px 14px}.shop-heading{min-height:290px;padding:46px 24px 28px}.shop-heading h1{font-size:36px;letter-spacing:2px}.shop-heading>div:not(.shop-hero-art){max-width:100%}.shop-hero-art{opacity:.35;background-position:right -180px center}.shop-heading p{font-size:13px}.shop-heading>span{right:15px;top:14px;font-size:11px}#shop-tabs button{padding:10px 14px}}