*{box-sizing:border-box}
body{margin:0;background:#f7f3ee;color:#2a211c;font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.75}
a{color:#7a3142}
.wrap{width:min(980px,calc(100% - 36px));margin:0 auto}
.mast{background:#5c2433;color:#f7f3ee}
.mast a{color:#f7f3ee;text-decoration:none}
.mast-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 0 16px}
.word b{display:block;font-family:"Songti SC","SimSun",serif;font-size:34px;font-weight:600;letter-spacing:.12em}
.word small{display:block;opacity:.8;letter-spacing:.04em}
.phone{text-align:right;font-size:14px}
.phone a{border-bottom:1px solid rgba(247,243,238,.45)}
.nav{display:flex;gap:22px;flex-wrap:wrap;padding:0 0 12px;font-size:15px}
.nav a.on{border-bottom:1px solid #f7f3ee}
main{padding:26px 0 8px}
h1{font-family:"Songti SC","SimSun",serif;font-weight:600;font-size:32px;margin:0 0 10px;letter-spacing:.04em}
h2{font-size:18px;margin:18px 0 8px}
.lead{font-size:17px;max-width:38em}
.muted{color:#6e625c}
.crumb{font-size:13px;color:#6e625c}
.crumb a{color:#6e625c}
.intro{display:grid;grid-template-columns:1.4fr .7fr;gap:28px;align-items:start;padding-bottom:8px}
.facts{border-top:1px solid #d9cfc4;margin:0;padding-top:8px}
.facts div{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #e6ddd3;font-size:14px}
.facts dt{color:#6e625c}
.facts dd{margin:0}
.cats{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0 6px;border-top:1px solid #d9cfc4;margin-top:18px}
.cats a{color:#2a211c;text-decoration:none}
.cats a.on{color:#7a3142;font-weight:700}
.band{display:grid;grid-template-columns:220px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #e6ddd3;color:inherit;text-decoration:none}
.band.plain{grid-template-columns:1fr auto}
.band:hover{color:#7a3142}
.band img{width:220px;height:132px;object-fit:cover;display:block;background:#efe6dc}
.band b{display:block;font-size:18px}
.band em{display:block;font-style:normal;color:#6e625c;font-size:14px;margin-top:4px}
.yen{color:#7a3142;font-weight:700;white-space:nowrap}
.btn{display:inline-block;background:#5c2433;color:#fff;text-decoration:none;padding:9px 16px;border:1px solid #5c2433;cursor:pointer;font:inherit}
.btn.line{background:transparent;color:#5c2433}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.story{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}
.story img{width:100%;height:320px;object-fit:cover;background:#efe6dc}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:14px 0}
.meta div{border-top:1px solid #d9cfc4;padding-top:6px}
.meta dt{font-size:12px;color:#6e625c}
.meta dd{margin:2px 0 0}
table{width:100%;border-collapse:collapse;margin:8px 0 12px}
th,td{border-bottom:1px solid #e6ddd3;padding:8px 4px;text-align:left;vertical-align:top}
th{color:#6e625c;font-weight:600;width:28%}
ul{padding-left:18px}
form label{display:block;margin:12px 0 4px;font-weight:700}
form input,form select,form textarea{width:100%;padding:9px;border:1px solid #d9cfc4;background:#fff;font:inherit}
.note{background:#fff;border:1px solid #e6ddd3;padding:12px 14px}
footer{margin-top:36px;background:#3d242b;color:#f3e7df;padding:22px 0;font-size:14px}
footer a{color:#f3d2c2;text-decoration:none}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}
footer .bottom{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}
@media(max-width:760px){
.intro,.story,.band,footer .cols,.meta{grid-template-columns:1fr}
.band img,.story img{width:100%;height:180px}
.mast-row{flex-direction:column;align-items:flex-start}
.phone{text-align:left}
}
