/* ==========================================================================
   GL Global Logistics — 全局基础样式（修改版）
   ========================================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

@font-face {
    font-family: 'biaoti';
    src: url('./Montserrat-Bold-3.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 在线链接服务仅供平台体验和调试使用 */
@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/c/font_5219005_o1o33gn79t.woff2?t=1787300873589') format('woff2'),
         url('//at.alicdn.com/t/c/font_5219005_o1o33gn79t.woff?t=1787300873589') format('woff'),
         url('//at.alicdn.com/t/c/font_5219005_o1o33gn79t.ttf?t=1787300873589') format('truetype');
    font-display: swap;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    --c-primary: #16355c;      /* 品牌深蓝 */
    --c-primary-light: #24518a;
    --c-accent: #ef8200;       /* 品牌橙 */
    --c-text: #2b3440;
    --c-text-2: #6b7686;
    --c-bg: #f5f7fa;
    --c-line: #e5e9f0;
    --shadow-sm: 0 2px 10px rgba(22, 53, 92, .08);
    --shadow-md: 0 10px 30px rgba(22, 53, 92, .14);
    --radius: 3px;
}

html {
    -webkit-text-size-adjust: 100%;
}

html,
body {
    width: 100%;
    font-family: 'Montserrat', 'Microsoft YaHei', '微软雅黑', sans-serif;
    color: var(--c-text);
    line-height: 1.6;
    overflow-x: hidden;
}

li, ul, ol {
    list-style: none;
}

img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    text-decoration: none !important;
    color: inherit;
    outline: none;
    transition: color .25s ease, background .25s ease;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.25;
    font-weight: 700;
}

input, select, textarea, button {
    font: inherit;
    outline: none;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input:focus, textarea:focus {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
}

/* 版心 */
.w {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

#header_page, #bottom {
    width: 100%;
}

/* ---------------- 滚动进入动画 ---------------- */
.section {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity .9s ease, transform .9s ease;
}
.section.visible {
    opacity: 1;
    transform: translateY(0);
}

.slide-up,
.from-left,
.from-right {
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(.22, 1, .36, 1),
                transform 1.2s cubic-bezier(.22, 1, .36, 1);
}
.slide-up   { transform: translateY(60px); }
.from-left  { transform: translateX(-60px); }
.from-right { transform: translateX(60px); }
.slide-up.visible,
.from-left.visible,
.from-right.visible {
    opacity: 1;
    transform: translate(0, 0);
}

/* 移动端减小位移，避免横向溢出 */
@media (max-width: 768px) {
    .from-left  { transform: translateX(-30px); }
    .from-right { transform: translateX(30px); }
    .section,
    .slide-up   { transform: translateY(30px); }
}

@media (prefers-reduced-motion: reduce) {
    .section, .slide-up, .from-left, .from-right {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}