@charset "utf-8";
/* ==========================================================
   base.css — 基础重置 + 通用工具类 + 表单 + 分页
   （本文件只放"无设计语言"的基础层，页面样式一律放 Main.css）
   ========================================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }

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

body {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, li { list-style: none; }
img { border: 0; display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; transition: color .3s; }
a:hover { color: #e8913a; }
input, textarea, select, button { font-family: inherit; font-size: inherit; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
em, i { font-style: normal; }
strong, b { font-weight: 700; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0; overflow: hidden; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.clearfix { zoom: 1; }
.center { text-align: center; }
.right-align { text-align: right; }
.block { display: block; }
.none { display: none; }
.relative { position: relative; }

.f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; }
.f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; }
.f24 { font-size: 24px; } .f28 { font-size: 28px; } .f30 { font-size: 30px; }
.f32 { font-size: 32px; } .f40 { font-size: 40px; }

.c3 { color: #333; } .c6 { color: #666; } .c9 { color: #999; }
.white { color: #fff; } .orange { color: #e8913a; } .blue { color: #1a1a2e; }

.mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; }
.mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; }

/* ---------- 富文本（后台编辑器内容） ---------- */
.thecontent { font-size: 16px; line-height: 2; color: #444; }
.thecontent p { margin-bottom: 16px; }
.thecontent h1, .thecontent h2, .thecontent h3, .thecontent h4 {
    margin: 26px 0 14px; font-weight: 700; color: #1a1a2e; line-height: 1.5;
}
.thecontent h2 { font-size: 22px; }
.thecontent h3 { font-size: 19px; padding-left: 12px; border-left: 4px solid #e8913a; }
.thecontent h4 { font-size: 17px; }
.thecontent ul, .thecontent ol { margin: 0 0 16px 22px; }
.thecontent ul li { list-style: disc; margin-bottom: 8px; }
.thecontent ol li { list-style: decimal; margin-bottom: 8px; }
.thecontent img { max-width: 100%; height: auto; margin: 12px 0; border-radius: 8px; }
.thecontent table { width: 100%; border: 1px solid #e8e8e8; margin-bottom: 16px; }
.thecontent table td, .thecontent table th { border: 1px solid #e8e8e8; padding: 10px 12px; }
.thecontent a { color: #e8913a; text-decoration: underline; }

/* ---------- 表单 ---------- */
.formbox { background: #fff; border-radius: 12px; padding: 36px; box-shadow: 0 4px 20px rgba(0, 0, 0, .07); }
.formgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.formgrid .full { grid-column: 1 / -1; }
.formitem label { display: block; font-size: 14px; color: #555; margin-bottom: 8px; }
.formitem label .star { color: #e8913a; margin-right: 4px; }
.formitem input[type=text],
.formitem input[type=tel],
.formitem input[type=email],
.formitem select,
.formitem textarea {
    width: 100%; height: 46px; padding: 0 14px; border: 1px solid #e2e2e2;
    border-radius: 8px; background: #fbfbfc; color: #333; transition: border-color .3s, background .3s;
}
.formitem textarea { height: 120px; padding: 12px 14px; line-height: 1.7; resize: vertical; }
.formitem input:focus, .formitem select:focus, .formitem textarea:focus {
    border-color: #e8913a; background: #fff;
}
.formsubmit { text-align: center; margin-top: 26px; }
.formsubmit input[type=submit], .formsubmit button {
    display: inline-block; min-width: 180px; height: 48px; line-height: 48px; padding: 0 40px;
    background: #e8913a; color: #fff; border: 0; border-radius: 8px; font-size: 16px;
    cursor: pointer; transition: background .3s, transform .3s;
}
.formsubmit input[type=submit]:hover, .formsubmit button:hover {
    background: #d4802f; color: #fff; transform: translateY(-2px);
}

/* ---------- 分页 ---------- */
.pageInfo { text-align: center; padding: 40px 0 10px; }
.pageInfo a, .pageInfo span {
    display: inline-block; min-width: 40px; height: 40px; line-height: 38px; padding: 0 8px;
    margin: 0 4px; border: 1px solid #e8e8e8; border-radius: 20px;
    color: #666; font-size: 14px; background: #fff; transition: all .3s;
}
.pageInfo a:hover { background: #e8913a; border-color: #e8913a; color: #fff; }
.pageInfo span.current { background: #1a1a2e; border-color: #1a1a2e; color: #fff; }
.pageInfo .disabled { opacity: .5; }

/* ---------- 上一条 / 下一条 ---------- */
.prevnextbox { margin-top: 40px; border-top: 1px solid #eee; padding-top: 24px; }
.prevnext { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.prevnext a {
    display: block; padding: 14px 18px; background: #f8f9fa; border-radius: 8px;
    font-size: 14px; color: #666; transition: all .3s;
}
.prevnext a:hover { background: #1a1a2e; color: #fff; }
.prevnext a span { display: block; font-size: 12px; color: #999; margin-bottom: 4px; }
.prevnext a:hover span { color: rgba(255, 255, 255, .7); }
.prevnext .next { text-align: right; }

/* ---------- 空状态 ---------- */
.emptybox { padding: 80px 20px; text-align: center; color: #999; }
.emptybox .ico { font-size: 48px; color: #ddd; margin-bottom: 16px; }

/* ---------- 加载遮罩 ---------- */
#loading-overlay {
    position: fixed; inset: 0; background: #fff; z-index: 9999;
    display: flex; align-items: center; justify-content: center;
}

::placeholder { color: #bbb; }
::-webkit-input-placeholder { color: #bbb; }

/* 滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #e8913a; }
::-webkit-scrollbar-track { background: #f4f4f4; }