/* ===== 涉外婚姻法典 — Global Styles ===== */
/* 合并自：global.css + home.css + components.css */

/* ---- Reset & Base ---- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Noto Sans CJK SC',sans-serif;
    color:#1a1a1a;
    background:#f8fafc;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

/* ---- 滚动条 ---- */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#60a5fa}

/* ---- 全局容器 ---- */
.container{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}
@media(min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}

/* ---- 公用工具 ---- */
.section-divider{height:4px;width:60px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;margin:0 auto}
.t-color{transition:color 0.15s ease}
.t-all{transition:all 0.3s ease}

/* ---- Hero 渐变背景 ---- */
.hero-gradient{background:linear-gradient(135deg,#0f1b3d 0%,#1e3a8a 40%,#1e40af 70%,#312e81 100%)}
.hero-gradient-sm{background:linear-gradient(135deg,#0f1b3d,#1e3a8a 40%,#1e40af 70%,#312e81)}

/* ---- 下拉导航 ---- */
.dropdown{position:relative;display:flex;align-items:center;height:100%}
.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:220px;background:#fff;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06);padding:8px;opacity:0;visibility:hidden;transition:all 0.2s ease;z-index:200;border:1px solid rgba(30,64,175,0.08)}
.dropdown-menu::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-left:1px solid rgba(30,64,175,0.08);border-top:1px solid rgba(30,64,175,0.08)}
.group:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}
.dropdown-item{display:block;padding:10px 14px;border-radius:8px;font-size:14px;color:#374151;transition:all 0.15s ease;white-space:nowrap;border-left:3px solid transparent}
.dropdown-item:hover{background:#eff6ff;color:#1e40af;border-left-color:#3b82f6}
.dropdown-item .ddesc{font-size:11px;color:#9ca3af;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.dropdown-item:hover .ddesc{color:#60a5fa}

/* ---- 导航链接 ---- */
.nav-link{position:relative}
.nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:#1e40af;transition:width 0.25s ease}
.group:hover .nav-link::after,.nav-link:hover::after{width:70%}
.group:hover .nav-link,.nav-link:hover{color:#1e40af}
.nav-link-text{padding:0 1rem;height:100%;display:flex;align-items:center;font-size:1rem;letter-spacing:0.025em;color:#4b5563;transition:color 0.15s ease;white-space:nowrap}
.nav-link-text:hover{color:#1e3a8a}

/* ---- 移动端菜单 ---- */
.mobile-nav{transform:translateX(-100%);transition:transform 0.3s ease}
.mobile-nav.open{transform:translateX(0)}
.nav-overlay{opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.nav-overlay.open{opacity:1;pointer-events:auto}

/* ---- Footer ---- */
.footer-link{color:#9ca3af;transition:color 0.2s ease}
.footer-link:hover{color:#fff}