@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#2d6a4f;--color-primary-light:#40916c;--color-primary-dark:#1b4332;--color-accent:#d4a373;--color-accent-light:#e9c46a;--color-accent-dark:#bc6c25;--color-bg:#fefae0;--color-bg-card:#fff;--color-bg-dark:#1a1a2e;--color-bg-section:#f0ead2;--color-text:#2c2c2c;--color-text-secondary:#5a5a5a;--color-text-light:#8a8a8a;--color-text-on-dark:#f0f0f0;--color-border:#ddd5c0;--color-selected:#f0c929;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-hover:0 12px 40px #00000026;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-2xl:64px;--font-family:"Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);background:#fefae0d9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{color:var(--color-primary-dark);align-items:center;gap:var(--spacing-sm);font-size:1.3rem;font-weight:700;display:flex}.navbar-logo span{font-size:1.5rem}.navbar-links{gap:var(--spacing-lg);list-style:none;display:flex}.navbar-links a{color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.95rem;font-weight:500}.navbar-links a:hover,.navbar-links a.active{color:var(--color-primary);background:#2d6a4f14}.menu-toggle{cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;font-size:1.5rem;display:none}.page-container{max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg);margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-header h1{color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);font-size:2.2rem;font-weight:700}.page-header p{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.hero{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);color:#fff;border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 60%);width:200%;height:200%;animation:8s linear infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero h1{margin-bottom:var(--spacing-md);font-size:3rem;font-weight:700;position:relative}.hero .subtitle{opacity:.9;margin-bottom:var(--spacing-xl);font-size:1.3rem;position:relative}.hero-info{justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex;position:relative}.hero-info-item{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.hero-info-item .emoji{font-size:2rem}.hero-info-item .label{opacity:.8;font-size:.85rem}.hero-info-item .value{font-size:1.2rem;font-weight:600}.countdown-section{text-align:center;margin-bottom:var(--spacing-2xl)}.countdown-section h2{color:var(--color-primary-dark);margin-bottom:var(--spacing-lg);font-size:1.5rem}.countdown-grid{justify-content:center;gap:var(--spacing-lg);display:flex}.countdown-item{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md);min-width:100px}.countdown-item .number{color:var(--color-primary);font-size:2.5rem;font-weight:700;display:block}.countdown-item .unit{color:var(--color-text-secondary);font-size:.9rem}.quick-nav{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.quick-nav-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;color:var(--color-text);border:1px solid #0000;text-decoration:none}.quick-nav-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-light);color:var(--color-text);transform:translateY(-4px)}.quick-nav-card .card-emoji{margin-bottom:var(--spacing-md);font-size:2.5rem;display:block}.quick-nav-card h3{margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:600}.quick-nav-card p{color:var(--color-text-secondary);font-size:.9rem}.region-section{margin-bottom:var(--spacing-2xl)}.region-section h2{color:var(--color-primary-dark);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);font-size:1.5rem}.destinations-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.destination-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid #0000;position:relative}.destination-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.destination-card.selected{border-color:var(--color-selected);background:linear-gradient(135deg,#fffdf0,#fff9db)}.destination-card.selected:before{content:""}.select-btn{top:var(--spacing-md);right:var(--spacing-md);background:var(--color-bg-section);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);font-size:.78rem;font-weight:600;font-family:var(--font-family);color:var(--color-text-secondary);border-radius:20px;padding:4px 12px;position:absolute}.select-btn:hover{border-color:var(--color-selected);background:#fff9db}.select-btn.active{background:var(--color-selected);border-color:var(--color-selected);color:#333}.destination-card h3{color:var(--color-primary-dark);margin-bottom:2px;font-size:1.1rem;font-weight:600}.destination-card .name-en{color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-size:.85rem}.destination-card .meta{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:.85rem;display:flex}.destination-card .description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.5}.destination-card .highlights{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.highlight-tag{background:var(--color-bg-section);color:var(--color-primary);border-radius:20px;padding:2px 10px;font-size:.78rem;font-weight:500}.map-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.map-btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;border:1px solid;align-items:center;gap:4px;padding:6px 14px;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.map-btn.google{color:#4285f4;background:#4285f40d;border-color:#4285f4}.map-btn.google:hover{color:#fff;background:#4285f4}.map-btn.amap{color:#0091ff;background:#0091ff0d;border-color:#0091ff}.map-btn.amap:hover{color:#fff;background:#0091ff}.filter-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center;display:flex}.filter-tab{border:1px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;font-size:.9rem;font-family:var(--font-family);transition:all var(--transition-fast);color:var(--color-text-secondary);border-radius:30px;padding:8px 20px}.filter-tab:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tips-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.tip-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.tip-card:hover{box-shadow:var(--shadow-md)}.tip-card h3{margin-bottom:var(--spacing-md);color:var(--color-primary-dark);font-size:1.15rem}.tip-card ul{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.tip-card li{color:var(--color-text-secondary);padding-left:20px;font-size:.92rem;line-height:1.5;position:relative}.tip-card li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:4px}.messages-container{max-width:800px;margin:0 auto}.message-form{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.message-form h2{color:var(--color-primary-dark);margin-bottom:var(--spacing-lg);font-size:1.3rem}.form-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.form-group{flex:1}.form-group label{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:.95rem;font-family:var(--font-family);transition:border-color var(--transition-fast);background:var(--color-bg);padding:10px 14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{resize:vertical;min-height:80px}.submit-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 28px}.submit-btn:hover{background:var(--color-primary-light);transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.messages-list{gap:var(--spacing-md);flex-direction:column;display:flex}.message-item{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);animation:.3s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item .message-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.message-item .author{color:var(--color-primary);font-size:1rem;font-weight:600}.message-item .timestamp{color:var(--color-text-light);font-size:.8rem}.message-item .content{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.empty-messages{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-light)}.empty-messages .emoji{margin-bottom:var(--spacing-md);font-size:3rem;display:block}.itinerary-empty{text-align:center;padding:var(--spacing-2xl);background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.itinerary-empty .emoji{margin-bottom:var(--spacing-md);font-size:4rem;display:block}.itinerary-empty h2{color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.itinerary-empty p{color:var(--color-text-secondary);max-width:500px;margin:0 auto}.footer{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-light);border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);font-size:.85rem}@media (max-width:768px){.navbar-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);background:#fefae0fa;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.navbar-links.open{display:flex}.menu-toggle{display:block}.hero h1{font-size:2rem}.hero .subtitle{font-size:1rem}.hero-info{gap:var(--spacing-md)}.countdown-grid{gap:var(--spacing-sm)}.countdown-item{padding:var(--spacing-md);min-width:70px}.countdown-item .number{font-size:1.8rem}.destinations-grid,.tips-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.page-container{padding:var(--spacing-lg) var(--spacing-md)}.quick-nav{grid-template-columns:repeat(2,1fr)}.filter-tabs{gap:var(--spacing-xs)}.filter-tab{padding:6px 14px;font-size:.82rem}}@media (max-width:400px){.quick-nav{grid-template-columns:1fr}}.auth-gate{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 40%, var(--color-primary-light) 100%);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:400px;animation:.5s fadeInUp}.auth-emoji{margin-bottom:var(--spacing-md);font-size:4rem;display:block}.auth-card h1{color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);font-size:1.8rem}.auth-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.auth-input{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:1rem;font-family:var(--font-family);text-align:center;margin-bottom:var(--spacing-md);transition:border-color var(--transition-fast);background:var(--color-bg);padding:12px 16px}.auth-input:focus{border-color:var(--color-primary);outline:none}.auth-error{color:#e63946;margin-bottom:var(--spacing-md);font-size:.9rem}.auth-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;width:100%;padding:12px 40px}.auth-btn:hover{background:var(--color-primary-light);transform:translateY(-1px)}.map-legend{flex-wrap:wrap;gap:12px;display:flex}.legend-item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.82rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.custom-marker{background:0 0!important;border:none!important}.leaflet-popup-content-wrapper{border-radius:10px!important}.map-btn.ask{color:#fff;cursor:pointer;background:#7c3aed;border:none}.map-btn.ask:hover{background:#6d28d9}.chat-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.chat-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;height:80vh;max-height:700px;display:flex;box-shadow:0 20px 60px #0000004d}.chat-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header h3{margin:0;font-size:1.1rem}.chat-close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem}.chat-close:hover{background:#f0f0f0}.chat-notes-toggle{cursor:pointer;font-size:.78rem;font-family:var(--font-family);background:#f3f0ff;border:1px solid #ddd5f7;border-radius:16px;padding:4px 12px}.chat-notes-toggle:hover{background:#ede8ff}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;color:#666;padding:20px 0}.chat-welcome p{margin-bottom:16px}.quick-questions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.quick-questions button{cursor:pointer;font-size:.82rem;font-family:var(--font-family);background:#f5f3ff;border:1px solid #ddd5f7;border-radius:20px;padding:6px 14px;transition:all .15s}.quick-questions button:hover{background:#ede8ff;border-color:#7c3aed}.chat-msg{max-width:85%}.chat-msg.user{align-self:flex-end}.chat-msg.user .msg-content{color:#fff;background:#7c3aed;border-radius:16px 16px 4px;padding:10px 16px;font-size:.9rem;line-height:1.5}.chat-msg.assistant .msg-content{color:#333;white-space:pre-wrap;background:#f5f5f5;border-radius:16px 16px 16px 4px;padding:10px 16px;font-size:.9rem;line-height:1.6}.msg-content.typing{color:#999;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.save-btn{color:#999;cursor:pointer;background:0 0;border:none;margin-top:4px;padding:2px 6px;font-size:.75rem}.save-btn:hover{color:#7c3aed}.chat-input{border-top:1px solid #eee;gap:8px;padding:12px 16px;display:flex}.chat-input input{font-size:.9rem;font-family:var(--font-family);border:1px solid #ddd;border-radius:24px;outline:none;flex:1;padding:10px 16px}.chat-input input:focus{border-color:#7c3aed}.chat-input button{color:#fff;font-size:.9rem;font-family:var(--font-family);cursor:pointer;background:#7c3aed;border:none;border-radius:24px;padding:10px 20px}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.chat-notes{flex:1;padding:16px;overflow-y:auto}.saved-note{white-space:pre-wrap;background:#fefce8;border:1px solid #fef08a;border-radius:10px;margin-bottom:10px;padding:12px 16px;font-size:.88rem;line-height:1.6}.saved-note p{margin:0 0 8px}.note-footer{color:#999;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.note-footer button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.75rem}.markdown-body{color:#333;font-size:.9rem;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:8px 0 4px;font-size:1rem}.markdown-body h1{font-size:1.1rem}.markdown-body p{margin:4px 0}.markdown-body ul,.markdown-body ol{margin:4px 0;padding-left:20px}.markdown-body li{margin:2px 0}.markdown-body code{background:#e8e8e8;border-radius:3px;padding:1px 4px;font-size:.85em}.markdown-body pre{background:#f5f5f5;border-radius:6px;margin:6px 0;padding:8px 12px;overflow-x:auto}.markdown-body blockquote{color:#666;border-left:3px solid #7c3aed;margin:6px 0;padding-left:12px}.markdown-body strong{color:#222}.markdown-body table{border-collapse:collapse;width:100%;margin:6px 0;font-size:.85rem}.markdown-body th,.markdown-body td{border:1px solid #ddd;padding:4px 8px}.markdown-body th{background:#f5f5f5}.itinerary-form,.itinerary-selected,.itinerary-result,.saved-plans{background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;padding:20px 24px}.itinerary-form h2,.itinerary-selected h2,.itinerary-result h2,.saved-plans h2{margin:0 0 16px;font-size:1.1rem}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.form-field label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:.9rem;font-family:var(--font-family);box-sizing:border-box;outline:none;padding:10px 14px}.form-field input:focus{border-color:var(--color-primary)}.selected-chips{flex-wrap:wrap;gap:8px;display:flex}.selected-chip{background:#fef9c3;border:1px solid #fde68a;border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:500}.generate-btn{color:#fff;border-radius:var(--radius-md);width:100%;font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;margin-bottom:20px;padding:14px;transition:all .2s;display:block}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.result-header h2{margin:0}.save-plan-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-family);background:#10b981;border:none;padding:8px 20px}.save-plan-btn:hover{background:#059669}.result-content{border-radius:var(--radius-sm);background:#fff;border:1px solid #eee;padding:20px}.saved-plan-card{border-radius:var(--radius-sm);background:#fff;border:1px solid #eee;margin-bottom:8px;padding:12px 16px}.plan-header-row{align-items:center;gap:10px;display:flex}.plan-expanded{border-top:1px solid #eee;margin-top:16px;padding-top:16px}