*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;padding:40px 20px;font-family:Microsoft YaHei,sans-serif}#app,.app-container[data-v-e4481dea]{max-width:1200px;margin:0 auto}h1[data-v-e4481dea]{text-align:center;color:#fff;text-shadow:0 0 20px #00ffff80;letter-spacing:8px;margin-bottom:40px;font-size:48px;font-weight:700}.tabs[data-v-e4481dea]{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.tab-btn[data-v-e4481dea]{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #00d2ff4d;border-radius:30px;padding:14px 40px;font-size:18px;font-weight:600;transition:all .3s}.tab-btn.active[data-v-e4481dea]{background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);border-color:#00d2ff;box-shadow:0 4px 20px #00d2ff66}.tab-btn[data-v-e4481dea]:hover{border-color:#00d2ff;transform:translateY(-2px)}.tab-content[data-v-e4481dea]{display:none}.tab-content.active[data-v-e4481dea]{display:block}.dropdowns[data-v-e4481dea]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.dropdown[data-v-e4481dea]{position:relative}.dropdown-btn[data-v-e4481dea]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:18px 24px;font-size:18px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #00d2ff4d}.dropdown-btn[data-v-e4481dea]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff80}.dropdown-btn[data-v-e4481dea]:after{content:"▼";font-size:14px;transition:transform .3s}.dropdown-btn.open[data-v-e4481dea]:after{transform:rotate(180deg)}.tab-content:nth-child(3) .dropdown-btn[data-v-e4481dea]{background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);box-shadow:0 4px 15px #7c3aed4d}.tab-content:nth-child(3) .dropdown-btn[data-v-e4481dea]:hover{box-shadow:0 6px 20px #7c3aed80}.dropdown-content[data-v-e4481dea]{opacity:0;visibility:hidden;z-index:100;background:#1a1a2ef2;border-radius:12px;max-height:80vh;transition:all .3s;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden auto;transform:translateY(-10px);box-shadow:0 10px 40px #0006}.dropdown-content.active[data-v-e4481dea]{opacity:1;visibility:visible;transform:translateY(0)}.image-container[data-v-e4481dea]{background:#0d1117;width:100%;max-height:600px;overflow:auto}.image-container img[data-v-e4481dea]{object-fit:contain;width:100%;height:auto;display:block}.dropdown-title[data-v-e4481dea]{text-align:center;color:#00d2ff;background:#1a1a2efa;border-bottom:1px solid #00d2ff33;padding:15px 20px;font-weight:600;position:sticky;top:0}.tab-content:nth-child(3) .dropdown-title[data-v-e4481dea]{color:#ec4899;border-bottom-color:#ec489933}@media (width<=768px){h1[data-v-e4481dea]{letter-spacing:4px;font-size:32px}.tab-btn[data-v-e4481dea]{padding:12px 24px;font-size:16px}.dropdown-btn[data-v-e4481dea]{padding:15px 20px;font-size:16px}.image-container[data-v-e4481dea]{max-height:400px}}