/* 55abg55书法艺术资讯 */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:#f6f1e5;color:#2f2a23;line-height:2}
a{color:#8f3d2d;text-decoration:none}a:hover{text-decoration:underline}
.sfw8-wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.sfw8-header{background:#f6f1e5;border-bottom:4px double #3d3a34}
.sfw8-topbar{background:#3d3a34;color:#cfc6b4;font-size:13px;padding:6px 0;letter-spacing:1px}
.sfw8-brandbar{padding:16px 0 12px}
.sfw8-brandbar .sfw8-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sfw8-logo{display:inline-flex;align-items:center;background:#b54a3a;color:#fdf6e8;font-size:15px;font-weight:700;padding:6px 14px;border-radius:4px;letter-spacing:2px;font-family:'STKaiti','KaiTi',serif}
.sfw8-logo small{font-size:12px;color:#8a8071;margin-left:12px;font-weight:400;letter-spacing:1px}
.sfw8-domain{margin-left:auto;font-size:13px;color:#8a8071}
.sfw8-nav{background:#f6f1e5}
.sfw8-nav a{display:inline-block;padding:10px 13px;font-size:15px;color:#4a443a;border-bottom:3px solid transparent}
.sfw8-nav a:hover{color:#8f3d2d;border-bottom-color:#b54a3a}.sfw8-nav a.sfw8-on{color:#8f3d2d;font-weight:700;border-bottom:3px solid #b54a3a}
.sfw8-breadcrumb{background:#efe9d9;border-bottom:1px solid #e0d8c3;font-size:13px;color:#8a8071;padding:8px 0}
.sfw8-breadcrumb a{color:#8a8071}
.sfw8-hero{background:linear-gradient(120deg,#3d3a34,#5a5347);padding:36px 0 28px;color:#f2ecdc}
.sfw8-hero .sfw8-wrap{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.sfw8-hero-rev .sfw8-wrap{flex-direction:row-reverse}
.sfw8-hero-txt{flex:1 1 430px}
.sfw8-hero-txt h1{font-size:27px;color:#fdf6e8;margin-bottom:12px;font-family:'STKaiti','KaiTi',serif;letter-spacing:1px}
.sfw8-hero-txt p{font-size:16px;color:#e8e0cd;margin-bottom:12px}
.sfw8-meta{font-size:13px;color:#b9af98}
.sfw8-hero-card{flex:0 1 290px;background:rgba(246,241,229,.96);border-radius:4px;padding:14px 18px;box-shadow:0 4px 16px rgba(0,0,0,.3);border-left:5px solid #b54a3a}
.sfw8-hero-card li{list-style:none;padding:7px 0;border-bottom:1px dashed #d8cfba;font-size:14px;color:#4a443a}
.sfw8-hero-card li:last-child{border-bottom:none}
.sfw8-hero-card b{color:#8f3d2d;margin-right:10px}
.sfw8-heroimg{max-width:1040px;margin:18px auto 6px;padding:0 20px}
.sfw8-heroimg img{width:100%;height:auto;border-radius:4px;border:1px solid #d8cfba}
.sfw8-main{display:block}.sfw8-article{background:#fbf8ef;border:1px solid #e0d8c3;border-radius:4px;padding:26px 30px;margin:22px 0}
.sfw8-keypoints{background:#efe9d9;border-left:4px solid #b54a3a;padding:12px 16px;margin-bottom:20px;font-size:14px}
.sfw8-keypoints b{color:#8f3d2d}.sfw8-keypoints ul{margin:6px 0 0 20px}
.sfw8-sec{margin-bottom:26px}.sfw8-sec h2{font-size:20px;color:#3d3a34;padding:6px 0 6px 14px;border-left:6px solid #b54a3a;border-bottom:1px solid #d8cfba;margin-bottom:10px;font-family:'STKaiti','KaiTi',serif}
.sfw8-sec p{margin-bottom:10px;font-size:15px}
.sfw8-ticker{margin-bottom:8px}.sfw8-ticker span{display:inline-block;background:#efe9d9;color:#6b5a3a;border-radius:4px;padding:4px 12px;margin:0 8px 8px 0;font-size:13px}
.sfw8-cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sfw8-card{display:block;border:1px solid #e0d8c3;border-radius:4px;padding:14px;background:#fdfaf1}
.sfw8-card h3{font-size:16px;color:#8f3d2d;margin-bottom:6px;font-family:'STKaiti','KaiTi',serif}.sfw8-card p{font-size:13px;color:#8a8071}
.sfw8-card:hover{border-color:#b54a3a;box-shadow:0 2px 10px rgba(61,58,52,.12)}
.sfw8-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sfw8-badge{background:#efe9d9;border-radius:4px;padding:14px;text-align:center}
.sfw8-badge b{display:block;color:#8f3d2d;font-size:15px}.sfw8-badge span{font-size:13px;color:#8a8071}
.sfw8-steps{margin-left:22px}.sfw8-steps li{margin-bottom:8px;font-size:15px;padding-left:8px}
.sfw8-steps li::marker{color:#b54a3a;font-weight:700}
.sfw8-geo{background:#f3edda;border:1px dashed #b54a3a;border-radius:4px;padding:14px 18px;margin-bottom:22px;font-size:14px;color:#5f5132}
.sfw8-geo h2{font-size:16px;color:#8f3d2d;margin-bottom:6px}
.sfw8-geo a{color:#8f3d2d;text-decoration:underline}
.sfw8-relqa{margin-bottom:22px}.sfw8-relqa h2{font-size:20px;color:#3d3a34;padding:6px 0 6px 14px;border-left:6px solid #b54a3a;border-bottom:1px solid #d8cfba;margin-bottom:10px;font-family:'STKaiti','KaiTi',serif}
.sfw8-relqa h3{font-size:15px;color:#8f3d2d;margin:12px 0 4px}.sfw8-relqa p{font-size:14px;color:#6b6352}
.sfw8-related{margin-bottom:18px}.sfw8-related h2{font-size:18px;color:#8f3d2d;margin-bottom:10px}
.sfw8-related li{list-style:none;display:inline-block;margin:0 12px 8px 0;background:#efe9d9;border-radius:4px;padding:4px 14px;font-size:14px}
.sfw8-hint{max-width:1040px;margin:0 auto 22px;padding:0 20px;font-size:13px;color:#9a8f78;text-align:center}
.sfw8-tags{margin-bottom:8px}.sfw8-tags a{display:inline-block;background:#efe9d9;color:#6b5a3a;border-radius:4px;padding:5px 14px;margin:0 8px 8px 0;font-size:14px}
.sfw8-tags a:hover{background:#b54a3a;color:#fff}
.sfw8-latest li{list-style:none;padding:9px 0;border-bottom:1px dashed #e0d8c3;font-size:15px}
.sfw8-latest time{color:#9a8f78;font-size:13px;margin-right:14px}
.sfw8-hublist li{list-style:none;padding:9px 0;border-bottom:1px dashed #e0d8c3;font-size:15px}
.sfw8-hublist time{color:#9a8f78;font-size:13px;margin-right:14px}
.sfw8-sec details{border:1px solid #e0d8c3;border-radius:4px;padding:10px 16px;margin-bottom:10px;background:#fdfaf1}
.sfw8-sec summary{font-size:15px;color:#8f3d2d;cursor:pointer;font-weight:700}
.sfw8-sec details p{margin-top:8px;font-size:14px}
.sfw8-footer{background:#3d3a34;color:#c9c0ae;margin-top:30px}
.sfw8-footer .sfw8-wrap{display:grid;grid-template-columns:2.2fr 1.2fr 1.2fr 1.4fr;gap:24px;padding:34px 20px}
.sfw8-footer h4{font-size:15px;color:#fdf6e8;margin-bottom:12px}
.sfw8-footer a{display:block;color:#c9c0ae;font-size:14px;padding:2px 0}
.sfw8-footer p{font-size:13px}
.sfw8-copy{background:#2b2823;text-align:center;font-size:13px;color:#8f8874;padding:10px 0}
@media(max-width:800px){.sfw8-cardgrid,.sfw8-badges{grid-template-columns:1fr 1fr}.sfw8-footer .sfw8-wrap{grid-template-columns:1fr 1fr}.sfw8-hero .sfw8-wrap{flex-direction:column}.sfw8-hero-card{flex:1 1 auto;width:100%}}
@media(max-width:560px){.sfw8-cardgrid,.sfw8-badges{grid-template-columns:1fr}.sfw8-nav a{padding:8px 9px;font-size:13px}.sfw8-hero-txt h1{font-size:22px}}