*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sand: #f5e6d3;--sand-light: #faf3eb;--ocean: #2196f3;--ocean-light: #e3f2fd;--ocean-deep: #1565c0;--coral: #ff7043;--coral-light: #fbe9e7;--green: #66bb6a;--green-light: #e8f5e9;--text: #37474f;--text-light: #78909c;--text-muted: #b0bec5;--bg: #fafafa;--card: #ffffff;--border: #e0e0e0;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 12px rgba(0,0,0,.06);--shadow-lg: 0 4px 24px rgba(0,0,0,.1);--nav-height: 56px}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-content{flex:1;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.panel{max-width:680px;margin:0 auto;animation:fadeIn .2s ease}.panel-section{padding:20px 16px}.panel-section+.panel-section{padding-top:0}.panel-hero{background:linear-gradient(135deg,var(--ocean) 0%,#4fc3f7 50%,var(--coral) 100%);color:#fff;padding:40px 20px 36px;text-align:center;position:relative;overflow:hidden}.panel-hero:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:30px;background:var(--bg);border-radius:30px 30px 0 0}.panel-hero h1{font-size:26px;font-weight:700;margin-bottom:6px;letter-spacing:1px}.panel-hero .subtitle{font-size:14px;opacity:.9;margin-bottom:14px}.hero-info{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px}.hero-info span{background:#fff3;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.day-panel-header{background:var(--card);padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.day-emoji{font-size:32px;flex-shrink:0}.day-header-text h2{font-size:18px;font-weight:700}.day-header-text .day-date{font-size:13px;color:var(--text-light)}.day-city-tag{margin-left:auto;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0}.city-nanning{background:var(--green-light);color:#2e7d32}.city-beihai{background:var(--ocean-light);color:var(--ocean-deep)}.section-title{font-size:18px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.transport-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.transport-tab{flex-shrink:0;padding:10px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;font-size:13px;font-weight:600;color:var(--text-light);transition:all .2s;display:flex;align-items:center;gap:6px;font-family:inherit}.transport-tab.active{border-color:var(--ocean);color:var(--ocean);background:var(--ocean-light)}.transport-tab .tag{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.transport-detail{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.transport-leg{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border);font-size:13px}.transport-leg:has(+.transport-pros-cons),.transport-leg:last-child{border-bottom:none}.transport-leg .leg-label{font-weight:600;color:var(--text)}.transport-leg .leg-info{text-align:right;color:var(--text-light)}.transport-leg .leg-price{color:var(--coral);font-weight:600;font-size:13px}.transport-pros-cons{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px}.pros,.cons{flex:1}.pros span,.cons span{display:block;padding:2px 0}.pros span:before{content:"✅ "}.cons span:before{content:"⚠️ "}.spot-tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.spot-tab{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--card);color:var(--text-light);transition:all .2s;white-space:nowrap;font-family:inherit}.spot-tab.active{border-color:var(--ocean);background:var(--ocean-light);color:var(--ocean-deep)}.spot-tab .spot-tab-tag{font-size:10px;margin-left:4px;opacity:.7}.spot-detail{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spot-name{font-size:18px;font-weight:700;margin-bottom:4px}.spot-oneliner{font-size:14px;color:var(--text-light);margin-bottom:14px}.spot-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.spot-info-item{background:var(--sand-light);padding:10px 12px;border-radius:var(--radius-sm);font-size:12px}.spot-info-item .info-label{color:var(--text-muted);font-size:11px;margin-bottom:2px}.spot-info-item .info-value{font-weight:600;color:var(--text)}.spot-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.spot-tag{background:var(--ocean-light);color:var(--ocean-deep);padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.spot-desc{font-size:14px;color:var(--text);line-height:1.8;background:var(--sand-light);padding:14px;border-radius:var(--radius-sm);border-left:3px solid var(--coral)}.spot-address{margin-top:10px;display:flex;flex-direction:column;gap:2px;font-size:13px}.spot-address .address-label{font-weight:600;color:var(--text);font-size:12px}.spot-address .address-text{color:var(--text-light);line-height:1.5}.spot-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.spot-transport{font-size:13px;color:var(--text-light);flex:1}.spot-transport:before{content:"🚌 交通：";font-weight:600}.map-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--ocean);color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .2s;-webkit-tap-highlight-color:transparent}.map-link:active{background:var(--ocean-deep)}.meal-options{display:flex;flex-direction:column;gap:10px}.meal-card{background:var(--sand-light);border-radius:var(--radius-sm);padding:12px}.meal-card .meal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.meal-card .meal-top .map-link{padding:3px 8px;font-size:11px}.meal-card .meal-name{font-weight:600;font-size:14px}.meal-card .meal-desc{font-size:12px;color:var(--text-light)}.meal-card .meal-address{font-size:11px;color:var(--text-muted);margin-top:4px}.meal-card .meal-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px}.meal-card .meal-price{color:var(--coral);font-weight:600}.meal-card .meal-highlight{color:var(--text-muted)}.accom-city{margin-bottom:20px}.accom-city-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.accom-city-name{font-size:16px;font-weight:700}.accom-nights{font-size:12px;color:var(--text-light)}.accom-tier-tabs{display:flex;gap:8px;margin-bottom:16px}.accom-tier-tab{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--card);color:var(--text-light);transition:all .2s;font-family:inherit}.accom-tier-tab.active{border-color:var(--coral);background:var(--coral-light);color:#c62828}.accom-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);animation:fadeIn .25s ease}.accom-card .accom-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.accom-card .accom-top .map-link{padding:3px 8px;font-size:11px}.accom-card .accom-name{font-size:15px;font-weight:700}.accom-card .accom-price{color:var(--coral);font-weight:600;font-size:14px;margin-bottom:8px}.accom-card .accom-location{font-size:12px;color:var(--text-light);margin-bottom:8px}.accom-card .accom-highlights{display:flex;flex-wrap:wrap;gap:6px}.accom-card .accom-highlight-tag{background:var(--green-light);color:#2e7d32;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.budget-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.budget-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border);font-size:14px}.budget-row:last-of-type{border-bottom:none}.budget-row .budget-icon{margin-right:6px}.budget-row .budget-amount{font-weight:600;color:var(--text)}.budget-total{margin-top:14px;padding-top:14px;border-top:2px solid var(--ocean);display:flex;justify-content:space-between;align-items:center}.budget-total .budget-total-label{font-size:16px;font-weight:700}.budget-total .budget-total-amount{font-size:24px;font-weight:700;color:var(--coral)}.budget-note{margin-top:10px;font-size:12px;color:var(--text-muted);text-align:center}.tips-grid{display:grid;grid-template-columns:1fr;gap:10px}.tip-card{background:var(--card);border-radius:var(--radius-sm);padding:14px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start}.tip-icon{font-size:24px;flex-shrink:0;margin-top:2px}.tip-content h4{font-size:14px;font-weight:700;margin-bottom:4px}.tip-content p{font-size:13px;color:var(--text-light);line-height:1.7}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px);z-index:200;box-shadow:0 -2px 12px #00000014}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font-size:10px;padding:4px 8px;border-radius:8px;transition:all .15s;-webkit-tap-highlight-color:transparent;cursor:pointer;border:none;background:none;font-family:inherit}.bottom-nav-item.active{color:var(--ocean)}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{font-weight:600;font-size:10px}.info-image-wrapper{position:relative;cursor:pointer;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease}.info-image-wrapper.expanded{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;background:#000000e6;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px}.info-image{width:100%;display:block;border-radius:var(--radius);transition:all .3s ease}.info-image-wrapper.expanded .info-image{max-width:100%;max-height:85vh;width:auto;object-fit:contain;border-radius:0}.info-image-hint{display:block;text-align:center;padding:6px 0;font-size:12px;color:var(--text-muted);background:var(--card)}.info-image-wrapper.expanded .info-image-hint{color:#ffffffb3;background:transparent;margin-top:12px}.footer{text-align:center;padding:32px 16px;font-size:12px;color:var(--text-muted)}@media(min-width:480px){.panel-hero h1{font-size:30px}.tips-grid{grid-template-columns:1fr 1fr}}@media(max-width:380px){.spot-info-grid{grid-template-columns:1fr}}