.header[data-v-f52e43d8]{background:var(--gradient-hero);color:#fff;position:sticky;top:0;z-index:1000;transition:all .3s;border-bottom:1px solid rgba(23,179,163,.1)}.header--scrolled[data-v-f52e43d8]{box-shadow:0 8px 24px #0f766e2e}.header__inner[data-v-f52e43d8]{display:flex;align-items:center;justify-content:space-between;height:60px}.logo[data-v-f52e43d8]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#fff;letter-spacing:1px}.logo__text[data-v-f52e43d8]{background:linear-gradient(135deg,#5eead4,#17b3a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo__img[data-v-f52e43d8]{width:34px;height:34px;border-radius:8px;object-fit:cover;box-shadow:0 0 12px #17b3a359}.logo__icon[data-v-f52e43d8]{display:none}.nav[data-v-f52e43d8]{display:flex;gap:4px}.nav__link[data-v-f52e43d8]{display:flex;align-items:center;gap:5px;padding:8px 18px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;color:#ffffffbf;transition:all .2s;position:relative}.nav__link[data-v-f52e43d8]:hover{color:#fff;background:#17b3a326}.nav__link--active[data-v-f52e43d8]{color:#fff;background:#17b3a340}.nav__link--active[data-v-f52e43d8]:after{content:"";position:absolute;bottom:-2px;left:18px;right:18px;height:2px;background:var(--primary-light);border-radius:2px}.nav__icon[data-v-f52e43d8]{font-size:16px}.header__actions[data-v-f52e43d8]{display:flex;align-items:center;gap:10px}.header__login[data-v-f52e43d8]{padding:7px 16px;font-size:13px;border-color:#17b3a34d;color:#fff;background:#17b3a314}.header__login[data-v-f52e43d8]:hover{border-color:#17b3a399;background:#17b3a326}.header__register[data-v-f52e43d8]{padding:7px 16px;font-size:13px;background:var(--gradient-primary);box-shadow:0 4px 12px #17b3a359}.header__register[data-v-f52e43d8]:hover{background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-1px)}.menu-toggle[data-v-f52e43d8]{display:none;flex-direction:column;gap:5px;padding:6px}.menu-toggle span[data-v-f52e43d8]{width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s}@media (max-width: 768px){.nav[data-v-f52e43d8]{position:fixed;top:60px;left:0;right:0;background:var(--dark);flex-direction:column;padding:12px;gap:2px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:.3s}.nav--open[data-v-f52e43d8]{transform:translateY(0);opacity:1;pointer-events:auto}.nav__link[data-v-f52e43d8]{padding:12px 16px;font-size:16px}.header__login[data-v-f52e43d8],.header__register[data-v-f52e43d8]{display:none}.menu-toggle[data-v-f52e43d8]{display:flex}}.footer[data-v-914a2040]{background:var(--gradient-hero);color:#ffffffa6;padding:48px 0 28px;margin-top:80px;border-top:1px solid rgba(23,179,163,.15)}.footer__inner[data-v-914a2040]{display:grid;gap:20px;text-align:center}.footer__logo-img[data-v-914a2040]{width:28px;height:28px;border-radius:6px;margin-right:8px;vertical-align:middle;box-shadow:0 0 10px #17b3a34d}.footer__logo[data-v-914a2040]{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(23,179,163,.3)}.footer__desc[data-v-914a2040]{font-size:13px;margin-top:6px}.footer__links[data-v-914a2040]{display:flex;justify-content:center;gap:24px;font-size:14px}.footer__links a[data-v-914a2040]{color:#ffffffa6;transition:color .2s}.footer__links a[data-v-914a2040]:hover{color:var(--primary-lighter)}.footer__copy[data-v-914a2040]{font-size:12px;padding-top:16px;border-top:1px solid rgba(23,179,163,.15)}#layout[data-v-07eb1b3d]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-07eb1b3d]{flex:1}:root{--primary: #17b3a3;--primary-light: #2dd4bf;--primary-lighter: #5eead4;--primary-dark: #0f766e;--primary-darker: #115e59;--red: #dc2626;--red-light: #ef4444;--green: #16a34a;--gold: #d4a84b;--gold-light: #f0d488;--dark: #0b1a1a;--dark-2: #13302e;--dark-3: #1d4542;--gray-50: #f0fdfa;--gray-100: #ccfbf1;--gray-200: #99f6e4;--gray-300: #5eead4;--gray-400: #2dd4bf;--gray-500: #14b8a6;--gray-600: #0d9488;--gray-700: #0f766e;--gray-800: #115e59;--gray-900: #134e4a;--radius: 14px;--radius-sm: 10px;--radius-lg: 24px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 8px 16px -4px rgba(15, 118, 110, .12), 0 4px 8px -2px rgba(15, 118, 110, .06);--shadow-lg: 0 16px 32px -8px rgba(15, 118, 110, .18), 0 8px 16px -4px rgba(15, 118, 110, .1);--shadow-xl: 0 24px 48px -12px rgba(15, 118, 110, .25), 0 12px 24px -8px rgba(15, 118, 110, .12);--glow: 0 0 24px rgba(23, 179, 163, .35);--gradient-primary: linear-gradient(135deg, #17b3a3 0%, #0d9488 100%);--gradient-hero: linear-gradient(135deg, #0b1a1a 0%, #13302e 50%, #0f4c4a 100%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,253,250,1) 100%);--gradient-gold: linear-gradient(135deg, #d4a84b 0%, #b8862e 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #17b3a359}.btn-primary:hover{background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-2px);box-shadow:0 6px 16px #17b3a373}.btn-outline{border:1px solid var(--gray-300);color:var(--gray-700);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--gray-50)}.btn-gold{background:var(--gradient-gold);color:#fff;box-shadow:0 4px 12px #d4a84b59}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#b91c1c}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.tag-free{background:#ccfbf1;color:#0f766e}.tag-vip1{background:#fef3c7;color:#92400e}.tag-vip4{background:#fae8ff;color:#86198f}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.slide-down{animation:slideDown .4s ease-out}@media (max-width: 768px){.container{padding:0 16px}}