/* 555abg55.net.cn 家居家装风 jj9- · 主色 #1f2937 */
*{margin:0;padding:0;box-sizing:border-box}
:root{--jj9-main:#1f2937;--jj9-main-d:#111827;--jj9-wood:#8a5a2b;--jj9-amber:#b45309;--jj9-ink:#2b2f36;--jj9-sub:#6b7280;--jj9-line:#e5ddd0;--jj9-bg:#f6f4ef;--jj9-card:#fffdf8;--jj9-soft:#f1ebe0}
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;color:var(--jj9-ink);background:var(--jj9-bg);line-height:1.9;font-size:16px}
a{color:var(--jj9-amber);text-decoration:none}
a:hover{color:var(--jj9-wood)}
img{max-width:100%;height:auto}
h1,h2,h3{line-height:1.5}
.jj9-main{max-width:1080px;margin:0 auto;padding:18px 16px 40px}
/* 页头 */
.jj9-header{background:var(--jj9-main)}
.jj9-brandbar{max-width:1080px;margin:0 auto;padding:14px 16px 10px;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;border-bottom:3px solid var(--jj9-wood)}
.jj9-logo{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;background:var(--jj9-wood);color:#fff;border-radius:4px;font-weight:700;font-size:20px;margin-right:8px;vertical-align:middle}
.jj9-name{font-size:21px;font-weight:700;color:#f5efe4;letter-spacing:1px}
.jj9-tag{font-size:13px;color:#b9c0c9;margin-left:6px}
.jj9-nav{max-width:1080px;margin:0 auto;padding:6px 12px 10px;display:flex;flex-wrap:wrap;gap:2px}
.jj9-nav a{padding:7px 13px;border-radius:4px;font-size:14.5px;color:#d3d8de}
.jj9-nav a:hover{background:#2b3644;color:#fff}
.jj9-nav a.jj9-on{background:var(--jj9-wood);color:#fff}
/* 面包屑 */
.jj9-crumbs{font-size:13.5px;color:var(--jj9-sub);margin:2px 0 14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.jj9-crumbs span{color:#a9a196}
/* hero */
.jj9-hero{background:linear-gradient(135deg,var(--jj9-main) 0%,var(--jj9-main-d) 82%,#0b1220 100%);border:1px solid var(--jj9-wood);border-radius:12px;padding:30px 30px 24px;color:#fff;margin-bottom:18px;box-shadow:0 10px 26px rgba(31,41,55,.25)}
.jj9-hero h1{font-size:27px;margin-bottom:10px;letter-spacing:1px}
.jj9-meta{font-size:13.5px;color:#b9c0c9;margin-bottom:16px}
.jj9-fig{background:rgba(255,255,255,.06);border-radius:8px;padding:8px}
.jj9-fig img{border-radius:6px;display:block}
.jj9-fig figcaption{font-size:12.5px;color:#9aa3ad;text-align:center;padding-top:6px}
/* 案例条 */
.jj9-case,.jj9-style,.jj9-pit,.jj9-pfaq,.jj9-pask,.jj9-latest,.jj9-all,.jj9-geo,.jj9-faq,.jj9-related{margin-bottom:22px}
.jj9-case h2,.jj9-style h2,.jj9-pit h2,.jj9-pfaq h2,.jj9-pask h2,.jj9-latest h2,.jj9-all h2,.jj9-geo h2,.jj9-faq h2,.jj9-related h2{font-size:20px;color:var(--jj9-main);border-left:5px solid var(--jj9-wood);padding-left:12px;margin-bottom:14px}
.jj9-case-intro,.jj9-style-intro,.jj9-pit-intro{color:var(--jj9-sub);margin-bottom:12px}
.jj9-casegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.jj9-caseitem{background:var(--jj9-card);border:1px solid var(--jj9-line);border-top:4px solid var(--jj9-wood);border-radius:8px;padding:14px 16px}
.jj9-caseitem h3{font-size:16px;color:var(--jj9-main);margin-bottom:6px}
.jj9-caseitem p{font-size:14px;color:var(--jj9-sub)}
/* 风格卡 */
.jj9-stylegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.jj9-stylecard{background:var(--jj9-soft);border:1px solid var(--jj9-line);border-radius:8px;padding:14px 16px}
.jj9-stylecard h3{font-size:16px;color:var(--jj9-wood);margin-bottom:6px}
.jj9-stylecard p{font-size:14px;color:var(--jj9-sub)}
/* 避坑指南 */
.jj9-pit ol{list-style:none}
.jj9-pit li{display:flex;gap:12px;background:var(--jj9-card);border:1px solid var(--jj9-line);border-radius:8px;padding:14px 16px;margin-bottom:10px}
.jj9-stepno{flex:0 0 30px;height:30px;line-height:30px;text-align:center;background:var(--jj9-main);color:#fff;border-radius:4px;font-weight:700}
.jj9-pit h3{font-size:16px;color:var(--jj9-main);margin-bottom:4px}
.jj9-pit p{font-size:14.5px;color:var(--jj9-sub)}
/* 问答 */
.jj9-qa{background:var(--jj9-card);border:1px solid var(--jj9-line);border-radius:8px;padding:12px 16px;margin-bottom:10px}
.jj9-qa h3{font-size:15.5px;color:var(--jj9-main);margin-bottom:6px}
.jj9-qa p{font-size:14.5px;color:var(--jj9-sub)}
/* 最新文章 / 全部文章 */
.jj9-latest ul,.jj9-all ul{list-style:none;background:var(--jj9-card);border:1px solid var(--jj9-line);border-radius:8px;padding:8px 16px}
.jj9-latest li,.jj9-all li{padding:8px 0;border-bottom:1px dashed var(--jj9-line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.jj9-latest li:last-child,.jj9-all li:last-child{border-bottom:0}
.jj9-date{color:#a9a196;font-size:13px}
/* GEO */
.jj9-geo{background:var(--jj9-soft);border:1px solid var(--jj9-line);border-left:5px solid var(--jj9-amber);border-radius:8px;padding:16px 18px}
.jj9-geo p{font-size:14.5px;color:var(--jj9-ink)}
/* 正文 */
.jj9-body{background:var(--jj9-card);border:1px solid var(--jj9-line);border-radius:10px;padding:22px 26px;margin-bottom:18px}
.jj9-lead{font-size:16.5px;font-weight:600;color:var(--jj9-main);border-left:4px solid var(--jj9-wood);padding:2px 0 2px 14px;margin-bottom:16px}
.jj9-body h2{font-size:19px;color:var(--jj9-main);margin:20px 0 10px;padding-left:10px;border-left:4px solid var(--jj9-amber)}
.jj9-body p{font-size:15.5px;color:#3c434c;margin-bottom:12px;text-align:justify}
.jj9-kp{background:var(--jj9-soft);border:1px dashed var(--jj9-wood);border-radius:8px;padding:12px 16px;margin-bottom:16px}
.jj9-kp-title{font-size:14px;font-weight:700;color:var(--jj9-wood);margin-bottom:6px}
.jj9-kp ul{padding-left:20px;font-size:14px;color:var(--jj9-sub)}
.jj9-tipline{font-size:13.5px;color:#a9a196;border-top:1px dashed var(--jj9-line);padding-top:10px;margin-bottom:18px}
/* 相关阅读 */
.jj9-related ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.jj9-related li{background:var(--jj9-card);border:1px solid var(--jj9-line);border-radius:8px;padding:10px 14px;font-size:14.5px}
/* 页脚 */
.jj9-footer{background:var(--jj9-main-d);color:#c7cdd5;margin-top:30px}
.jj9-footgrid{max-width:1080px;margin:0 auto;padding:26px 16px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.jj9-footcol h3{font-size:15px;color:#f0e7d8;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--jj9-wood)}
.jj9-footcol a{display:block;font-size:13.5px;color:#aab3be;padding:3px 0}
.jj9-footcol a:hover{color:#fff}
.jj9-footcol p{font-size:12.5px;color:#7d8691;margin-top:8px;line-height:1.8}
.jj9-copy{max-width:1080px;margin:0 auto;padding:0 16px 22px;font-size:12.5px;color:#7d8691}
@media(max-width:720px){
.jj9-footgrid{grid-template-columns:repeat(2,1fr)}
.jj9-hero{padding:20px 16px}
.jj9-body{padding:16px}
}