/* 梅花雅集 · 官网全站样式
   新中式：米灰 / 淡金 / 留白 · 古朴典雅层（2026-09-28）：宣纸纹理 / 印章 / 竖排诗句 / 楷体点缀
   修改配色请只改 :root 变量 */

:root{
  --ink:#1E1D1B;
  --ink2:#56544F;
  --ink3:#8A867D;
  --gold:#B08A4A;
  --gold-l:#D8C49A;
  --gold-bg:#F3EDE1;
  --beige:#F7F5F0;
  --beige2:#EFEBE3;
  --paper:#FAF8F2;
  --paper2:#F4F0E7;
  --line:#DFD9CC;
  --red:#A8322D;
  --ok:#3B6D11;
  --ok-bg:#EAF3DE;
  --warn:#8A6420;
  --warn-bg:#FAEEDA;
  --white:#fff;
  --serif:"Songti SC","STSong","Source Han Serif SC","Noto Serif SC",serif;
  --kai:"Kaiti SC","STKaiti","KaiTi","楷体",var(--serif);
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  --wrap:1180px;
  /* 宣纸纹理（暖色噪点，极淡） */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.50 0 0 0 0 0.42 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background-color:var(--paper);background-image:var(--grain);font-family:var(--sans);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;font-size:14px;}
::selection{background:var(--gold-l);color:#2B2926;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}

.container{max-width:var(--wrap);margin:0 auto;padding:0 24px;}

/* ---------- 顶部导航 ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(250,248,242,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:66px;}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;}
.brand-logo{width:44px;height:44px;display:block;border-radius:50%;}
.brand-txt{font-family:var(--serif);font-size:20px;letter-spacing:5px;color:var(--ink);display:block;}
.brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:1px;color:var(--ink3);margin-top:-4px;}
/* 印章（印泥红方章，内衬双细线） */
.seal{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--red);color:#F5EFE2;font-family:var(--serif);font-weight:600;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(245,239,226,.55),inset 0 0 0 2.5px rgba(245,239,226,.18);}
.seal,.seal-sm{width:30px;height:30px;font-size:16px;}
.main-nav{display:flex;gap:26px;font-size:14px;}
.main-nav a{color:var(--ink2);padding:6px 0;border-bottom:1px solid transparent;transition:.2s;letter-spacing:1px;}
.main-nav a:hover{color:var(--gold);}
.main-nav a.active{color:var(--gold);border-bottom-color:var(--gold);}
.header-tel{font-size:13px;color:var(--ink2);white-space:nowrap;}
.header-tel b{color:var(--gold);font-weight:500;}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:4px;width:40px;height:34px;font-size:16px;color:var(--ink2);cursor:pointer;}

/* ---------- 首屏 ---------- */
.hero{position:relative;min-height:440px;display:flex;align-items:flex-end;
  background:linear-gradient(140deg,#332F2A,#575146);padding:60px 0 52px;overflow:hidden;}
/* 首页大横幅 · 绢本墨梅古画背景（做旧绢底+水墨梅枝+藏印）；内页 hero-page 保持墨色素底 */
.hero:not(.hero-page){
  align-items:center;
  background-image:
    linear-gradient(90deg,rgba(247,243,234,.66) 0%,rgba(247,243,234,.42) 34%,rgba(247,243,234,.16) 58%,rgba(247,243,234,0) 76%),
    url("/assets/img/hero-ink-plum.jpg");
  background-repeat:no-repeat,no-repeat;
  background-position:0 0,center;
  background-size:auto,cover;
}
.hero:not(.hero-page)::after{background:radial-gradient(ellipse at center,transparent 52%,rgba(74,56,36,.22) 100%);} /* 古画旧绢的暗角 */
.hero:not(.hero-page) h1{color:#2B241C;text-shadow:0 1px 2px rgba(250,246,238,.85),0 0 22px rgba(250,246,238,.65);} /* 光晕托字，取代厚罩面 */
.hero:not(.hero-page) p{color:#4E453A;text-shadow:0 0 14px rgba(250,246,238,.8);}
.hero:not(.hero-page) .btn-ghost{border-color:rgba(74,60,42,.55);color:#3D332A;background:rgba(250,246,238,.30);}
.hero:not(.hero-page) .btn-ghost:hover{border-color:#3D332A;background:rgba(250,246,238,.62);}
.hero::before{content:"";position:absolute;inset:0;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.87 0 0 0 0 0.8 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(216,196,154,.20),transparent 58%);}
.hero-inner{position:relative;z-index:2;width:100%;}
.hero h1{font-family:var(--serif);font-size:44px;letter-spacing:9px;color:#F7F3EB;font-weight:500;line-height:1.3;}
.hero p{font-size:15px;color:#C6BDAC;margin-top:16px;letter-spacing:2px;font-family:var(--kai);}
.hero .hero-btns{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
/* 竖排诗句（林逋《山园小梅》）：两列竖行，右列起读，印章落款于左列之下 */
.hero-verse{position:absolute;right:6.5%;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;
  font-family:var(--kai);font-size:19px;letter-spacing:8px;line-height:1.9;color:rgba(58,48,36,.88);
  user-select:none;z-index:2;}
.hero-verse .vc{display:inline-block;white-space:nowrap;
  text-shadow:0 0 16px rgba(247,243,234,.95),0 0 5px rgba(247,243,234,.95);} /* 绢底光晕托住字迹 */
.hero-verse .vc + .vc{margin-right:22px;} /* 两列间距（竖排块方向为右→左） */
.hero-verse .verse-seal{position:absolute;left:-58px;bottom:-4px;width:40px;height:40px;padding:5px;
  writing-mode:horizontal-tb;letter-spacing:0; /* 必须显式重置：父级竖排模式与字距会继承下来 */
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;place-items:center;
  background:var(--red);color:#F5EFE2;font-family:var(--serif);font-size:13px;line-height:1;border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(245,239,226,.55),inset 0 0 0 2.5px rgba(245,239,226,.18);} /* 标准印章：2×2 正字入格，右上梅→右下花→左上雅→左下集 */
.hero-verse .verse-seal i{display:block;font-style:normal;}
.hero-page{min-height:230px;padding:44px 0 38px;}
.hero-page h1{font-size:32px;letter-spacing:6px;}
.hero-page h1::after{content:"";display:block;width:46px;height:2px;background:var(--gold-l);margin-top:16px;}
.hero-page p{margin-top:12px;}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;padding:11px 26px;font-size:14px;border-radius:2px;cursor:pointer;border:1px solid transparent;transition:.2s;font-family:inherit;letter-spacing:2px;}
.btn-gold{background:var(--gold);color:#fff;}
.btn-gold:hover{background:#9C7840;}
.btn-ghost{border-color:rgba(255,255,255,.45);color:#F7F3EB;}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.btn-line{border-color:var(--gold);color:var(--gold);}
.btn-line:hover{background:var(--gold-bg);}
.btn-sm{padding:7px 16px;font-size:13px;}

/* ---------- 面包屑 ---------- */
.crumb{font-size:12.5px;color:var(--ink3);padding:18px 0 0;}
.crumb a:hover{color:var(--gold);}
.crumb span{margin:0 6px;color:#C4BDB0;}

/* ---------- 通用区块 ---------- */
.section{padding:56px 0;}
.section.alt{background-color:var(--paper2);background-image:var(--grain);}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:20px;}
.section-head h2{font-family:var(--serif);font-size:26px;letter-spacing:4px;font-weight:500;}
.section-head p{font-size:13px;color:var(--ink3);margin-top:8px;font-family:var(--kai);}
.section-head .more{font-size:13px;color:var(--gold);white-space:nowrap;letter-spacing:1px;}
.section-head .more:hover{text-decoration:underline;}
.lead-text{font-size:14px;color:var(--ink2);line-height:2;}
/* 古典「金线 + 菱」标题装饰：短金线压长细线，仿古籍版式 */
.section-head h2,.section .container > h2{position:relative;padding-bottom:12px;}
.section-head h2::after,.section .container > h2::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:2px;background:var(--gold);}
.section-head h2::before,.section .container > h2::before{content:"";position:absolute;left:54px;bottom:1.5px;width:5px;height:5px;transform:rotate(45deg);background:var(--gold-l);}

/* ---------- 网格与卡片 ---------- */
.grid{display:grid;gap:20px;}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}

.card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#FDFCF8;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;flex-direction:column;}
.card:hover{border-color:var(--gold-l);box-shadow:0 8px 24px rgba(70,58,40,.10);transform:translateY(-2px);}
.card .thumb{height:190px;background:var(--beige2);color:#ADA698;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:1px;text-align:center;padding:10px;overflow:hidden;}
.card .thumb.dark{background:linear-gradient(140deg,#3A3630,#5C564C);color:#B9B0A0;}
.card .thumb img{width:100%;height:100%;object-fit:cover;}
.card-body{padding:16px 16px 18px;flex:1;display:flex;flex-direction:column;}
.card-body h3{font-size:15px;font-weight:500;line-height:1.5;}
.card-body h3 a:hover{color:var(--gold);}
.card-body .desc{font-size:12.5px;color:var(--ink3);margin-top:9px;line-height:1.75;flex:1;}
.card-body .foot{margin-top:14px;font-size:12.5px;color:var(--gold);}
.tags{margin-top:11px;}
.tag{display:inline-block;font-size:11px;padding:2px 8px;border:1px solid var(--line);border-radius:2px;color:var(--ink3);margin:0 5px 5px 0;}
.tag.gold{border-color:var(--gold-l);color:var(--gold);background:#FCFAF6;}
.meta-line{font-size:12px;color:var(--ink3);margin-top:6px;}
.tol{color:var(--red);font-size:11.5px;}

/* ---------- 入口条 ---------- */
.entry{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:5px;background:#fff;transition:.2s;}
.entry:hover{border-color:var(--gold-l);background:#FDFCF9;}
.entry .ic{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--gold-bg);border:1px solid var(--gold-l);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px;color:var(--gold);}
.entry h3{font-size:15px;font-weight:500;}
.entry p{font-size:12.5px;color:var(--ink3);margin-top:6px;line-height:1.75;}

/* ---------- 城市查询 ---------- */
/* 文武双线框：外金线 + 内细线，仿古籍函套 */
.city-hero{background:rgba(253,251,246,.92);border:1px solid var(--gold-l);border-radius:6px;padding:30px 32px;position:relative;}
.city-hero::after{content:"";position:absolute;inset:5px;border:1px solid var(--line);border-radius:3px;pointer-events:none;}
.city-hero h3{font-family:var(--serif);font-size:22px;letter-spacing:3px;font-weight:500;}
.city-hero p{font-size:13px;color:var(--ink3);margin-top:10px;font-family:var(--kai);}
.city-bar{display:flex;gap:10px;max-width:560px;margin-top:20px;}
.city-input{flex:1;height:46px;border:1px solid var(--line);border-radius:3px;background:#fff;padding:0 16px;font-size:14px;font-family:inherit;color:var(--ink);outline:none;}
.city-input:focus{border-color:var(--gold);}
.suggest{max-width:560px;border:1px solid var(--line);border-radius:4px;margin-top:8px;background:#fff;overflow:hidden;display:none;}
.suggest.on{display:block;}
.suggest a{display:block;padding:11px 16px;font-size:13px;color:var(--ink2);border-bottom:1px solid var(--beige2);}
.suggest a:last-child{border-bottom:none;}
.suggest a:hover{background:var(--gold-bg);color:var(--gold);}
.suggest a b{color:var(--gold);font-weight:500;}
.hot-cities{display:flex;gap:8px;align-items:center;margin-top:16px;flex-wrap:wrap;}
.hot-cities .lb{font-size:12.5px;color:var(--ink3);}
.chip{font-size:12.5px;padding:5px 13px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink2);cursor:pointer;transition:.2s;}
.chip:hover{border-color:var(--gold);color:var(--gold);}
.chip.on{border-color:var(--gold);color:var(--gold);background:var(--gold-bg);}

.verdict{display:flex;gap:24px;align-items:center;padding:26px 30px;border-radius:6px;border:1px solid;}
.verdict.suitable{background:var(--ok-bg);border-color:#C0DD97;}
.verdict.caution{background:var(--warn-bg);border-color:#F0C97A;}
.verdict.no{background:#FCEBEB;border-color:#F0B0B0;}
.verdict .badge{width:88px;height:88px;flex:0 0 88px;border-radius:50%;color:#fff;font-family:var(--serif);font-size:15px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;letter-spacing:1px;}
.verdict.suitable .badge{background:var(--ok);}
.verdict.caution .badge{background:var(--warn);}
.verdict.no .badge{background:var(--red);}
.verdict h3{font-family:var(--serif);font-size:24px;letter-spacing:3px;font-weight:500;}
.verdict p{font-size:13.5px;margin-top:10px;line-height:1.85;color:var(--ink2);}
.verdict.suitable p{color:#3F5A22;}
/* C 档（建议改种耐寒品种）：蓝灰调，区别于 B 的暖黄与 D 的红 */
.verdict.tier-c{background:#EDF1F6;border-color:#B9C6D8;}
.verdict.tier-c .badge{background:#5A6E8C;}
.verdict.tier-c p{color:#41506A;}
.verdict-contrast{font-size:12.5px !important;color:var(--ink3) !important;margin-top:8px !important;}

.city-sub-h{font-size:16px;font-weight:500;margin:28px 0 4px;letter-spacing:1px;}
/* 小节标题：金菱引导符 */
.city-sub-h::before{content:"";display:inline-block;width:5px;height:5px;transform:rotate(45deg);background:var(--gold);margin-right:9px;vertical-align:2px;}
/* 三大种系判定 · 三色结论卡（整行浅底色 + 结论实色块） */
.sys-table{width:100%;border-collapse:separate;border-spacing:0 10px;font-size:13.5px;margin:16px 0 22px;}
.sys-table td{padding:15px 20px;vertical-align:middle;}
.sys-table td:first-child{border-radius:6px 0 0 6px;border-left:3px solid transparent;}
.sys-table td:last-child{border-radius:0 6px 6px 0;text-align:right;}
.sys-row.ok td{background:var(--ok-bg);}
.sys-row.ok td:first-child{border-left-color:var(--ok);}
.sys-row.warn td{background:var(--warn-bg);}
.sys-row.warn td:first-child{border-left-color:var(--warn);}
.sys-row.no td{background:#FCEBEB;}
.sys-row.no td:first-child{border-left-color:var(--red);}
.sys-name{font-family:var(--serif);font-size:15.5px;font-weight:600;letter-spacing:2px;color:var(--ink);}
.sys-desc{display:block;font-size:12px;color:var(--ink3);margin-top:5px;line-height:1.65;font-family:var(--sans);font-weight:400;letter-spacing:0;}
.sys-block{display:inline-block;padding:8px 22px;border-radius:5px;color:#fff;font-size:15px;font-weight:600;letter-spacing:3px;}
.sys-block.ok{background:var(--ok);}
.sys-block.warn{background:var(--warn);}
.sys-block.no{background:var(--red);}
.sys-reason{display:block;font-size:12.5px;color:var(--ink2);margin-top:8px;}
.variant-box{margin-top:26px;border:1px solid var(--gold-l);border-radius:6px;background:#FBF8F1;padding:20px 24px;position:relative;}
.variant-box::after{content:"";position:absolute;inset:4px;border:1px solid var(--line);border-radius:3px;pointer-events:none;}
.variant-box h3{font-family:var(--serif);font-size:17px;letter-spacing:2px;font-weight:500;color:var(--gold);}

.spec-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:22px 0;}
.spec-table td{border-bottom:1px solid var(--beige2);padding:12px 0;color:var(--ink2);}
.spec-table td:first-child{color:var(--ink3);width:130px;font-size:13px;}
.vtier{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;}
.vt{border:1px solid var(--line);border-radius:5px;padding:16px 18px;background:#FDFCF8;font-size:13px;color:var(--ink2);line-height:1.8;}
.vt b{display:block;font-size:14px;margin-bottom:7px;font-weight:500;}

/* ---------- 列表页筛选 ---------- */
.listing{display:grid;grid-template-columns:260px 1fr;gap:32px;padding:36px 0 60px;}
.filter{position:sticky;top:86px;height:fit-content;border:1px solid var(--line);border-radius:5px;padding:20px;background:rgba(252,251,248,.92);}
.filter h4{font-size:14px;font-weight:500;letter-spacing:1px;padding-bottom:12px;border-bottom:1px solid var(--beige2);margin-bottom:16px;}
.fgroup{margin-bottom:20px;}
.fgroup>label{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:9px;}
.fgroup>label .tol{display:block;margin-top:2px;}
.fchips{display:flex;flex-wrap:wrap;gap:7px;}
.range-row{display:flex;align-items:center;gap:8px;}
.range-row input{width:64px;height:32px;border:1px solid var(--line);border-radius:3px;padding:0 8px;font-size:12.5px;font-family:inherit;color:var(--ink);outline:none;}
.range-row input:focus{border-color:var(--gold);}
.range-row span{font-size:12px;color:var(--ink3);}
.filter-actions{display:flex;gap:10px;margin-top:22px;}
.filter-actions .btn{flex:1;text-align:center;padding:9px 0;font-size:13px;}
.result-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:13px;color:var(--ink3);flex-wrap:wrap;gap:12px;}
.sort-bar{display:flex;gap:16px;}
.sort-bar button{background:none;border:none;font-family:inherit;font-size:13px;color:var(--ink3);cursor:pointer;padding:0;}
.sort-bar button.on{color:var(--gold);}
.empty-tip{display:none;padding:60px 0;text-align:center;color:var(--ink3);font-size:14px;}

/* ---------- 分页 ---------- */
.pager{display:flex;gap:8px;justify-content:center;margin-top:36px;}
.pager a,.pager span{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:3px;font-size:13px;display:flex;align-items:center;justify-content:center;color:var(--ink2);}
.pager .on{border-color:var(--gold);color:var(--gold);background:var(--gold-bg);}

/* ---------- 产品详情 ---------- */
.detail{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;padding:30px 0 20px;}
.gallery-main{height:420px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--beige2);display:flex;align-items:center;justify-content:center;color:#ADA698;font-size:13px;}
.gallery-main img{width:100%;height:100%;object-fit:cover;}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;}
.thumbs div{height:74px;border:1px solid var(--line);border-radius:4px;background:var(--beige2);display:flex;align-items:center;justify-content:center;color:#B3AC9E;font-size:11px;cursor:pointer;}
.thumbs div:hover{border-color:var(--gold-l);}
.detail-info h1{font-family:var(--serif);font-size:28px;letter-spacing:3px;font-weight:500;}
.detail-info .sub{font-size:13px;color:var(--ink3);margin-top:10px;}
.detail-btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;}
.notice{font-size:12.5px;color:var(--ink3);background:rgba(247,245,240,.9);border-left:2px solid var(--gold-l);padding:12px 16px;margin-top:18px;line-height:1.8;font-family:var(--kai);}

/* ---------- 文章 ---------- */
.article-layout{display:grid;grid-template-columns:1fr 250px;gap:46px;padding:36px 0 60px;}
.article-body h1{font-family:var(--serif);font-size:30px;letter-spacing:3px;font-weight:500;line-height:1.45;}
.article-meta{font-size:12.5px;color:var(--ink3);padding:14px 0 20px;border-bottom:1px solid var(--beige2);margin-bottom:24px;}
.article-body h3{font-size:17px;font-weight:500;margin:30px 0 12px;color:var(--ink);letter-spacing:.5px;}
.article-body h3:first-of-type{margin-top:22px;}
.article-body p{font-size:14.5px;color:var(--ink2);line-height:2.05;margin-bottom:14px;}
.article-body .fig{height:230px;border-radius:5px;background:var(--beige2);display:flex;align-items:center;justify-content:center;color:#ADA698;font-size:12.5px;margin:22px 0;}
.article-lead{background:var(--gold-bg);border-left:3px solid var(--gold);padding:16px 20px;font-size:14px;color:#6B5836;line-height:1.95;margin-bottom:8px;border-radius:0 4px 4px 0;font-family:var(--kai);}
.aside{position:sticky;top:86px;height:fit-content;}
.aside h4{font-size:13.5px;font-weight:500;letter-spacing:1px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--beige2);}
.aside ul li{padding:8px 0;font-size:13px;color:var(--ink3);border-bottom:1px dashed var(--beige2);}
.aside ul li a:hover{color:var(--gold);}
.aside .aside-box{margin-bottom:28px;}

/* ---------- FAQ ---------- */
.qa-list{max-width:900px;}
.qa{border:1px solid var(--line);border-radius:5px;margin-bottom:12px;background:#FDFCF8;overflow:hidden;}
.qa .q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;font-size:14.5px;font-weight:500;cursor:pointer;}
.qa .q i{color:var(--gold);font-style:normal;font-size:18px;flex:0 0 auto;transition:.2s;}
.qa.open .q i{transform:rotate(45deg);}
.qa .a{display:none;padding:0 22px 18px;font-size:13.5px;color:var(--ink2);line-height:1.95;border-top:1px solid var(--beige2);padding-top:16px;}
.qa.open .a{display:block;}

/* ---------- 联系 ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;}
.cc{border:1px solid var(--line);border-radius:5px;padding:20px;background:#FDFCF8;}
.cc .k{font-size:12px;color:var(--ink3);letter-spacing:1px;}
.cc .v{font-size:15px;margin-top:9px;color:var(--ink);}
.cc .v small{display:block;font-size:12px;color:var(--ink3);margin-top:5px;line-height:1.7;}
.qr-block{display:flex;gap:36px;align-items:center;padding:34px;border:1px solid var(--line);border-radius:6px;background:var(--beige);margin-top:30px;flex-wrap:wrap;}
.qr-frame{width:170px;height:170px;flex:0 0 170px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px;}
.qr-frame img{width:100%;height:100%;object-fit:contain;}
.qr-ph{width:100%;height:100%;background-image:repeating-conic-gradient(#2C2C2A 0% 25%,#fff 0% 50%);background-size:15px 15px;border-radius:3px;}
.qr-block h3{font-family:var(--serif);font-size:21px;letter-spacing:3px;font-weight:500;}
.qr-block p{font-size:13.5px;color:var(--ink2);margin-top:12px;line-height:1.95;}

/* ---------- 悬浮二维码 ---------- */
.qr-float{position:fixed;right:26px;bottom:26px;z-index:80;}
.qr-btn{width:56px;height:56px;border-radius:50%;background:var(--gold);color:#fff;border:none;cursor:pointer;font-size:11px;font-family:inherit;line-height:1.2;box-shadow:0 6px 20px rgba(80,64,36,.30);display:flex;align-items:center;justify-content:center;text-align:center;transition:.25s;}
.qr-btn:hover{background:#9C7840;transform:scale(1.05);}
.qr-panel{position:absolute;right:0;bottom:70px;width:200px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 12px 36px rgba(60,48,30,.20);text-align:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;}
.qr-panel.on{opacity:1;visibility:visible;transform:translateY(0);}
.qr-panel .qr-ph{width:150px;height:150px;margin:0 auto 12px;}
.qr-panel img{width:100%;height:auto;margin:0 auto 12px;border-radius:6px;}
.qr-hint{display:none;font-size:11.5px;color:var(--ink2);margin-top:-4px;}
.qr-panel .txt{font-size:12.5px;color:var(--ink2);line-height:1.75;}
.qr-panel .txt b{color:var(--gold);font-weight:500;display:block;margin-bottom:4px;font-size:13.5px;}
.qr-panel .tel{margin-top:10px;padding-top:10px;border-top:1px solid var(--beige2);font-size:13px;color:var(--ink);}

/* ---------- 页脚 ---------- */
.site-footer{background-color:#2B2926;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.87 0 0 0 0 0.8 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");color:#B8B1A5;padding:44px 0 26px;margin-top:0;border-top:2px solid var(--gold);}
/* 页脚品牌行：印章 + 店招 + 细线 */
.footer-mark{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.footer-logo{width:38px;height:38px;display:block;border-radius:50%;background:#F5EFE2;box-shadow:0 0 0 1px rgba(216,196,154,.35);} /* 墨底上衬米白圆托出花形 */
.fb-brand{font-family:var(--serif);font-size:17px;letter-spacing:4px;color:#E8E2D6;font-weight:500;}
.fb-rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(216,196,154,.35),transparent);}
.footer-nav{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:24px;}
.footer-nav a{font-size:13.5px;color:#D9D3C6;letter-spacing:1px;}
.footer-nav a:hover{color:var(--gold-l);}
.footer-mid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #423F39;}
.footer-mid .fm-item{font-size:13px;line-height:1.9;}
.footer-mid .fm-item b{color:#E8E2D6;font-weight:500;}
.license{font-size:12px;color:#8B8478;display:flex;gap:20px;flex-wrap:wrap;padding-top:18px;}
.license a:hover{color:var(--gold-l);}

/* ---------- 提示条 ---------- */
.databar{background:var(--beige);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink3);padding:9px 0;}
.databar .container{display:flex;gap:8px;align-items:center;}

/* ---------- 响应式 ---------- */
@media (max-width:1000px){
  .grid-4{grid-template-columns:repeat(3,1fr);}
  .listing{grid-template-columns:1fr;}
  .filter{position:static;}
  .detail{grid-template-columns:1fr;gap:30px;}
  .article-layout{grid-template-columns:1fr;gap:34px;}
  .aside{position:static;}
  .contact-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#FAF8F2;border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 24px 16px;}
  .main-nav.on{display:flex;}
  .main-nav a{padding:12px 0;border-bottom:1px solid var(--beige2);}
  .nav-toggle{display:block;}
  .header-tel{display:none;}
  .hero h1{font-size:30px;letter-spacing:5px;}
  .hero{min-height:360px;padding:44px 0 40px;}
  .hero-verse{display:none;}
  /* 窄屏：绢纱罩面铺满，保证文字压在梅枝上仍可读 */
  .hero:not(.hero-page){background-image:
    linear-gradient(90deg,rgba(247,243,234,.72) 0%,rgba(247,243,234,.45) 55%,rgba(247,243,234,.18) 100%),
    url("/assets/img/hero-ink-plum.jpg");background-position:0 0,62% center;background-size:auto,cover;}
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .vtier{grid-template-columns:1fr;}
  .verdict{flex-direction:column;text-align:center;padding:24px;}
  /* 三系色块卡：窄屏改为上下堆叠，避免结论块被挤出 */
  .sys-table{border-spacing:0;}
  .sys-table tbody,.sys-table tr,.sys-table td{display:block;width:100%;}
  .sys-table tr{margin-bottom:12px;}
  .sys-table td{padding:13px 16px;}
  .sys-table td:first-child{border-radius:6px 6px 0 0;padding-bottom:6px;}
  .sys-table td:last-child{border-radius:0 0 6px 6px;text-align:left;padding-top:6px;border-left:3px solid transparent;}
  .sys-row.ok td:last-child{border-left-color:var(--ok);}
  .sys-row.warn td:last-child{border-left-color:var(--warn);}
  .sys-row.no td:last-child{border-left-color:var(--red);}
  .section{padding:40px 0;}
  .qr-float{right:16px;bottom:16px;}
  .qr-panel{width:180px;}
  .qr-hint{display:block;}
  .qr-block{padding:24px;gap:24px;}
  .qr-frame{width:140px;height:140px;flex:0 0 140px;}
  .gallery-main{height:280px;}
}