:root{font-family:'Noto Sans TC','Microsoft JhengHei',system-ui,sans-serif;color:#2f241f;background:#faf6f1;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{max-width:950px;margin:auto;min-height:100vh;background:linear-gradient(130deg,#fffdfa,#faf6f1);padding-bottom:100px}.wrap{padding:18px 20px 30px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.brand{font-size:26px;font-weight:900;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:7px;color:#8a6e60;margin-top:8px}.avatar{width:49px;height:49px;border-radius:50%;background:#e8d5c6;display:grid;place-items:center;font-size:24px}h1{font-size:clamp(30px,7vw,48px);line-height:1.2;margin:12px 0 5px}h2{font-size:24px;margin:24px 0 12px}.subtitle{color:#947b70;font-size:19px;margin:0 0 22px}.muted{color:#927b71}.small{font-size:13px}.card{background:#fffdfc;border:1px solid #eadfd7;border-radius:18px;box-shadow:0 6px 20px #4c28100a;overflow:hidden}.pad{padding:16px}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.btn{border:1px solid #e5d7ca;border-radius:15px;background:white;color:#75594d;padding:12px 15px;min-height:46px}.btn.primary{background:#df8139;border-color:#df8139;color:white;font-weight:700}.btn.outline{border-color:#e8782b;color:#dc7024;font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions>*{flex:1}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick .btn{font-size:14px;padding:12px 4px}.feature{display:flex;align-items:center;gap:14px;padding:18px;margin:16px 0}.feature .symbol{font-size:34px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{width:100%;aspect-ratio:1.7;object-fit:cover;display:block}.photo.tall{aspect-ratio:2.4}.itemtitle{font-weight:800;font-size:19px;margin:3px 0}.foodCard{cursor:pointer}.foodCard .pad{padding:12px}.routecard{display:grid;grid-template-columns:42% 1fr;align-items:center}.routecard img{width:100%;height:130px;object-fit:cover}.routecard>div{padding:12px}.nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,950px);display:grid;grid-template-columns:repeat(5,1fr);background:#fffcfaed;backdrop-filter:blur(12px);border-top:1px solid #e8ded7;padding:10px 0 max(12px,env(safe-area-inset-bottom))}.nav button{border:0;background:none;color:#846c60;font-size:13px;display:grid;gap:2px;justify-items:center}.nav .ico{font-size:24px}.nav .active{color:#e5792b;font-weight:800}.form{display:grid;gap:10px}.form label{display:grid;gap:5px;font-weight:600}.form input,.form textarea,.form select,.search{width:100%;padding:12px;border:1px solid #e6d9ce;border-radius:12px;background:white;color:#39261f}.form textarea{min-height:90px;resize:vertical}.tag{display:inline-block;border-radius:20px;background:#f5e8dc;padding:5px 10px;color:#8c6b54;font-size:13px}.tag.green{background:#e5eddf;color:#617757}.listrow{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #eee4de}.listrow:last-child{border:0}.thumb{width:88px;height:74px;object-fit:cover;border-radius:12px;flex-shrink:0}.map{height:280px;border-radius:18px;background:repeating-linear-gradient(35deg,transparent 0 31px,#fff 32px 40px,transparent 41px 85px),repeating-linear-gradient(125deg,#f4eee5 0 48px,#dce9d4 49px 72px,#f4eee5 73px 110px);position:relative;overflow:hidden}.pin{position:absolute;background:#e88032;border:3px solid white;color:white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);width:39px;height:39px;box-shadow:0 3px 12px #af6a3d55}.pin span{display:block;transform:rotate(45deg)}.notice{background:#f7f1e9;border-radius:14px;padding:13px;color:#80685b;font-size:14px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.tabs{display:flex;gap:8px}.tabs button{flex:1}.full{width:100%}.empty{padding:30px;text-align:center;color:#90776c}.modalbg{position:fixed;z-index:20;inset:0;background:#24160c8c;display:grid;place-items:center;padding:14px}.modal{background:#fffaf5;border-radius:22px;padding:22px;width:min(100%,520px);max-height:90vh;overflow:auto}.modal h2{margin-top:0}.checkrow{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eadfd8}.checkrow input{width:21px;height:21px;accent-color:#df8139}.step{background:#fff;border:1px solid #ebddd2;border-radius:16px;padding:14px;margin:10px 0}.preview{overflow:hidden;border-radius:16px;position:relative}.preview img{width:100%;aspect-ratio:16/9;object-fit:cover}.preview .overlay{position:absolute;bottom:0;left:0;right:0;color:white;padding:30px 15px 15px;background:linear-gradient(transparent,#0009);font-weight:800}.back{border:0;background:none;color:#8a6c60;padding:8px 0}.spacer{height:8px}@media(max-width:420px){.wrap{padding:14px 14px 24px}.brand{font-size:22px}.routecard img{height:115px}.itemtitle{font-size:17px}.btn{padding:10px 11px}.subtitle{font-size:17px}.quick .btn{font-size:12px}}