:root{--brand: #d19a2e;--brand-dark: #b07f1c;--brand-soft: #f6e8cb;--accent: #b23a2e;--accent-soft: #f7e2dd;--text: #2f2622;--text-2: #5c4f47;--text-3: #8a7a70;--line: #ebe2d6;--line-strong: #c1b9af;--bg: #fbf7f1;--bg-2: #f4ede2;--card: #ffffff;--radius: 14px;--radius-sm: 10px;--shadow: 0 6px 20px rgba(72, 51, 25, .07);--shadow-hover: 0 12px 28px rgba(72, 51, 25, .13);--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;letter-spacing:.02em;margin:0;color:var(--text)}.app{display:flex;min-height:100vh;flex-direction:column}.app-main{flex:1;padding-bottom:56px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container-narrow{max-width:880px}.site-header{position:sticky;top:0;z-index:50;background:#fbf7f1f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-strong)}.site-header-inner{display:flex;align-items:center;gap:28px;height:66px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--text);white-space:nowrap}.brand-logo{display:block;height:52px;width:auto}.brand-slogan{display:block;max-width:232px;font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:1.55;color:var(--text-3);white-space:normal}.site-nav{display:flex;align-items:center;gap:4px;margin-left:8px}.site-nav a{padding:8px 14px;border-radius:999px;color:var(--text-2);font-size:15px;transition:background .18s,color .18s}.site-nav a:hover{background:var(--bg-2);color:var(--text)}.site-nav a.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.city-switch{position:relative}.city-switch-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);font-size:14px}.city-switch-btn strong{font-weight:600}.city-switch-btn .caret{color:var(--text-3);font-size:11px}.city-pop{position:absolute;right:0;top:calc(100% + 8px);width:288px;max-height:360px;overflow:auto;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hover)}.city-search{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);font-size:14px;outline:none}.city-search:focus{border-color:var(--brand)}.city-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;margin-top:4px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;font-size:14px;color:var(--text-2)}.city-option:hover{background:var(--bg-2)}.city-option.on{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}.city-option small{color:var(--text-3);font-weight:400}.city-empty{padding:14px 10px;color:var(--text-3);font-size:13px;text-align:center}.mp-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,var(--brand-soft),#fdf6e6);border-bottom:1px solid var(--line);font-size:13px;color:var(--text-2)}.mp-bar .mp-bar-text{flex:1}.mp-bar .mp-bar-close{border:0;background:transparent;color:var(--text-3);font-size:18px;line-height:1;padding:2px 6px}.section{margin-top:44px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{font-size:22px}.section-head p{margin:4px 0 0;color:var(--text-3);font-size:13px}.section-more{color:var(--brand-dark);font-size:14px;white-space:nowrap}.section-more:hover{text-decoration:underline}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text-2);font-size:14px}.btn:hover{border-color:var(--brand);color:var(--brand-dark)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--bg-2);color:var(--text-2);font-size:12px;line-height:1.6}.tag-brand{background:var(--brand-soft);color:var(--brand-dark)}.tag-accent{background:var(--accent-soft);color:var(--accent)}.tag-open{background:#e4f3e6;color:#2f7d3b}.tag-closed{background:#eeeae4;color:#8a7a70}.hero{margin-top:26px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fdf3df,#f7e6c8 55%,#f2ddc4);border:1px solid #eeddbe}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:38px 40px;align-items:center}.hero h1{font-size:34px;line-height:1.35}.hero-slogan{margin:12px 0 0;color:var(--text-2);font-size:16px}.hero-intro{margin:10px 0 0;color:var(--text-3);font-size:14px;max-width:46em}.hero-stats{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap}.hero-stat b{display:block;font-family:var(--font-serif);font-size:26px;color:var(--brand-dark);line-height:1.2}.hero-stat span{color:var(--text-3);font-size:13px}.hero-cover{height:240px;border-radius:16px;overflow:hidden;background:#ffffff8c;border:1px dashed #e2cda6;display:grid;place-items:center;color:#b39a6f;font-size:13px}.hero-cover img{width:100%;height:100%;object-fit:cover}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.scene-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s}.scene-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.scene-emoji{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:22px;background:var(--brand-soft);flex:none;overflow:hidden}.scene-emoji img{width:100%;height:100%;object-fit:cover}.scene-name{font-size:15px;font-weight:600;color:var(--text)}.scene-sub{color:var(--text-3);font-size:12px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s}.shop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.shop-thumb{position:relative;height:158px;background:linear-gradient(135deg,#f3e7d2,#e9dcc6);overflow:hidden}.shop-thumb img{width:100%;height:100%;object-fit:cover}.shop-thumb-fallback{display:grid;place-items:center;height:100%;color:#b6a488;font-family:var(--font-serif);font-size:18px}.shop-thumb-tags{position:absolute;left:10px;top:10px;display:flex;gap:6px}.shop-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.shop-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.shop-title h3{font-size:17px;font-family:var(--font-sans);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-title .distance{color:var(--brand-dark);font-size:12px;white-space:nowrap}.shop-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--text-3);font-size:12.5px}.shop-meta em{font-style:normal;color:var(--text-2)}.shop-reason{color:var(--text-2);font-size:13.5px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shop-foods{color:var(--accent);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.filter-input{flex:1;min-width:200px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:14px;outline:none}.filter-input:focus{border-color:var(--brand)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{padding:5px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text-2);font-size:13px}.chip:hover{border-color:var(--brand)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;margin-top:26px}.detail-gallery-main{height:340px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#f3e7d2,#e9dcc6);border:1px solid var(--line)}.detail-gallery-main img{width:100%;height:100%;object-fit:cover}.detail-gallery-strip{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.detail-gallery-strip button{flex:none;width:78px;height:62px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-2)}.detail-gallery-strip button.on{border-color:var(--brand)}.detail-gallery-strip img{width:100%;height:100%;object-fit:cover}.detail-info h1{font-size:28px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.highlight{padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line)}.highlight i{font-style:normal;font-size:16px;margin-right:5px}.highlight span{display:block;color:var(--text-3);font-size:12px}.highlight b{display:block;font-family:var(--font-serif);font-size:19px;color:var(--brand-dark);line-height:1.4}.info-list{margin-top:18px;display:grid;gap:8px;color:var(--text-2);font-size:14px}.info-list div{display:flex;gap:10px}.info-list .k{color:var(--text-3);flex:none;width:4.6em}.block{margin-top:30px;padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.block h2{font-size:19px;margin-bottom:14px;padding-left:11px;border-left:4px solid var(--brand);line-height:1.2}.block p{margin:0;color:var(--text-2);white-space:pre-wrap}.dish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dish-card{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.dish-card img,.dish-card .dish-ph{width:100%;height:96px;object-fit:cover;background:var(--bg-2);display:grid;place-items:center;color:var(--text-3);font-size:12px}.dish-card div{padding:8px 10px 10px}.dish-card b{font-size:14px;font-weight:600}.dish-card small{display:block;color:var(--text-3);font-size:12px}.nearby-list{display:grid;gap:10px}.nearby-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);font-size:14px}.nearby-item small{color:var(--text-3)}.rank-block{margin-top:24px}.rank-block h3{font-size:20px;display:flex;align-items:center;gap:10px}.rank-table{margin-top:12px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--card)}.rank-row{display:grid;grid-template-columns:46px 1.4fr 1fr 1fr 92px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--text-2)}.rank-row:last-child{border-bottom:0}.rank-row.head{background:var(--bg-2);color:var(--text-3);font-size:12.5px}.rank-row a{color:var(--text);font-weight:600}.rank-row a:hover{color:var(--brand-dark)}.rank-no{font-family:var(--font-serif);font-size:17px;color:var(--brand-dark)}.rank-good{color:var(--accent);text-align:right;font-size:13px}.route-card{display:grid;grid-template-columns:220px 1fr;gap:0;overflow:hidden;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s}.route-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.route-cover{min-height:158px;background:linear-gradient(135deg,#e8d9c0,#d9c9ad);display:grid;place-items:center;color:#fff;font-family:var(--font-serif);font-size:20px;letter-spacing:.1em}.route-cover img{width:100%;height:100%;object-fit:cover}.route-body{padding:18px 20px}.route-body h3{font-size:19px}.route-body p{margin:8px 0 0;color:var(--text-3);font-size:13.5px}.route-body .route-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.timeline{position:relative;margin-top:8px;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--line)}.timeline-item{position:relative;padding:0 0 22px}.timeline-item:before{content:"";position:absolute;left:-24px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--brand);border:3px solid var(--bg)}.timeline-time{color:var(--brand-dark);font-size:12.5px;font-weight:600}.timeline-name{font-size:16px;font-weight:600;margin-top:2px}.timeline-desc{color:var(--text-2);font-size:13.5px;margin-top:4px}.timeline-transport{margin-top:8px;color:var(--text-3);font-size:12.5px}.activity-card{display:grid;grid-template-columns:200px 1fr;overflow:hidden;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.activity-cover{min-height:150px;background:linear-gradient(135deg,#efdfc6,#e3d2b6)}.activity-cover img{width:100%;height:100%;object-fit:cover}.activity-body{padding:16px 20px}.activity-body h3{font-size:18px}.activity-body p{margin:8px 0 0;color:var(--text-2);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.activity-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;color:var(--text-3);font-size:12.5px}.state-view{padding:54px 20px;text-align:center;color:var(--text-3)}.state-view b{display:block;font-family:var(--font-serif);font-size:17px;color:var(--text-2);margin-bottom:6px}.spinner{width:26px;height:26px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#f1e9dc 25%,#f8f2e8 37%,#f1e9dc 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;height:220px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.site-footer{border-top:1px solid var(--line);background:var(--bg-2);padding:32px 0 26px;color:var(--text-3);font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}.footer-grid h4{font-size:15px;margin-bottom:10px}.footer-links{display:grid;gap:6px}.footer-links a:hover{color:var(--brand-dark)}.footer-bottom{margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between}.footer-bottom a{color:var(--text-3)}.footer-bottom a:hover{color:var(--brand-dark)}.footer-slogan{font-family:var(--font-serif);color:var(--text-2);line-height:1.9;white-space:pre-wrap}.page-head{margin-top:28px}.page-head h1{font-size:27px}.page-head p{margin:8px 0 0;color:var(--text-3);font-size:13.5px}.breadcrumb{margin-top:20px;color:var(--text-3);font-size:13px}.breadcrumb a:hover{color:var(--brand-dark)}.article{padding:30px 34px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:20px}.article h2{font-size:18px;margin-top:24px}.article h2:first-child{margin-top:0}.article p{margin:10px 0 0;color:var(--text-2);white-space:pre-wrap}.article .muted{color:var(--text-3);font-size:13px}.map-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-top:18px}.map-side{display:flex;flex-direction:column;padding:14px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);max-height:640px}.map-list{margin-top:12px;overflow-y:auto;flex:1}.map-list-item{display:block;width:100%;padding:10px 12px;margin-bottom:6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);text-align:left}.map-list-item:hover{border-color:var(--brand)}.map-list-item.on{border-color:var(--brand);background:var(--brand-soft)}.map-list-name{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.map-list-sub{display:block;margin-top:3px;color:var(--text-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-dot{width:9px;height:9px;border-radius:50%;flex:none;border:2px solid currentColor}.map-dot.t-food{color:#d9382c}.map-dot.t-spot{color:#2f7d3b}.map-dot.t-specialty{color:#2a6fb3}.map-dot.t-photo{color:#b07012}.map-stage{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--bg-2)}.map-canvas{position:relative;z-index:0;width:100%;height:640px}.map-tip{position:absolute;z-index:6;left:14px;top:14px;right:14px;padding:10px 14px;border-radius:var(--radius-sm);background:#fffffff0;border:1px solid var(--line);color:var(--text-2);font-size:13px}.map-pop-anchor{position:absolute;z-index:5;left:14px;bottom:14px}.map-pop-anchor:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-6px;width:12px;height:12px;background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.map-pop-anchor.below:after{bottom:auto;top:-6px;border-right:0;border-bottom:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}.map-pop{width:320px;display:grid;grid-template-columns:96px 1fr;gap:0;overflow:hidden;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-hover)}.map-pop-img{width:100%;height:100%;object-fit:cover;background:var(--bg-2)}.map-pop-img.ph{display:grid;place-items:center;color:var(--text-3);font-size:12px}.map-pop-body{padding:10px 12px}.map-pop-body b{font-size:15px}.map-pop-body small{display:block;margin-top:6px;color:var(--text-3);font-size:12px}.map-pop-meta{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.map-route-head{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.map-route-head b{font-size:15px}.map-route-head span{color:var(--text-3);font-size:12.5px}.map-route-head .btn{margin-top:8px;height:32px;padding:0 12px;font-size:12.5px}.map-badge{position:absolute;z-index:4;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;max-width:168px;padding:2px 8px 2px 3px;border:1px solid var(--line);border-radius:999px;background:#fffffff2;box-shadow:0 2px 6px #0000001f;font-size:11.5px;line-height:16px;color:var(--text-2);white-space:nowrap}.map-badge i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--brand);color:#fff;font-style:normal;font-size:10.5px;font-weight:700;flex:none}.map-badge span{overflow:hidden;text-overflow:ellipsis}.map-badge.on{border-color:var(--brand);color:var(--text);box-shadow:0 3px 10px #0000002e}.map-seq{display:grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700;flex:none}.map-list-item.route .map-list-name{justify-content:flex-start}.map-list-item.route .map-list-name b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.map-layout{grid-template-columns:1fr}.map-side{max-height:none}.map-canvas{height:420px}.map-pop{width:min(320px,78vw);grid-template-columns:84px 1fr}}@media (min-width: 641px){.mp-bar{display:none}}@media (max-width: 1024px){.shop-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-inner{grid-template-columns:1fr;padding:30px 26px}.hero-cover{height:200px}.detail-hero{grid-template-columns:1fr}.rank-row{grid-template-columns:40px 1.5fr 1fr 90px}.rank-row .col-addr{display:none}}@media (max-width: 900px){.site-header-inner{gap:14px;height:auto;padding:10px 0;flex-wrap:wrap}.site-nav{order:3;width:100%;overflow-x:auto;margin-left:0;padding-bottom:2px}.site-nav a{white-space:nowrap}.brand-logo{height:44px}.brand-slogan{display:none}}@media (max-width: 640px){.container{padding:0 16px}.shop-grid,.grid-2,.grid-3,.grid-4,.scene-grid{grid-template-columns:1fr}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:26px}.hero-stats{gap:18px}.route-card,.activity-card,.footer-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:34px 1.6fr 84px;padding:12px}.rank-row .col-addr,.rank-row .col-food{display:none}.article{padding:22px 18px}.filter-bar{padding:12px}.city-pop{width:min(288px,calc(100vw - 32px))}.detail-gallery-main{height:220px}}