/* R4 first batch: route-scoped native layout; not visual or single-screen acceptance. */
.phone[data-route="home"],.phone[data-route="housing"]{--paper:#fff5e6;--red:#c31226;--brown:#30251f;background:radial-gradient(ellipse at 100% 8%,#ffedcf,transparent 65%),#fff7eb}
.phone[data-route="home"] #masthead{gap:12px;padding:10px 18px;height:58px}
.homeBrand{display:flex;align-items:center;gap:6px;font-size:15px;color:#30251f}.homeBrand .logo-box{width:26px;height:28px;font-size:21px}
.homeYear{margin:auto;padding:5px 20px;border-radius:30px;background:linear-gradient(#db3026,#b70e21);border:1px solid #e8b65c;box-shadow:0 2px 5px #a6352433;color:#fff6d7;font:700 15px/1.4 var(--serif)}
.homeMenu{width:44px;height:44px;border:0;border-radius:50%;background:#fffaf0;color:#5d4737;font-size:22px}
.phone[data-route="home"] .page{height:calc(100% - 58px);padding:0 18px 24px}
.phone[data-route="home"] .homeTitle{font-family:"STKaiti","KaiTi","Kaiti SC",var(--serif);font-size:clamp(29px,8.3vw,36px);line-height:1.22;font-weight:900;margin:8px -4px}
.phone[data-route="home"] .homeTitle em:first-child{font-size:1.13em}.phone[data-route="home"] .homeTitle em{color:#bc1026}
.phone[data-route="home"] .subtitle{font-size:13px!important;line-height:1.6;margin:8px 0 12px!important}
.phone[data-route="home"] .homePlan{margin:8px -9px 12px}
.phone[data-route="home"] .homeRibbon{font-size:12px;line-height:1.4;padding:6px 8px}
.phone[data-route="home"] .decorRule{font-size:12px;padding:7px 4px;color:#73563a;background:#fff0d6}
.phone[data-route="home"] .mainBtn{min-height:48px;font-size:16px}
.phone[data-route="home"] .linkText{min-height:44px;font-size:13px}
.homeHouseSection{margin-top:4px}.homeHouseLinks{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.homeHouseLink{display:flex;align-items:center;gap:6px;min-height:64px;min-width:0;padding:5px;border:1px solid #f2dfc5;border-radius:12px;background:#fffaf1;color:#30251f;text-align:left}
.homeHouseLink img{width:62px;height:48px;object-fit:cover;border-radius:7px}.homeHouseLink strong{font-size:12px;line-height:1.4}.homeHouseLink>span{margin-left:auto}
.phone[data-route="home"] .footFeatures{margin:12px 0;gap:7px}.phone[data-route="home"] .footFeatures div{font-size:11px;line-height:1.5}.phone[data-route="home"] .footFeatures img{width:28px;height:28px}
.phone[data-route="housing"] .page{padding-top:0;padding-bottom:96px}
.phone[data-route="housing"] .eyebrow{font-size:12px;margin:4px 0 8px}
.phone[data-route="housing"] .title{font-size:27px;line-height:1.22;margin-bottom:8px}
.phone[data-route="housing"] .subtitle{font-size:12px;line-height:1.5;margin-bottom:10px}
.phone[data-route="housing"] .countrySwitch{margin-bottom:9px;padding:3px}
.phone[data-route="housing"] .countrySwitch button{min-height:44px;padding:6px}
.phone[data-route="housing"] .photoWall{gap:8px}
.phone[data-route="housing"] .houseCard{border-radius:13px;padding:4px}
.phone[data-route="housing"] .houseCard.selected{padding:3px}
.phone[data-route="housing"] .houseCard img{height:68px;aspect-ratio:auto;object-fit:cover;border-radius:9px}
.phone[data-route="housing"] .houseCard strong{font-size:13px;line-height:1.4;margin:5px 4px 2px}
.phone[data-route="housing"] .houseCard small{font-size:11px;line-height:1.4;margin:0 4px 3px}
.phone[data-route="housing"] .panel{padding:9px;margin-top:9px;border-radius:13px}
.phone[data-route="housing"] .panel .row strong{font-size:13px}
.phone[data-route="housing"] .choiceRow{margin:5px 0;gap:6px}
.phone[data-route="housing"] .choice{min-height:44px;padding:7px 8px;border-radius:10px;font-size:12px}
.phone[data-route="housing"] .topspace{margin-top:8px}
.phone[data-route="housing"] .panelNote{font-size:12px;line-height:1.5;margin:7px 0}
.phone[data-route="housing"] .quietNote{font-size:12px;line-height:1.5;text-align:left}
.phone[data-route="housing"] .uploadLine{min-height:64px;padding:9px;gap:9px}
.phone[data-route="housing"] .uploadLine strong{font-size:14px}
.phone[data-route="housing"] .uploadLine small{font-size:12px;line-height:1.4}
.phone[data-route="housing"] .label{font-size:13px;margin-bottom:5px}
.phone[data-route="housing"] .floorbar{flex-wrap:wrap;overflow:visible;margin:5px 0;gap:5px}
.phone[data-route="housing"] .floorbar button{min-width:44px;min-height:44px;padding:7px 10px;font-size:12px}
.phone[data-route="housing"] .inline-control{min-height:44px;padding:7px;font-size:12px}
.phone[data-route="housing"] .uploadThumb{padding:5px;margin:6px 0}.phone[data-route="housing"] .uploadThumb img{max-height:44px}
.phone[data-route="housing"] .sticky-action .fineprint{font-size:11px;line-height:1.4}
@media(min-width:801px){.phone[data-route="home"] .homeTitle{font-size:34px}.phone[data-route="home"] .page{height:calc(100% - 92px)}}