[data-v-24edd0a3]:root{--color-bg-main: #0a0a0a;--color-bg-card: #141414;--color-bg-hover: #1a1a1a;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .2);--color-nav-bg: rgba(10, 10, 10, .8);--color-mobile-nav-bg: rgba(10, 10, 10, .95);--color-text-h1: #ffffff;--color-text-body: #e5e5e5;--color-text-secondary: #999999;--color-text-weak: #666666;--color-primary: #007AFF;--color-primary-hover: #0066D6;--shadow-card: 0 2px 20px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 40px rgba(0, 0, 0, .4);--color-logo-bg: #141414;--color-card-primary-bg: linear-gradient(145deg, #141414, #1a1a2e);--color-tag-bg: rgba(255, 255, 255, .1);--color-tag-border: rgba(255, 255, 255, .2);--color-result-gradient: linear-gradient(135deg, #fff, #a0a0a0)}[data-theme=light][data-v-24edd0a3]{--color-bg-main: #f5f5f7;--color-bg-card: #ffffff;--color-bg-hover: #f1f1f3;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-nav-bg: rgba(245, 245, 247, .8);--color-mobile-nav-bg: rgba(245, 245, 247, .95);--color-text-h1: #1d1d1f;--color-text-body: #333333;--color-text-secondary: #666666;--color-text-weak: #999999;--shadow-card: 0 2px 20px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 40px rgba(0, 0, 0, .1);--color-logo-bg: #ffffff;--color-card-primary-bg: linear-gradient(145deg, #ffffff, #f0f0ff);--color-tag-bg: rgba(0, 0, 0, .05);--color-tag-border: rgba(0, 0, 0, .1);--color-result-gradient: linear-gradient(135deg, #1d1d1f, #666)}.type-card[data-v-24edd0a3]{display:block;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.type-card[data-v-24edd0a3]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;opacity:.5;transition:opacity .3s ease}.type-card.is-nt[data-v-24edd0a3]:before{background:linear-gradient(to bottom,#6c5ce7,#007aff)}.type-card.is-nf[data-v-24edd0a3]:before{background:linear-gradient(to bottom,#ff6b6b,#e84393)}.type-card.is-sj[data-v-24edd0a3]:before{background:linear-gradient(to bottom,#00b894,#4ecdc4)}.type-card.is-sp[data-v-24edd0a3]:before{background:linear-gradient(to bottom,#fdcb6e,#ffd93d)}.type-card[data-v-24edd0a3]:hover{transform:translateY(-4px);background:var(--color-bg-hover);border-color:var(--color-border-hover)}.type-card[data-v-24edd0a3]:hover:before{opacity:1}.type-card:hover .type-code[data-v-24edd0a3]{color:var(--color-text-h1)}.card-header[data-v-24edd0a3]{margin-bottom:32px}.type-code[data-v-24edd0a3]{font-size:28px;font-weight:700;color:var(--color-text-body);margin-bottom:4px;transition:color .3s ease}.type-name[data-v-24edd0a3]{font-size:16px;color:var(--color-text-secondary)}.card-group[data-v-24edd0a3]{font-size:12px;color:var(--color-text-weak);text-transform:uppercase;letter-spacing:1px}