/* 方案A · 经典金奢风（米金宋体） */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Songti SC","SimSun",serif; color:#4a3b28; background:#fdf9f0; }
img { max-width:100%; }
a { color:#b8945a; }
/* 导航 */
.nav { position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; padding:12px 40px; background:rgba(253,249,240,.95); border-bottom:1px solid #ecdfc6; backdrop-filter:blur(6px); }
.nav-logo img { height:40px; display:block; }
.nav-links { display:flex; gap:30px; }
.nav-links a { text-decoration:none; color:#6d5426; font-size:15px; letter-spacing:2px; padding:6px 2px; border-bottom:2px solid transparent; }
.nav-links a:hover { color:#8a6a2f; }
.nav-links a.active { color:#8a6a2f; border-bottom-color:#b8945a; }
.staff-btn { border:1px solid #b8945a !important; border-radius:18px; padding:5px 18px !important; color:#8a6a2f !important; letter-spacing:2px; transition:.25s; }
.staff-btn:hover { background:#b8945a; color:#fff !important; }
.nav-toggle { display:none; background:none; border:1px solid #b8945a; color:#8a6a2f; font-size:18px; width:38px; height:38px; border-radius:4px; cursor:pointer; }
/* 首页 hero */
.hero { position:relative; min-height:78vh; background:url(../assets/hero-clean.png) center/cover; display:flex; align-items:center; justify-content:center; text-align:center; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(255,250,235,.25), rgba(253,249,240,.95)); }
.hero-inner { position:relative; z-index:1; padding:60px 20px; }
.hero-logo { width:min(460px,82vw); }
.hero p { margin-top:22px; font-size:20px; letter-spacing:6px; color:#a3824a; }
.btn { display:inline-block; margin-top:40px; padding:14px 52px; border:1px solid #b8945a; color:#8a6a2f; text-decoration:none; letter-spacing:4px; font-size:16px; transition:.3s; }
.btn:hover { background:#b8945a; color:#fff; }
/* 子页页头 */
.page-hero { background:#8a6a2f; color:#fdf3dd; text-align:center; padding:64px 20px; }
.page-hero h1 { font-size:34px; letter-spacing:8px; font-weight:600; }
.page-hero p { margin-top:10px; font-size:13px; letter-spacing:6px; color:#e8d9b8; }
/* 金价条 */
.price-bar { background:#8a6a2f; color:#fdf3dd; display:flex; justify-content:center; align-items:center; gap:48px; padding:16px 20px; font-size:15px; flex-wrap:wrap; }
.price-bar .pi b { color:#ffe9b8; font-size:20px; margin-left:8px; }
.price-bar .meta { font-size:12px; opacity:.75; }
.price-bar a { color:#ffe9b8; font-size:13px; text-decoration:none; border-bottom:1px solid #ffe9b8; }
.up { color:#d33 !important; } .down { color:#1a7f37 !important; }
.flash-up { animation:fup 1.2s; } .flash-down { animation:fdn 1.2s; }
@keyframes fup { 0% { background:rgba(221,51,51,.25);} 100% { background:transparent;} }
@keyframes fdn { 0% { background:rgba(26,127,55,.25);} 100% { background:transparent;} }
/* 布局与标题 */
section { max-width:1100px; margin:0 auto; padding:80px 24px; }
.sec-title { text-align:center; margin-bottom:52px; }
.sec-title small { display:block; letter-spacing:6px; color:#b8945a; font-size:13px; margin-bottom:10px; }
.sec-title h2 { font-size:32px; color:#6d5426; letter-spacing:4px; font-weight:600; }
.sec-title .sub { margin-top:12px; font-size:14px; color:#a89678; letter-spacing:2px; }
.split { display:flex; gap:56px; align-items:center; }
.split img { width:50%; border-radius:4px; box-shadow:0 12px 40px rgba(138,106,47,.18); }
.split .text { flex:1; font-size:16px; line-height:2.1; }
.split .text h3 { font-size:26px; color:#8a6a2f; margin-bottom:20px; letter-spacing:2px; }
.nums { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; margin-top:44px; }
.nums b { display:block; font-size:38px; color:#b8945a; }
.nums span { display:block; margin-top:6px; color:#8a7a5f; font-size:14px; }
.culture { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; }
.culture div { background:#fff; padding:34px 18px; border:1px solid #ecdfc6; border-radius:4px; }
.culture h4 { color:#8a6a2f; font-size:18px; margin-bottom:12px; }
.culture p { font-size:13px; line-height:1.9; color:#8a7a5f; }
.craft-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.craft-cards div { background:#fff; border:1px solid #ecdfc6; border-radius:4px; padding:36px 26px; text-align:center; }
.craft-cards b { display:block; font-size:34px; color:#b8945a; margin-bottom:14px; }
.craft-cards h4 { color:#8a6a2f; font-size:17px; letter-spacing:2px; margin-bottom:10px; }
.craft-cards p { font-size:13px; color:#8a7a5f; line-height:1.9; }
/* 品类卡 */
.cat-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.cat-cards a, .cat-cards .card { background:#fff; border:1px solid #ecdfc6; border-radius:4px; overflow:hidden; text-decoration:none; transition:.25s; display:block; }
.cat-cards a:hover, .cat-cards .card:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(138,106,47,.16); }
.cat-cards img { width:100%; height:190px; object-fit:cover; display:block; }
.cat-cards .cc { padding:18px 20px 22px; }
.cat-cards h4 { color:#8a6a2f; font-size:18px; letter-spacing:2px; display:flex; justify-content:space-between; }
.cat-cards h4 i { font-style:normal; font-size:13px; color:#b8945a; }
.cat-cards p { margin-top:8px; font-size:13px; color:#8a7a5f; line-height:1.8; }
/* 产品页 */
.cat-banner { display:flex; align-items:center; gap:24px; background:#fff; border:1px solid #ecdfc6; border-radius:6px; padding:18px 24px; margin-bottom:32px; }
.cat-banner img { width:150px; height:100px; object-fit:cover; border-radius:4px; }
.cat-banner h3 { color:#8a6a2f; font-size:24px; letter-spacing:4px; }
.cat-banner p { margin-top:6px; font-size:13px; color:#a89678; letter-spacing:1px; }
.tabs { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:36px; }
.tabs button { padding:10px 28px; background:#fff; border:1px solid #b8945a; color:#8a6a2f; border-radius:22px; font-size:15px; letter-spacing:2px; cursor:pointer; font-family:inherit; }
.tabs button.active { background:#b8945a; color:#fff; }
.cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.cat-grid figure { background:#fff; border:1px solid #ecdfc6; border-radius:4px; overflow:hidden; }
.cat-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; cursor:zoom-in; display:block; }
.cat-grid figcaption { padding:10px 12px 14px; }
.cat-grid b { display:block; font-size:13px; color:#6d5426; letter-spacing:1px; }
.cat-grid span { display:block; margin-top:3px; font-size:11px; color:#a89678; }
.cat-list-title { margin:32px 0 14px; font-size:16px; color:#8a6a2f; letter-spacing:3px; border-left:3px solid #b8945a; padding-left:12px; }
.cat-names span { display:inline-block; margin:0 8px 8px 0; padding:5px 14px; background:#fff; border:1px solid #ecdfc6; border-radius:16px; font-size:12px; color:#8a7a5f; }
/* 金价表 */
.price-table { width:100%; max-width:760px; margin:0 auto; border-collapse:collapse; background:#fff; border:1px solid #ecdfc6; }
.price-table th, .price-table td { padding:16px 24px; text-align:left; border-bottom:1px solid #ecdfc6; font-size:15px; }
.price-table th { background:#f4ecd9; color:#8a6a2f; letter-spacing:2px; }
.price-table td.p { font-size:20px; color:#8a6a2f; font-weight:600; }
.price-table td.p small { font-size:12px; color:#a89678; font-weight:400; }
.price-meta { text-align:center; margin:18px 0 28px; font-size:13px; color:#a89678; line-height:2; }
.note-cards { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:44px; }
.note-cards > div { background:#fff; border:1px solid #ecdfc6; border-radius:6px; padding:30px 28px; }
.note-cards h3 { color:#8a6a2f; font-size:19px; letter-spacing:2px; margin-bottom:14px; }
.note-cards p { font-size:13px; color:#8a7a5f; line-height:2; }
/* 服务 */
.duo { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.duo .card { background:#fff; border:1px solid #ecdfc6; border-radius:6px; padding:34px 30px; }
.duo h3 { color:#8a6a2f; font-size:21px; letter-spacing:3px; margin-bottom:16px; }
.tags { margin-bottom:20px; }
.tags span { display:inline-block; margin:0 8px 8px 0; padding:6px 16px; border:1px solid #b8945a; color:#8a6a2f; border-radius:20px; font-size:13px; letter-spacing:1px; }
.steps { list-style:none; }
.steps li { position:relative; padding:0 0 14px 34px; font-size:14px; color:#6d5426; line-height:1.8; }
.steps li i { position:absolute; left:0; top:2px; width:22px; height:22px; border-radius:50%; background:#b8945a; color:#fff; font-style:normal; font-size:12px; text-align:center; line-height:22px; }
.card .note { margin-top:16px; padding-top:14px; border-top:1px dashed #e0d0ac; font-size:12px; color:#a89678; line-height:1.9; }
.card .desc { font-size:13px; color:#8a7a5f; line-height:2; margin-bottom:18px; }
.scenes { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:28px; }
.scenes .scene { background:#fff; border:1px solid #ecdfc6; border-radius:6px; overflow:hidden; text-align:center; }
.scenes img { width:100%; height:150px; object-fit:cover; display:block; }
.scenes .scene > div { padding:18px 16px 22px; }
.scenes h4 { color:#8a6a2f; font-size:16px; letter-spacing:2px; margin-bottom:10px; }
.scenes p { font-size:12px; color:#8a7a5f; line-height:1.9; }
.promises { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px; }
.promises div { background:#f4ecd9; border:1px solid #e0d0ac; border-radius:6px; padding:24px 20px; text-align:center; }
.promises b { display:block; color:#8a6a2f; font-size:17px; letter-spacing:2px; margin-bottom:8px; }
.promises p { font-size:12px; color:#8a7a5f; line-height:1.8; }
.sv { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.sv div { background:#fff; border:1px solid #ecdfc6; border-radius:6px; padding:28px 20px; text-align:center; }
.sv b { display:block; color:#8a6a2f; font-size:16px; letter-spacing:2px; margin-bottom:10px; }
.sv p { font-size:12px; color:#8a7a5f; line-height:1.9; }
.care-list { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.care-list div { background:#fff; border:1px solid #ecdfc6; border-radius:6px; padding:24px 22px; }
.care-list b { display:block; color:#8a6a2f; font-size:16px; letter-spacing:2px; margin-bottom:10px; }
.care-list p { font-size:13px; color:#8a7a5f; line-height:1.9; }
.faq details { background:#fff; border:1px solid #ecdfc6; border-radius:4px; margin-bottom:14px; padding:0 24px; }
.faq summary { position:relative; cursor:pointer; padding:20px 0; font-size:16px; color:#6d5426; letter-spacing:1px; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:0; top:18px; color:#b8945a; font-size:20px; }
.faq details[open] summary::after { content:"−"; }
.faq details p { padding:16px 0 20px; font-size:14px; color:#8a7a5f; line-height:2; border-top:1px dashed #ecdfc6; }
/* 门店 */
.city-groups { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.city { background:#fff; border:1px solid #ecdfc6; border-radius:6px; overflow:hidden; }
.city-head { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; background:#f4ecd9; border-bottom:1px solid #e0d0ac; }
.city-head h3 { color:#8a6a2f; font-size:19px; letter-spacing:3px; }
.city-head .badge { background:#b8945a; color:#fff; font-size:12px; padding:4px 14px; border-radius:14px; letter-spacing:1px; }
.city ul { list-style:none; }
.city li { display:flex; justify-content:space-between; align-items:center; padding:15px 24px; border-bottom:1px dashed #ecdfc6; font-size:14px; color:#6d5426; }
.city li:last-child { border-bottom:none; }
.city li em { font-style:normal; font-size:11px; color:#a89678; letter-spacing:1px; }
/* 门店页增强 */
.store-banners { display:flex; flex-direction:column; gap:28px; }
.store-banner { position:relative; border-radius:6px; overflow:hidden; border:1px solid #ecdfc6; box-shadow:0 10px 34px rgba(138,106,47,.14); }
.store-banner img { width:100%; height:360px; object-fit:cover; display:block; cursor:zoom-in; }
.store-banner .cap { position:absolute; left:0; right:0; bottom:0; padding:56px 30px 20px; background:linear-gradient(transparent, rgba(56,38,10,.78)); display:flex; align-items:baseline; gap:16px; pointer-events:none; }
.store-banner .cap b { font-size:22px; letter-spacing:3px; color:#fdf3dd; }
.store-banner .cap span { font-size:13px; letter-spacing:2px; color:#ffe9b8; }
.partners { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
.partners .pt { background:#fff; border:1px solid #ecdfc6; border-radius:6px; overflow:hidden; transition:.25s; }
.partners .pt:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(138,106,47,.16); }
.partners .pt-photo { width:100%; height:128px; object-fit:cover; display:block; }
.partners .pt-body { padding:18px 16px 20px; text-align:center; }
.partners .pt-logo { height:28px; max-width:100%; object-fit:contain; }
.partners .pt-body b { display:block; margin-top:12px; color:#8a6a2f; font-size:15px; letter-spacing:2px; }
.partners .pt-body span { display:block; margin-top:6px; font-size:12px; color:#a89678; letter-spacing:1px; }
/* 合作咨询横幅 */
.cta-band { background:#6d5426; color:#fdf3dd; text-align:center; padding:64px 20px; }
.cta-band h3 { font-size:26px; letter-spacing:6px; color:#ffe9b8; font-weight:600; }
.cta-band p { margin-top:12px; font-size:14px; letter-spacing:2px; color:#e8d9b8; }
.cta-band .btn { border-color:#ffe9b8; color:#ffe9b8; margin-top:28px; }
.cta-band .btn:hover { background:#ffe9b8; color:#6d5426; }
/* 服务页核心服务大卡 */
.feature-duo { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.feature-duo .fc { background:#6d5426; border-radius:6px; padding:46px 38px; box-shadow:0 14px 40px rgba(109,84,38,.28); }
.feature-duo .fc small { letter-spacing:4px; color:#e8d9b8; font-size:12px; }
.feature-duo .fc h3 { font-size:28px; letter-spacing:6px; color:#ffe9b8; margin:12px 0 16px; font-weight:600; }
.feature-duo .fc > p { font-size:14px; line-height:2.1; color:#f0e4c8; }
.feature-duo .ftags { margin:22px 0 28px; }
.feature-duo .ftags span { display:inline-block; margin:0 8px 8px 0; padding:5px 15px; border:1px solid rgba(255,233,184,.55); border-radius:16px; font-size:12px; letter-spacing:1px; color:#ffe9b8; }
.feature-duo .fbtn { display:inline-block; padding:11px 32px; border:1px solid #ffe9b8; color:#ffe9b8; text-decoration:none; letter-spacing:3px; font-size:14px; transition:.25s; }
.feature-duo .fbtn:hover { background:#ffe9b8; color:#6d5426; }
/* 联系 */
.contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.contact-grid > div { background:#fff; border:1px solid #ecdfc6; border-radius:6px; padding:34px 26px; text-align:center; }
.contact-grid small { display:block; letter-spacing:3px; color:#b8945a; font-size:12px; margin-bottom:12px; }
.contact-grid .big { font-size:26px; color:#8a6a2f; letter-spacing:2px; text-decoration:none; }
.contact-grid p { margin-top:10px; font-size:13px; color:#8a7a5f; line-height:1.9; }
.privacy-body { max-width:760px; margin:0 auto; }
.privacy-body p { font-size:14px; color:#6d5426; line-height:2.2; margin-bottom:14px; }
/* 灯箱 */
.lightbox { position:fixed; inset:0; z-index:120; background:rgba(30,20,8,.88); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:.25s; cursor:zoom-out; }
.lightbox.show { opacity:1; visibility:visible; }
.lightbox img { max-width:90%; max-height:88vh; border-radius:6px; box-shadow:0 20px 80px rgba(0,0,0,.5); }
/* 页脚 */
footer { background:#6d5426; color:#e8d9b8; text-align:center; padding:52px 20px 44px; font-size:13px; line-height:2.2; letter-spacing:1px; }
.f-nav { display:flex; justify-content:center; gap:110px; margin-bottom:30px; }
.f-nav h5 { color:#ffe9b8; font-size:14px; letter-spacing:3px; margin-bottom:12px; }
.f-nav a { display:block; color:#e8d9b8; text-decoration:none; font-size:13px; line-height:2.2; }
.f-nav a:hover { color:#fff; }
.f-copy { border-top:1px solid rgba(232,217,184,.25); padding-top:22px; }
.f-copy a { color:#ffe9b8; text-decoration:none; }
.f-icon { height:28px; vertical-align:-8px; margin-right:8px; }
@media (max-width:800px){
  .nav { padding:10px 18px; }
  .nav-toggle { display:block; }
  .nav-links { display:none; position:absolute; top:100%; left:0; right:0; background:#fdf9f0; flex-direction:column; gap:0; border-bottom:1px solid #ecdfc6; }
  .nav-links.open { display:flex; }
  .nav-links a { padding:14px 24px; border-bottom:1px dashed #ecdfc6; }
  .split { flex-direction:column; } .split img { width:100%; }
  .culture,.nums,.cat-grid { grid-template-columns:1fr 1fr; }
  .cat-cards,.duo,.city-groups,.contact-grid,.note-cards,.feature-duo { grid-template-columns:1fr; }
  .scenes,.promises,.sv,.care-list,.craft-cards { grid-template-columns:1fr 1fr; }
  .partners { grid-template-columns:1fr 1fr; }
  .store-banner img { height:220px; }
  .f-nav { gap:40px; flex-wrap:wrap; }
}