*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f5f2ec;color:#343b32;font:14px/1.9 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}header{padding:26px 6%;display:flex;align-items:center;justify-content:space-between}.brand{font:24px "Songti SC",serif;letter-spacing:5px}.eyebrow{font-size:9px;letter-spacing:3px;color:#8b8d80}nav{display:flex;justify-content:center;gap:54px;padding:16px 20px;background:#f5f2ecef;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}nav a{font-size:11px;letter-spacing:2px}nav a[aria-current]{border-bottom:1px solid #777e69}.intro{max-width:1280px;margin:auto;padding:70px 8% 56px;position:relative}.intro h1{font:46px/1.6 "Songti SC",serif;letter-spacing:4px;max-width:670px;margin:20px 0}.intro p{font-size:13px;color:#848778;line-height:2}.opening{max-width:1440px;margin:0 auto 80px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:7%;padding:0 6%}.opening img{width:100%;display:block}.opening .opening-small{margin-top:140px}.opening .opening-small p{font:23px/1.9 "Songti SC",serif;margin:22px 0 0}.opening small{font-size:9px;letter-spacing:3px;color:#838774}.section-links{display:flex;justify-content:center;gap:45px;padding:24px;font-size:11px;letter-spacing:3px}.category-title{max-width:1200px;margin:72px auto 20px;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.category-title h2{font:34px "Songti SC",serif;letter-spacing:8px;margin:0}.category-title span{font:italic 13px Georgia,serif;letter-spacing:2px;color:#929681}.item-story{max-width:1320px;margin:0 auto;padding:70px 6% 110px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;position:relative;align-items:start}.item-intro{grid-column:9/13;grid-row:1;align-self:center;z-index:2}.item-intro .eyebrow{font:italic 12px Georgia,serif;letter-spacing:2px}.item-intro h3{font-size:11px;font-weight:400;letter-spacing:3px;color:#89907e;margin:22px 0 12px}.item-intro h2{font:32px/1.7 "Songti SC",serif;letter-spacing:2px;margin:0 0 22px;text-wrap:balance}.item-intro p{font-size:12px;color:#7f8576;line-height:2.15}.selling-points{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:9px 16px}.selling-points span{font-size:10px;color:#737c67}.selling-points span:before{content:'·';margin-right:7px}.item-photo{margin:0;min-width:0}.item-photo button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.item-photo img{width:100%;height:auto;display:block}.item-main{grid-column:1/8;grid-row:1}.item-photo figcaption{font-size:9px;color:#939784;letter-spacing:2px;margin-top:12px}.item-main figcaption{display:none}.item-details{grid-column:3/12;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;margin-top:8px}.item-details .item-photo:nth-child(2){margin-top:100px}.item-details .item-photo:nth-child(3){width:75%;margin-top:12px}.item-story:nth-of-type(even) .item-main{grid-column:6/13}.item-story:nth-of-type(even) .item-intro{grid-column:1/5}.item-story:nth-of-type(even) .item-details{grid-column:2/10}.item-story:after{content:'';position:absolute;bottom:45px;left:46%;height:38px;border-left:1px solid #cbcdbf}.item-details:has(>figure:only-child){grid-column:5/11;grid-template-columns:1fr;margin-top:-70px;z-index:2;background:#f5f2ec;padding:14px}.item-story:nth-of-type(even) .item-details:has(>figure:only-child){grid-column:2/8}.tips{max-width:1120px;margin:20px auto 90px;padding:50px 6%;background:#e8eadf}.tips h2{font:26px "Songti SC",serif;letter-spacing:3px;margin:0 0 32px}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.tip-grid h3{font-size:12px;font-weight:500}.tip-grid p{font-size:11px;line-height:2;color:#7b826f}.quote{text-align:center;padding:60px 24px;background:#3c453a;color:#eeeee3;font:30px/1.8 "Songti SC",serif;letter-spacing:3px}.quote small{display:block;font:9px/2 sans-serif;letter-spacing:3px;margin-top:20px;color:#b7beaa}.more{max-width:1100px;padding:50px 6%;margin:auto}.more h2{font:24px "Songti SC",serif;letter-spacing:3px}.more-links{display:flex;justify-content:space-between;gap:20px;margin-top:30px}.more-links a{font-size:12px;color:#7c8371}footer{text-align:center;font-size:9px;color:#959a8b;letter-spacing:2px;padding:24px}dialog{padding:14px;background:#f5f2ec;border:0;max-width:95vw;max-height:95vh}dialog::backdrop{background:#171c17d9}dialog img{max-width:88vw;max-height:80vh;display:block;object-fit:contain}dialog>button{display:block;border:0;background:none;margin:10px auto;padding:8px 30px;color:#444}.category-title{scroll-margin-top:95px}
@media(max-width:700px){header{padding:20px 22px}.brand{font-size:20px}.eyebrow{font-size:8px;letter-spacing:2px}nav{justify-content:space-around;gap:0;padding:14px 10px}nav a{font-size:10px;letter-spacing:1px}.intro{padding:40px 26px 28px}.intro h1{font-size:32px;line-height:1.65;letter-spacing:2px;max-width:330px;margin:16px 0}.intro p{font-size:12px}.opening{grid-template-columns:1.2fr .8fr;gap:16px;padding:0 20px;margin-bottom:30px}.opening .opening-small{margin-top:65px}.opening .opening-small p{font-size:16px;line-height:1.8;margin:14px 0}.opening small{font-size:7px;letter-spacing:1px}.category-title{margin:40px 0 0;padding:0 25px}.category-title h2{font-size:27px;letter-spacing:5px}.category-title span{font-size:10px}.section-links{font-size:10px;padding:24px;gap:32px}.item-story{display:flex;flex-direction:column;padding:30px 20px 65px;gap:22px}.item-intro{width:86%;margin-left:8%;order:0}.item-intro h3{font-size:10px;margin:12px 0 7px}.item-intro h2{font-size:27px;line-height:1.6;max-width:280px;margin-bottom:14px}.item-intro p{font-size:12px;margin:0}.selling-points{margin-top:15px}.item-main{order:1;width:92%;align-self:flex-start}.item-story:nth-of-type(even) .item-main{align-self:flex-end}.item-details{order:2;width:88%;align-self:flex-end;gap:15px;margin:0;display:grid;grid-template-columns:1fr 1fr}.item-details .item-photo:nth-child(2){margin-top:45px}.item-details .item-photo:nth-child(3){width:100%;margin-top:0}.item-details:has(>figure:only-child){width:64%;padding:8px;margin-top:-55px;align-self:flex-end}.item-story:nth-of-type(even) .item-details:has(>figure:only-child){align-self:flex-start}.item-photo figcaption{font-size:8px;letter-spacing:1px;margin-top:8px}.item-story:after{bottom:20px;height:22px}.tips{margin:10px 20px 40px;padding:28px 24px}.tips h2{font-size:22px}.tip-grid{grid-template-columns:1fr;gap:12px}.quote{font-size:24px;padding:42px 20px}.more{padding:32px 24px}.more h2{font-size:21px}.more-links a{font-size:11px}}