:root{--blue:#185FA5;--blue-d:#0C447C;--blue-l:#E6F1FB;--line:#e5e7eb;--mut:#5f6368;--org:#B45309;--bg2:#f7f9fb}
*{box-sizing:border-box}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;color:#1f2328;line-height:1.75;background:#fff}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.site-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:9}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding-top:10px;padding-bottom:10px}
.logo{font-size:19px;font-weight:700;color:var(--blue-d)}
.logo span{color:var(--blue)}
.main-nav{display:flex;flex-wrap:wrap;gap:2px}
.main-nav a{padding:6px 12px;font-size:14px;color:#333;border-radius:6px}
.main-nav a:hover{background:var(--blue-l);text-decoration:none}
.main-nav a.on{background:var(--blue);color:#fff}
.breadcrumb{font-size:13px;color:var(--mut);padding:12px 0 0}
.breadcrumb a{color:var(--mut)}
.hero{background:var(--blue-l);padding:46px 0}
.hero h1{margin:0 0 10px;font-size:27px;color:var(--blue-d);line-height:1.4}
.hero p{margin:0 0 18px;font-size:15px;color:#33475b;max-width:720px}
.btn-tel{display:inline-block;background:var(--blue);color:#fff;padding:10px 26px;border-radius:8px;font-size:16px;font-weight:700}
.btn-tel:hover{background:var(--blue-d);text-decoration:none}
.hero-tip{margin-top:12px;font-size:13px;color:var(--mut)}
section{padding:34px 0 6px}
h2.sec{font-size:21px;color:var(--blue-d);border-left:4px solid var(--blue);padding-left:12px;margin:0 0 16px}
h3{font-size:17px;color:var(--blue-d);margin:22px 0 8px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}
.card h3{margin:0 0 6px;font-size:16px}
.card h3 a{color:var(--blue-d)}
.card p{margin:0 0 8px;font-size:13px;color:var(--mut)}
.price-tag{display:inline-block;color:var(--org);font-weight:700;font-size:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
table{width:100%;border-collapse:collapse;margin:10px 0 16px}
th,td{border:1px solid var(--line);padding:8px 10px;font-size:14px;text-align:left;vertical-align:top}
th{background:var(--blue-l);color:var(--blue-d);font-weight:700}
ul,ol{padding-left:22px;margin:8px 0 14px}
li{margin:3px 0}
.steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:8px 14px 8px 34px;font-size:14px;position:relative;margin:0}
.steps li::before{content:counter(s);position:absolute;left:10px;top:8px;width:18px;height:18px;line-height:18px;text-align:center;background:var(--blue);color:#fff;border-radius:50%;font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.chips li{background:var(--blue-l);color:var(--blue-d);border-radius:20px;padding:4px 14px;font-size:14px;margin:0}
.note{background:#fdf6ec;border:1px solid #f3e0bd;border-radius:8px;padding:10px 14px;font-size:14px;margin:12px 0}
.danger{background:#FCEBEB;border:1px solid #F0B9B9;border-radius:8px;padding:10px 14px;font-size:14px;margin:12px 0}
details{border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:8px 0;background:#fff}
details summary{cursor:pointer;font-weight:700;font-size:15px;color:#1f2328}
details p{margin:8px 0 0;font-size:14px;color:#333}
.member{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:12px 0;background:var(--bg2)}
.member h3{margin:0 0 4px}
.member .role{color:var(--blue);font-size:14px;font-weight:700}
.member p{margin:6px 0 0;font-size:14px;color:#333}
.case{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:12px 0}
.case h3{margin:0 0 6px;font-size:16px}
.case p{margin:6px 0;font-size:14px;color:#333}
.case .meta{font-size:13px;color:var(--mut)}
.blockquote{border-left:4px solid var(--line);margin:14px 0;padding:8px 16px;color:var(--mut);font-size:14px;background:var(--bg2);border-radius:0 8px 8px 0}
.page-main{padding-bottom:20px;min-height:52vh}
.site-footer{background:#f5f7fa;border-top:1px solid var(--line);margin-top:44px;padding:30px 0 24px;font-size:13px;color:var(--mut)}
.site-footer p{margin:5px 0}
.site-footer a{color:var(--mut)}
.site-footer .fine{border-top:1px dashed var(--line);padding-top:10px;margin-top:12px}
.nav-item{position:relative}
.nav-item>a{display:block}
.sub-nav{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;min-width:112px;z-index:20}
.nav-item:hover .sub-nav,.nav-item:focus-within .sub-nav{display:block}
.sub-nav a{display:block;padding:5px 12px;font-size:13px;color:#333;white-space:nowrap;border-radius:6px}
.sub-nav a:hover{background:var(--blue-l);text-decoration:none}
.streets{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px 18px;margin:10px 0}
.streets p{margin:6px 0;font-size:14px}
.casebox{border:1px dashed var(--line);border-radius:10px;padding:14px 18px;color:var(--mut);font-size:14px;margin:10px 0}
.caret{font-size:11px}
.sub-wide{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;grid-template-columns:repeat(4,1fr);gap:2px 10px;width:620px;z-index:20;margin-top:4px}
.nav-item:hover .sub-wide,.nav-item:focus-within .sub-wide{display:grid}
.sub-col{min-width:0}
.sub-t{display:block;font-size:12px;color:var(--mut);font-weight:700;padding:4px 10px 6px;border-bottom:1px solid var(--line);margin-bottom:4px;white-space:nowrap}
.sub-wide a{display:block;padding:4px 10px;font-size:13px;color:#333;white-space:nowrap;border-radius:6px}
.sub-wide a:hover{background:var(--blue-l);text-decoration:none}
.card p.sub-links{font-size:12px;color:var(--mut);margin:10px 0 0;padding-top:8px;border-top:1px solid var(--line)}
.card p.sub-links a{margin-right:10px;white-space:nowrap}
@media (max-width:860px){.sub-wide{position:static;width:auto;grid-template-columns:repeat(2,1fr);margin-top:6px}}
@media (max-width:820px){.cards,.grid3{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:22px}}
@media (max-width:560px){.cards,.grid2,.grid3{grid-template-columns:1fr}.main-nav a{padding:5px 8px;font-size:13px}.sub-nav{display:block;position:static;border:none;padding:0}.sub-nav a{display:inline-block;padding:4px 10px}}

/* 师傅档案页 */
.master-photo{width:130px;height:130px;border:1px solid #dde3ea;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#98a2b0;font-size:13px;margin:0 0 14px;background:#f7f9fb}
ul.master-links{margin:6px 0 0;padding-left:0;list-style:none}
ul.master-links li{margin:4px 0}

/* 文章作者栏 */
.author-box{border-top:1px solid #e3e8ee;margin-top:18px;padding-top:10px}
.author-box .meta{margin:0}

/* 案例现场图与师傅照片 */
.case-img{width:100%;max-width:520px;height:auto;border:1px solid #dde3ea;border-radius:8px;display:block;margin:10px 0}
.member-photo{width:150px;height:150px;object-fit:cover;border:1px solid #dde3ea;border-radius:10px;display:block;margin:8px 0}

/* 官方平台外链列表 */
ul.plat-list{list-style:none;padding:0;margin:4px 0 0}
ul.plat-list li{margin:7px 0}
ul.plat-list a{display:inline-block;font-size:14px;color:var(--blue)}
ul.plat-list a::after{content:"↗";margin-left:4px;font-size:12px;color:var(--mut)}
.dim{color:#98a2b0;font-size:13px}

/* 真实用户口碑 */
.sub-t2{font-size:14px;color:var(--mut);margin:-8px 0 14px}
.rev-card{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff;display:flex;flex-direction:column}
.rev-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rev-avatar{width:42px;height:42px;border-radius:50%;background:var(--blue-l);color:var(--blue-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex:none}
.rev-name{font-weight:700;font-size:14px}
.rev-zone{font-size:12px;color:var(--mut);font-weight:400}
.rev-stars{color:#F59E0B;font-size:14px;letter-spacing:2px;margin-top:2px}
.rev-card>p{font-size:13px;color:#3c4453;line-height:1.75;margin:0 0 12px}
.rev-meta{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;color:var(--mut);display:flex;justify-content:space-between;gap:8px}