/* Phone layout shares the desktop data and controls. */
@media (max-width:740px){
 body{font-size:14px}
 .workspace{margin-bottom:calc(76px + env(safe-area-inset-bottom))}
 .sidebar{height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));align-items:center}
 .sidebar nav{width:80%;gap:2px}
 .nav-item{flex:1;min-width:0;padding:7px 2px;min-height:52px}
 .nav-item>span{font-size:10px;white-space:nowrap}
 .profile-nav{width:20%;flex-direction:column;gap:2px;padding:4px 0;min-height:52px}
 .profile-nav::after{content:'我的';font-size:10px;color:#737d70}
 .profile-nav .avatar{height:26px;width:26px}
 .topbar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0}
 .top-actions{gap:10px}.location{font-size:13px;min-height:44px}.top-reminder{display:none}
 main{padding:22px 16px 28px}
 .page-intro h1{font-size:19px}.page-intro p{display:none}.page-intro{margin-bottom:6px}
 main{padding-top:10px}
 .date-label{margin-top:5px;font-size:11px}
 .overview-grid{gap:8px}
 /* 手机端压缩天气卡：让「为你搭好的今天」首屏可见 */
 .weather-card{padding:10px 12px 8px;border-radius:11px}
 .temperature{font-size:38px;letter-spacing:-1px;margin-top:2px}
 .temperature sup{font-size:21px;margin-top:1px}
 .weather-desc{font-size:11px;margin:2px 0}.weather-desc span{margin-left:9px}
 .weather-desc~p{font-size:11px}
 .weather-art{width:64px;height:58px;margin:0;filter:drop-shadow(0 5px 4px #88917415)}
 .weather-stats{margin-top:7px;padding-top:6px}
 .weather-stats small{font-size:9px}.weather-stats b{font-size:11px}
 .weather-stats .icon{width:15px;height:15px}
 .weather-bottom{margin-top:5px;font-size:9px}.weather-bottom .text-btn{min-height:30px;font-size:11px}
 .daily-note{padding:11px 13px 10px;border-radius:11px}.daily-note h2{font-size:14px}.daily-note>p{display:none}
 .guide-tags{display:none}
 .personalize{display:flex;flex-wrap:wrap;gap:7px}.personalize select{min-height:38px;font-size:13px}
 .personalize .text-btn{margin-left:auto;min-height:32px;font-size:11px}
 .personalize{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .personalize>span{grid-column:1/-1;font-size:12px}.personalize select{width:100%;max-width:none;min-width:0;min-height:44px;font-size:16px}
 .personalize .text-btn{grid-column:1/-1;justify-self:end;min-height:36px;font-size:12px}
 .section-heading{flex-wrap:wrap;align-items:center}.section-heading p{font-size:12px}.count-label{display:none}
 .button-row .secondary span{display:inline}
 .button-row .btn{min-height:44px;font-size:12px;padding:10px 12px}.button-row .icon{width:17px;height:17px}
 .look-overview{padding:18px 14px}.model-stage{min-height:365px;padding-bottom:48px}.outfit-model{height:350px;max-width:260px}
 .model-caption{top:15px;left:0;font-size:6px}.model-caption b{font-size:9px}
 .model-controls{bottom:0;gap:10px}.model-control{min-height:44px;font-size:12px;padding:10px 14px}.model-control .icon{width:16px;height:16px}
 .look-view-tabs{margin:12px 0}.look-view-tabs button{min-height:44px;font-size:12px}
 .model-disclaimer{margin-top:12px;font-size:10px}
 .outfit-details{padding:18px 14px}.outfit-detail-title h3{font-size:15px}.outfit-detail-title>span{display:none}
 .piece-grid,.simple-outfit .piece-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .piece-card{min-width:0}.piece-art{height:170px;padding:28px 15px 12px}.piece-card h4{font-size:13px;overflow-wrap:anywhere}.piece-card>p{font-size:11px}
 .piece-art>span{font-size:11px}.piece-pick{font-size:12px;min-height:44px;margin-top:4px}
 .wardrobe-photo-toolbar{gap:8px}.wardrobe-photo-toolbar>span{font-size:12px}.wardrobe-photo-toolbar>div{width:100%;justify-content:space-between;gap:8px}
 .wardrobe-photo-toolbar .btn,.wardrobe-photo-toolbar .text-btn{font-size:12px;min-height:44px}
 .accessory-line{flex-wrap:wrap;font-size:12px}.accessory-line .text-btn{font-size:12px;min-height:44px}
 .outfit-actions{flex-wrap:wrap;gap:10px}.outfit-actions>span,.outfit-actions .text-btn{font-size:11px}
 .reason-strip p{font-size:12px}.reason-strip b{font-size:13px}.reason-strip>.text-btn{flex-shrink:0;min-height:44px}
 .filter-row,.picker-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:8px;padding-bottom:8px;max-width:100%;scrollbar-width:thin}
 .filter-row .filter,.picker-tabs .filter{flex:none;min-height:44px;padding:9px 15px;font-size:13px}
 .wardrobe-item-text h3{font-size:14px}.wardrobe-item-text .text-btn{min-height:44px;font-size:12px}
 .wardrobe-photo{height:180px}.wardrobe-summary p{font-size:12px}.empty-state p{font-size:13px}
 .week-card p{font-size:12px}.week-card b{font-size:12px}.week-card .btn{min-height:44px}
 .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 input:not([type=checkbox]):not([type=range]),select,textarea{font-size:16px;max-width:100%;min-width:0}
 input:not([type=checkbox]):not([type=range]),select{min-height:44px}
 .form-grid label{min-width:0}.btn{min-height:44px;font-size:13px}.icon-btn{width:44px;height:44px}
 dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:92dvh;margin:0;border-radius:22px 22px 0 0;padding:0 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
 body:has(dialog[open]){overflow:hidden}
 .modal-heading{position:sticky;top:0;z-index:3;background:#fcfdf9;padding:18px 0 12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
 .modal-heading h2{font-size:18px}.picker-intro{font-size:12px}.catalog-heading{font-size:13px}
 .photo-picker-grid{gap:12px}.photo-choice{padding:9px}.photo-choice-art{height:155px}.photo-choice b{font-size:14px}.photo-choice small{font-size:11px}.photo-choice-action{font-size:12px}
 .picker-footer{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));background:#fcfdf9;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:2;margin-top:16px}.picker-footer>span{font-size:11px}
 .upload-box{flex-direction:column;gap:8px}.upload-box>span{font-size:11px}
 .search-form{gap:8px}.search-form input{width:100%;min-width:0}
 #toast{bottom:calc(86px + env(safe-area-inset-bottom));font-size:13px}
}
@media(max-width:360px){
 main{padding-left:12px;padding-right:12px}.page-intro h1{font-size:19px}.heading-sun{font-size:22px}.weather-art{width:60px;height:54px}
 .weather-stats>div+div{padding-left:8px}.model-caption{display:none}.piece-art{height:145px}.photo-choice-art{height:135px}.photo-look{grid-template-columns:repeat(2,minmax(0,1fr))}
 .backup-card{display:block}.backup-card p{margin:12px 0}
}
@media(max-width:740px){.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-card{min-width:0}.week-card .weather-art,.week-garment{max-width:100%}}