/* 北海明珠官网：基础变量、重置、通用布局与按钮 */

:root{--primary:#2863df;--primary-dark:#174cb9;--primary-soft:#eaf1ff;--navy:#10274b;--navy2:#0b1f3f;--ink:#17233a;--muted:#66748a;--line:#e4e9f1;--bg:#f5f7fa;--paper:#fff;--red:#ef4356;--gold:#c99b54;--teal:#159c8a;--shadow:0 18px 55px rgba(24,44,80,.12);--radius:18px;--container:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.72}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.section{padding:88px 0}
.muted-section{background:var(--bg)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.eyebrow.blue{color:var(--primary)}
.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:13px 22px;font-weight:800;border:0;transition:.2s}
.primary-btn{background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(40,99,223,.22)}
.primary-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}
.secondary-btn{background:#fff;color:var(--primary);border:1px solid var(--line)}
.secondary-btn:hover{transform:translateY(-2px);border-color:#b8c8e6}
.section-title{margin-bottom:34px}
.section-title h1,.section-title h2{margin:8px 0 9px;line-height:1.28;letter-spacing:-.03em}
.section-title h2{font-size:36px}
.section-title p{margin:0;color:var(--muted)}
.split-title{display:flex;justify-content:space-between;gap:35px;align-items:flex-end}
.split-title>div:last-child{max-width:420px}
.split-title a,.text-link{color:var(--primary);font-weight:800}
.centered{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.center-action{text-align:center;margin-top:28px}
.empty-state{grid-column:1/-1;padding:42px;text-align:center;border:1px dashed #ccd5e2;border-radius:16px;color:var(--muted)}
@media (max-width:850px){
.split-title{display:block}
.split-title>div:last-child{margin-top:13px}
}
@media (max-width:620px){
.container{width:min(calc(100% - 28px),var(--container))}
.section{padding:62px 0}
.section-title h2{font-size:29px}
}