@charset "utf-8";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}html,body {padding: 0;margin: 0;}img {border: 0;vertical-align: middle;}h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-weight: normal;}p {margin: 0;padding: 0;}a {color: #333;text-decoration: none;}a:hover,a:focus,a:active {color: #666;}ul,li {margin: 0;padding: 0;list-style: none;}/* 表单*/input {border: none;-webkit-appearance: none;}textarea {font-family: Arial, "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;overflow: auto;resize: none;}button {cursor: pointer;-webkit-appearance: none;}/* 表格 */table {border-collapse: collapse;border-spacing: 0;}/*浮动*/.fl {float: left;}.fr {float: right;}/*清除浮动*/.clearfix:after {display: block;height: 0;content: "";clear: both;overflow: hidden;}/* 触发 hasLayout */.clearfix {zoom: 1;}/* 位置 */.left {text-align: left;}.center {text-align: center;}.right {text-align: right;}

/* 全局设置 */
:where(a, button, input, textarea, select, img, svg, .header, .alert-search, .alert-search-box, .burger-bg) {
    transition-property: color, background-color, border-color, opacity, transform, box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease;
}

body {
    font-size: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 1.5;
    color: #666;
}

@media (max-width:640px) {
    body{font-size: 15px;}
}

.flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.position {
    position: relative;
}

.overflow {
    overflow: hidden;
}

.background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    margin: 0 auto;
    width: 100%;
    padding-inline: 160px;
}

@media (max-width:1600px) {
    .container {
        padding-inline: 100px;
    }
}

@media (max-width:1440px) {
    .container {
        padding-inline: 60px;
    }
}

@media (max-width:1200px) {
    .container {
        padding-inline: 30px;
    }
}

@media (max-width:768px) {
    .container {
        padding-inline: 15px;
    }
}

.padding {
    padding-top: clamp(72px, 6vw, 96px);
    padding-bottom: clamp(72px, 6vw, 96px);
}

@media (max-width:768px) {
    .padding {
        padding-top: 52px;
        padding-bottom: 52px;
    }
}

/*scrollbar*/

::-webkit-scrollbar{ width: 5px; height: 5px; -webkit-appearance:none;-webkit-border-radius:100px}
 /*滚动条里面轨道*/
::-webkit-scrollbar-track{ background:#9f9f9f;}
/*滚动条里面小方块*/
::-webkit-scrollbar-thumb{background:var(--default); border-radius: 50px;}

/* Global design tokens */
:root {
    --color-brand: #1d6537;
    --color-brand-strong: #176638;
    --color-brand-deep: #155f35;
    --color-accent: #e47c13;
    --color-text: #333;
    --color-text-body: #666;
    --color-text-muted: #6b756f;
    --color-border: #dfe7e2;
    --color-surface: #fff;
    --color-surface-soft: #f5f8f6;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;
    --shadow-card: 0 14px 40px rgba(22, 66, 42, .07);
    --focus-ring: #111;

    /* Backward-compatible aliases used by the original template. */
    --default: var(--color-brand);
    --deputy: var(--color-accent);
}

/* 2026 internationalization and motion baseline */
:lang(ja) body { font-family: system-ui, -apple-system, "Noto Sans JP", "Yu Gothic", sans-serif; }
:lang(ko) body { font-family: system-ui, -apple-system, "Noto Sans KR", "Malgun Gothic", sans-serif; }
:lang(ar) body { font-family: system-ui, -apple-system, "Noto Sans Arabic", "Segoe UI", Arial, sans-serif; }
:where(p, li, a, h1, h2, h3, h4, td, th) { overflow-wrap: break-word; }
.flex > * { min-inline-size: 0; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

textarea { font-family: inherit; }