*{box-sizing:border-box}body{margin:0;background:#f6f3eb;color:#213d32;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #957445;outline-offset:6px}h1,h2,p{margin-top:0}h1,h2{font-family:"Songti SC","STSong",serif;font-weight:500}.page{max-width:1180px;margin:auto;padding:0 48px}.header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddcf;gap:25px}.brand{display:flex;align-items:center;gap:22px}.brand strong{font-family:"Songti SC",serif;font-size:25px;letter-spacing:3px;font-weight:500}.brand span{font-size:12px;color:#697266;padding-left:22px;border-left:1px solid #bac5b4;letter-spacing:2px}.header nav{display:flex;gap:25px;font-size:11px;color:#62705f}.intro{padding:62px 0 43px}.intro>p{font-size:11px;letter-spacing:3px;color:#947343;margin:0 0 20px}.intro h1{font-size:60px;margin-bottom:26px;letter-spacing:5px}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.intro-bottom>span:first-child{font-size:16px;line-height:1.9;color:#576851}.open-note{font-size:11px;color:#697266;line-height:1.9;text-align:right}.book-entry{border-top:1px solid #d8ddcf;border-bottom:1px solid #d8ddcf;padding:54px 0 60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;align-items:center}.cover{display:block;width:100%;max-width:330px;justify-self:center;padding:0 12px}.cover img{width:100%;height:auto;display:block;box-shadow:6px 8px 0 #e5e2d7,14px 18px 30px #243d3112}.book-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#947343;letter-spacing:1px;margin-bottom:22px}.book-meta span:last-child{color:#5d7654}.book-detail h2{font-size:35px;line-height:1.55;margin-bottom:19px}.subtitle{font-size:14px;color:#4c6251;line-height:1.9;margin-bottom:18px}.description{font-size:13px;line-height:2;color:#6b7465;margin-bottom:24px}dl{margin:0 0 28px;font-size:11px}dl>div{display:flex;gap:25px;padding:8px 0}dt{color:#8b957e}dd{margin:0;color:#53674f}.actions{display:flex;align-items:center;gap:26px}.button{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:50px;background:#213d32;color:#fffef8;border-radius:3px;padding:15px 23px;font-size:13px}.text-link{font-size:12px}.reader-note{font-size:10px;line-height:1.9;color:#7a826f;margin:20px 0 0}.reading-note{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;padding:60px 0}.reading-note>span{font-size:11px;letter-spacing:2px;color:#947343}.reading-note h2{font-size:30px;line-height:1.6;margin-bottom:20px}.reading-note p{font-size:13px;line-height:2;color:#6b7465;max-width:500px}.reading-note a{font-size:12px;display:inline-block;padding:10px 0;border-bottom:1px solid #b1ba9e}footer{border-top:1px solid #d8ddcf;display:flex;align-items:center;gap:24px;padding:28px 0 34px;color:#74806c;font-size:10px}footer strong{font-family:"Songti SC",serif;font-size:18px;font-weight:500;color:#45603e}footer a{margin-left:auto}.skip{position:absolute;top:-70px;left:20px;z-index:20;background:#213d32;color:white;padding:15px}.skip:focus{top:12px}@media(max-width:900px){.page{padding:0 30px}.book-entry,.reading-note{gap:45px}.intro h1{font-size:50px}.book-detail h2{font-size:31px}}@media(max-width:620px){.page{padding:0 24px}.header{height:88px;gap:12px}.brand{gap:8px;flex-direction:column;align-items:flex-start}.brand strong{font-size:23px}.brand span{border:0;padding:0;font-size:10px}.header nav{font-size:10px;gap:12px}.header nav a:first-child{display:none}.intro{padding:36px 0 29px}.intro>p{font-size:10px;margin-bottom:17px}.intro h1{font-size:43px;letter-spacing:3px;margin-bottom:22px}.intro-bottom{gap:15px}.intro-bottom>span:first-child{font-size:13px}.open-note{font-size:10px}.book-entry{grid-template-columns:1fr;gap:34px;padding:35px 0}.cover{max-width:220px}.book-detail h2{font-size:30px;line-height:1.5}.book-meta{margin-bottom:19px;font-size:10px}.subtitle{font-size:13px}.description{font-size:12px}.actions{gap:25px}.button{flex:1;max-width:220px}.reader-note{font-size:10px}.reading-note{grid-template-columns:1fr;gap:22px;padding:35px 0}.reading-note h2{font-size:28px}.reading-note p{font-size:12px}footer{gap:14px;flex-wrap:wrap;font-size:10px}footer a{margin-left:0}footer span{flex:1}}