*{box-sizing:border-box}body{margin:0;background:#0c1714;color:#dbd4be;font-family:'Songti SC','SimSun',serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,17,14,.91),rgba(7,17,14,.65)),url('assets/chapter01/street.jpg') center/cover}main{max-width:1400px;margin:auto;padding:40px 5vw}header{display:flex;justify-content:space-between;gap:20px;letter-spacing:3px;font:12px sans-serif;color:#b4b69f}.intro{padding:65px 0 45px}.intro h1{font-size:100px;letter-spacing:24px;margin:12px 0}.intro p{color:#b7b6a5;line-height:1.8}.continue{display:inline-block;margin:20px 0;padding:16px 32px;background:#b9b598;color:#17221d;text-decoration:none}#saveNote{font-size:13px}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}nav a{min-height:240px;padding:26px 22px;text-decoration:none;color:inherit;background:linear-gradient(180deg,rgba(17,28,23,.6),#0a1411);border:1px solid #65705a;transition:transform .2s,background .2s}nav a:hover,nav a:focus-visible{transform:translateY(-5px);background:#25332a;outline:2px solid #bda978}nav i{font:26px Georgia,serif;color:#b97f60}nav h2{font-weight:400;font-size:27px}nav p{font-size:14px;color:#a6ac9b;line-height:1.8}nav span{display:block;margin-top:35px;font-size:13px;color:#c4b995}footer{margin-top:30px;color:#8f9b8c;font-size:13px;line-height:1.9}@media(max-width:850px){nav{grid-template-columns:repeat(2,1fr)}.intro{padding-top:30px}.intro h1{font-size:72px}}@media(prefers-reduced-motion:reduce){nav a{transition:none}}