:root{--red: #C23B22;--red-light: #E8524A;--red-bg: #FFF5F4;--gold: #D4A017;--gold-light: #F0D060;--ink: #1A1A2E;--ink-light: #2D2D44;--jade: #4A7C59;--jade-light: #6BAF7B;--cream: #FBF8F1;--parchment: #F5EFE0;--warm-white: #FFFCF7;--border: #E8E0D0;--border-light: #F0EAD8;--text: #2C2C2C;--text-secondary: #6B6B6B;--text-muted: #9B9B9B;--shadow: rgba(26, 26, 46, .08);--shadow-lg: rgba(26, 26, 46, .12);--font-body: "Inter", -apple-system, sans-serif;--font-display: "Noto Serif SC", "Georgia", serif;--sidebar-width: 260px;--header-height: 64px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.3;color:var(--ink)}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.2rem;font-weight:600}a{color:var(--red);text-decoration:none;transition:color .2s}a:hover{color:var(--red-light)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--ink);color:#fff;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-header h1{color:var(--gold);font-size:1.3rem;font-family:var(--font-display);margin-bottom:2px}.sidebar-header .subtitle{color:#ffffff80;font-size:.8rem;font-family:var(--font-display);letter-spacing:2px}.sidebar-header .dates{color:#fff6;font-size:.75rem;margin-top:6px}.sidebar-nav{padding:12px 0;flex:1}.nav-section{padding:0 12px;margin-bottom:8px}.nav-section-title{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;padding:12px 12px 6px;font-family:var(--font-body);font-weight:600}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#ffffffa6;font-size:.88rem;transition:all .2s;cursor:pointer;text-decoration:none}.nav-link:hover{background:#ffffff0f;color:#ffffffe6}.nav-link.active{background:#d4a01726;color:var(--gold)}.nav-link .nav-emoji{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.nav-link .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link .nav-nights{font-size:.7rem;color:#ffffff4d;flex-shrink:0}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:40px 48px}.card{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 20px var(--shadow)}.card-grid{display:grid;gap:20px}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-box{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.stat-box .stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--ink);margin-bottom:4px}.stat-box .stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chinese-divider{text-align:center;margin:32px 0;color:var(--text-muted);font-family:var(--font-display);font-size:.85rem;position:relative}.chinese-divider:before,.chinese-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--border)}.chinese-divider:before{left:0}.chinese-divider:after{right:0}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-title h2{flex:1}.section-title .section-zh{font-family:var(--font-display);color:var(--text-muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge-pinned{background:#e8f5e9;color:#2e7d32}.badge-pending{background:#fff3e0;color:#e65100}.badge-tier-budget{background:#e8f5e9;color:#2e7d32}.badge-tier-mid{background:#fff8e1;color:#f57f17}.badge-tier-splurge{background:#fce4ec;color:#c62828}.route-line{display:flex;align-items:center;gap:0;padding:24px 0;overflow-x:auto}.route-stop{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:90px;text-align:center;cursor:pointer;transition:transform .2s}.route-stop:hover{transform:translateY(-3px)}.route-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:3px solid var(--warm-white);box-shadow:0 2px 8px var(--shadow)}.route-name{font-size:.78rem;font-weight:500;color:var(--text)}.route-dates{font-size:.65rem;color:var(--text-muted)}.route-connector{flex:1;min-width:20px;height:3px;background:var(--border);position:relative}.route-connector .connector-icon{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:.75rem;background:var(--cream);padding:0 4px}.city-card{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .25s;text-decoration:none;color:inherit;display:block}.city-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--shadow-lg);color:inherit}.city-card-image{height:160px;background-size:cover;background-position:center;position:relative}.city-card-image .city-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#000000b3);color:#fff}.city-card-image .city-overlay h3{color:#fff;font-size:1.1rem;margin-bottom:2px}.city-card-image .city-overlay .city-zh{font-family:var(--font-display);font-size:.8rem;opacity:.7}.city-card-body{padding:16px}.city-card-body .city-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.82rem;color:var(--text-secondary)}.city-card-body .city-vibe{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);font-weight:600;color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:top}.data-table tr:hover td{background:var(--parchment)}.data-table .total-row td{font-weight:700;border-top:2px solid var(--border);background:var(--parchment)}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:24px}.tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:.9rem;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-family:var(--font-body)}.tab:hover{color:var(--text)}.tab.active{color:var(--red);border-bottom-color:var(--red);font-weight:500}.city-hero{height:300px;background-size:cover;background-position:center;border-radius:var(--radius-lg);position:relative;margin-bottom:32px;overflow:hidden}.city-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(transparent,#000000bf);color:#fff}.city-hero-overlay h1{color:#fff;font-size:2.2rem;margin-bottom:4px}.city-hero-overlay .hero-zh{font-family:var(--font-display);font-size:1.1rem;opacity:.7;margin-bottom:8px}.city-hero-overlay .hero-meta{display:flex;gap:24px;font-size:.9rem;opacity:.8}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:24px;padding-left:24px}.timeline-item:before{content:"";position:absolute;left:-26px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--red);border:3px solid var(--warm-white);box-shadow:0 0 0 2px var(--red)}.timeline-day{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:4px}.timeline-date{font-size:.82rem;color:var(--text-muted);margin-bottom:10px}.timeline-activities{list-style:none;padding:0}.timeline-activities li{font-size:.9rem;color:var(--text-secondary);position:relative;padding:4px 0 4px 18px}.timeline-activities li:before{content:"·";position:absolute;left:4px;color:var(--text-muted);font-weight:700;font-size:1.2rem;line-height:1.2}.activity-link{color:var(--text-secondary);text-decoration:none;border-bottom:1px dashed var(--border);transition:all .2s;display:inline}.activity-link:hover{color:var(--red);border-bottom-color:var(--red);border-bottom-style:solid}.activity-link-icon{display:inline-block;font-size:.7rem;margin-left:4px;opacity:.4;transition:opacity .2s,transform .2s;vertical-align:super}.activity-link:hover .activity-link-icon{opacity:1;transform:translate(1px,-1px)}.accom-option{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--warm-white);transition:all .2s}.accom-option:hover{box-shadow:0 4px 16px var(--shadow)}.accom-option.recommended{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.accom-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.accom-name{font-weight:600;font-size:1rem}.accom-price{font-weight:600;color:var(--jade);font-size:.95rem;white-space:nowrap}.accom-desc{font-size:.87rem;color:var(--text-secondary);line-height:1.5}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light);font-size:.92rem}.checklist-box{width:20px;height:20px;border-radius:4px;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.checklist-box.checked{background:var(--jade);border-color:var(--jade);color:#fff}.phrase-card{display:grid;grid-template-columns:1fr 1fr 80px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);gap:12px}.phrase-en{font-size:.9rem;font-weight:500}.phrase-pinyin{font-size:.85rem;color:var(--text-secondary)}.phrase-zh{font-family:var(--font-display);font-size:1.1rem;text-align:right;color:var(--red)}.page-header{margin-bottom:32px}.page-header h1{margin-bottom:8px}.page-header .page-subtitle{color:var(--text-secondary);font-size:.95rem}.section{margin-bottom:40px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26}.info-list{list-style:none;padding:0}.info-list li{font-size:.9rem;color:var(--text-secondary);padding:6px 0 6px 20px;position:relative}.info-list li:before{content:"→";position:absolute;left:0;color:var(--gold)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);margin-bottom:20px;transition:color .2s}.back-link:hover{color:var(--text)}.progress-bar{width:100%;height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--jade),var(--jade-light));border-radius:4px;transition:width .5s ease}.note-form-fields{display:flex;flex-direction:column;gap:12px}.note-input{font-family:var(--font-body);font-size:1rem;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cream);color:var(--text);outline:none;transition:border-color .2s}.note-input:focus{border-color:var(--gold)}.note-textarea{font-family:var(--font-body);font-size:.92rem;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cream);color:var(--text);outline:none;resize:vertical;min-height:80px;line-height:1.6;transition:border-color .2s}.note-textarea:focus{border-color:var(--gold)}.note-form-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.note-category-picker{display:flex;gap:6px;flex-wrap:wrap}.note-cat-btn{font-family:var(--font-body);font-size:.78rem;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--warm-white);color:var(--text-secondary);cursor:pointer;transition:all .2s}.note-cat-btn:hover{border-color:var(--cat-color, var(--border));background:color-mix(in srgb,var(--cat-color, #ccc) 10%,white)}.note-cat-btn.active{border-color:var(--cat-color, var(--gold));background:color-mix(in srgb,var(--cat-color, #ccc) 15%,white);color:var(--text);font-weight:500}.note-form-actions{display:flex;gap:8px}.note-btn{font-family:var(--font-body);font-size:.88rem;padding:8px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:500;transition:all .2s}.note-btn-save{background:var(--red);color:#fff}.note-btn-save:hover{background:var(--red-light)}.note-btn-save:disabled{opacity:.4;cursor:not-allowed}.note-btn-cancel{background:var(--border-light);color:var(--text-secondary)}.note-btn-cancel:hover{background:var(--border)}.note-btn-add{background:var(--warm-white);border:2px dashed var(--border);color:var(--text-secondary);padding:12px 24px;border-radius:var(--radius);font-size:.92rem}.note-btn-add:hover{border-color:var(--gold);color:var(--text);background:var(--parchment)}.note-filters{display:flex;gap:6px;flex-wrap:wrap}.note-filter-btn{font-family:var(--font-body);font-size:.78rem;padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--warm-white);color:var(--text-secondary);cursor:pointer;transition:all .2s}.note-filter-btn:hover{background:var(--parchment)}.note-filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note-card{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;border-top:3px solid var(--cat-color, var(--border));transition:all .2s;display:flex;flex-direction:column;gap:8px}.note-card:hover{box-shadow:0 4px 20px var(--shadow)}.note-card-header{display:flex;justify-content:space-between;align-items:center}.note-card-cat{font-size:.72rem;padding:2px 10px;border-radius:12px;font-weight:500}.note-card-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.note-card:hover .note-card-actions{opacity:1}.note-icon-btn{background:none;border:none;cursor:pointer;font-size:.82rem;padding:4px 6px;border-radius:4px;transition:background .15s}.note-icon-btn:hover{background:var(--border-light)}.note-card-title{font-size:1rem;font-weight:600;color:var(--ink);font-family:var(--font-body)}.note-card-body{font-size:.87rem;color:var(--text-secondary);line-height:1.55;white-space:pre-wrap}.note-card-date{font-size:.72rem;color:var(--text-muted);margin-top:auto;padding-top:4px}.hamburger{display:none;position:fixed;top:16px;left:16px;z-index:200;background:var(--ink);border:none;border-radius:var(--radius-sm);padding:10px 9px;cursor:pointer;flex-direction:column;gap:5px;box-shadow:0 2px 12px #0003;transition:background .3s}.hamburger span{display:block;width:22px;height:2px;background:var(--gold);border-radius:2px;transition:transform .3s,opacity .3s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.transport-route-card{overflow-x:auto}.transport-route{display:flex;align-items:center;gap:0;padding:16px 0;min-width:700px}.transport-route-step{display:flex;align-items:center;flex:1}.transport-route-city{font-size:.75rem;font-weight:600;color:var(--ink);white-space:nowrap;min-width:fit-content}.transport-route-arrow{display:flex;align-items:center;flex:1;margin:0 6px;position:relative}.transport-route-icon{font-size:.9rem;z-index:1;background:var(--cream);padding:0 4px}.transport-route-line{position:absolute;left:0;right:0;height:2px;background:var(--divider);z-index:0}.transport-table-row:hover{background:var(--parchment)}.transport-card{margin-bottom:12px;cursor:pointer;transition:box-shadow .2s}.transport-card:hover{box-shadow:var(--shadow-md)}.transport-card.expanded{border-left:4px solid var(--red)}.transport-card-header{display:flex;justify-content:space-between;align-items:center}.transport-card-left{display:flex;align-items:center;gap:14px}.transport-card-icon{font-size:1.8rem}.transport-card-route{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink)}.transport-card-meta{font-size:.82rem;color:var(--text-secondary);margin-top:2px}.transport-card-chevron{font-size:.75rem;color:var(--text-muted)}.transport-card-body{margin-top:20px;padding-top:20px;border-top:1px solid var(--divider);cursor:default}.transport-card-detail{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0 0 20px}.transport-options h4,.transport-tips h4{font-family:var(--font-display);font-size:.9rem;margin:0 0 10px;color:var(--ink)}.transport-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:20px}.transport-option{background:var(--parchment);border-radius:var(--radius-sm);padding:12px}.transport-option-name{font-weight:600;font-size:.88rem;color:var(--ink)}.transport-option-price{font-size:.82rem;color:var(--red);font-weight:500;margin:4px 0}.transport-option-pros{font-size:.78rem;color:var(--text-muted)}.transport-tips{margin-top:16px}.transport-book-btn{display:inline-block;margin-top:16px;padding:8px 20px;background:var(--red);color:#fff;border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-display);text-decoration:none;transition:background .2s}.transport-book-btn:hover{background:#a83020;color:#fff}.transport-general-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.transport-tip-group h4{font-family:var(--font-display);font-size:1rem;margin:0 0 10px;color:var(--ink)}.gate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink) 0%,#2a1a3e 50%,var(--ink) 100%);z-index:1000;font-family:var(--font-display)}.gate-box{text-align:center;padding:48px 40px;background:var(--cream);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;max-width:380px;width:90%}.gate-emoji{font-size:3.5rem;margin-bottom:12px}.gate-title{font-family:var(--font-display);font-size:1.8rem;color:var(--ink);margin:0 0 4px}.gate-subtitle{color:var(--text-muted);font-size:.85rem;margin:0 0 28px;font-family:var(--font-body)}.gate-input{display:block;width:100%;padding:12px 16px;border:2px solid var(--divider);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);text-align:center;background:#fff;transition:border-color .2s;box-sizing:border-box}.gate-input:focus{outline:none;border-color:var(--red)}.gate-btn{display:block;width:100%;margin-top:16px;padding:12px;background:var(--red);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-display);cursor:pointer;transition:background .2s}.gate-btn:hover{background:#a83020}.gate-error{color:var(--red);font-size:.85rem;margin:12px 0 0;font-family:var(--font-body)}.gate-shake{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@media (max-width: 768px){.hamburger{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.sidebar-open{transform:translate(0)}.main-content{margin-left:0!important}.page{padding:64px 16px 24px}.stat-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat-box{padding:14px}.stat-box .stat-number{font-size:1.3rem}.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.route-line{padding:16px 0;gap:0}.route-stop{min-width:70px}.route-name{font-size:.7rem}.route-dates{font-size:.6rem}.city-card-image{height:140px}.city-hero{height:200px;border-radius:var(--radius)}.city-hero-overlay h1{font-size:1.5rem}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;flex-wrap:nowrap}.tab{padding:8px 14px;font-size:.82rem;white-space:nowrap;flex-shrink:0}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:8px 6px}.phrase-card{grid-template-columns:1fr;gap:4px}.phrase-zh{font-size:1rem}.section-title h2{font-size:1.2rem}.page-header h1{font-size:1.5rem}.notes-grid{grid-template-columns:1fr}.note-form{flex-direction:column}.note-form input,.note-form select,.note-form textarea{width:100%}.checklist-item{font-size:.85rem}.city-nav{flex-direction:column;gap:8px}.info-cards{grid-template-columns:1fr!important}.accom-option{flex-direction:column;align-items:flex-start}.expand-btn{font-size:.82rem}.chinese-divider{font-size:.85rem}.note-card-actions{opacity:1}.timeline-day{flex-direction:column;gap:4px}.timeline-date{min-width:auto}}@media (min-width: 769px) and (max-width: 1024px){.card-grid-4,.card-grid-3,.notes-grid{grid-template-columns:repeat(2,1fr)}.page{padding:32px 24px}}@media (max-width: 400px){.stat-row{grid-template-columns:1fr}.page{padding:60px 12px 20px}.sidebar-header h1{font-size:1.1rem}.route-stop{min-width:60px}.route-dot{width:32px;height:32px;font-size:1rem}h1{font-size:1.4rem}h2{font-size:1.2rem}}