:root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#192945;background:#fff;--navy:#162543;--blue:#315dbc;--orange:#a94312}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d7dfe9;background:#fff;border-radius:9px;padding:9px 13px;color:var(--navy);font-weight:650}button:hover{background:#edf2f8}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffad57;outline-offset:2px}.primary{background:var(--navy);color:white;border-color:var(--navy)}.primary:hover{background:#29446f}[hidden]{display:none!important}header{flex-shrink:0;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 26px;border-bottom:1px solid #e3e9f1}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand-icon{font-size:36px;background:var(--navy);color:#ffb76a;border-radius:12px;width:46px;height:46px;text-align:center;line-height:42px}.brand strong{font-size:23px;letter-spacing:2px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:4px}.header-right{display:flex;gap:10px}.view-switch,.tabs{display:flex;gap:5px;background:#edf1f6;padding:4px;border-radius:11px}.view-switch button,.tabs button{border:0;background:transparent;white-space:nowrap}.view-switch button[aria-pressed=true],.tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 7px #16254315}#jobs[aria-pressed=true]{color:var(--orange)}#people[aria-pressed=true]{color:var(--blue)}.search-panel{padding:12px 25px 9px;border-bottom:1px solid #e3e9f1;flex-shrink:0;background:#f9fbfd}.search-top{display:flex;align-items:center;gap:16px}.search-top p{font-size:14px;margin:0;flex:1}.search-top>button{font-size:13px;padding:7px 12px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-top:10px;max-width:980px}label{display:block;font-size:14px;font-weight:650}input,select,textarea{width:100%;display:block;margin-top:6px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#162543;min-width:0}select{cursor:pointer}.filters label{font-size:12px;color:#67778c}.filters select{margin-top:4px;font-size:14px;padding:6px 9px}#nearby-status{font-size:12px;color:#69788d;line-height:1.4;margin:7px 0 0}main{display:grid;grid-template-columns:415px 1fr;flex:1;min-height:0}aside{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e1e7ef}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 20px 7px}.list-heading h1{font-size:19px;margin:0}.list-heading span{font-size:13px;color:#64748b}#result-note{margin:0;padding:0 20px 12px;color:#69778a;font-size:12px;line-height:1.5}.list{overflow:auto;flex:1;min-height:80px;padding:0 14px 15px;overscroll-behavior:contain}.card{border:1px solid #dde5ef;border-radius:13px;padding:16px;background:white;margin-bottom:10px}.card.active{border-color:var(--orange);background:#fff9f3}.card.person.active{border-color:var(--blue);background:#f5f8ff}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.badge{font-size:12px;color:var(--orange);background:#fff0df;padding:4px 7px;border-radius:5px}.person .badge{color:var(--blue);background:#edf2ff}.countdown{font-size:12px;color:#68788d;font-variant-numeric:tabular-nums;white-space:nowrap}.card h2{font-size:19px;line-height:1.4;margin:12px 0 8px}.card p{font-size:14px;line-height:1.7;overflow-wrap:anywhere;margin:7px 0;color:#52647b}.facts{display:flex;flex-wrap:wrap;gap:5px 10px;margin:8px 0;font-size:12px;color:#526880;line-height:1.5}.facts span{background:#f1f5f9;border-radius:5px;padding:3px 6px}.card .contact{font-size:12px;color:#67778c}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.card-bottom>span{font-size:12px;color:#63768c;overflow-wrap:anywhere}.card-bottom button{font-size:12px;white-space:nowrap;padding:7px 9px}.empty{padding:25px 12px;text-align:center;font-size:14px;color:#67778c;line-height:1.8}.empty strong{color:#344b67}.aside-foot{padding:10px 20px;border-top:1px solid #e6ebf1;font-size:12px;color:#718096}#pagination,#mine-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;font-size:13px;border-top:1px solid #e7ecf2}#pagination button,#mine-pagination button{font-size:13px;padding:7px 12px}.map-region{position:relative;min-height:0}#map{height:100%;background:#cfdee5}.map-top{position:absolute;z-index:500;left:18px;right:18px;top:15px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.map-top>*{pointer-events:auto}.legend{display:flex;gap:8px;align-items:center;background:#fff;padding:10px 13px;border-radius:9px;font-size:12px;box-shadow:0 3px 16px #16254320;white-space:nowrap}.job-dot{color:var(--orange)}.person-dot{color:var(--blue);margin-left:5px}.map-actions{display:flex;gap:7px}.map-actions button{font-size:13px;box-shadow:0 3px 16px #16254320}.map-caption{position:absolute;bottom:34px;left:18px;z-index:500;background:#fffffff0;padding:11px 14px;border-radius:9px;font-size:14px;pointer-events:none}.map-caption span{display:block;font-size:12px;color:#67788c;margin-top:5px}.leaflet-control-zoom{margin-top:75px!important}.leaflet-control-attribution{font-size:12px!important}.pin{display:grid;place-items:center;width:36px;height:36px;background:var(--orange);color:#fff;border:3px solid white;box-shadow:0 3px 10px #16254350;border-radius:10px;font-size:19px}.pin.person{background:var(--blue);border-radius:50%}.pin.picked{background:var(--navy)}.leaflet-popup-content{font-family:"Microsoft JhengHei",sans-serif;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.leaflet-popup-content h3{margin:8px 0;font-size:17px}.leaflet-popup-content p{margin:6px 0}footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:5px 20px;border-top:1px solid #e7edf3;font-size:12px;color:#718096}footer button{border:0;font-size:12px;padding:4px;white-space:nowrap}dialog{border:0;border-radius:17px;padding:24px;width:min(570px,calc(100% - 28px));max-height:90dvh;overflow:auto;color:var(--navy);box-shadow:0 24px 100px #16254350}dialog::backdrop{background:#13254370;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head button{border:0;padding:5px 10px}.dialog-head h2{font-size:21px;margin:0}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#69778d;margin:0}form h2{font-size:23px;margin:16px 0 8px}form label{margin-top:14px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#choose-location{display:block;width:100%;text-align:left;margin-top:7px}.small{font-size:12px;color:#69788d;line-height:1.8;margin:8px 0}.text-count{font-size:12px;color:#68778b;text-align:right;margin:3px 0 0}.submit{width:100%;margin-top:7px}#form-error{color:#b33820;font-size:14px}#about p{font-size:14px;line-height:1.9}#about h3{font-size:16px}#about a{color:var(--blue)}.mine-card{padding:15px;border:1px solid #dfe7ef;border-radius:11px;margin:12px 0}.mine-card h3{font-size:17px}.mine-card p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.mine-actions{display:flex;gap:9px;margin-top:12px}.mine-actions button{font-size:13px}#pick-hint{position:absolute;z-index:600;left:15px;right:55px;top:69px;background:var(--navy);color:white;border-radius:9px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}#cancel-pick{font-size:12px;white-space:nowrap;padding:5px 10px}#pick-center{position:absolute;z-index:600;bottom:60px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--navy);color:white}#map-error{position:absolute;z-index:600;bottom:95px;left:15px;right:15px;background:#fff1dd;border-radius:9px;font-size:13px;padding:12px}#toast{position:fixed;z-index:2000;bottom:50px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--navy);color:white;border-radius:11px;box-shadow:0 8px 30px #16254330;font-size:14px;max-width:90%;width:max-content}.list-mode main{display:block}.list-mode aside{height:100%;border-right:0}.list-mode .map-region{display:none}.list-mode .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:0 25px 20px;align-content:start}.list-mode .card{margin:0}.list-mode .empty{grid-column:1/-1}.list-mode .list-heading,.list-mode #result-note{padding-left:25px;padding-right:25px}body.picking .search-panel{display:none}body.picking aside{display:none}body.picking main{display:block}body.picking .map-region{height:100%}body.picking .map-caption{display:none}
@media(max-width:720px){header{padding:10px 12px;gap:9px;flex-wrap:wrap;min-height:105px}.brand{gap:7px}.brand strong{font-size:20px}.brand small{font-size:10px}.brand-icon{width:36px;height:36px;font-size:29px;line-height:33px}.view-switch{order:2;width:100%;justify-content:center;padding:2px}.view-switch button{flex:1;font-size:13px;padding:6px}.header-right{gap:6px}.header-right button{font-size:12px;padding:8px}.search-panel{padding:9px 12px 7px}.search-top{gap:8px;flex-wrap:wrap}.tabs{padding:3px;flex:1}.tabs button{flex:1;font-size:14px;padding:7px 9px}.search-top p{flex-basis:100%;order:3;font-size:12px}.search-top>button{font-size:12px;padding:8px}.filters{grid-template-columns:1.4fr 1fr 1.1fr 1.1fr;gap:6px;margin-top:7px}.filters label{font-size:11px}.filters select{font-size:12px;padding:6px 2px;min-height:32px}#nearby-status{display:none}main{display:flex;flex-direction:column;min-height:360px}.map-region{order:0;height:42%;flex-shrink:0;min-height:145px}aside{order:1;height:58%;border-right:0;min-height:170px}.list-heading{padding:10px 13px 5px}.list-heading h1{font-size:16px}.list-heading span{font-size:12px}#result-note{padding:0 13px 7px;font-size:12px}.list{padding:0 10px 10px;min-height:60px}.card{padding:12px}.card h2{font-size:17px}.card p{font-size:14px}.aside-foot{display:none}#pagination{padding:5px 10px}.map-top{left:10px;right:10px;top:10px;gap:5px}.legend{padding:8px;font-size:11px;gap:4px}.map-actions{gap:5px}.map-actions button{font-size:11px;padding:8px}.map-caption{display:none}.leaflet-control-zoom{margin-top:55px!important}.leaflet-control-attribution{font-size:10px!important}.leaflet-control-scale{font-size:10px}.list-mode main{min-height:260px}.list-mode aside{height:100%}.list-mode .list{grid-template-columns:1fr;padding:0 12px 12px;gap:10px}.list-mode .list-heading,.list-mode #result-note{padding-left:13px;padding-right:13px}footer{padding:5px 12px;font-size:10px}footer span{max-width:67%}footer button{font-size:11px}dialog{padding:20px;max-height:92dvh}.form-grid{gap:10px}input,textarea,select{font-size:16px}.form-grid input{padding:9px 6px}#pick-hint{left:10px;right:10px;top:56px;font-size:12px}#pick-center{bottom:30px}body.picking .leaflet-control-zoom{margin-top:120px!important}body.picking main{min-height:400px}body.picking .map-region{height:100%}#toast{font-size:13px;bottom:43px}}
.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid label{min-width:0}.schedule-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media(max-width:720px){.schedule-grid{grid-template-columns:1fr}}

.filters input{width:100%;min-width:0;min-height:38px;padding:8px;border:1px solid #d7dfe9;border-radius:8px}.filters small{display:block;font-size:11px;color:#65758e;font-weight:400;margin-top:3px}@media(max-width:720px){.filters{grid-template-columns:1fr 1fr}.filters label:has(#keyword){grid-column:1/-1;grid-row:2}.filters input{font-size:16px}.filters small{font-size:10px}}

#legacy-label{display:flex;align-items:flex-start;gap:8px;font-size:13px}#claim-legacy{width:auto;flex:none}#google-button{margin:18px 0}#auth-message{font-size:14px}@media(max-width:720px){.header-right{flex-wrap:wrap;justify-content:flex-end}.brand{flex-shrink:0}}

.photo-thumb{display:inline-block;padding:0;width:64px;height:64px;overflow:hidden;margin:6px 0;border-radius:8px}.photo-thumb img{display:block;object-fit:contain}.photo-thumb:hover{outline:2px solid #315dbc}#photo-view{padding:18px;width:292px}#photo-view img{display:block;max-width:100%;object-fit:contain}#photo-close{display:block;margin:0 0 10px auto}#photo-preview{object-fit:contain;border-radius:8px}#photo-input{max-width:100%}

#map-loading{position:absolute;z-index:600;left:15px;bottom:100px;padding:7px 11px;background:#ffffffed;border-radius:8px;font-size:12px;color:#52647d;pointer-events:none}


.extra-filter.area-adjust{align-self:end}.filters{grid-template-columns:130px minmax(180px,2fr) repeat(3,minmax(120px,1fr)) auto;max-width:none}.keyword-field{min-width:0}.filters-collapsed .extra-filter,.filters-collapsed #nearby-status{display:none}.filters-collapsed .filters{grid-template-columns:130px minmax(180px,460px)}.mobile-map-bar{display:none}body.sidebar-collapsed:not(.list-mode) main{grid-template-columns:1fr}body.sidebar-collapsed:not(.list-mode) #results-panel{display:none}body.list-mode #toggle-sidebar{display:none}
@media(max-width:720px){
header{min-height:0;padding:8px 10px;gap:7px}.brand strong{font-size:18px}.brand small{font-size:9px}.brand-icon{width:32px;height:32px;line-height:30px;font-size:26px}.header-right{margin-left:auto;gap:4px}.header-right button{font-size:11px;padding:7px 6px}.view-switch{order:2}.search-panel{padding:8px 10px}.search-top{gap:6px}.search-top p{margin-top:2px}.search-top>button{font-size:12px;padding:7px}#toggle-sidebar{display:none}.filters,.filters-collapsed .filters{grid-template-columns:105px minmax(0,1fr);gap:8px}.filters label:has(#keyword){grid-column:2;grid-row:1}.filters label:has(#radius){grid-column:1;grid-row:1}.filters .extra-filter{grid-row:auto;grid-column:auto}.area-adjust{grid-column:1/-1!important}.area-adjust button{width:100%}#keyword-hint{display:none}.filters input,.filters select{height:36px;min-height:36px;margin-top:4px}.filters input{font-size:16px;padding:6px 8px}.search-panel #nearby-status{display:none}
body main,body.list-mode main{display:block;min-height:0;overflow:hidden}body:not(.list-mode) #results-panel{display:none}body:not(.list-mode) .map-region{height:100%;min-height:0}body.list-mode #results-panel{display:flex;height:100%;min-height:0}.list-mode .list{min-height:0}.map-top .legend{display:none}.map-top{justify-content:flex-end}.leaflet-control-zoom{margin-top:60px!important}.mobile-map-bar{position:absolute;bottom:30px;left:10px;right:10px;z-index:600;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid #e1e7ef;border-radius:12px;padding:8px;box-shadow:0 3px 16px #16254320}.mobile-map-bar span{flex:1;font-size:12px}.mobile-map-bar button{font-size:13px;padding:8px 10px}#mobile-show-list{background:var(--navy);color:#fff}.leaflet-control-scale{margin-bottom:82px!important}body.picking .mobile-map-bar{display:none}body.picking main{min-height:0}body.picking .map-region{height:100%}footer{min-height:28px}footer span{font-size:9px}.map-region #map-loading{bottom:90px}
}

.privacy-option{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5}.privacy-option input{width:auto;margin:0;flex:none}

@media(min-width:721px) and (max-width:1100px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}

.facts .age-friendly-badge{background:#e7f4eb;color:#24613b;font-weight:700}


.header-right button,.mine-actions button,.map-actions button,.mobile-map-bar button,.badge{white-space:nowrap}.card-top,.mine-actions{flex-wrap:wrap}.facts span{max-width:100%;overflow-wrap:anywhere}.filters>label{min-width:0}.filters{align-items:end}.photo-thumb{flex-shrink:0}#photo-status{overflow-wrap:anywhere}#photo-input::file-selector-button{font:inherit;margin-right:8px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#f1f5f9}#compose label{line-height:1.5}.mine-card h3,.card h2{overflow-wrap:anywhere}
@media(max-width:720px){#compose .form-grid{grid-template-columns:minmax(0,1fr)}.header-right{max-width:100%}.filters .extra-filter:has(#filter-preferred-gender){grid-column:1/-1}.filters select{font-size:16px}.mobile-map-bar span{min-width:0}.mobile-map-bar button{flex-shrink:0}.mine-actions{gap:6px}.mine-actions button{flex:1;padding:9px 8px}dialog{padding:18px}#compose input,#compose select,#compose textarea{max-width:100%}}
@media(max-width:380px){.header-right{width:100%;justify-content:stretch}.header-right button{flex:1;font-size:12px}.view-switch{order:3}.tabs button{padding:7px 6px}}

.brand strong{letter-spacing:1px;white-space:nowrap}@media(max-width:720px){.brand strong{font-size:18px}.header-right{width:100%;justify-content:stretch}.header-right button{flex:1;font-size:12px}.view-switch{order:3}}


.filters{align-items:stretch}.filters>label{display:flex;flex-direction:column;justify-content:flex-end;line-height:1.5}.filters input,.filters select,.area-adjust button{height:40px;min-height:40px;margin-top:6px}.area-adjust{display:flex;align-items:flex-end}.area-adjust button{white-space:nowrap}#keyword-hint{margin:6px 0 0;font-size:11px;line-height:1.5}
#compose .form-grid{margin-top:14px;align-items:stretch}#compose .form-grid>label{display:flex;flex-direction:column;justify-content:flex-end;margin-top:0}#compose .form-grid>label:only-child{grid-column:1/-1}#compose .form-grid input,#compose .form-grid select{height:44px;min-height:44px;flex-shrink:0}#compose .small{margin:6px 0 0}#compose .text-count{margin:4px 0 0}#compose .privacy-option{align-items:flex-start}#compose .privacy-option input{margin-top:3px}
@media(max-width:720px){.filters input,.filters select,.area-adjust button{height:40px;min-height:40px}.area-adjust button{margin-top:0}#keyword-hint{display:none}}

@media(min-width:721px) and (max-width:1000px){header{flex-wrap:wrap}.search-top{flex-wrap:wrap}.search-top p{min-width:0}.map-top .legend{display:none}.map-top{justify-content:flex-end}main{grid-template-columns:320px minmax(0,1fr)}.map-caption{max-width:calc(100% - 36px)}}

.report-button{display:block;margin-top:10px;padding:5px 0;border:0;background:transparent;font-size:12px;color:#68778b;text-decoration:underline}#report-error{color:#a63221}#admin-link{display:inline-block;margin:12px 12px 12px 0;color:#315dbc}

.publisher{display:flex;align-items:center;gap:9px;margin:10px 0;color:var(--navy);text-decoration:none;min-width:0}.publisher:hover strong{text-decoration:underline}.publisher>span:last-child{min-width:0}.publisher strong,.publisher small{display:block;overflow-wrap:anywhere;line-height:1.4}.publisher strong{font-size:14px}.publisher small,.publisher-unavailable{font-size:11px;color:#66768c}.publisher-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#e5edf9;color:#315dbc;font-size:17px;font-weight:700}.demand-popup .leaflet-popup-content{width:min(280px,calc(100vw - 76px))!important;height:min(300px,40dvh);max-height:calc(100dvh - 180px)!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin:16px 18px;scrollbar-gutter:stable}.demand-popup h3,.demand-popup p{overflow-wrap:anywhere}#public-profile-form{border-block:1px solid #e1e7ef;padding:14px 0;margin:16px 0}#public-profile-form a{display:block;margin:12px 0;color:#315dbc}

#result-note:empty{margin:0;padding:0}