*{box-sizing:border-box}html{color:#f3e5d5;background:#241924;font:16px/1.7 Microsoft YaHei,PingFang SC,sans-serif}body{background:radial-gradient(at 75% 29%,#4b3045,#0000 52%);margin:0}button,a{font:inherit;color:inherit}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #ffdf98}.shell{max-width:1120px;margin:auto;padding:0 40px}header{border-bottom:1px solid #84677a;justify-content:space-between;align-items:center;height:80px;display:flex}header b{font:700 23px serif}header span,.over,small{color:#e6c69a;letter-spacing:2px;font-size:13px}header span{font-family:Georgia,serif}.intro{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:45px 0;display:grid}.intro p{max-width:440px}h1,h2,h3{font-family:Songti SC,SimSun,serif;line-height:1.22}h1{margin:12px 0;font-size:clamp(52px,6vw,84px)}h1 em,h3 em{color:#efcf9d;font-style:normal}h2{margin:10px 0;font-size:clamp(32px,5vw,54px)}h3{margin:5px 0;font-size:24px}h3 em{font-size:17px}fieldset{border:0;margin:22px 0;padding:0}legend{margin-bottom:8px}fieldset button,.text{background:0 0;border:1px solid #a48196;border-radius:22px;margin:3px 6px 3px 0;padding:6px 11px}fieldset button[aria-pressed=true]{color:#312034;background:#e9d0af}.primary{color:#332335;background:#f1d6a3;border:0;border-radius:6px;padding:13px 23px;font-weight:700}.fan{place-items:center;height:360px;display:grid;position:relative}.fan img{border-radius:12px;width:185px;position:absolute;box-shadow:0 8px 22px #140e1d88}.fan img:first-child{transform:translate(-38%)rotate(-17deg)}.fan img:nth-child(2){transform:translate(38%)rotate(17deg)}.spread{max-width:750px;margin:36px auto}.pool{grid-template-columns:repeat(3,1fr);gap:14px;max-width:535px;margin:20px auto;display:grid}.pool button{background:0 0;border:0;padding:0;display:block}.pool img,.face{aspect-ratio:2/3;border-radius:9px;width:100%;display:block}.face{color:#56384d;background:#f2dfb9;border:4px double #6f4757;flex-direction:column;justify-content:space-around;align-items:center;display:flex}.face small{color:#704c57}.face svg{stroke:#694353;stroke-width:2.8px;fill:none;stroke-linejoin:round;stroke-linecap:round;width:77%}.reading{gap:15px;margin:25px 0;display:grid}.reading article{border-top:1px solid #775c70;grid-template-columns:90px 1fr;align-items:center;gap:20px;padding:16px 0;display:grid}.reading p{margin:6px 0}.reflect{color:#e2c9b9;font-size:14px}footer{color:#dbc6cd;border-top:1px solid #84677a;padding:14px 0 28px;font-size:13px}footer a{color:#f1d6a3}.spread h2:focus{outline:none}@media (max-width:700px){.shell{padding:0 20px}header{height:58px}.intro{grid-template-columns:1fr;gap:10px;padding:22px 0}.fan{grid-row:1;height:175px}.fan img{width:94px}.intro h1{font-size:44px}.intro h1 br{display:none}.intro .over{margin:5px 0}.intro fieldset{margin:14px 0}.primary{width:100%}.pool{gap:10px}.reading article{grid-template-columns:72px 1fr;gap:12px}.spread{margin:24px auto}.intro p{margin:8px 0}}