.dj-tabs{z-index:30;background:color-mix(in srgb, var(--xuan) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid var(--line-soft);position:sticky;top:0}.dj-tabs__row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:clamp(.2rem,2vw,1.5rem);display:flex;overflow-x:auto}.dj-tabs__row::-webkit-scrollbar{display:none}.dj-tab{min-height:3.6rem;color:var(--yue-3);background:0 0;border:0;flex:none;justify-items:start;gap:.1rem;padding:.7rem .9rem;line-height:1.3;transition:color .3s;display:grid;position:relative}.dj-tab b{letter-spacing:.12em;font-size:1.15rem;font-weight:900}.dj-tab small{font-size:var(--fs-tiny)}.dj-tab:after{content:"";background:var(--jin);transform-origin:0;height:2px;transition:transform .5s var(--ease-out);position:absolute;top:auto;bottom:0;left:.9rem;right:.9rem;transform:scaleX(0)}.dj-tab:hover{color:var(--yue)}.dj-tab.is-on{color:var(--jin-bright)}.dj-tab.is-on:after{transform:none}.dj-stage{padding-top:clamp(2rem,5vw,3.5rem)}.dj-stage [data-panel]{outline:none;gap:1.6rem;display:grid}.dj-split{gap:clamp(2rem,5vw,4.5rem);display:grid}.dj-split__side{align-content:start;gap:1rem;display:grid}@media (min-width:64rem){.dj-split{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}.dj-split__side{scrollbar-width:thin;max-height:calc(100dvh - 6rem);padding-right:.6rem;position:sticky;top:5rem;overflow-y:auto}}.dj-wall{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(.2rem,.8vw,.5rem);display:grid}@media (max-width:30rem){.dj-wall{grid-template-columns:repeat(6,minmax(0,1fr))}}.dj-gua{color:var(--yue-2);transition:border-color .25s, background-color .3s, color .25s, transform .4s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:2px;justify-items:center;gap:.25rem;padding:.55rem .2rem .4rem;font-size:clamp(.78rem,.7rem + .4vw,.95rem);line-height:1.2;display:grid;position:relative}.dj-gua .gua{width:62%}.dj-gua .gua rect{fill:var(--yue-3);transition:fill .3s}.dj-gua b{font-weight:600}.dj-gua i{color:var(--yue-3);opacity:.7;font-size:.68em;font-style:normal;position:absolute;top:.15rem;left:.3rem}.dj-gua:hover{border-color:var(--line);color:var(--yue);transform:translateY(-2px)}.dj-gua:hover .gua rect{fill:var(--yue)}.dj-gua.is-on{border-color:var(--jin);background:color-mix(in srgb, var(--jin) 10%, transparent);color:var(--jin-bright)}.dj-gua.is-on .gua rect{fill:var(--jin-bright)}.dj-detail{align-content:start;gap:1.1rem;min-width:0;scroll-margin-top:8rem;display:grid}.dj-detail__head{align-items:center;gap:clamp(1rem,4vw,2.2rem);display:flex}.dj-detail__gua{flex:none;width:clamp(4.2rem,14vw,6.5rem)}.dj-detail__head h2{flex-wrap:wrap;align-items:baseline;gap:.2em .6em;font-weight:400;display:flex}.dj-detail__name{font-size:clamp(3.4rem,2rem + 6vw,6rem);line-height:1.05}.dj-detail__full{font-size:var(--fs-h3);letter-spacing:.3em;color:var(--jin-bright);font-weight:900}.dj-gist{color:var(--yue);font-size:1.1rem}.dj-advice{border-left:1px solid var(--zhu);background:color-mix(in srgb, var(--xuan-3) 60%, transparent);padding:1rem 1.2rem}.dj-advice strong{color:var(--jin-bright);font-weight:600}.dj-pager{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.dj-pager .link{background-color:#0000;border:0;min-height:2.75rem}.dj-chips{grid-template-columns:repeat(9,minmax(0,1fr));gap:.3rem;display:grid}.dj-chip{aspect-ratio:1;border:1px solid var(--line-soft);min-height:2.2rem;color:var(--yue-2);background:0 0;border-radius:2px;font-size:1.05rem;transition:background-color .25s,border-color .25s,color .25s}.dj-chip:hover{border-color:var(--jin-deep);color:var(--yue)}.dj-chip.is-on{background:var(--jin);border-color:var(--jin);color:#1c1206}.dj-ddj__title{font-size:clamp(2.8rem,2rem + 4vw,4.6rem);font-weight:400;line-height:1.1}.dj-ddj__text{letter-spacing:.08em;gap:1rem;font-size:clamp(1.15rem,1.05rem + .6vw,1.45rem);line-height:2.2;display:grid}.dj-fu{max-width:46em}.dj-fu__text{letter-spacing:.06em;gap:.9rem;font-size:1.08rem;line-height:2.1;display:grid;color:var(--yue)!important}.dj-star__head{flex-wrap:wrap;align-items:center;gap:.3rem .9rem;display:flex}.dj-star__head b{color:var(--yue);font-size:2rem;font-weight:400;line-height:1.2}.dj-star__head small{font-size:var(--fs-small);color:var(--yue-3);font-weight:400}.dj-star>div{gap:.8rem;max-width:50em;display:grid}.dj-star__brief{color:var(--jin-bright)}.dj-kv-tag{margin-left:.5rem}.dj-stage .kv dd{color:var(--yue-2)}.dj-stage .kv dt{color:var(--yue)}@media (max-width:34rem){.dj-stage .kv>div{grid-template-columns:1fr;gap:.2rem}}.dj-tarot__group{gap:.5rem;display:grid}.dj-tarot{flex-wrap:wrap;gap:.4rem;display:flex}.dj-tarot button{border:1px solid var(--line);min-height:2.75rem;color:var(--yue-2);background:0 0;border-radius:2px;padding:.3rem .8rem;transition:border-color .25s,color .25s,background-color .25s}.dj-tarot button:hover{border-color:var(--jin-deep);color:var(--yue)}.dj-tarot button.is-on{background:var(--jin);border-color:var(--jin);color:#1c1206}.dj-card__top{align-items:end;gap:1.4rem;display:grid}@media (min-width:34rem){.dj-card__top{grid-template-columns:minmax(0,14rem) minmax(0,1fr)}}.dj-card__img{aspect-ratio:9/16;object-fit:cover;width:min(60vw,14rem);box-shadow:0 0 0 1px var(--jin-deep), 0 30px 50px -25px #000;border-radius:6px}.dj-card__name{font-size:clamp(3rem,2rem + 5vw,5.2rem);font-weight:400;line-height:1.1}.dj-card p{max-width:44em}
