/* Visual + food upgrade layer; preserves the original design system. */
.hero{background-image:linear-gradient(90deg,rgba(3,39,34,.86),rgba(4,72,67,.55),rgba(15,74,100,.38)),url('assets/images/hero/malaysia-skyline.webp');background-size:cover;background-position:center}.hero:before{background:radial-gradient(circle at 82% 20%,rgba(245,193,80,.32),transparent 28%)}
.concertFeature{background-image:linear-gradient(135deg,rgba(13,63,53,.94),rgba(12,87,72,.83)),url('assets/images/concert/stage-decoration.svg');background-size:cover;background-position:center}.afterCard{background-image:linear-gradient(rgba(251,248,253,.95),rgba(251,248,253,.95)),url('assets/images/after-party/night-decoration.svg');background-size:cover;background-position:center}
.city-cover{position:relative;min-height:260px;border-radius:28px;overflow:hidden;color:#fff;margin:22px 0;display:flex;align-items:end;background:#16483f center/cover no-repeat;box-shadow:var(--shadow)}.city-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(3,36,31,.82) 100%)}.city-cover-content{position:relative;padding:28px;max-width:700px}.city-cover h3{font-size:32px;margin:0 0 6px}.city-cover p{margin:0;color:#e4f2ed}.city-cover.penang{background-image:url('assets/images/cities/penang-georgetown.webp')}.city-cover.kl{background-image:url('assets/images/cities/kuala-lumpur-night.webp')}
.attraction-grid,.food-upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-card{background:var(--paper);border:1px solid rgba(13,107,84,.1);border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(22,64,53,.08);transition:.2s}.visual-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.visual-thumb{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#0d6b54,#197a9d);overflow:hidden}.visual-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .25s}.visual-thumb.fallback img{display:none}.visual-thumb:after{content:"南洋旅程";position:absolute;inset:auto 14px 12px auto;color:#fff;font-weight:900;opacity:.45}.visual-thumb img+span{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.62);color:#fff;padding:4px 8px;border-radius:999px;font-size:11px}.visual-body{padding:17px}.visual-body h3{margin:0 0 5px;font-size:20px}.visual-body p{margin:5px 0}.visual-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.visual-actions{display:flex;gap:8px;flex-wrap:wrap}.visual-actions .btn{flex:1 1 auto;min-height:42px}.city-pill{display:inline-flex;padding:4px 8px;background:#e2eee9;color:#195d4d;border-radius:999px;font-size:12px;font-weight:800}
.food-toolbar{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:9px;margin:18px 0}.food-toolbar input,.food-toolbar select{width:100%;padding:11px 12px;border:1px solid #c9d9d2;background:#fff;border-radius:12px;color:var(--ink);font:inherit}.food-count{color:var(--muted);margin:8px 0}.food-card .visual-thumb{aspect-ratio:4/3}.food-price{font-weight:900;color:var(--green)}.food-route{font-size:13px;color:var(--muted)}.food-tags{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0}.food-card.is-selected{outline:3px solid var(--gold)}.food-card.is-favorite .favorite-btn{background:var(--gold);color:#17312b}.food-card.is-eaten{opacity:.72}.food-more{display:block;margin:20px auto 0}
.day-food-panel{margin-top:17px;padding:16px;border-radius:18px;background:#f4f0e4;border:1px solid #e8d8b5}.day-food-panel h4{margin:0 0 9px;font-size:18px}.day-food-mini{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.day-food-mini button{min-width:170px;text-align:left;border:1px solid #decda7;border-radius:13px;padding:10px;background:#fff;color:var(--ink)}.day-food-mini button b{display:block}.day-food-mini button small{color:var(--muted)}
.day-food-groups{display:grid;gap:12px}.day-food-period{padding:11px;border-radius:15px;background:rgba(255,255,255,.55)}.day-food-period h5{margin:0 0 7px;font-size:14px;color:var(--green)}.day-food-period h5 span{font-weight:600;color:var(--muted)}.modal-critical{margin:12px 0 0}.concert-paid-note{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.12)}
.modal-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(4,25,22,.72);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.detail-modal{width:min(920px,100%);max-height:min(90vh,880px);overflow:auto;background:var(--paper);border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.35);position:relative}.modal-close{position:sticky;float:right;top:14px;right:14px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 5px 18px rgba(0,0,0,.2);font-size:24px}.modal-hero{aspect-ratio:16/7;background:linear-gradient(135deg,#0d6b54,#197a9d);overflow:hidden}.modal-hero img{width:100%;height:100%;display:block;object-fit:cover}.modal-content{padding:26px}.modal-content h2{font-size:32px;margin:0}.modal-content h3{font-size:18px;margin:20px 0 7px}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:18px 0}.modal-facts{padding:13px;background:#edf4f0;border-radius:14px}.modal-list{padding-left:20px}.modal-content .actions{margin-top:18px}body.modal-open{overflow:hidden}.source-disclosure{margin-top:18px}.source-disclosure summary{cursor:pointer;font-weight:900}.source-disclosure li{margin:7px 0}
.budget-paid{border-color:#b88829;background:#fff9e8}.paid-breakdown{font-size:13px;color:#73531b}.upgrade-marker-btn{margin-top:8px}
@media(max-width:980px){.attraction-grid,.food-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.food-toolbar{grid-template-columns:repeat(2,1fr)}.food-toolbar input{grid-column:1/-1}}
@media(max-width:640px){.hero{background-position:58% center}.city-cover{min-height:230px}.city-cover-content{padding:20px}.city-cover h3{font-size:26px}.attraction-grid,.food-upgrade-grid{grid-template-columns:1fr}.food-toolbar{grid-template-columns:1fr}.food-toolbar input{grid-column:auto}.modal-backdrop{padding:0;align-items:flex-end}.detail-modal{height:94vh;max-height:94vh;border-radius:24px 24px 0 0}.modal-hero{aspect-ratio:16/9}.modal-content{padding:19px}.modal-content h2{font-size:25px}.modal-grid{grid-template-columns:1fr}.visual-actions .btn{min-height:46px}.day-food-mini button{min-height:74px}}
@media(max-width:640px){.heroBtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.heroBtns .btn{width:auto;padding:10px 8px;font-size:14px}.heroStats{grid-template-columns:repeat(2,minmax(0,1fr))}.btn.small{min-height:44px}}
@media(prefers-reduced-motion:reduce){.visual-card,.visual-thumb img{transition:none!important}.visual-card:hover{transform:none}}
@media print{.city-cover{min-height:160px}.visual-actions,.food-toolbar,.food-more,.modal-backdrop{display:none!important}.attraction-grid,.food-upgrade-grid{grid-template-columns:repeat(2,1fr)}.visual-card{break-inside:avoid;box-shadow:none}}