:root{--accent: #2563eb;--accent-soft: #e8f0fe;--dark: #1a1a1a;--bg: #f5f5f0;--card: #ffffff;--muted: #666;--border: #e2e2dd;--green: #27ae60;--orange: #e67e22;--red: #c0392b;--blue: #2980b9;--maxw: 720px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang TC,Hiragino Sans,Noto Sans TC,sans-serif;background:var(--bg);color:var(--dark);line-height:1.6}a{color:inherit}img{max-width:100%}.hero{background:var(--dark);color:#fff;padding:34px 20px 26px;text-align:center}.hero h1{font-size:21px;font-weight:700;letter-spacing:.5px;line-height:1.4}.hero .sub{font-size:13px;color:#aaa;margin-top:8px}.hero .warn{background:#c0392b22;border:1px solid var(--red);color:#ff9980;border-radius:6px;font-size:12px;padding:9px 12px;margin:14px auto 0;max-width:var(--maxw);text-align:left}.tabs{display:flex;background:#fff;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:100;overflow-x:auto}.tabs a{flex:1;min-width:76px;text-align:center;padding:12px 6px;font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap}.tabs a:hover{color:var(--accent)}section{padding:22px 16px;max-width:var(--maxw);margin:0 auto}section+section{border-top:8px solid var(--bg)}h2{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}h2 .icon{font-size:20px}.lead{font-size:13px;color:var(--muted);margin-bottom:16px}.mymap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#eee}.mymap iframe{display:block;width:100%;height:460px;border:0}.map-empty{padding:40px 16px;text-align:center;color:var(--muted);font-size:13px}.cmp-card{background:#fff;border-radius:12px;border:1px solid var(--border);margin-bottom:18px;overflow:hidden}.cmp-header{padding:12px 16px 8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.cmp-header .num{background:var(--accent);color:#fff;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-header h3{font-size:14px;font-weight:700}.cmp-pair{display:grid;grid-template-columns:1fr 1fr}.cmp-side{position:relative;background:#eee}.cmp-side img{width:100%;height:190px;object-fit:cover;display:block}.cmp-badge{position:absolute;top:6px;left:6px;color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px}.cmp-badge.anime{background:#c0392be6}.cmp-badge.real{background:#27ae60e6}.cmp-empty{width:100%;height:190px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);text-align:center;padding:8px}.cmp-footer{padding:10px 14px;font-size:12px;color:var(--muted);line-height:1.5}.cmp-footer strong{color:var(--dark)}.src-credit{font-size:11px;color:#aaa;text-align:right;padding:0 14px 10px}.card{background:var(--card);border-radius:12px;border:1px solid var(--border);margin-bottom:16px;overflow:hidden}.card-header{padding:14px 16px 10px;display:flex;align-items:flex-start;gap:10px}.num{background:var(--accent);color:#fff;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-title h3{font-size:15px;font-weight:700}.card-title .sub-name{font-size:12px;color:var(--muted);margin-top:2px}.card-body{padding:0 16px 14px}.tag{display:inline-block;background:#f0f0f0;border-radius:4px;font-size:11px;padding:2px 7px;color:var(--muted);margin:0 4px 6px 0}.tag.scene{background:var(--accent-soft);color:var(--accent)}.tag.tip{background:#e8f8e8;color:var(--green)}.tag.warn{background:#fff3cd;color:#856404}.addr{font-size:12px;color:var(--muted);margin:8px 0 10px}.addr:before{content:"📍 "}.desc{font-size:13px;color:#444;margin-bottom:8px}.phototip{font-size:12px;color:var(--green);background:#f2fbf2;border-left:3px solid var(--green);padding:6px 10px;border-radius:4px;margin:8px 0 10px}.phototip:before{content:"📸 "}.btn{display:inline-block;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;margin:4px 4px 0 0}.btn-map{background:#4285f4;color:#fff}.btn-sv{background:#fbbc04;color:#333}.btn-nav{background:var(--green);color:#fff}.route-cta{background:var(--dark);color:#fff;border-radius:12px;padding:16px;text-align:center;margin-bottom:20px}.route-cta p{font-size:13px;color:#aaa;margin-bottom:10px}.route-cta a{background:#4285f4;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.step{display:flex;gap:12px}.step-line{display:flex;flex-direction:column;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:4px}.connector{width:2px;flex:1;background:#ddd;min-height:20px;margin:4px 0}.step-content{padding-bottom:16px}.step-content h4{font-size:14px;font-weight:700}.step-content p{font-size:12px;color:var(--muted);margin-top:2px}.walk-time{display:inline-block;background:#f0f0f0;border-radius:4px;font-size:11px;padding:2px 7px;color:var(--muted);margin-top:5px}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tip-card{background:#fff;border-radius:10px;padding:12px;border:1px solid var(--border)}.tip-card .icon{font-size:22px;margin-bottom:6px}.tip-card h4{font-size:13px;font-weight:700;margin-bottom:4px}.tip-card p{font-size:12px;color:var(--muted);line-height:1.5}.tip-card.red{border-color:var(--red);background:#fff5f5}.tip-card.orange{border-color:var(--orange);background:#fff8f0}.src-list{list-style:none}.src-list li{padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.src-list a{color:var(--blue);text-decoration:none}.src-list a:hover{text-decoration:underline}.src-list .note{font-size:11px;color:var(--muted);margin-left:6px}.note-text{font-size:12px;color:var(--muted);margin-top:14px}.home-hero{background:var(--dark);color:#fff;padding:40px 20px;text-align:center}.home-hero h1{font-size:24px;font-weight:700}.home-hero p{font-size:14px;color:#aaa;margin-top:8px}.guide-grid{max-width:var(--maxw);margin:0 auto;padding:22px 16px;display:grid;gap:16px}.guide-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform .15s,box-shadow .15s}.guide-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.guide-card .cover{width:100%;height:170px;object-fit:cover;background:var(--accent-soft);display:block}.guide-card .cover-empty{width:100%;height:170px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:30px}.guide-card .body{padding:14px 16px}.guide-card h3{font-size:16px;font-weight:700}.guide-card .meta{font-size:12px;color:var(--muted);margin-top:4px}.guide-card .excerpt{font-size:13px;color:#444;margin-top:8px}.badge-draft{display:inline-block;background:var(--orange);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:6px;vertical-align:middle}.empty-state{text-align:center;color:var(--muted);padding:60px 20px;font-size:14px}@media(max-width:420px){.tips-grid{grid-template-columns:1fr}.hero h1{font-size:18px}.cmp-side img,.cmp-empty{height:140px}}