/*
Theme Name: Koray Crossborder Corporate
Theme URI: https://wp.koray.com.cn/
Author: OpenAI
Description: 郑州科睿跨境电子商务有限公司企业官网首页主题，页头已删除服务热线，导航包含“跨境知识”，页脚联系电话为 188 3811 2278，并使用企业微信二维码。
Version: 1.0.11
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: koray-crossborder
*/

:root {
    --koray-blue: #0b70d9;
    --koray-blue-dark: #063f94;
    --koray-blue-bright: #0c84ee;
    --koray-navy: #071d33;
    --koray-footer: #091d31;
    --koray-footer-2: #0d2a45;
    --koray-text: #151c2c;
    --koray-muted: #626d7c;
    --koray-line: #e7edf5;
    --koray-bg: #f5f9ff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--koray-text);
    background: #fff;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
svg { width: 1em; height: 1em; display: block; }
.koray-container {
    width: calc(100% - 56px);
    max-width: 1320px;
    margin: 0 auto;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,.04);
    box-shadow: 0 2px 18px rgba(24,68,116,.05);
}
.header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.brand { flex: 0 0 auto; }
.brand img { width: 505px; max-width: 46vw; height: auto; display: block; }
.primary-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(26px, 4vw, 72px);
    font-weight: 700;
    white-space: nowrap;
}
.primary-nav a {
    position: relative;
    padding: 28px 0 24px;
    color: #111827;
    transition: color .2s ease;
}
.primary-nav a:hover,
.primary-nav a.active { color: var(--koray-blue); }
.primary-nav a.active::after,
.primary-nav a:hover::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 28px;
    height: 3px;
    border-radius: 4px;
    background: var(--koray-blue);
    transform: translateX(-50%);
}

.hero { background: #086ed5; overflow: hidden; }
.hero img {
    width: 100%;
    min-height: 360px;
    object-fit: cover;
    object-position: center;
}

.services {
    background: #fff;
    border-bottom: 1px solid var(--koray-line);
}
.service-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-height: 155px;
}
.service-card {
    padding: 24px 24px 20px;
    text-align: center;
    border-right: 1px solid var(--koray-line);
}
.service-card:first-child { border-left: 1px solid transparent; }
.service-card:last-child { border-right: 1px solid transparent; }
.service-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1268d8;
    font-size: 34px;
    margin-bottom: 6px;
}
.service-card h3 {
    margin: 0 0 9px;
    font-size: 17px;
    color: #101827;
}
.service-card p {
    margin: 0;
    color: #586273;
    line-height: 1.9;
    font-size: 14px;
}
.service-card a {
    display: inline-block;
    margin-top: 12px;
    color: var(--koray-blue);
    font-size: 13px;
    font-weight: 700;
}

.about-section {
    background: linear-gradient(90deg, #f3f9ff 0%, #fff 52%, #f5f9ff 100%);
    padding: 24px 0 22px;
}
.about-layout {
    display: grid;
    grid-template-columns: minmax(390px, 1.15fr) minmax(320px, .9fr) minmax(270px, .82fr);
    gap: 24px;
    align-items: center;
}
.section-heading {
    display: flex;
    align-items: baseline;
    gap: 20px;
    margin-bottom: 14px;
}
.section-heading h2 {
    margin: 0;
    font-size: 26px;
    line-height: 1;
}
.section-heading span {
    font-size: 22px;
    color: rgba(110,116,126,.34);
    font-weight: 700;
    letter-spacing: .5px;
}
.about-copy p {
    margin: 0 0 8px;
    color: #3d4654;
    font-size: 14px;
}
.primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    height: 34px;
    margin-top: 8px;
    padding: 0 14px;
    color: #fff;
    background: linear-gradient(135deg, #0d73df, #0a56be);
    border-radius: 3px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(13,96,203,.18);
}
.about-photo-wrap {
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 14px 30px rgba(31,77,130,.12);
    background: #fff;
}
.about-photo { width: 100%; height: 168px; object-fit: cover; }
.stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(42,81,124,.08);
    border: 1px solid var(--koray-line);
}
.stat-card {
    position: relative;
    min-height: 78px;
    padding: 17px 16px 14px 68px;
    border-right: 1px solid var(--koray-line);
    border-bottom: 1px solid var(--koray-line);
}
.stat-card:nth-child(2n) { border-right: 0; }
.stat-card:nth-child(n+3) { border-bottom: 0; }
.stat-icon {
    position: absolute;
    left: 23px;
    top: 22px;
    color: #1268d8;
    font-size: 31px;
}
.stat-card strong {
    display: block;
    color: #116be3;
    font-size: 24px;
    line-height: 1.05;
    font-weight: 800;
}
.stat-card em {
    display: block;
    margin-top: 4px;
    color: #4a5361;
    font-style: normal;
    font-size: 12px;
}

.knowledge-band {
    background: linear-gradient(135deg, #0c6bd4, #083f9a);
    color: #fff;
    padding: 42px 0;
}
.knowledge-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.knowledge-inner h2 { margin: 0 0 6px; font-size: 28px; }
.knowledge-inner p { margin: 0; color: rgba(255,255,255,.86); }
.knowledge-inner a {
    flex: 0 0 auto;
    padding: 11px 24px;
    border-radius: 999px;
    background: #fff;
    color: #0b61c4;
    font-weight: 800;
}
.placeholder-links { background: #f6f9fe; padding: 34px 0 44px; }
.compact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.compact-grid > div { background: #fff; padding: 28px; border: 1px solid var(--koray-line); border-radius: 10px; }
.compact-grid h3 { margin: 0 0 8px; font-size: 20px; }
.compact-grid p { margin: 0; color: var(--koray-muted); }

.site-footer {
    color: #d8e7f8;
    background: radial-gradient(circle at 20% 0%, rgba(32,116,197,.22), transparent 34%), linear-gradient(180deg, var(--koray-footer-2), var(--koray-footer));
}
.footer-main {
    display: grid;
    grid-template-columns: 1.35fr .72fr .72fr 1.55fr 150px;
    gap: 36px;
    align-items: start;
    padding: 26px 0 22px;
}
.footer-logo {
    width: 220px;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 18px;
}
.footer-brand h3,
.footer-col h4,
.footer-contact h4 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 17px;
}
.footer-brand p {
    margin: 0;
    max-width: 310px;
    color: rgba(226,239,255,.78);
    line-height: 1.9;
}
.footer-col a {
    display: block;
    margin-bottom: 5px;
    color: rgba(226,239,255,.82);
    font-size: 14px;
}
.footer-col a:hover { color: #fff; }
.footer-contact p {
    display: flex;
    gap: 10px;
    margin: 0 0 10px;
    align-items: flex-start;
    color: rgba(226,239,255,.86);
    font-size: 14px;
}
.footer-contact span {
    color: #fff;
    font-size: 17px;
    margin-top: 3px;
    flex: 0 0 auto;
}
.qr-card {
    width: 138px;
    justify-self: end;
    padding: 10px 10px 12px;
    text-align: center;
    color: #fff;
    border-radius: 14px;
    background: linear-gradient(160deg, #1188ed 0%, #0a70d5 55%, #0556b3 100%);
    border: 1px solid rgba(168,219,255,.42);
    box-shadow: 0 14px 30px rgba(2,8,23,.25), inset 0 1px 0 rgba(255,255,255,.22);
}
.qr-card img {
    width: 112px;
    height: 112px;
    object-fit: contain;
    margin: 4px auto 7px;
    background: #fff;
    border-radius: 6px;
    padding: 3px;
}
.qr-title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2px;
    white-space: nowrap;
}
.qr-name {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}
.qr-caption {
    margin-top: 2px;
    color: rgba(232,246,255,.95);
    font-size: 11px;
    line-height: 1.2;
}
.footer-bottom {
    border-top: 1px solid rgba(207,226,248,.14);
    padding: 12px 0;
    color: rgba(221,234,250,.6);
    text-align: center;
    font-size: 12px;
}

@media (max-width: 1180px) {
    .header-inner { flex-direction: column; align-items: flex-start; padding: 12px 0 0; width: calc(100% - 56px); }
    .brand img { max-width: 100%; }
    .primary-nav { width: 100%; gap: 26px; overflow-x: auto; justify-content: flex-start; }
    .primary-nav a { padding-top: 8px; }
    .service-grid { grid-template-columns: repeat(3, 1fr); }
    .about-layout { grid-template-columns: 1fr; }
    .about-photo { height: 220px; }
    .footer-main { grid-template-columns: 1fr 1fr; }
    .qr-card { justify-self: start; }
}
@media (max-width: 760px) {
    .koray-container { width: min(100% - 28px, 1320px); }
    .header-inner { min-height: auto; }
    .brand img { width: 380px; max-width: 100%; }
    .primary-nav { font-size: 14px; gap: 20px; }
    .hero img { min-height: 260px; object-position: left center; }
    .service-grid { grid-template-columns: 1fr; }
    .service-card { border-right: 0; border-bottom: 1px solid var(--koray-line); }
    .about-section { padding: 28px 0; }
    .section-heading { flex-wrap: wrap; gap: 10px; }
    .stats-grid { grid-template-columns: 1fr; }
    .stat-card { border-right: 0 !important; border-bottom: 1px solid var(--koray-line) !important; }
    .stat-card:last-child { border-bottom: 0 !important; }
    .knowledge-inner { display: block; }
    .knowledge-inner a { display: inline-block; margin-top: 18px; }
    .compact-grid { grid-template-columns: 1fr; }
    .footer-main { grid-template-columns: 1fr; }
    .footer-contact p { font-size: 13px; }
}


/* V1.0.3 修复：防止页面被浏览器/插件样式挤成窄版 */
html,
body {
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden;
}

body {
    background: #ffffff !important;
}

.site-header,
.site-main,
.hero,
.services,
.about-section,
.knowledge-band,
.placeholder-links,
.site-footer {
    width: 100% !important;
    max-width: none !important;
}

.site-header {
    left: 0;
    right: 0;
}

.header-inner {
    width: calc(100% - 56px);
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.hero img {
    display: block;
    width: 100% !important;
    max-width: none !important;
}


/* V1.0.4 Elementor 兼容：编辑器预览页面不限制宽度 */
.elementor-page .site-main,
.elementor-page .entry-content {
    width: 100%;
    max-width: none;
}

.koray-page-content {
    min-height: 420px;
    background: #ffffff;
}

.koray-page-content .entry-content {
    width: 100%;
}

body.elementor-editor-active {
    overflow-x: auto;
}

/* Footer logo v7 layout override */
.footer-brand {
    text-align: left;
    display: block;
}
.footer-brand h3 {
    margin-top: 0;
}


/* V1.0.9 菜单可编辑：支持 WordPress 外观 > 菜单 */
.primary-nav .primary-menu,
.primary-nav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(26px, 4vw, 72px);
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}
.primary-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.primary-nav li a {
    display: block;
}
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a {
    color: var(--koray-blue);
}
.primary-nav .current-menu-item > a::after,
.primary-nav .current_page_item > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 28px;
    height: 3px;
    border-radius: 4px;
    background: var(--koray-blue);
    transform: translateX(-50%);
}


/* V1.0.10 页脚菜单可编辑：支持 WordPress 外观 > 菜单 */
.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-menu a {
    display: block;
    margin-bottom: 5px;
    color: rgba(226,239,255,.82);
    font-size: 14px;
}
.footer-menu a:hover {
    color: #fff;
}

/* V1.0.11 联系信息可在 外观 > 自定义 > 科睿联系信息 编辑 */