*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf8f3;color:#173e34;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:18px;line-height:1.75}a{color:inherit;text-underline-offset:5px}header{background:#fffdf9;border-bottom:1px solid #e9e4d9;padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px}header a{text-decoration:none}header strong{font-family:serif;font-size:25px}header small{display:block;font-size:14px;color:#767b73}nav{display:flex;gap:26px;font-size:16px;flex-wrap:wrap}main{max-width:1180px;margin:auto;padding:58px 24px}.eyebrow{color:#987c42;font-size:15px;letter-spacing:2px}h1{font-family:serif;font-size:clamp(34px,4.8vw,60px);line-height:1.3;margin:14px 0}h2{font-family:serif;line-height:1.4;font-size:30px}h3{font-size:23px;line-height:1.4}p{color:#59625a}small{font-size:14px}.feature,.tile,.preview,.originals{background:#fffdf9;border:1px solid #e7e1d5;border-radius:16px;padding:30px;box-shadow:0 6px 20px #193b2c05}.feature{display:grid;grid-template-columns:110px 1fr 180px;gap:24px;align-items:center;margin:32px 0 20px;padding:42px;background:linear-gradient(120deg,#fffefb,#f1ecdf)}.number{font-family:Georgia,serif;font-size:82px;line-height:1;color:#1e503e}.feature img{width:150px;border-radius:24px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;padding:12px 25px;min-height:48px;align-items:center;justify-content:center;background:#1c513e;color:white;border-radius:8px;text-decoration:none;border:1px solid #1c513e;font-size:17px;cursor:pointer}.secondary{background:transparent;color:#3c503e;border-color:#a18a55}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.tile{grid-column:span 2}.tile:nth-child(n+4){grid-column:span 3}.tile b{color:#ac8a48;font-family:Georgia,serif;font-size:30px}.tile h3{margin:10px 0}.tile p{font-size:16px}.tile a{font-size:16px}.preview{margin:22px 0;padding:36px}.preview h2{margin:10px 0}.note{border-left:3px solid #b28f48;padding:10px 16px;background:#fbf6e9;font-size:15px;color:#796334}.download{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#164633;color:white;padding:30px 36px;border-radius:14px;margin-top:30px}.download p{color:#e1e9df;margin:5px 0}.download h2{margin:0;font-size:26px}.gold{background:#dec57f;border-color:#dec57f;color:#243c29}.originals{margin-top:24px}.originals summary{cursor:pointer;font-size:21px}.posters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.posters img{width:100%;height:230px;object-fit:contain;background:#f3f0e9}.posters a{font-size:15px}.reader{max-width:840px}.reader article{background:#fffdf9;padding:42px;border:1px solid #e6e0d4;border-radius:15px;margin:25px 0}.reader article p{color:#303f35;white-space:pre-line;line-height:1.95}.reader article h2{margin-top:32px;font-size:25px}.reader article a{overflow-wrap:anywhere}.readnav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}footer{text-align:center;color:#737a70;padding:30px;font-size:14px}:focus-visible{outline:3px solid #b98c36;outline-offset:5px}@media(max-width:760px){header{display:block;padding:18px 20px}nav{margin-top:16px;gap:18px;font-size:15px}main{padding:30px 18px}.feature{grid-template-columns:1fr;padding:25px;gap:10px}.feature img{display:none}.number{font-size:52px}.feature h2{font-size:26px;margin:8px 0}.tile,.tile:nth-child(n+4){grid-column:span 6;padding:24px}.tile h3{font-size:22px}.grid{gap:12px}.download{display:block;padding:25px}.download .button{margin-top:20px}.posters{grid-template-columns:1fr 1fr}.reader article{padding:24px}.reader h1{font-size:32px}.preview{padding:24px}}.site-header{max-width:none}.site-header .identity{display:flex;gap:12px;align-items:center}.site-header .identity img{width:44px;height:44px;border-radius:7px}.site-header .identity strong{font-size:24px}.site-header .identity small{font-size:14px}.site-header nav{align-items:center;gap:24px}.nav-download{background:#174c38;color:#fff;padding:8px 16px;border-radius:24px}.feature{grid-template-columns:95px 1fr 34%;padding-right:0;overflow:hidden}.feature .book-art{width:100%;border-radius:0;object-fit:cover;mix-blend-mode:multiply}.feature h2{font-size:30px}@media(max-width:760px){.site-header .identity strong{font-size:22px}.site-header nav{gap:14px}.feature{grid-template-columns:1fr;padding:25px}.feature .book-art{display:block;width:190px;justify-self:end;margin-top:-30px}.feature h2{font-size:26px}}
