/* ============================================================
 * sg01.css —— 锁匠帮订制模板样式（禁换款）
 * 设计语言：sgb07 便民绿环 —— 海绿 #2e8b57 / 深绿 #236b44 / 浅绿底 #eef7ee / 橙价 #d35400 / 圆形元素
 * 与定稿九页（网站\锁匠帮定稿\*.html）1:1 同源；断点 920 / 640
 * ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;background:#eef7ee;color:#2e3b2e;font-size:14px;line-height:1.7}
.w{width:min(1140px,96%);margin:0 auto}
a{color:#2e8b57}
img{max-width:100%}
/* 顶条 */
.sj-top{background:#236b44;color:#bfe0cb;font-size:12px}
.sj-top .w{display:flex;justify-content:space-between;padding:6px 0;gap:10px;flex-wrap:wrap}
.sj-top b{color:#ffd98a}
/* 头区 */
.sj-hd{background:#fff;border-bottom:3px solid #2e8b57}
.sj-hd .w{display:flex;align-items:center;padding:14px 0;gap:20px;flex-wrap:wrap}
.sj-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.sj-logo i{font-style:normal;width:56px;height:56px;border-radius:50%;background:#2e8b57;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;border:3px solid #d5ecd9;flex:none}
.sj-logo h1{font-size:26px;color:#2e8b57;line-height:1.3}
.sj-logo p{font-size:11px;color:#8aa88f}
.sj-slog{font-size:13px;color:#5f7d64;border-left:1px solid #cfe3d2;padding-left:16px;line-height:1.7}
.sj-tel{margin-left:auto;text-align:right}
.sj-tel em{font-style:normal;display:block;font-size:11px;color:#8aa88f}
.sj-tel strong{font-size:22px;color:#d35400;font-family:Arial;letter-spacing:1px}
/* 导航（手机横向滑动） */
.sj-nav{background:#2e8b57}
.sj-nav .w{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sj-nav .w::-webkit-scrollbar{display:none}
.sj-nav a{color:#fff;text-decoration:none;padding:12px 18px;font-size:14px;white-space:nowrap;border-right:1px solid #379763}
.sj-nav a.on,.sj-nav a:hover{background:#236b44}
/* 面包屑 */
.sj-crumb{background:#fff;border-bottom:1px solid #dcebdd;font-size:12px;color:#8aa88f}
.sj-crumb .w{display:flex;gap:6px;padding:8px 0;flex-wrap:wrap}
.sj-crumb a{color:#4c7a5d;text-decoration:none}
.sj-crumb a:hover{text-decoration:underline}
/* hero */
.sj-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin:16px auto}
.sj-hero-l{background:#fff;border-radius:14px;padding:20px 24px;border:1px solid #dcebdd}
.sj-hero-l h2{font-size:23px;color:#236b44;line-height:1.5}
.sj-hero-l h2 em{font-style:normal;color:#d35400}
.sj-hero-l p{font-size:13px;color:#5f7d64;margin-top:8px;line-height:2}
.sj-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sj-chips a{font-size:12px;color:#2e8b57;background:#e6f3e8;text-decoration:none;border-radius:14px;padding:4px 14px}
.sj-chips a:hover{background:#2e8b57;color:#fff}
.sj-hero-r{background:#236b44;color:#fff;border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:8px}
.sj-hero-r .t{font-size:14px;color:#ffd98a;letter-spacing:2px;text-align:center}
.sj-hero-r .tel{text-align:center;background:rgba(255,255,255,.1);border-radius:10px;padding:10px}
.sj-hero-r .tel em{font-style:normal;font-size:11px;color:#bfe0cb;display:block}
.sj-hero-r .tel b{font-family:Arial;font-size:23px;color:#ffd98a;letter-spacing:1px}
.sj-hero-r .qq{text-align:center;font-size:13px;color:#d5ecd9;border-top:1px dashed #379763;padding-top:8px}
.sj-hero-r .qq b{color:#ffd98a}
/* 板块标题 */
.sj-sec{display:flex;align-items:center;gap:12px;margin:20px 0 12px}
.sj-sec b{font-size:18px;color:#236b44;border-left:5px solid #2e8b57;padding-left:10px}
.sj-sec i{font-style:normal;flex:1;height:1px;background:#cfe3d2}
.sj-sec a{font-size:12px;color:#8aa88f;text-decoration:none;white-space:nowrap}
/* 服务环 */
.sj-ring{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.sj-r{background:#fff;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:3px solid #d5ecd9;text-decoration:none;transition:.2s;padding:6px}
.sj-r:hover{border-color:#2e8b57;transform:translateY(-4px)}
.sj-r i{font-style:normal;font-size:26px}
.sj-r b{font-size:14px;color:#2e8b57;margin-top:2px}
.sj-r span{font-size:11px;color:#d35400;font-family:Arial}
.sj-ringmore{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.sj-rm{background:#fff;border:1px solid #dcebdd;border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center;text-decoration:none}
.sj-rm:hover{border-color:#2e8b57}
.sj-rm i{font-style:normal;width:40px;height:40px;border-radius:50%;background:#e6f3e8;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none}
.sj-rm b{font-size:14px;color:#2e5b38;display:block}
.sj-rm span{font-size:12px;color:#d35400;font-family:Arial}
/* 承诺带 */
.sj-band{background:#236b44;border-radius:14px;padding:13px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px auto}
.sj-band .tag{background:#ffd98a;color:#236b44;font-size:12px;font-weight:bold;border-radius:12px;padding:3px 14px;flex:none}
.sj-band p{font-size:12px;color:#d5ecd9;flex:1;min-width:260px}
/* 主区双栏 */
.sj-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin:0 auto}
.sj-box{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #dcebdd}
.sj-box .hd{background:#f2f9f2;border-bottom:2px solid #2e8b57;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.sj-box .hd b{font-size:15px;color:#236b44}
.sj-box .hd span{font-size:11px;color:#8aa88f;white-space:nowrap}
/* 贴士 */
.sj-tips{display:grid;grid-template-columns:1fr 1fr}
.sj-tip{padding:13px 16px;border-bottom:1px dotted #dcebdd;display:flex;gap:10px;text-decoration:none}
.sj-tip:nth-child(odd){border-right:1px dotted #dcebdd}
.sj-tip i{font-style:normal;font-size:20px;flex:none}
.sj-tip b{font-size:13px;color:#2e5b38;display:block}
.sj-tip p{font-size:12px;color:#7d9080;margin-top:2px;line-height:1.7}
.sj-tip:hover{background:#f7fbf7}
/* 价目 */
.sj-price{padding:12px 16px}
.sj-tblwrap{overflow-x:auto}
.sj-price table{width:100%;border-collapse:collapse;font-size:13px;min-width:240px}
.sj-price th{background:#2e8b57;color:#fff;padding:8px;font-weight:normal;border-radius:4px;text-align:left}
.sj-price td{padding:8px 6px;border-bottom:1px dotted #dcebdd}
.sj-price td:last-child,.sj-price th:last-child{text-align:right}
.sj-price .p{color:#d35400;font-weight:bold;font-family:Arial}
.sj-price .note{font-size:11px;color:#8aa88f;margin-top:8px}
/* 问答/文章榜 */
.sj-qa li,.sj-art li{list-style:none;border-bottom:1px dotted #dcebdd}
.sj-qa li:last-child,.sj-art li:last-child{border:0}
.sj-qa a{display:flex;padding:10px 16px;gap:8px;color:#2e3b2e;text-decoration:none;align-items:baseline}
.sj-qa a:hover{background:#f7fbf7}
.sj-qa .q{color:#fff;background:#2e8b57;border-radius:4px;font-size:11px;padding:1px 7px;flex:none;font-style:normal}
.sj-qa span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sj-art a{display:flex;padding:10px 16px;gap:12px;text-decoration:none;color:#2e3b2e;align-items:center}
.sj-art a:hover{background:#f7fbf7}
.sj-art .no{width:22px;height:22px;border-radius:50%;background:#e6f3e7;color:#2e8b57;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none;font-family:Arial;font-style:normal}
.sj-art li:nth-child(-n+3) .no{background:#2e8b57;color:#fff}
.sj-art span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.sj-art .dt{font-size:11px;color:#9ab29e;font-family:Arial;white-space:nowrap;font-style:normal}
/* 流程 */
.sj-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px auto 0}
.sj-fs{background:#fff;border-radius:14px;text-align:center;padding:16px 10px;border-top:4px solid #2e8b57;text-decoration:none}
.sj-fs i{font-style:normal;width:40px;height:40px;border-radius:50%;background:#e6f3e7;color:#2e8b57;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.sj-fs b{display:block;font-size:14px;color:#236b44;margin-top:6px}
.sj-fs span{font-size:11px;color:#8aa88f}
/* 场景 */
.sj-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin:14px auto 0}
.sj-sc{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:16px 18px;display:flex;gap:14px;text-decoration:none}
.sj-sc:hover{border-color:#2e8b57}
.sj-sc i{font-style:normal;font-size:30px;flex:none}
.sj-sc b{font-size:15px;color:#2e5b38;display:block}
.sj-sc p{font-size:12px;color:#7d9080;margin-top:4px;line-height:1.8}
.sj-sc a{font-size:12px;color:#2e8b57;text-decoration:none;font-weight:bold;white-space:nowrap}
/* 须知 */
.sj-note{background:#fff7ea;border:1px solid #f0dfc0;border-radius:14px;padding:12px 18px;font-size:12px;color:#7a5b22;line-height:2;margin:18px auto}
.sj-note b{color:#b85a08}
/* 区域 */
.sj-area{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:14px 18px;margin:0 auto}
.sj-area .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sj-area b{font-size:14px;color:#236b44;margin-right:4px}
.sj-area a{font-size:12px;color:#4c7a5d;text-decoration:none;background:#f2f8f3;border:1px solid #e2efe4;padding:3px 12px;border-radius:3px}
.sj-area a:hover{background:#2e8b57;color:#fff;border-color:#2e8b57}
.sj-area .mall{margin-top:8px}
.sj-area .mall a{background:none;border:0;color:#8aa88f;padding:3px 6px;text-decoration:underline}
/* 分类头 */
.sj-cathead{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:18px 22px;margin:16px auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.sj-cathead .ico{width:72px;height:72px;border-radius:50%;background:#e6f3e8;border:3px solid #d5ecd9;display:flex;align-items:center;justify-content:center;font-size:34px;flex:none}
.sj-cathead h1{font-size:22px;color:#236b44}
.sj-cathead h1 small{font-size:11px;color:#8aa88f;font-weight:normal;margin-left:10px}
.sj-cathead p{font-size:13px;color:#5f7d64;margin-top:4px}
.sj-cathead .st{margin-left:auto;text-align:center;display:flex;gap:20px}
.sj-cathead .st div b{font-size:20px;color:#d35400;font-family:Arial;display:block}
.sj-cathead .st div span{font-size:11px;color:#8aa88f}
/* 标签头 */
.sj-taghead{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:18px 22px;margin:16px auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.sj-taghead .ico{width:64px;height:64px;border-radius:50%;background:#236b44;color:#ffd98a;display:flex;align-items:center;justify-content:center;font-size:26px;flex:none}
.sj-taghead h1{font-size:22px;color:#236b44}
.sj-taghead h1 small{font-size:12px;color:#8aa88f;font-weight:normal;margin-left:10px}
.sj-taghead p{font-size:13px;color:#5f7d64;margin-top:4px}
.sj-taghead .st{margin-left:auto;text-align:center}
.sj-taghead .st b{font-size:20px;color:#d35400;font-family:Arial;display:block}
.sj-taghead .st span{font-size:11px;color:#8aa88f}
/* 精选卡 */
.sj-feats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 16px}
.sj-feat{background:#f7fbf7;border:1px solid #e2efe4;border-radius:12px;padding:14px 16px;text-decoration:none;display:block}
.sj-feat:hover{border-color:#2e8b57}
.sj-feat .bdg{display:inline-block;font-size:11px;background:#2e8b57;color:#fff;border-radius:4px;padding:1px 9px;margin-bottom:6px}
.sj-feat b{font-size:15px;color:#2e5b38;display:block;line-height:1.6}
.sj-feat p{font-size:12px;color:#7d9080;margin-top:5px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sj-feat .m{font-size:11px;color:#9ab29e;margin-top:8px;display:flex;gap:14px}
/* 列表（引擎版） */
.sj-list li{list-style:none;border-bottom:1px dotted #dcebdd}
.sj-list li:last-child{border:0}
.sj-list a{display:block;padding:12px 16px;text-decoration:none;color:#2e3b2e}
.sj-list a:hover{background:#f7fbf7}
.sj-list .t{font-size:14px;font-weight:bold;color:#2e5b38;display:flex;gap:8px;align-items:center}
.sj-list .t .cat{font-size:11px;background:#e6f3e8;color:#2e8b57;border-radius:3px;padding:1px 8px;font-weight:normal;flex:none}
.sj-list p{font-size:12px;color:#7d9080;margin-top:4px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sj-list .m{font-size:11px;color:#9ab29e;margin-top:6px;display:flex;gap:14px}
/* 分页 */
.sj-pager{display:flex;gap:6px;padding:14px 16px;flex-wrap:wrap}
.sj-pager a{font-size:12px;color:#4c7a5d;text-decoration:none;border:1px solid #e2efe4;border-radius:6px;padding:4px 12px;background:#fff}
.sj-pager a.on{background:#2e8b57;color:#fff;border-color:#2e8b57}
.sj-pager a:hover{border-color:#2e8b57}
.sj-pager span{font-size:12px;color:#b0c4b4;padding:4px 6px}
/* 右栏分类钮/榜/CTA */
.sj-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.sj-cats a{background:#f2f8f3;border:1px solid #e2efe4;border-radius:10px;text-align:center;padding:10px 2px;text-decoration:none}
.sj-cats a:hover{border-color:#2e8b57;background:#fff}
.sj-cats i{font-style:normal;font-size:19px;display:block}
.sj-cats b{font-size:12px;color:#2e5b38;display:block;margin-top:2px;white-space:nowrap}
.sj-rank li{list-style:none;border-bottom:1px dotted #dcebdd}
.sj-rank li:last-child{border:0}
.sj-rank a{display:flex;padding:9px 16px;gap:10px;text-decoration:none;color:#2e3b2e;align-items:center}
.sj-rank a:hover{background:#f7fbf7}
.sj-rank .no{width:20px;height:20px;border-radius:50%;background:#e6f3e7;color:#2e8b57;font-size:11px;display:flex;align-items:center;justify-content:center;flex:none;font-family:Arial;font-style:normal}
.sj-rank li:nth-child(-n+3) .no{background:#2e8b57;color:#fff}
.sj-rank span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.sj-rank em{font-style:normal;font-size:10px;color:#9ab29e;font-family:Arial;white-space:nowrap}
.sj-cta{background:#236b44;color:#fff;border-radius:14px;padding:16px;text-align:center}
.sj-cta b{font-family:Arial;font-size:22px;color:#ffd98a;display:block}
.sj-cta span{font-size:12px;color:#d5ecd9;display:block;margin-top:4px}
.sj-cta .qq{font-size:12px;border-top:1px dashed #379763;margin-top:8px;padding-top:8px;color:#d5ecd9}
.sj-cta .qq b{color:#ffd98a;font-size:13px;display:inline;font-family:"Microsoft YaHei"}
/* 标签带/云 */
.sj-tags{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:12px 18px;margin:16px auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sj-tags b{font-size:14px;color:#236b44;margin-right:4px}
.sj-tags a{font-size:12px;color:#4c7a5d;text-decoration:none;background:#f2f8f3;border-radius:12px;padding:3px 13px}
.sj-tags a:hover{background:#2e8b57;color:#fff}
.sj-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}
.sj-cloud a{font-size:12px;color:#4c7a5d;text-decoration:none;background:#f2f8f3;border-radius:12px;padding:4px 14px}
.sj-cloud a:hover{background:#2e8b57;color:#fff}
.sj-cloud .cap{width:100%;font-size:14px;color:#236b44;font-weight:bold;padding:2px 0 6px}
/* 标签卡片网格 */
.sj-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 16px}
.sj-card{background:#f7fbf7;border:1px solid #e2efe4;border-radius:12px;padding:13px 15px;text-decoration:none;display:block}
.sj-card:hover{border-color:#2e8b57;background:#fff}
.sj-card .t{font-size:14px;font-weight:bold;color:#2e5b38;line-height:1.6;display:block}
.sj-card p{font-size:12px;color:#7d9080;margin-top:5px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sj-card .m{font-size:11px;color:#9ab29e;margin-top:8px;display:flex;gap:12px}
/* 文章页 */
.sj-post{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:22px 26px}
.sj-post .catline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sj-post .catline .cat{font-size:12px;background:#e6f3e8;color:#2e8b57;border-radius:4px;padding:2px 10px}
.sj-post h1{font-size:24px;color:#236b44;line-height:1.6;margin:10px 0}
.sj-post .meta{font-size:12px;color:#9ab29e;display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px dashed #dcebdd;padding-bottom:12px;margin-bottom:16px}
.sj-post .artc h2{font-size:18px;color:#2e5b38;margin:22px 0 10px;border-left:5px solid #2e8b57;padding-left:12px}
.sj-post .artc p{font-size:14px;color:#44503f;margin-bottom:10px;text-align:justify}
.sj-post .artc p b{color:#b3541e}
.sj-post .artc ul,.sj-post .artc ol{margin:0 0 12px 22px}
.sj-post .artc li{font-size:14px;color:#44503f;padding:3px 0}
.sj-post .artc table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}
.sj-post .artc th{background:#2e8b57;color:#fff;padding:8px 12px;font-weight:normal}
.sj-post .artc td{padding:8px 12px;border-bottom:1px solid #e8f1ea}
.sj-post .artc tr:nth-child(even) td{background:#f7fbf7}
.sj-post .lead{background:#f2f9f2;border-left:4px solid #2e8b57;padding:10px 14px;font-size:13px;color:#4c6b52;margin-bottom:12px;line-height:2}
.sj-post .note{background:#fff7ea;border:1px dashed #e3c79a;border-radius:10px;padding:12px 16px;font-size:12px;color:#7a5b22;line-height:2;margin:14px 0 0}
.sj-post .tags{display:flex;flex-wrap:wrap;gap:8px;border-top:1px dashed #dcebdd;padding-top:14px;margin-top:14px}
.sj-post .tags b{font-size:13px;color:#236b44;margin-right:4px}
.sj-post .tags a{font-size:12px;color:#4c7a5d;text-decoration:none;background:#f2f8f3;border-radius:12px;padding:3px 13px}
.sj-post .tags a:hover{background:#2e8b57;color:#fff}
/* NAP 框（模板层板块：每页必含意浓1家+其他2家） */
.sj-nap{background:#f7fbf7;border:1px solid #dcebdd;border-radius:12px;padding:14px 18px;margin:16px 0 0}
.sj-nap .cap{font-size:14px;color:#236b44;font-weight:bold;margin-bottom:8px}
.sj-nap .cap small{font-size:11px;color:#8aa88f;font-weight:normal;margin-left:8px}
.sj-nap ul{list-style:none}
.sj-nap li{padding:8px 0;border-bottom:1px dotted #e2efe4;font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.sj-nap li:last-child{border-bottom:0}
.sj-nap li b{color:#2e5b38}
.sj-nap li span{color:#7d9080;font-size:12px}
.sj-nap li span b{color:#d35400;font-family:Arial}
.sj-nap .nt{font-size:11px;color:#8aa88f;margin-top:8px;line-height:1.9}
/* 上下篇/相关 */
.sj-pn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:16px auto}
.sj-pn a{background:#fff;border:1px solid #e2efe4;border-radius:10px;padding:10px 14px;text-decoration:none;font-size:13px;color:#2e5b38;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.sj-pn a:hover{border-color:#2e8b57}
.sj-pn a i{font-style:normal;color:#8aa88f;font-size:11px;display:block;margin-bottom:2px}
.sj-pn .nx{text-align:right}
.sj-rel{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:14px 18px}
.sj-rel h3{font-size:15px;color:#236b44;border-left:5px solid #2e8b57;padding-left:10px;margin-bottom:8px}
.sj-rel li{list-style:none;display:flex;padding:8px 0;border-bottom:1px dotted #e8f1ea;gap:8px;font-size:13px;align-items:center}
.sj-rel li:last-child{border:0}
.sj-rel li::before{content:"▪";color:#2e8b57}
.sj-rel a{color:#2e3b2e;text-decoration:none;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sj-rel a:hover{color:#b3541e}
.sj-rel .dt{font-size:11px;color:#9ab29e;font-family:Arial;white-space:nowrap;font-style:normal}
/* 页头（静态页大标题） */
.sj-pagehead{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:20px 24px;margin:16px auto}
.sj-pagehead h1{font-size:23px;color:#236b44}
.sj-pagehead h1 small{font-size:12px;color:#8aa88f;font-weight:normal;margin-left:10px}
.sj-pagehead .lead{font-size:13px;color:#5f7d64;margin-top:8px;line-height:2}
.sj-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.sj-rule{background:#f7fbf7;border:1px dashed #bcdcc4;border-radius:10px;padding:10px 14px;font-size:12px;color:#4c6b52}
.sj-rule b{color:#2e8b57;display:block;font-size:13px;margin-bottom:2px}
/* 价目大表组（静态页） */
.sj-grp{background:#fff;border:1px solid #dcebdd;border-radius:14px;overflow:hidden;margin-top:16px}
.sj-grp .cap{background:#2e8b57;color:#fff;padding:11px 18px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.sj-grp .cap b{font-size:15px}
.sj-grp .cap span{font-size:11px;opacity:.85}
.sj-grp .sj-tblwrap{background:#fff}
.sj-grp table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.sj-grp th{background:#f2f9f2;color:#236b44;padding:9px 18px;text-align:left;font-size:12px;border-bottom:2px solid #2e8b57}
.sj-grp td{padding:9px 18px;border-bottom:1px solid #eef5ef}
.sj-grp tr:last-child td{border-bottom:0}
.sj-grp tr:hover td{background:#f7fbf7}
.sj-grp .p{color:#d35400;font-weight:bold;font-family:Arial;white-space:nowrap}
/* FAQ 手风琴 */
.sj-faqs{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:6px 0;margin-top:16px}
.sj-faqs .t,.sj-faqgrp .t{font-size:16px;color:#236b44;border-left:5px solid #2e8b57;padding:10px 18px 4px}
.sj-faqs details,.sj-faqgrp details{border-bottom:1px dotted #dcebdd}
.sj-faqs details:last-child,.sj-faqgrp details:last-child{border-bottom:0}
.sj-faqs summary,.sj-faqgrp summary{cursor:pointer;padding:13px 18px;font-size:14px;font-weight:bold;color:#2e3b2e;display:flex;gap:10px;align-items:center}
.sj-faqs summary::before,.sj-faqgrp summary::before{content:"问";background:#2e8b57;color:#fff;border-radius:4px;font-size:11px;padding:1px 7px;flex:none}
.sj-faqs summary::marker,.sj-faqgrp summary::marker{content:""}
.sj-faqs details p,.sj-faqgrp details p{padding:0 18px 14px 46px;font-size:13px;color:#5f7d64;line-height:2}
.sj-faqs details p b,.sj-faqgrp details p b{color:#b3541e}
.sj-faqgrp{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:6px 0;margin-bottom:16px}
.sj-faqgrp .t small{font-size:11px;color:#8aa88f;margin-left:8px}
/* 问答左导航 */
.sj-catnav{background:#fff;border:1px solid #dcebdd;border-radius:14px;overflow:hidden;align-self:start}
.sj-catnav .t{background:#2e8b57;color:#fff;font-size:14px;padding:11px 16px}
.sj-catnav a{display:block;font-size:13px;color:#44503f;text-decoration:none;padding:11px 16px;border-bottom:1px dotted #e2efe4}
.sj-catnav a:last-child{border-bottom:0}
.sj-catnav a:hover,.sj-catnav a.on{background:#f2f9f2;color:#236b44;border-left:3px solid #2e8b57;padding-left:13px}
/* 区域环 */
.sj-aring{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:16px}
.sj-ar{background:#fff;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:3px solid #d5ecd9;text-decoration:none;padding:4px}
.sj-ar:hover{border-color:#2e8b57;transform:translateY(-3px)}
.sj-ar b{font-size:15px;color:#2e8b57}
.sj-ar span{font-size:10px;color:#8aa88f}
.sj-ar.hot{border-color:#2e8b57;background:#f2f9f2}
.sj-ar.hot span{color:#d35400}
.sj-mall{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:14px 18px;margin-top:16px}
.sj-mall h3{font-size:15px;color:#236b44;border-left:5px solid #2e8b57;padding-left:10px;margin-bottom:10px}
.sj-mall .row{display:flex;flex-wrap:wrap;gap:8px}
.sj-mall a{font-size:12px;color:#4c7a5d;text-decoration:none;background:#f2f8f3;border:1px solid #e2efe4;padding:4px 14px;border-radius:3px}
.sj-mall a:hover{background:#2e8b57;color:#fff;border-color:#2e8b57}
/* 内容页（关于/隐私） */
.sj-page{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:24px 28px;margin:16px auto}
.sj-page h1{font-size:23px;color:#236b44;margin-bottom:4px}
.sj-page .sub{font-size:12px;color:#8aa88f;margin-bottom:16px}
.sj-page h2{font-size:17px;color:#2e5b38;margin:20px 0 10px;border-left:5px solid #2e8b57;padding-left:12px}
.sj-page p{font-size:14px;color:#44503f;margin-bottom:10px;text-align:justify}
.sj-page p b{color:#b3541e}
.sj-page ul{margin:0 0 12px 22px}
.sj-page ul li{font-size:14px;color:#44503f;padding:3px 0}
.sj-tip{background:#fff7ea;border:1px dashed #e3c79a;border-radius:10px;padding:12px 16px;font-size:13px;color:#7a5b22;line-height:2;margin:14px 0}
.sj-tip b{color:#b3541e}
.sj-vows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:14px 0}
.sj-vow{background:#f7fbf7;border:1px solid #e2efe4;border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.sj-vow i{font-style:normal;font-size:24px;flex:none}
.sj-vow b{font-size:14px;color:#2e5b38;display:block}
.sj-vow span{font-size:12px;color:#7d9080}
.sj-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0}
.sj-step{background:#f7fbf7;border:1px solid #e2efe4;border-radius:10px;text-align:center;padding:12px 4px}
.sj-step i{font-style:normal;width:30px;height:30px;border-radius:50%;background:#2e8b57;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:Arial;font-size:14px}
.sj-step b{display:block;font-size:13px;color:#236b44;margin-top:4px}
.sj-step span{font-size:11px;color:#8aa88f}
.sj-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:14px 0}
.sj-cc{background:#236b44;color:#fff;border-radius:12px;padding:14px 18px;text-align:center}
.sj-cc em{font-style:normal;font-size:11px;color:#bfe0cb;display:block}
.sj-cc b{font-family:Arial;font-size:20px;color:#ffd98a;display:block;margin-top:4px}
/* 承诺带（静态页） */
.sj-vowband{background:#236b44;border-radius:14px;color:#fff;margin:16px auto;padding:14px 22px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;text-align:center}
.sj-vowband div b{font-size:14px;color:#ffd98a;display:block}
.sj-vowband div span{font-size:11px;color:#d5ecd9}
/* 404 */
.sj-p404{background:#fff;border:1px solid #dcebdd;border-radius:14px;padding:40px 20px;text-align:center;margin:16px auto}
.sj-p404 .no{font-family:Arial;font-size:56px;font-weight:bold;color:#236b44}
.sj-p404 h2{font-size:19px;margin:6px 0;color:#2e3b2e}
.sj-p404 p{font-size:13px;color:#8aa88f}
.sj-p404 .bk{margin-top:12px}
.sj-p404 .bk a{color:#d35400;border-bottom:1px solid #d35400;text-decoration:none}
/* 页脚 */
.sj-ft{background:#236b44;color:#bfe0cb;margin-top:20px;font-size:12px}
.sj-ft .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:24px;padding:22px 0;border-bottom:1px solid #2f7d51}
.sj-ft h4{color:#ffd98a;font-size:13px;margin-bottom:8px}
.sj-ft a{color:#bfe0cb;text-decoration:none;display:block;padding:2px 0}
.sj-ft p{line-height:1.9}
.sj-ft .icp{text-align:center;padding:12px 0;color:#7fa891;border-top:1px solid #2f7d51;line-height:2}
.sj-ft .icp a{display:inline;color:#7fa891;text-decoration:underline}
.sj-ft .icp img{vertical-align:-2px;margin-right:2px}
/* ============ 响应式 920/640 ============ */
@media(max-width:920px){
  .sj-hero{grid-template-columns:minmax(0,1fr)}
  .sj-main{grid-template-columns:minmax(0,1fr)}
  .sj-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sj-scene .sj-sc:nth-child(3){grid-column:1/-1}
  .sj-ft .cols{grid-template-columns:1fr 1fr}
  .sj-slog{display:none}
  .sj-aring{grid-template-columns:repeat(4,1fr)}
  .sj-rules{grid-template-columns:1fr 1fr}
  .sj-catnav{display:grid;grid-template-columns:1fr 1fr 1fr}
  .sj-catnav .t{grid-column:1/-1}
}
@media(max-width:640px){
  body{font-size:13px}
  .sj-hd .w{gap:10px;padding:10px 0}
  .sj-logo i{width:46px;height:46px;font-size:22px}
  .sj-logo h1{font-size:21px}
  .sj-tel{margin-left:auto}
  .sj-tel strong{font-size:17px}
  .sj-tel em{font-size:10px}
  .sj-nav a{padding:10px 14px;font-size:13px}
  .sj-hero-l{padding:16px}
  .sj-hero-l h2{font-size:19px}
  .sj-ring{grid-template-columns:repeat(3,1fr);gap:10px}
  .sj-r i{font-size:21px}
  .sj-r b{font-size:12px}
  .sj-r span{font-size:10px}
  .sj-ringmore{grid-template-columns:minmax(0,1fr);gap:8px}
  .sj-tips{grid-template-columns:minmax(0,1fr)}
  .sj-tip:nth-child(odd){border-right:0}
  .sj-flow{grid-template-columns:1fr 1fr;gap:8px}
  .sj-scene{grid-template-columns:minmax(0,1fr)}
  .sj-scene .sj-sc:nth-child(3){grid-column:auto}
  .sj-sec b{font-size:16px}
  .sj-ft .cols{grid-template-columns:1fr;gap:14px}
  .sj-cathead{padding:14px 16px}
  .sj-cathead .ico{width:56px;height:56px;font-size:26px}
  .sj-cathead h1{font-size:18px}
  .sj-taghead{padding:14px 16px}
  .sj-taghead .ico{width:52px;height:52px;font-size:22px}
  .sj-taghead h1{font-size:18px}
  .sj-feats{grid-template-columns:minmax(0,1fr);padding:12px}
  .sj-cats{gap:6px;padding:10px}
  .sj-grid{grid-template-columns:minmax(0,1fr);padding:12px}
  .sj-post{padding:18px 16px}
  .sj-post h1{font-size:19px}
  .sj-post .artc h2{font-size:16px}
  .sj-pn{grid-template-columns:minmax(0,1fr)}
  .sj-pn .nx{text-align:left}
  .sj-pagehead{padding:16px}
  .sj-pagehead h1{font-size:19px}
  .sj-rules{grid-template-columns:1fr}
  .sj-aring{grid-template-columns:repeat(4,1fr);gap:6px}
  .sj-ar b{font-size:12px}
  .sj-ar span{font-size:9px}
  .sj-vows{grid-template-columns:minmax(0,1fr)}
  .sj-steps{grid-template-columns:repeat(3,1fr);gap:6px}
  .sj-contact{grid-template-columns:minmax(0,1fr)}
  .sj-vowband{flex-direction:column;gap:10px}
  .sj-page{padding:16px}
  .sj-page h1{font-size:19px}
  .sj-catnav{grid-template-columns:1fr 1fr}
}