html,body{background-color:#0a0a1a;color:#f5f7ff}
.home-page>section:not(#featured):has(+ #featured){display:none!important}
.home-page #featured{padding-top:128px!important;min-height:900px}
.home-page #featured>.container>:not(#dj-home){display:none!important}
.home-page #featured>.container:not(:has(#dj-home))::before{content:"商品加载中…";display:block;min-height:850px;text-align:center;color:#d5def2}
@media(min-width:768px){.home-page #featured{padding-top:144px!important}}
#dj-home{margin:4px 0 28px;color:#f5f7ff;font-family:inherit;width:min(1600px,calc(100vw - 32px));margin-left:auto;margin-right:auto;max-width:100%}
#dj-home a{color:inherit;text-decoration:none}
.dj-stage{display:block;min-width:0}
.dj-col{background:rgba(8,12,30,.62);border:1px solid rgba(103,232,249,.35);box-shadow:0 0 18px rgba(34,211,238,.12);backdrop-filter:blur(12px)}
.dj-hero{text-align:center;padding-top:8px;min-width:0}
.dj-hero h1{margin:0;font-size:46px;line-height:1.15;letter-spacing:-1px;font-weight:800;color:#f8fbff;text-shadow:0 0 18px rgba(34,211,238,.35)}
.dj-hero p{margin:16px auto 0;max-width:640px;color:#d5def2;font-size:16px;line-height:1.7}
.dj-pills{margin:18px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:fit-content;max-width:100%;box-sizing:border-box;background:rgba(8,12,30,.62);border:1px solid rgba(103,232,249,.28);border-radius:16px;padding:8px}
.dj-pills button{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-size:14px;color:#d5def2;cursor:pointer;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.dj-pills button.on{background:#f5b400;color:#fff;font-weight:800}
.dj-search{margin:18px auto 0;width:min(640px,100%);text-align:left}
.dj-search input{width:100%;box-sizing:border-box;height:46px;border-radius:14px;border:1px solid rgba(103,232,249,.35);background:rgba(8,12,30,.82);color:#f5f7ff;padding:0 16px;font-size:15px;outline:none}
.dj-search input:focus{border-color:#67e8f9}
.dj-search-board{margin-top:18px;background:rgba(8,12,30,.62);border:1px solid rgba(103,232,249,.35);border-radius:20px;padding:8px 14px 12px}
.dj-board{margin-top:22px;min-width:0}
.dj-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dj-cols.dj-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
.dj-col{border-radius:20px;padding:14px 14px 12px;min-width:0;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box}
.dj-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:inherit}
.dj-brand{display:flex;align-items:center;gap:10px;min-width:0}
.dj-logo{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none}
.dj-logo img{width:42px;height:42px;object-fit:contain;display:block}
.dj-col h3{margin:0;font-size:22px;font-weight:750;color:#f5f7ff}
.dj-more{color:#a9b4d0;font-size:15px;white-space:nowrap}
.dj-scroll{height:210px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#67e8f9 transparent}
.dj-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.dj-count{color:#a9b4d0;font-size:15px}
.dj-load-more,.dj-search-more{border:1px solid rgba(103,232,249,.35);border-radius:8px;background:rgba(8,12,30,.7);color:#d5def2;padding:6px 10px;cursor:pointer}
.dj-search-more{display:block;margin:12px auto 0}
.dj-load-more[hidden],.dj-search-more[hidden]{display:none}
.dj-controls{display:flex;gap:6px}
.dj-controls button{width:32px;height:32px;border:1px solid rgba(103,232,249,.35);border-radius:8px;background:rgba(8,12,30,.7);color:#f5f7ff;cursor:pointer;line-height:1;padding:0;font-size:16px}
.dj-controls button:disabled{opacity:.35;cursor:default}
.dj-item{display:flex;justify-content:space-between;align-items:center;gap:12px;box-sizing:border-box;max-width:100%;padding:11px 4px;font-size:15px;line-height:1.4}
.dj-item span{color:#d5def2;min-width:0}
.dj-item b{color:#67e8f9;white-space:nowrap;font-weight:800;font-size:18px}
.dj-item.sold b{color:#94a3b8}
.dj-empty{padding:28px 8px;text-align:center;color:#d5def2}
.dj-placeholder{height:14px;border-radius:4px;background:rgba(148,163,184,.14);margin:20px 8px;width:80%}
@media(max-width:1100px){.dj-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-hero h1{font-size:36px}}
@media(max-width:760px){.dj-cols,.dj-cols.dj-two{grid-template-columns:1fr}.dj-hero h1{font-size:32px}.dj-col{backdrop-filter:none}}