*{box-sizing:border-box}body{margin:0;background:#f7f1e7;color:#2e2925;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:720px;margin:auto;padding-bottom:48px}.hero{height:290px;background:#8f2f28;color:#f8ebd8;padding:46px 28px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:380px;height:380px;right:-150px;top:-190px;border:1px solid #e2bd7e;border-radius:50%;box-shadow:0 0 0 28px #ffffff08,0 0 0 68px #ffffff08}.hero-mark{font-size:12px;letter-spacing:4px;opacity:.8}.hero h1{font:52px/1.1 KaiTi,STKaiti,serif;letter-spacing:5px;margin:24px 0 14px}.hero p{font-size:14px;letter-spacing:2px;opacity:.84}.seal{position:absolute;right:40px;bottom:42px;border:2px solid #d4a86a;color:#d4a86a;padding:22px 13px;font:38px Georgia;transform:rotate(8deg);z-index:1}.seal small{font:14px KaiTi;margin-left:4px}.hero i{position:absolute;left:28px;bottom:30px;width:140px;height:1px;background:#d4a86a}.intro,.section-head{display:flex;justify-content:space-between;align-items:end;padding:32px 28px 20px}.intro b,.section-head b{color:#a77a4d;font-size:11px;letter-spacing:3px}.intro h2,.section-head h2{font:32px KaiTi,STKaiti,serif;margin:8px 0 0}.intro p{text-align:right;color:#837870;font-size:13px;line-height:1.7}.search{margin:0 28px;height:50px;background:#fffaf1;border:1px solid #e4d8c6;display:flex;align-items:center;padding:0 14px}.search span{font-size:28px;color:#8f2f28;margin-right:10px}.search input{border:0;outline:0;background:none;flex:1;font-size:14px}.search button{display:none;border:0;background:none;font-size:23px;color:#a99c90}.filters{display:flex;gap:8px;overflow:auto;padding:20px 28px 0}.filters button{white-space:nowrap;border:1px solid #ddcfbd;background:#faf5ec;color:#847a70;padding:9px 15px;font-size:13px}.filters button.active{background:#2f5d50;border-color:#2f5d50;color:#f7f1e7}.section-head{padding-top:34px}.section-head h2{font-size:30px}.section-head span{color:#a77a4d;font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 28px}.card{background:#fffaf1;border:1px solid #e8dccb;cursor:pointer}.card-top{height:104px;padding:15px;position:relative;color:#fffaf1;overflow:hidden}.card-top:after{content:"◆";position:absolute;right:10px;bottom:-20px;font-size:90px;color:#ffffff16}.symbol{font:47px KaiTi,STKaiti,serif}.region{position:absolute;right:12px;top:13px;font-size:11px;opacity:.8}.card-body{padding:15px}.name{font:22px KaiTi,STKaiti,serif}.place{display:block;color:#a18468;font-size:11px;margin-top:5px}.highlight{display:block;color:#837870;font-size:12px;margin-top:12px;line-height:1.4}.empty{text-align:center;color:#a89a8c;padding:80px 0}footer{text-align:center;color:#b8a896;letter-spacing:4px;font-size:11px;margin-top:48px}dialog{border:0;padding:0;width:min(92vw,560px);background:#fffaf1;color:#332d28;box-shadow:0 15px 50px #39201655}dialog::backdrop{background:#2d1b16aa}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;color:#f7e7d0;z-index:2}.detail-top{padding:38px 28px 30px;color:#f8ebd8;min-height:245px;position:relative}.detail-top .symbol{font-size:100px;display:block;margin-top:20px}.detail-top h2{font:42px KaiTi,STKaiti,serif;margin:0}.detail-top p{font-size:13px;opacity:.85}.detail-body{padding:24px 28px 30px}.quote{font:22px KaiTi,STKaiti,serif;color:#8f2f28;line-height:1.6}.detail-body>p{color:#766c64;font-size:14px;line-height:1.8}.topics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e2d6c5;border-left:1px solid #e2d6c5;margin-top:22px}.topic{padding:18px;border-right:1px solid #e2d6c5;border-bottom:1px solid #e2d6c5}.topic b{font:26px KaiTi;color:#8f2f28}.topic span{display:block;margin-top:7px;font-size:12px;color:#837870;line-height:1.5}
@media(min-width:721px){body{padding:24px 0}.hero{border-radius:4px}}