.nft-class-page[data-v-988f05f0]{--bg:var(--nft-bg);--text-main:var(--nft-text-strong);--text-sub:var(--nft-text-light);--card-bg:var(--nft-card-bg);--line:var(--nft-border);min-height:100vh;background:var(--bg);color:var(--text-main);font-family:PingFang SC,Microsoft YaHei,sans-serif}.nft-class-page[data-v-988f05f0] .head,.nft-class-page[data-v-988f05f0] .head.regular{background:var(--app-header-bg)!important;border-bottom:1px solid var(--app-border)}.class-hero[data-v-988f05f0]{width:100%;margin-left:0;margin-right:0;min-height:340px;background-size:cover;background-position:50%}.hero-overlay[data-v-988f05f0]{min-height:340px;background:linear-gradient(180deg,rgba(15,23,42,.12) 10%,rgba(2,6,23,.56))}.hero-inner[data-v-988f05f0]{max-width:1280px;margin:0 auto;padding:22px 16px 24px}.hero-info[data-v-988f05f0]{margin-top:64px;display:flex;align-items:center;gap:14px}.hero-icon[data-v-988f05f0]{width:72px;height:72px;border-radius:12px;-o-object-fit:cover;object-fit:cover;background:hsla(0,0%,100%,.86);box-shadow:0 8px 20px rgba(2,6,23,.4)}.hero-copy h1[data-v-988f05f0]{margin:0;color:#fff;font-size:34px;line-height:1}.hero-copy p[data-v-988f05f0]{margin:9px 0 0;color:hsla(0,0%,100%,.94);font-size:14px}.class-main[data-v-988f05f0]{max-width:1280px;margin:0 auto 30px;padding:0 16px 24px}.class-panel[data-v-988f05f0]{margin-top:14px}.panel-head[data-v-988f05f0]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2[data-v-988f05f0]{margin:0;font-size:30px;line-height:1.1}.panel-sort-box[data-v-988f05f0]{position:relative}.panel-sort-btn[data-v-988f05f0]{height:36px;min-width:128px;border-radius:10px;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);font-size:13px;padding:0 30px 0 12px;text-align:left;position:relative;cursor:pointer}.panel-sort-btn span[data-v-988f05f0]{display:block;width:100%;line-height:34px}.panel-sort-btn i[data-v-988f05f0]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px}.panel-sort-menu[data-v-988f05f0]{position:absolute;top:calc(100% + 6px);right:0;min-width:128px;border:1px solid var(--app-border);border-radius:10px;background:var(--card-bg);box-shadow:var(--app-shadow-card);overflow:hidden;z-index:30}.panel-sort-menu button[data-v-988f05f0]{width:100%;border:none;background:var(--card-bg);color:var(--app-text);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.panel-sort-menu button.active[data-v-988f05f0]{background:var(--app-accent);color:var(--app-btn-primary-text)}.state-card[data-v-988f05f0]{min-height:240px;display:flex;align-items:center;justify-content:center;color:var(--app-text-secondary);font-size:14px;border:1px solid var(--line);border-radius:12px;background:var(--card-bg)}.state-card.error[data-v-988f05f0]{color:#fda4af}.class-grid[data-v-988f05f0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.class-item[data-v-988f05f0]{position:relative;border-radius:14px;overflow:hidden;background:var(--card-bg);border:1px solid var(--app-border);box-shadow:var(--app-shadow-card);cursor:pointer}.class-item img[data-v-988f05f0]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;display:block}.item-mask[data-v-988f05f0]{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,rgba(2,6,23,0),rgba(2,6,23,.84) 92%)}.item-meta[data-v-988f05f0]{position:absolute;left:10px;right:10px;bottom:10px;z-index:2}.item-meta h3[data-v-988f05f0]{margin:0 0 8px;color:#fff;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-line[data-v-988f05f0]{display:flex;align-items:center;justify-content:space-between;gap:8px;color:hsla(0,0%,100%,.92);font-size:11px}.item-line+.item-line[data-v-988f05f0]{margin-top:3px}.item-line strong[data-v-988f05f0]{font-weight:600}.item-line strong.up[data-v-988f05f0]{color:#22c55e}.item-line strong.down[data-v-988f05f0]{color:#ef4444}.item-line strong.flat[data-v-988f05f0]{color:#f8fafc}@media (max-width:860px){.class-hero[data-v-988f05f0],.hero-overlay[data-v-988f05f0]{min-height:188px}.hero-inner[data-v-988f05f0]{padding:10px 10px 12px}.hero-info[data-v-988f05f0]{margin-top:28px;gap:12px}.hero-icon[data-v-988f05f0]{width:62px;height:62px;border-radius:10px}.hero-copy h1[data-v-988f05f0]{font-size:20px}.hero-copy p[data-v-988f05f0]{margin-top:6px;font-size:11px}.class-main[data-v-988f05f0]{margin:0 auto 20px;padding:0 10px 16px}.class-panel[data-v-988f05f0]{margin-top:10px}.panel-head h2[data-v-988f05f0]{font-size:20px;line-height:1.15}.panel-sort-btn[data-v-988f05f0]{height:34px;min-width:118px;font-size:13px;padding:0 24px 0 10px}.state-card[data-v-988f05f0]{min-height:180px;font-size:13px}.class-grid[data-v-988f05f0]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-meta h3[data-v-988f05f0]{font-size:13px;margin-bottom:6px}.item-line[data-v-988f05f0]{font-size:11px}}@media (max-width:540px){.class-main[data-v-988f05f0]{padding:0 8px 14px}.panel-head h2[data-v-988f05f0]{font-size:17px}.panel-sort-btn[data-v-988f05f0]{height:32px;min-width:112px;font-size:12px}}#app.day .nft-class-page{background:#fff}#app.day .nft-class-page .class-main{background:transparent}#app.day .nft-class-page .panel-sort-btn,#app.day .nft-class-page .state-card{background:#fff;border-color:rgba(148,163,184,.18);box-shadow:0 12px 28px rgba(15,23,42,.08);color:#64748b}#app.day .nft-class-page .panel-sort-menu{background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 28px rgba(15,23,42,.08)}#app.day .nft-class-page .panel-sort-menu button.active{background:#fbbf24;color:#111827}