/* aaabbgg77.net.cn — 摄影影像风 sy7- 主色 #92400e */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#faf6f0;color:#3a2c1c;line-height:1.9;font-size:16px}
a{color:#92400e;text-decoration:none}
a:hover{color:#b45309;text-decoration:underline}
img{max-width:100%;height:auto;display:block}

.sy7-header{background:#241407;border-bottom:4px solid #92400e}
.sy7-brandbar{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:16px 20px 10px;flex-wrap:wrap}
.sy7-brand{display:flex;align-items:center;gap:10px;color:#fcd34d}
.sy7-brand:hover{text-decoration:none;color:#fcd34d}
.sy7-logo{display:inline-flex;width:42px;height:42px;border-radius:50%;background:#92400e;color:#fef3c7;font-weight:700;font-size:22px;align-items:center;justify-content:center;border:2px solid #fcd34d}
.sy7-name{font-size:20px;font-weight:700;color:#fef3c7}
.sy7-tag{font-size:13px;color:#d6c9a8;letter-spacing:1px}
.sy7-nav{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2px;padding:0 20px 10px}
.sy7-nav a{color:#e8dcc0;padding:7px 13px;border-radius:6px 6px 0 0;font-size:15px}
.sy7-nav a:hover{background:#92400e;color:#fff;text-decoration:none}
.sy7-nav a.sy7-on{background:#92400e;color:#fff;font-weight:600}

.sy7-main{max-width:1180px;margin:0 auto;padding:18px 20px 40px}
.sy7-crumbs{font-size:13px;color:#8a7355;margin-bottom:14px}
.sy7-crumbs a{color:#92400e}
.sy7-crumbs span{padding:0 4px}

.sy7-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;background:linear-gradient(135deg,#301a08,#92400e 62%,#b45309);border-radius:14px;padding:28px;color:#fef3c7;align-items:center}
.sy7-hero h1{font-size:30px;color:#fff;margin-bottom:10px;line-height:1.4}
.sy7-hero-txt p{color:#f5e6c4;font-size:16px}
.sy7-meta{font-size:13px;color:#e6c98f;margin:10px 0 14px}
.sy7-fig{background:#241407;border-radius:10px;padding:10px;border:1px solid #b45309}
.sy7-fig img{border-radius:8px}
.sy7-fig figcaption{font-size:12px;color:#e6c98f;text-align:center;padding-top:8px}

.sy7-kp{background:#fff8ec;border:1px solid #e8d5b5;border-left:5px solid #92400e;border-radius:8px;padding:14px 18px;margin:18px 0}
.sy7-kp-title{font-weight:700;color:#92400e;margin-bottom:6px}
.sy7-kp ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px}
.sy7-kp li{font-size:14px;color:#6b5132}
.sy7-kp li::before{content:"◆";color:#b45309;margin-right:6px;font-size:11px}

.sy7-sec{background:#fff;border:1px solid #ecdfc8;border-radius:10px;padding:20px 24px;margin:18px 0}
.sy7-sec h2{color:#92400e;font-size:21px;margin-bottom:10px;padding-bottom:8px;border-bottom:2px dashed #e8d5b5}
.sy7-sec p{margin:8px 0;color:#4a3a24}

.sy7-gallery,.sy7-tipcards,.sy7-gearguide,.sy7-faq,.sy7-latest,.sy7-steps,.sy7-geo,.sy7-related{background:#fff;border:1px solid #ecdfc8;border-radius:10px;padding:20px 24px;margin:18px 0}
.sy7-gallery h2,.sy7-tipcards h2,.sy7-gearguide h2,.sy7-faq h2,.sy7-latest h2,.sy7-steps h2,.sy7-geo h2,.sy7-related h2{color:#92400e;font-size:21px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px dashed #e8d5b5}
.sy7-seclead{font-size:14px;color:#6b5132;margin-bottom:14px}
.sy7-gwall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sy7-gtile{border-radius:10px;padding:34px 14px 14px;min-height:130px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.sy7-gtile h3{font-size:17px;margin-bottom:6px}
.sy7-gtile p{font-size:13px;color:#f5ecd8;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.sy7-gt1{background:linear-gradient(150deg,#7c2d12,#d97706)}
.sy7-gt2{background:linear-gradient(150deg,#9a3412,#ea580c)}
.sy7-gt3{background:linear-gradient(150deg,#431407,#7c2d12)}
.sy7-gt4{background:linear-gradient(150deg,#78350f,#f59e0b)}
.sy7-gt5{background:linear-gradient(150deg,#601d0a,#b45309)}
.sy7-gt6{background:linear-gradient(150deg,#3f1306,#92400e)}
.sy7-tgrid,.sy7-ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sy7-tcard,.sy7-gcard{background:#fff8ec;border:1px solid #ecd9b0;border-radius:10px;padding:16px}
.sy7-tcard h3,.sy7-gcard h3{color:#92400e;font-size:16px;margin-bottom:6px}
.sy7-tcard p,.sy7-gcard p{font-size:14px;color:#5c452a}

.sy7-faq .sy7-qa{background:#fff8ec;border:1px solid #ecd9b0;border-radius:8px;padding:12px 16px;margin:10px 0}
.sy7-qa h3{color:#92400e;font-size:16px;margin-bottom:4px}
.sy7-qa p{font-size:14.5px;color:#5c452a}

.sy7-latest ul{list-style:none}
.sy7-latest li{display:flex;justify-content:space-between;gap:10px;padding:9px 4px;border-bottom:1px dashed #ecdfc8;font-size:15px}
.sy7-date{color:#a08662;font-size:13px;white-space:nowrap}

.sy7-steps ol{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.sy7-steps li{background:#fff8ec;border:1px solid #ecd9b0;border-radius:8px;padding:12px}
.sy7-stepno{display:inline-flex;width:26px;height:26px;border-radius:50%;background:#92400e;color:#fff;align-items:center;justify-content:center;font-size:14px;margin-bottom:6px}
.sy7-steps h3{font-size:15px;color:#92400e;margin-bottom:4px}
.sy7-steps p{font-size:13px;color:#5c452a}

.sy7-geo{background:#fdf3e3;border-left:5px solid #b45309}
.sy7-geo p{font-size:14.5px;color:#4a3a24}
.sy7-geo a{word-break:break-all;font-size:13px}

.sy7-tipline{font-size:13.5px;color:#8a6d4a;background:#f3ead6;border:1px dashed #cfa96b;border-radius:8px;padding:10px 16px;margin:14px 0}

.sy7-related ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px}
.sy7-related li{font-size:14.5px}
.sy7-alist{list-style:none;columns:2;column-gap:30px}
.sy7-alist li{padding:5px 0;border-bottom:1px dashed #ecdfc8;font-size:14.5px;break-inside:avoid}

.sy7-footer{background:#241407;color:#d6c9a8;margin-top:30px;border-top:4px solid #92400e}
.sy7-footgrid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 20px 10px}
.sy7-footcol h3{color:#fcd34d;font-size:16px;margin-bottom:10px}
.sy7-footcol a{display:inline-block;color:#d6c9a8;font-size:14px;margin:0 18px 8px 0}
.sy7-footcol a:hover{color:#fcd34d;text-decoration:underline}
.sy7-footcol p{font-size:13px;color:#a9946f;margin-top:8px}
.sy7-copy{max-width:1180px;margin:0 auto;padding:10px 20px 22px;font-size:13px;color:#a9946f;border-top:1px solid #3a2a12;text-align:center}

@media (max-width:860px){
  .sy7-hero{grid-template-columns:1fr}
  .sy7-gwall,.sy7-tgrid,.sy7-ggrid{grid-template-columns:repeat(2,1fr)}
  .sy7-steps ol{grid-template-columns:repeat(2,1fr)}
  .sy7-footgrid{grid-template-columns:1fr 1fr}
  .sy7-alist{columns:1}
}
@media (max-width:560px){
  .sy7-gwall,.sy7-tgrid,.sy7-ggrid,.sy7-steps ol{grid-template-columns:1fr}
  .sy7-hero{padding:18px}
  .sy7-hero h1{font-size:24px}
  .sy7-footgrid{grid-template-columns:1fr}
}