/*
 * Skin D — 蓝黄(年轻明快)
 * 站点:cn7s.ind.5537.com
 * 配色:琥珀黄操作色 + 蓝黄渐变标题
 * 结构:悬浮胶囊导航、英雄区蓝黄光斑、超大圆角卡片 + 弹性倾斜悬停、快乐体标题
 */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');

:root {
    --color-blue-700: #b45309;
    --color-blue-600: #d97706;
    --color-blue-500: #f59e0b;
    --color-blue-300: #fcd34d;
    --color-blue-200: #fde68a;
    --color-blue-100: #fef3c7;
    --color-blue-50:  #fffbeb;
    --color-cyan-400: #facc15;
}

/* ── 字体:站酷快乐体 ── */
h1, h2, h3, h4 {
    font-family: 'ZCOOL KuaiLe', 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* ── 导航:悬浮胶囊(页面浮起来的圆角白条) ── */
header { padding-top: 0.75rem; }
header .max-w-7xl.mx-auto {
    background: #ffffff;
    border-radius: 999px;
    border: 1px solid #fde68a;
    box-shadow: 0 12px 36px -12px rgb(245 158 11 / 0.4);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: 1rem;
    margin-right: 1rem;
}
.nav-scrolled {
    background: transparent;
    box-shadow: none;
    padding-top: 0.75rem;
    padding-bottom: 0;
}
.nav-link-desktop { font-weight: 700; }

/* ── 英雄区:蓝黄光斑 ── */
.min-h-\[85vh\]::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 82% 18%, rgb(250 204 21 / 0.30), transparent 42%),
        radial-gradient(circle at 12% 85%, rgb(59 130 246 / 0.28), transparent 40%);
    z-index: 1;
    pointer-events: none;
}

/* ── 卡片:超大圆角 + 倾斜弹性悬停 ── */
.rounded-sm { border-radius: 0.75rem; }
.rounded-md { border-radius: 1rem; }
.rounded-lg { border-radius: 1.1rem; }
.rounded-xl { border-radius: 1.25rem; }
.rounded-2xl { border-radius: 1.5rem; }
.group { transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); }
.group:hover {
    transform: translateY(-4px) rotate(-1deg) scale(1.015);
}

/* ── 按钮:胶囊 + 琥珀光晕 + 弹跳 ── */
button.bg-blue-600, a.bg-blue-600 {
    border-radius: 999px;
    box-shadow: 0 12px 26px -10px rgb(217 119 6 / 0.5);
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s ease;
}
button.bg-blue-600:hover, a.bg-blue-600:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px -12px rgb(217 119 6 / 0.6);
}
.shadow-sm { box-shadow: 0 6px 16px -6px rgb(217 119 6 / 0.18); }

/* ── 中窄屏:隐藏右侧操作区+压缩导航,保证一级菜单完整可见 ── */
@media (min-width: 768px) and (max-width: 1279.98px) {
    .nav-link-desktop { padding-left: 0.35rem; padding-right: 0.35rem; font-size: 0.72rem; }
    header .md\:flex.items-center.space-x-4 { display: none !important; }
    header .h-8 { max-width: 110px; }
    header .max-w-7xl.mx-auto { margin-left: 0.5rem; margin-right: 0.5rem; }
}
@media (min-width: 1280px) and (max-width: 1439.98px) {
    .nav-link-desktop { padding-left: 0.55rem; padding-right: 0.55rem; font-size: 0.82rem; }
}
/* ── 一级菜单等宽等距平铺 ── */
@media (min-width: 768px) {
    header nav.md\:flex {
        flex: 1 1 auto;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    header nav.md\:flex > .menu-item {
        flex: 1 1 0;
        justify-content: center;
    }
    header nav.md\:flex > .menu-item > a {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}