*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1a1816;--ink2:#4a4540;--ink3:#8a827a;--paper:#f7f4ef;--paper2:#ede9e2;--paper3:#e4dfd6;--gold:#b8960c;--gold2:#d4aa20;--red:#8b2020;--green:#2a5a3a;--radius:3px;--shadow:0 1px 8px rgba(26,24,22,.08)}body{background:var(--paper);color:var(--ink);font-family:Noto Sans TC,sans-serif;font-weight:300;line-height:1.7}.hero{background:var(--ink);color:var(--paper);padding:5rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 50%,rgba(184,150,12,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 30%,rgba(139,32,32,.1) 0%,transparent 70%);pointer-events:none}.hero-eyebrow{font-family:Cinzel,serif;font-size:11px;letter-spacing:.25em;color:var(--gold2);margin-bottom:1.5rem;text-transform:uppercase}.hero h1{font-family:"Noto Serif TC",serif;font-weight:300;font-size:clamp(1.8rem,5vw,3rem);line-height:1.4;max-width:700px;margin:0 auto 1.25rem;letter-spacing:.02em}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-sub{font-size:14px;color:#f7f4ef99;max-width:480px;margin:0 auto 1.5rem;line-height:1.8}.hero-bears{font-size:28px;letter-spacing:.1em;margin-bottom:.75rem}.hero-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.hero-nav a{font-size:12px;padding:6px 16px;border-radius:100px;border:.5px solid rgba(247,244,239,.25);color:#f7f4efb3;text-decoration:none;transition:all .2s}.hero-nav a:hover{border-color:var(--gold2);color:var(--gold2)}.search-wrap{background:var(--ink);padding:0 2rem 1.25rem;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(247,244,239,.06)}.search-inner{max-width:900px;margin:0 auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-inner label{font-size:11px;color:#f7f4ef66;white-space:nowrap}.search-inner input,.search-inner select{font-size:13px;padding:7px 12px;border:.5px solid rgba(247,244,239,.15);border-radius:var(--radius);background:#f7f4ef0f;color:var(--paper);font-family:Noto Sans TC,sans-serif;font-weight:300}.search-inner input[type=date]{width:145px;color-scheme:dark}.search-inner input:focus,.search-inner select:focus{outline:none;border-color:var(--gold2)}.search-inner select option{background:var(--ink)}.filter-wrap{background:var(--paper2);border-bottom:1px solid var(--paper3);padding:.85rem 2rem}.filter-inner{max-width:900px;margin:0 auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.filter-label{font-size:11px;color:var(--ink3);letter-spacing:.1em;margin-right:4px}.filter-btn{font-size:11px;padding:5px 12px;border-radius:100px;border:.5px solid var(--paper3);background:var(--paper);color:var(--ink3);cursor:pointer;font-family:Noto Sans TC,sans-serif;font-weight:300;transition:all .15s}.filter-btn:hover{border-color:var(--gold);color:var(--gold)}.filter-btn.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.main{max-width:900px;margin:0 auto;padding:2rem}.intent-row{display:flex;gap:10px;margin-bottom:2rem;flex-wrap:wrap}.intent-btn{flex:1;min-width:150px;padding:12px 14px;border:.5px solid var(--paper3);border-radius:var(--radius);background:var(--paper);cursor:pointer;text-align:left;font-family:Noto Sans TC,sans-serif;transition:all .2s;box-shadow:var(--shadow)}.intent-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.intent-btn.active{border-color:var(--gold);background:#fffbee}.intent-icon{font-size:18px;margin-bottom:4px}.intent-title{font-size:12px;font-weight:500;color:var(--ink);margin-bottom:1px}.intent-desc{font-size:10px;color:var(--ink3);line-height:1.5}.intent-badge{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.5rem;font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.intent-badge strong{color:var(--gold2)}.intent-badge span{color:#f7f4ef99;font-size:11px}.intent-badge.hidden{display:none}.section-title{font-family:"Noto Serif TC",serif;font-size:12px;font-weight:400;color:var(--ink3);letter-spacing:.15em;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:.5px solid var(--paper3)}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem}.city-card{background:var(--paper);border:.5px solid var(--paper3);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:all .2s}.city-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1a18161f;border-color:var(--gold)}.city-card.hidden{display:none}.card-header{padding:1.25rem 1.25rem 1rem;border-bottom:.5px solid var(--paper3);position:relative}.card-flag{font-size:20px;margin-bottom:5px}.card-city{font-family:"Noto Serif TC",serif;font-size:17px;font-weight:400;color:var(--ink);margin-bottom:2px}.card-region{font-size:11px;color:var(--ink3)}.card-score{position:absolute;top:1.25rem;right:1.25rem;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;border:1.5px solid currentColor}.score-high{color:var(--green);background:#2a5a3a14}.score-mid{color:var(--gold);background:#b8960c14}.score-low{color:var(--red);background:#8b202014}.card-body{padding:1rem 1.25rem}.card-intent-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:3px 8px;border-radius:100px;margin-bottom:10px}.tag-luxury{background:#b8960c1f;color:#7a6008}.tag-escape{background:#2a5a3a1f;color:#1a4028}.tag-base{background:#3c508c1f;color:#253060}.card-quote{font-family:"Noto Serif TC",serif;font-size:12px;font-style:italic;color:var(--ink2);line-height:1.7;margin-bottom:12px;padding-left:10px;border-left:2px solid var(--paper3)}.resilience{margin-bottom:12px}.resilience-title{font-size:10px;color:var(--ink3);letter-spacing:.1em;margin-bottom:6px}.resilience-bars{display:flex;flex-direction:column;gap:4px}.r-bar{display:flex;align-items:center;gap:8px}.r-label{font-size:10px;color:var(--ink3);width:52px;flex-shrink:0}.r-track{flex:1;height:3px;background:var(--paper3);border-radius:2px;overflow:hidden}.r-fill{height:100%;border-radius:2px;background:var(--gold);transition:width .8s ease}.r-fill.high{background:var(--green)}.r-fill.low{background:var(--red)}.card-warning{font-size:11px;color:var(--red);background:#8b20200f;border-left:2px solid var(--red);padding:6px 10px;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:10px;line-height:1.6}.card-tip{font-size:11px;color:var(--green);background:#2a5a3a0f;border-left:2px solid var(--green);padding:6px 10px;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:10px;line-height:1.6}.card-footer{padding:.85rem 1.25rem;border-top:.5px solid var(--paper3);background:var(--paper2);display:flex;gap:6px}.book-btn{flex:1;padding:8px 10px;border-radius:var(--radius);border:.5px solid var(--paper3);background:var(--paper);color:var(--ink2);font-size:11px;font-family:Noto Sans TC,sans-serif;cursor:pointer;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;font-weight:400}.book-btn:hover,.book-btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.book-btn.primary:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.prophet-strip{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem;display:flex;gap:1.5rem;flex-wrap:wrap}.prophet-card{flex:1;min-width:180px;border-left:2px solid rgba(184,150,12,.3);padding-left:1rem}.prophet-name{font-family:Cinzel,serif;font-size:10px;letter-spacing:.15em;color:var(--gold2);margin-bottom:5px}.prophet-quote{font-family:"Noto Serif TC",serif;font-size:12px;font-style:italic;color:#f7f4efa6;line-height:1.7}.disclaimer{font-size:11px;color:var(--ink3);text-align:center;padding:1rem 0 2rem;line-height:1.8}@media(max-width:640px){html{font-size:22px}.search-inner{gap:6px}.intent-row,.prophet-strip{flex-direction:column}.city-grid{grid-template-columns:1fr}.search-inner input[type=date]{width:130px}.hero-eyebrow{font-size:16px}.hero-sub{font-size:20px}.search-inner label{font-size:16px}.search-inner input,.search-inner select,.intent-title{font-size:20px}.intent-desc,.section-title,.filter-btn{font-size:18px}.card-city{font-size:22px}.card-region{font-size:16px}.card-quote,.card-warning,.card-tip,.book-btn{font-size:18px}.prophet-name{font-size:16px}.prophet-quote{font-size:18px}.disclaimer{font-size:16px}}