:root{--brand-red:#e1443f;--brand-coral:#df5c5b;--brand-black:#1f2020;--brand-graphite:#4c4c4c;--brand-silver:#c1c1c1;--brand-ivory:#ede9e1;--brand-mist:#ad918f;--ui-gray:#757575;color:var(--brand-black);background:var(--brand-ivory);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--brand-ivory);min-width:320px;min-height:100vh;margin:0}a{color:inherit}.shell{width:min(1080px,100% - 40px);margin:0 auto;padding:52px 0 96px}.shell--narrow{width:min(680px,100% - 40px)}.brand-logo{height:auto;display:block}.brand-logo--page{width:min(300px,72vw);margin-bottom:48px}.brand-logo--resident{width:min(250px,68vw);margin-bottom:42px}.hero{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.eyebrow{color:var(--brand-red);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1{max-width:760px;color:var(--brand-black);letter-spacing:-.045em;margin:0;font-size:clamp(2.4rem,6vw,5.5rem);font-weight:700;line-height:.98}.hero-title{max-width:none;font-size:clamp(2.7rem,5.5vw,5rem)}.hero-title span{display:block}h2{color:var(--brand-black);margin:0;font-size:1.45rem}.lead{max-width:680px;color:var(--ui-gray);margin:20px 0 0;font-size:1.08rem;line-height:1.7}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.community-card,.panel{background:#ffffffe6;border:1px solid #c1c1c1b8;border-radius:20px;box-shadow:0 16px 50px #1f202012}.community-card{padding:28px;position:relative;overflow:hidden}.community-card:before{background:var(--brand-red);content:"";width:100%;height:4px;position:absolute;top:0;left:0}.community-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.community-card dl{gap:14px;margin:28px 0;display:grid}.community-card dl>div{border-bottom:1px solid #e3dfd8;justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}dt{color:var(--ui-gray)}dd{color:var(--brand-graphite);text-align:right;margin:0;font-weight:650}.status{color:#775f5d;background:#ad918f2e;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:700}.status--active{color:#b6312d;background:#e1443f1f}.button{border:1px solid var(--brand-red);background:var(--brand-red);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 17px;font-weight:750;text-decoration:none;transition:background .16s,border-color .16s;display:inline-flex}.button:hover{border-color:var(--brand-coral);background:var(--brand-coral)}.button--secondary{border-color:var(--brand-black);color:var(--brand-black);background:0 0}.button--secondary:hover{border-color:var(--brand-black);background:var(--brand-black);color:#fff}.app-select{width:100%;min-width:0;color:var(--brand-black);display:block;position:relative}.app-select__native{clip-path:inset(50%);opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.app-select__control{border:1px solid var(--brand-silver);width:100%;min-width:0;min-height:50px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-weight:650;display:flex}.app-select__value,.app-select__placeholder{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-select__placeholder{color:#686868}.app-select__chevron{color:#b6312d;pointer-events:none;border-bottom:2px solid;border-right:2px solid;flex:none;width:9px;height:9px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.app-select--open .app-select__chevron{transform:translateY(2px)rotate(225deg)}.app-select__control:focus-visible{border-color:var(--brand-red);outline:3px solid #e1443f2e}.app-select__control:disabled{cursor:not-allowed;opacity:.6}.app-select__menu{z-index:10000;overscroll-behavior:contain;background:#fff;border:1px solid #d1cbc2;border-radius:12px;gap:3px;padding:5px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 18px 42px #1f20202e}.app-select__option{width:100%;min-height:48px;color:var(--brand-graphite);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:1rem;font-weight:650;display:flex}.app-select__option:hover,.app-select__option.is-active{background:var(--brand-ivory);color:var(--brand-black)}.app-select__option.is-selected{color:#9f2e2a;background:#e1443f1a;font-weight:800}.app-select__option i{color:#9f2e2a;font-style:normal;font-weight:900}.app-select__option:disabled{cursor:not-allowed;opacity:.5}.line-avatar{background:var(--brand-ivory);color:var(--brand-black);border:1px solid #c1c1c1d1;border-radius:50%;flex:none;place-items:center;font-weight:850;line-height:1;display:inline-grid;overflow:hidden}.line-avatar img{object-fit:cover;width:100%;height:100%}.line-avatar--xs{width:32px;height:32px;font-size:.76rem}.line-avatar--sm{width:40px;height:40px;font-size:.9rem}.line-avatar--md{width:48px;height:48px;font-size:1rem}.line-avatar--lg{width:56px;height:56px;font-size:1.12rem}.app-select--dark{color:#fff}.app-select--dark .app-select__control{color:#fff;background:#303131;border-color:#fff3}.app-select--dark .app-select__placeholder{color:#d8d8d8}.app-select--dark .app-select__chevron{color:#f06a65}.app-select__menu--dark{background:#303131;border-color:#4c4c4c;box-shadow:0 18px 42px #00000057}.app-select__menu--dark .app-select__option{color:#efefef}.app-select__menu--dark .app-select__option:hover,.app-select__menu--dark .app-select__option.is-active{color:#fff;background:#454646}.app-select__menu--dark .app-select__option.is-selected{color:#fff;background:#e1443f38}.panel{margin:32px 0;padding:28px}.panel p,.panel li{color:var(--brand-graphite);line-height:1.7}.panel ol,.panel ul{padding-left:1.4rem}.text-link{color:var(--brand-red);font-weight:700}.error{color:#9c2926;background:#e1443f1a;border-radius:10px;padding:14px}.form-grid{gap:18px;display:grid}.form-grid label{color:var(--brand-graphite);gap:8px;font-size:.9rem;font-weight:700;display:grid}.form-grid input,.form-grid textarea{border:1px solid var(--brand-silver);width:100%;color:var(--brand-black);font:inherit;background:#fff;border-radius:9px;padding:12px 13px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--brand-red);outline:3px solid #e1443f2e}.form-grid__pair{grid-template-columns:1fr 2fr;gap:14px;display:grid}.form-grid button:disabled{cursor:wait;opacity:.65}.success{color:var(--brand-graphite);background:#4c4c4c17;border-radius:10px;padding:14px}.resident-shell{width:min(600px,100% - 32px);min-height:100svh;padding:calc(32px + env(safe-area-inset-top)) 0 calc(48px + env(safe-area-inset-bottom));margin:0 auto}.resident-header{margin-bottom:24px}.resident-header .brand-logo--resident{width:min(210px,62vw);margin-bottom:28px}.resident-header .eyebrow,.resident-form .eyebrow{letter-spacing:.1em;font-size:.875rem}.resident-header h1{text-wrap:balance;font-size:clamp(2rem,9vw,2.75rem);line-height:1.08}.resident-intro{color:var(--ui-gray);text-wrap:pretty;margin:12px 0 0;font-size:1rem;line-height:1.65}.resident-intro span,.resident-form__heading h2 span{display:inline-block}.resident-panel{margin:0 0 20px;padding:clamp(22px,5vw,30px)}.resident-panel p{margin-top:14px;font-size:1rem}.resident-form{gap:18px}.resident-form__heading{margin-bottom:2px}.resident-line-identity{background:#ede9e1ad;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:11px 12px;display:flex}.resident-line-identity>span:last-child{gap:3px;min-width:0;display:grid}.resident-line-identity b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resident-line-identity small{color:var(--ui-gray);font-size:.82rem}.resident-form h2{text-wrap:balance;font-size:clamp(1.45rem,6vw,1.7rem);line-height:1.25}.resident-form__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resident-form label{gap:9px;min-width:0;font-size:1rem;line-height:1.45}.resident-form input,.resident-form textarea,.resident-form .app-select__control{border-radius:11px;min-height:52px;padding:13px 14px;font-size:1rem;line-height:1.35}.resident-form textarea{min-height:132px}.resident-form input[type=file]{padding:5px 6px}.resident-form input[type=file]::file-selector-button{background:var(--brand-black);color:#fff;min-height:40px;font:inherit;border:0;border-radius:8px;margin-right:10px;padding:8px 12px;font-weight:700}.resident-form>.button{border-radius:11px;width:100%;min-height:52px;font-size:1rem}.resident-shell>.error{margin:0;font-size:1rem;line-height:1.55}@media (width<=720px){.shell{width:min(100% - 28px,1080px);padding-top:30px}.brand-logo--page{margin-bottom:36px}.hero{flex-direction:column;align-items:flex-start}.community-grid{grid-template-columns:1fr}.community-card__header{flex-direction:column}.form-grid__pair{grid-template-columns:1fr}}@media (width<=560px){.resident-shell{width:calc(100% - 24px);padding-top:calc(22px + env(safe-area-inset-top))}.resident-header{margin-bottom:20px}.resident-header .brand-logo--resident{margin-bottom:22px}.resident-panel{border-radius:18px;padding:22px 20px}.resident-form__pair{grid-template-columns:1fr;gap:18px}}@media (width<=360px){.app-select__value{white-space:normal;overflow-wrap:anywhere}.resident-shell{width:calc(100% - 20px)}.resident-header .brand-logo--resident{width:min(190px,64vw)}.resident-panel{padding:20px 18px}}@media (height<=500px) and (orientation:landscape){.resident-shell{padding-top:calc(18px + env(safe-area-inset-top))}.resident-header{margin-bottom:18px}.resident-header .brand-logo--resident{width:180px;margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.button{transition:none}}