:root{--ink:#172d3d;--paper:#f7f5ef;--gold:#a67c43;--line:#dedfd8;--navy:#102b3c;--muted:#657582}body{background:var(--paper);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',Arial,sans-serif;-webkit-font-smoothing:antialiased}header{position:sticky;top:0;z-index:20;background:#faf9f3f5;backdrop-filter:blur(16px);border-bottom:1px solid #193a4b12;box-shadow:0 4px 22px #102b3c08;padding-left:5%;padding-right:5%;gap:24px}.brand{font-size:23px;color:#173b4b;white-space:nowrap}.brand small{color:#9a7d50;font-size:8px;letter-spacing:3px}nav{gap:25px;margin-left:auto}nav a{position:relative;padding:12px 0;font-size:12px}nav a:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s}nav a:hover:after{transform:scaleX(1)}.language-control{margin-left:10px}.language-control select{border-color:#cdd4d3;background:#fffdf6;border-radius:20px;padding:9px 12px;font-size:11px}.language-control label{font-size:10px}.hotel-book{padding:38px 5% 34px;background:radial-gradient(ellipse at 50% 0,#31576a,#102b3c 75%);color:#e9e6da}.book-heading .eyebrow{color:#d4bc91;letter-spacing:3px}.book-heading p{color:#c4d0d2}.book-cover{background:#9a7d4d;padding:7px 7px 12px;box-shadow:0 30px 65px #0005,0 3px 8px #0007;border-radius:4px 9px 8px 4px}.book-cover:before,.book-cover:after{opacity:.9}.book-page{color:var(--ink)}.book-left{background:linear-gradient(90deg,#f5f0e3,#fffaf0 85%,#ded6c4)}.book-right{background:linear-gradient(90deg,#e1d7c1,#fffbf2 7%,#fcf7ea)}.book-photo-button{border-radius:2px}.book-photo-label{letter-spacing:2.6px;color:#89764f}.book-right h1{color:#173a49;font-size:clamp(28px,2.8vw,43px);line-height:1.45}.book-right h2{color:#1e4050}.book-intro,.book-facts p{color:#546363}.book-kicker,.book-facts h3{color:#a37b42}.book-detail{background:#163b4d;border-radius:3px}.book-chapters button{color:#c7d3d3;border-color:#c6d0ca30;border-radius:3px}.book-chapters button span{color:#c6ad7e}.book-chapters button.active{color:#102b3c;background:#ead9b6;border-color:#ead9b6}.book-chapters button.active span{color:#8e6b35}.book-navigation span{color:#d7dfdc}.book-navigation button{background:#ffffff0a;border-color:#c0ccca50;color:#f4eddc;border-radius:3px}.book-navigation button:hover:not(:disabled){background:#d9c39d;color:#173343}.strip{background:#eaece6;padding:25px 8%;gap:40px;border-bottom:0}.strip div{padding-left:24px;border-left:2px solid #b59a6f;color:#758078;font-size:11px}.strip strong{font-size:22px;color:#214252}.section{max-width:1550px;margin:auto;padding:85px 5%}.section-head{margin-bottom:30px;align-items:center}.eyebrow{color:#a07c49;font-size:10px;letter-spacing:3px}h2{color:#183b4b;font-size:40px;letter-spacing:1px}.section-head .muted{font-size:12px;color:#7a837f;max-width:440px;line-height:1.9}.tools{gap:5px;border:1px solid #daddd4;background:#fffdf8;border-radius:12px;padding:12px;box-shadow:0 8px 24px #142e3a05;position:relative;margin-bottom:17px}.filter{border-radius:7px;font-size:12px;padding:11px 16px;color:#62766f;transition:background .2s}.filter:hover{background:#ecefe7}.filter.active{background:#193f50;color:#fff;box-shadow:0 3px 8px #193f5020}input#search{border:0;border-left:1px solid #daddd4;background:transparent;width:230px;padding:10px 15px;font-size:12px;color:#294b55}#resultCount{font-size:11px;text-align:end;letter-spacing:1px;color:#8a9286;margin:0 2px 24px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.card{background:#fffdf8;border:1px solid #e0e3d9;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 5px 20px #17324006;transition:transform .25s,box-shadow .25s,border-color .25s;content-visibility:auto;contain-intrinsic-size:auto 560px}.card:hover{transform:translateY(-5px);box-shadow:0 17px 35px #183a4912;border-color:#c5cebf}.card .photo{height:245px;aspect-ratio:auto;background:#dce5de;overflow:hidden}.card .photo img{transition:transform .65s cubic-bezier(.2,.6,.2,1);height:100%;width:100%;object-fit:cover}.card:hover .photo img{transform:scale(1.045)}.card .photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102b3c38,transparent 50%);pointer-events:none}.card .rank{top:16px;left:16px;z-index:1;color:#f4e7ca;background:#153b4de8;font:22px Georgia;padding:10px 12px;min-width:47px;text-align:center;border:1px solid #ffffff45;border-radius:3px}.photo-open-mark{position:absolute;right:15px;bottom:15px;color:white;background:#173c4c88;border:1px solid #ffffff60;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;z-index:1;pointer-events:none;font-size:17px}.card-content{padding:25px 25px 19px}.card .region{margin:0 0 12px;color:#9b7a47;font-size:10px;letter-spacing:1.8px}.card h3{font-size:24px;line-height:1.4;margin:0 0 7px;color:#1b3c4b;letter-spacing:.3px}.card .en{font-size:12px;color:#8c948a;line-height:1.6;min-height:19px}.card .desc{font-size:12px;line-height:1.95;margin:16px 0;color:#62716e;min-height:46px}.card-location{display:flex;gap:9px;color:#6c7b74;font-size:11px;line-height:1.8;border-top:1px solid #ecece3;padding-top:14px}.location-dot{color:#a78650;font-size:13px;flex-shrink:0}.card-history{border:0;border-top:1px solid #ecece3;padding-top:13px;margin-top:14px;font-size:11px;color:#718174}.card-history summary{cursor:pointer;font-size:11px;color:#8e734a;list-style:none;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px}.card-history summary:after{content:'＋';font-size:15px}.card-history[open] summary:after{content:'－'}.card-history p{line-height:1.95;margin:12px 0 7px}.card-history a{font-size:10px;text-decoration:underline;text-underline-offset:3px}.card .card-bottom{margin-top:18px;padding-top:15px;border-top:1px solid #ecece3;gap:12px}.card .tag{font-size:10px;line-height:1.6;color:#8e9986}.card .detail{font-size:11px;white-space:nowrap;color:#214a57;border:1px solid #ccd7ce;background:#f3f5ed;border-radius:5px;padding:9px 12px;transition:background .2s}.card .detail:hover{background:#173d4f;color:#fff}.card-credit{margin:12px 0 0;font-size:9px;line-height:1.6;color:#9aa18e;text-align:end}.card-credit a{text-decoration:underline;text-underline-offset:2px}.card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);contain-intrinsic-size:auto 440px;background:linear-gradient(120deg,#fffdf8,#f0f2e9)}.card--lead .photo{height:100%;min-height:420px}.card--lead .card-content{padding:35px 38px}.card--lead h3{font-size:32px}.card--lead .desc{font-size:13px;min-height:0;margin-top:18px}.card--lead .region{margin-top:0}.card--lead .rank{font-size:28px;padding:12px 15px}.feature{margin:0 5%;border-radius:14px;background:#153a4b;gap:65px;padding:65px 5%;color:#eef1e3}.feature h2{color:#fbf4e6;font-size:45px}.feature p{color:#c8d6d3;font-size:13px}.feature .eyebrow{color:#d3b886}.feature .feature-photo img{border-radius:5px;height:460px}.feature .feature-photo figcaption{color:#bccdc6;font-size:11px}.feature .feature-photo figcaption a{color:#d2c49d}.feature>div>a{color:#ecd9ad;border-color:#a68a59}.guides{gap:26px}.guide{padding:27px;border:1px solid #dce0d4;border-radius:10px;background:#fffdf7}.guide span{font:italic 34px Georgia;color:#c3a46c}.guide h3{font-size:20px;color:#204653;margin-top:20px}.guide p{font-size:12px;line-height:2;color:#748072}.route{background:linear-gradient(110deg,#153c4c,#254f5c);border-radius:12px;padding:40px 45px;box-shadow:0 12px 30px #163b4b15}.route h3{color:#fff4dd}.route p{color:#d1dfda}.sources{background:#ecede5;color:#778475;font-size:11px;border-top:0;padding:36px 7%}.sources strong{color:#4b625c}.sources details{max-height:300px;overflow:auto}.translation-note{color:#8a7956}footer{background:#ecede5;color:#738075;border-top:1px solid #d8ded2;padding:24px 7% 32px}.modal-body h2,.photo-view-header h2{color:#234653}#photoViewer{border-radius:10px}.photo-view-header{background:#f7f4e9}.photo-view-media{background:#102b3c}#photoStage{background:#0b2330}#photoInfo{background:#fffdf6}.modal-body .photo-context{background:#edf1e6;border-color:#ad9263}@media(min-width:1700px){.section{padding-left:55px;padding-right:55px}}@media(max-width:1100px){.tools{flex-wrap:wrap}input#search{flex:1;min-width:180px}.card-content{padding:21px}.card--lead .card-content{padding:30px}.card--lead h3{font-size:29px}.language-control label{display:none}.feature{gap:35px}}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card--lead{grid-template-columns:1fr 1fr}.card--lead .photo{min-height:460px}.card--lead .card-content{padding:26px}.card--lead h3{font-size:26px}.card .photo{height:240px}.card--lead .photo{height:100%}.feature{grid-template-columns:1fr 1fr}.feature h2{font-size:35px}.book-heading p{font-size:10px}}@media(max-width:600px){header{padding-left:6%;padding-right:6%;gap:12px}.brand{font-size:21px}nav{gap:16px}.language-control{padding-top:10px}.hotel-book{padding:25px 4%}.book-controls{margin-top:20px}.strip{padding:22px 6%;gap:13px}.strip div{padding-left:10px;font-size:9px}.strip strong{font-size:17px}.section{padding:52px 5%}h2{font-size:31px}.section-head .muted{font-size:11px}.tools{padding:9px;gap:3px;border-radius:9px}.filter{padding:9px 11px;font-size:11px}input#search{border-left:0;border-top:1px solid #e5e8dc;width:100%;flex-basis:100%;margin-top:6px;padding-top:13px}.grid{grid-template-columns:1fr;gap:24px}.card--lead{grid-template-columns:1fr}.card .photo,.card--lead .photo{height:260px;min-height:0}.card-content,.card--lead .card-content{padding:24px}.card h3,.card--lead h3{font-size:25px}.card--lead .desc{font-size:12px}.card--lead .rank{font-size:22px;padding:10px 12px}.card .desc{min-height:0}.feature{margin:0 4%;padding:28px 6% 35px;grid-template-columns:1fr;gap:25px;border-radius:10px}.feature .feature-photo img{height:310px}.feature h2{font-size:35px}.guides{gap:18px}.guide{padding:24px}.route{padding:28px;gap:20px;margin-top:30px}.sources{padding:28px 6%}footer{padding-left:6%;padding-right:6%;font-size:9px}.card-history summary{min-height:24px}}@media(prefers-reduced-motion:reduce){.card,.card .photo img,nav a:after{transition:none}.card:hover{transform:none}}