*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101211;color:#f4f0e7;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 80% 0%,#b7923820,transparent 42%)}a{color:inherit;text-decoration:none}main{max-width:1080px;padding:34px 40px;margin:auto}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px;color:#b2ada1}.mark{display:grid;place-items:center;width:44px;height:44px;background:#f2d48a;color:#262318;border-radius:14px;font-family:Georgia,serif;font-style:italic;font-size:31px}.badge{font-size:12px;color:#d1c9b7;border:1px solid #ffffff1c;padding:9px 13px;border-radius:30px}.badge i{display:inline-block;width:6px;height:6px;background:#dfc17b;border-radius:50%;margin-right:8px}.intro{padding:60px 0 34px}.eyebrow{font-size:10px;letter-spacing:3px;color:#b8a982}h1{font-size:clamp(36px,5.2vw,60px);font-weight:650;letter-spacing:-1.5px;line-height:1.22;margin:18px 0}h1 span{color:#f1cf80}.intro p{font-size:15px;color:#aaa99f;line-height:1.8}.mobile{display:none}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:22px}.destination{position:relative;overflow:hidden;display:block;border:1px solid #d1bb7f30;border-radius:24px;background:linear-gradient(145deg,#24271f,#171916);transition:transform .2s,border-color .2s}.destination:hover{transform:translateY(-4px);border-color:#e5c680}.destination:focus-visible{outline:3px solid #f4d28a;outline-offset:5px}.card-top{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;color:#b9b7a5;font-size:10px;letter-spacing:2px}.arrow{font-size:23px;color:#dbc893}.art{height:155px;position:relative;overflow:hidden}.photo-art{background:radial-gradient(ellipse at center,#b9c6a31c,transparent 65%)}.frame{width:110px;height:135px;border:1px solid #c2c9ac50;border-radius:8px;position:absolute;left:50%;top:4px;background:linear-gradient(150deg,#637557,#2a3327);overflow:hidden}.frame.back{transform:translateX(-78%) rotate(-16deg);opacity:.6}.frame.front{transform:translateX(-25%) rotate(10deg);box-shadow:0 15px 30px #0005}.sun{position:absolute;width:33px;height:33px;border-radius:50%;background:#ebd6a1;top:20px;right:18px}.mountain{position:absolute;width:130px;height:130px;background:#b8c19a;transform:rotate(45deg);top:85px;left:-35px;border-radius:20px}.art-label{position:absolute;bottom:8px;left:26px;font-size:10px;letter-spacing:6px;color:#d7d3bd80}.drama{background:linear-gradient(145deg,#302921,#191715)}.film-art{background:radial-gradient(ellipse at center,#dfb97920,transparent 65%)}.film-lines{position:absolute;width:200px;height:108px;border:1px solid #d6ac6d50;border-radius:18px;left:50%;top:12px;transform:translateX(-50%) rotate(-9deg);box-shadow:14px 10px 0 -1px #231e17,14px 10px 0 0 #ad8a4f40}.play{position:absolute;left:50%;top:23px;transform:translateX(-50%);display:grid;place-items:center;padding-left:7px;width:92px;height:92px;border-radius:50%;font-size:31px;background:linear-gradient(135deg,#f8dfa4,#bc8e45);color:#33271b;box-shadow:0 0 45px #d9a55630}.card-body{padding:22px 26px 26px}.tag{font-size:11px;letter-spacing:2px;color:#b9b29e}h2{font-size:28px;margin:10px 0}.card-body p{font-size:13px;line-height:1.7;color:#aaa99f;margin:0 0 22px}.enter{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#e8d39e;color:#242319;border-radius:12px;font-size:15px;font-weight:700}.drama .enter{background:#f0c471}.enter span{font-size:20px}.bookmark{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;margin-top:22px;border-bottom:1px solid #ffffff12}.bookmark>div{display:flex;gap:15px;align-items:center}.star{font-size:30px;color:#e4ca88}.bookmark strong{font-size:14px;font-weight:500}.bookmark p{font-size:12px;color:#898b81;margin:7px 0 0}.domain{font-size:17px;letter-spacing:1px;color:#e8d39e}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0 8px;color:#74776e;font-size:10px}footer span:last-child{letter-spacing:1px}@media(max-width:600px){main{padding:22px 20px}.intro{padding:38px 0 24px}h1{font-size:39px}.destinations{grid-template-columns:1fr;gap:16px}.destination{border-radius:20px;display:grid;grid-template-columns:1fr 110px}.card-top{grid-column:1/-1;padding:18px 20px 0}.art{grid-column:2;grid-row:2;height:130px;align-self:center;transform:scale(.78);transform-origin:right center}.card-body{grid-column:1;grid-row:2;padding:19px 0 20px 20px}.art-label{display:none}.frame{left:34%}.film-lines{width:132px;left:48%}.play{left:48%;width:76px;height:76px;top:28px}.card-body h2{font-size:25px}.card-body p{font-size:12px;max-width:200px;margin-bottom:17px}.enter{padding:12px 14px;font-size:14px}.tag{font-size:10px;letter-spacing:1px}.bookmark{flex-direction:column;align-items:flex-start;gap:16px;margin-top:10px}.domain{padding-left:42px}footer{flex-direction:column;gap:8px}.badge{font-size:11px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.destination{transition:none}}