:root{--green:#4caf50;--orange:#ff9800;--blue:#2196f3;--purple:#9c27b0;--bg:#f5f5f0;--card:#fff;--text:#333;--text-light:#666;--border:#e0e0e0;--shadow:0 2px 8px #00000014;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:20px 16px}.header{text-align:center;color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-bottom:24px;padding:40px 20px;position:relative;overflow:hidden}.header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.header h1{margin-bottom:8px;font-size:2em;font-weight:700;position:relative}.header .subtitle{opacity:.9;font-size:1.1em;position:relative}.header .family-info{opacity:.85;margin-top:12px;font-size:.95em;position:relative}.hotel-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid #667eea;margin-bottom:24px;padding:20px}.hotel-card h3{color:#667eea;margin-bottom:8px;font-size:1.1em}.hotel-card .info-row{color:var(--text-light);gap:8px;margin:4px 0;font-size:.9em;display:flex}.hotel-card .info-row .label{color:var(--text);min-width:80px;font-weight:500}.nav-tabs{background:var(--bg);z-index:100;gap:8px;margin-bottom:24px;padding-top:8px;padding-bottom:4px;display:flex;position:sticky;top:0;overflow-x:auto}.nav-tab{cursor:pointer;white-space:nowrap;background:var(--card);color:var(--text-light);border:none;border-radius:24px;padding:10px 18px;font-family:inherit;font-size:.9em;font-weight:500;transition:all .2s;box-shadow:0 1px 3px #0000001a}.nav-tab:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.nav-tab.active{color:#fff;box-shadow:0 2px 8px #0003}.day-section{margin-bottom:32px;display:none}.day-section.active{display:block}.day-header{border-radius:var(--radius);color:#fff;margin-bottom:16px;padding:20px}.day-header h2{font-size:1.4em;font-weight:700}.day-header .theme{opacity:.9;margin-top:4px;font-size:1em}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:11px}.timeline-item{margin-bottom:16px;position:relative}.timeline-dot{width:12px;height:12px;box-shadow:0 0 0 2px var(--border);border:2px solid #fff;border-radius:50%;position:absolute;top:18px;left:-19px}.timeline-dot.attraction{background:#4caf50;box-shadow:0 0 0 2px #4caf50}.timeline-dot.restaurant{background:#ff5722;box-shadow:0 0 0 2px #ff5722}.timeline-dot.transport{background:#607d8b;box-shadow:0 0 0 2px #607d8b}.timeline-dot.rest{background:#9e9e9e;box-shadow:0 0 0 2px #9e9e9e}.timeline-dot.optional{background:#ff9800;box-shadow:0 0 0 2px #ff9800}.timeline-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-left:8px;padding:16px}.timeline-time{color:var(--text-light);margin-bottom:4px;font-size:.85em;font-weight:600}.timeline-title{margin-bottom:8px;font-size:1.05em;font-weight:600}.timeline-detail{color:var(--text-light);margin-bottom:8px;font-size:.9em}.detail-grid{background:#f9f9f6;border-radius:8px;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:8px;padding:12px;font-size:.85em;display:grid}.detail-label{color:var(--text);white-space:nowrap;font-weight:500}.detail-value{color:var(--text-light);word-break:break-word}.transport-badge{color:#1565c0;background:#e3f2fd;border-radius:16px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:.8em;display:inline-flex}.transport-badge.walk{color:#2e7d32;background:#e8f5e9}.transport-badge.taxi{color:#e65100;background:#fff3e0}.options-box{border-radius:var(--radius);background:#fffde7;border:1px solid #fff9c4;margin-top:16px;padding:16px}.options-box h4{color:#f57f17;margin-bottom:8px;font-size:.9em}.options-box ul{padding:0;list-style:none}.options-box li{color:var(--text-light);padding:4px 0 4px 20px;font-size:.85em;position:relative}.options-box li:before{content:"~";color:#f57f17;position:absolute;left:4px}.card-grid{gap:16px;margin-bottom:24px;display:grid}.info-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--border);padding:16px}.info-card.wife-pick{border-left-color:#e91e63}.info-card h3{margin-bottom:4px;font-size:1em;font-weight:600}.info-card .badge{border-radius:12px;margin-bottom:6px;margin-right:6px;padding:2px 8px;font-size:.75em;font-weight:500;display:inline-block}.badge.wife{color:#c62828;background:#fce4ec}.badge.cuisine{color:#2e7d32;background:#e8f5e9}.badge.day{color:#1565c0;background:#e3f2fd}.badge.michelin{color:#e65100;background:#fff3e0}.transit-section{margin-bottom:24px}.transit-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.transit-card h4{color:#1565c0;margin-bottom:8px;font-size:.95em;font-weight:600}.transit-card p{color:var(--text-light);margin:4px 0;font-size:.85em}.transit-recommendation{border-radius:var(--radius);color:#1565c0;background:#e3f2fd;padding:16px;font-size:.9em;font-weight:500}.checklist{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:16px}.checklist h3{margin-bottom:12px;font-size:1.1em}.checklist-item{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;font-size:.85em;display:grid}.checklist-item:last-child{border-bottom:none}.budget-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:16px}.budget-card h3{margin-bottom:12px;font-size:1.1em}.budget-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 0;font-size:.9em;display:flex}.budget-row:last-child{border-bottom:none}.budget-total{color:#e91e63;border-top:2px solid var(--border);margin-top:12px;padding-top:12px;font-size:1em;font-weight:700}.weather-bar{border-radius:var(--radius);color:#006064;background:linear-gradient(135deg,#e0f7fa 0%,#b2ebf2 100%);margin-bottom:24px;padding:12px 16px;font-size:.9em}@media (width<=600px){.container{padding:12px 10px}.header h1{font-size:1.5em}.nav-tabs{gap:6px}.nav-tab{padding:8px 14px;font-size:.8em}.detail-grid{grid-template-columns:1fr}.detail-label{margin-top:4px}.checklist-item{grid-template-columns:1fr}}@media print{.nav-tabs{display:none}.day-section{page-break-inside:avoid;display:block!important}}.section-content{display:none}.section-content.active{display:block}.optional-tag{color:#e65100;background:#fff3e0;border-radius:10px;margin-left:6px;padding:1px 8px;font-size:.75em;font-weight:500;display:inline-block}.option-b{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.option-b h4{color:var(--purple);margin-bottom:8px;font-size:.9em}.timeline-card{position:relative}.poi-seq-badge{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8em;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000040}.map-fab{color:#fff;cursor:pointer;z-index:200;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0000004d}.map-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000059}.day-section.active .map-fab{display:flex}.map-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.map-modal.active{display:flex}.map-modal-content{border-radius:var(--radius);background:#fff;flex-direction:column;width:100%;max-width:700px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.map-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.map-modal-title{font-size:1em;font-weight:600}.map-modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:0 4px;font-size:1.6em;line-height:1}#map-container{width:100%;height:60vh;min-height:300px}.map-numbered-pin{background:0 0!important;border:none!important}.pin-circle{color:#fff;border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Noto Sans TC,sans-serif;font-size:14px;font-weight:700;display:flex;transform:rotate(-45deg);box-shadow:0 2px 8px #0000004d}.pin-num{display:block;transform:rotate(45deg)}.streetview-btn{color:#1565c0;vertical-align:middle;background:#e3f2fd;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:.7em;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.streetview-btn:hover{color:#fff;background:#1565c0}.sv-modal{z-index:1100;background:#0009;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.sv-modal.active{display:flex}.sv-modal-content{border-radius:var(--radius);background:#fff;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.sv-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sv-modal-title{font-size:1em;font-weight:600}.sv-modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:0 4px;font-size:1.6em;line-height:1}.sv-modal-body{flex:1;min-height:0}.sv-iframe{border:none;width:100%;height:70vh;min-height:350px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}