@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#f7f8f4;--paper:#fff;--ink:#283c33;--green:#355d49;--muted:#8a9189;--line:#e6e9e1;--soft:#eaf0e7;--warm:#f0eee5;--serif:Georgia,'Songti SC',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:13px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .2s,transform .2s}button:disabled{cursor:wait;opacity:.5}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #d8ba72;outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1{font-size:32px;font-weight:600;letter-spacing:1px;line-height:1.5}h2{font-size:21px;font-weight:600}h3{font-size:16px;font-weight:600}h4{font-size:13px;font-weight:500}small{font-size:11px}button .icon{width:17px;height:17px}.sidebar{width:228px;height:100dvh;position:fixed;top:0;left:0;background:#f0f2eb;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 21px 22px;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 7px 48px}.brand-symbol{height:45px;width:45px;background:var(--green);border-radius:15px;display:grid;place-items:center;color:#f4e8be}.brand-symbol .icon{width:30px;height:30px;stroke-width:1.3}.brand b{font-size:29px;line-height:1.15;letter-spacing:3px}.brand-dot{color:#aebc94}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px}.nav-caption{color:#989d91;font-size:10px;letter-spacing:1.5px;margin:0 14px 18px}.nav-item{display:flex;align-items:center;gap:14px;padding:15px 17px;width:100%;text-align:left;margin-bottom:9px;color:#737d70;border-radius:9px;font-size:13px}.nav-item.active{background:var(--green);color:white;box-shadow:0 5px 12px #355d4917}.nav-item:not(.active):hover{background:#e5eadd}.nav-item small{margin-left:auto;opacity:.7}.sidebar-note{margin-top:auto;padding:40px 15px 28px}.mini-sun{font-size:40px;color:#aab496;font-weight:400}.sidebar-note h3{font-size:14px;line-height:1.9;font-weight:500;margin:10px 0}.sidebar-note p{font-size:10px;color:#8c9485}.note-line{height:1px;background:#dadfd0;width:34px;margin:20px 0 14px}.sidebar-note>span:last-child{font-size:7px;letter-spacing:1.2px;color:#909a85}.profile-nav{border-top:1px solid #dfe4d7;display:flex;align-items:center;gap:10px;padding:22px 0 0;text-align:left}.profile-nav b{display:block;font-size:12px;font-weight:500}.profile-nav small{display:block;font-size:10px;color:#8b9487;margin-top:3px}.profile-nav>.icon{margin-left:auto;width:14px}.avatar{width:36px;height:36px;border-radius:50%;background:#e0e5d8;display:grid;place-items:center;color:#6f7e61}.avatar.small{height:32px;width:32px;background:#ebe5d7;font-family:var(--serif);color:#7d8264}.workspace{margin-left:228px}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fafbf8}.breadcrumb{font-size:11px;color:#9a9f95}.breadcrumb span{margin:0 13px;color:#c7ccc0}.breadcrumb strong{font-weight:400;color:#616f5d}.top-actions{display:flex;align-items:center;gap:23px}.location,.top-reminder{display:flex;align-items:center;gap:7px;font-size:11px}.top-reminder{color:#8b9386;border-left:1px solid var(--line);padding-left:22px}.location .icon{color:var(--green);width:15px}main{max-width:1530px;padding:33px 42px 40px;margin:auto}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#929e83;margin-bottom:7px}.page-intro p{font-size:12px;color:#91998b;margin-top:7px}.heading-sun{display:inline-block;font-size:34px;color:#b7bf9b;margin-left:13px;vertical-align:middle}.date-label{font-size:11px;color:#8b9585;display:flex;align-items:center;gap:8px;flex-shrink:0}.date-label .icon{width:15px}.overview-grid{display:grid;grid-template-columns:340px 1fr;gap:22px}.weather-card{background:#e8eee1;border:1px solid #dee6d4;border-radius:14px;padding:19px 23px 13px;overflow:hidden;position:relative}.weather-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#647555}.weather-top>span{display:flex;align-items:center;gap:5px}.weather-top .icon{width:14px;height:14px}.weather-top small{font-size:8px;letter-spacing:2px}.source-dot{width:4px;height:4px;border-radius:50%;background:#80906e;margin:0 3px}.weather-main{display:flex;position:relative;align-items:center;justify-content:space-between}.temperature{font:76px/1.1 var(--serif);letter-spacing:-6px;margin-top:13px;color:#314c36}.temperature sup{font-size:48px;top:0;vertical-align:top;display:inline-block;margin-top:4px}.temperature>span{font:15px sans-serif;letter-spacing:0;margin-left:6px}.weather-desc{font-size:13px;margin:6px 0}.weather-desc span{font-size:10px;margin-left:14px;color:#819075}.weather-main p{font-size:11px;color:#516349}.weather-main p span{margin-left:12px;color:#8b987d}.weather-art{width:145px;height:132px;filter:drop-shadow(0 9px 7px #88917415);margin-right:-8px}.weather-stats{display:flex;border-top:1px solid #d6dfcc;padding-top:13px;margin-top:17px}.weather-stats>div{display:grid;grid-template-columns:17px 1fr;column-gap:5px;flex:1}.weather-stats>div+div{border-left:1px solid #d6dfcc;padding-left:14px}.weather-stats .icon{width:13px;height:15px;color:#8c9a7f}.weather-stats small{font-size:9px;color:#88967b}.weather-stats b{font-size:12px;grid-column:2;font-weight:500;margin-top:3px}.weather-stats em{font-style:normal;font-size:8px;color:#7f8d73}.weather-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:8px;color:#909c86}.weather-bottom .text-btn{font-size:9px;gap:4px}.weather-bottom .icon{width:11px;height:11px}.daily-note{border:1px solid var(--line);border-radius:14px;padding:24px 28px 17px;background:#fff;display:flex;flex-direction:column;justify-content:center}.section-kicker{display:flex;align-items:center;gap:7px;font-size:11px;color:#6b8060}.section-kicker>.icon{width:16px;height:16px}.tag{margin-left:auto;border:1px solid #e6ebdf;border-radius:5px;padding:2px 7px;font-size:9px;color:#8e9c7f;background:#f8faf5}.daily-note h2{font-size:24px;margin:16px 0 10px;letter-spacing:.8px}.daily-note>p{font-size:12px;line-height:1.9;color:#8b9485;max-width:590px}.guide-tags{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 19px}.guide-tags>span{background:#f4f6f0;color:#7f8d71;display:flex;align-items:center;gap:5px;padding:4px 8px;font-size:9px;border-radius:4px}.guide-tags .icon{width:13px;height:13px}.guide-tags small{font-size:8px;margin-left:4px}.personalize{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;gap:10px;margin-top:auto}.personalize>span{font-size:10px;color:#9ba38f}.personalize select{border:1px solid #e3e7db;background:#fff;color:#607052;padding:5px 22px 5px 10px;border-radius:5px;font-size:10px}.personalize .text-btn{margin-left:auto;font-size:10px}.personalize .icon{width:12px;height:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:15px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px;color:#98a08f;margin-top:5px}.count-label{font-size:8px;font-weight:400;letter-spacing:1.5px;color:#a3aa9b;margin-left:12px}.subtle-dot{margin:0 9px}.outfit-section{margin-top:30px}.button-row{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:11px;line-height:1.5;white-space:nowrap}.btn.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.btn.secondary{background:#fff;border:1px solid #dfe5d6;color:#718263}.text-btn{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#6d825b;padding:0;white-space:nowrap}.outfit-board{display:grid;grid-template-columns:37% 63%;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.look-overview{background:#f0eee5;position:relative;display:flex;flex-direction:column;padding:22px 26px 15px;min-height:352px}.look-number{font-size:9px;letter-spacing:1.5px;color:#8b8978;display:flex;align-items:baseline;gap:7px}.look-number strong{font:20px var(--serif);color:#6e705b}.look-number>span{margin-left:auto;font-size:6px;letter-spacing:1.3px}.flatlay{position:relative;height:285px;flex:1;margin:0 -8px}.garment{width:100%;height:100%;filter:drop-shadow(2px 5px 3px #292c2014)}.garment-photo{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.flatlay>div{position:absolute}.flat-top{height:153px;width:130px;left:0;top:11px;transform:rotate(-9deg)}.flat-bottom{height:191px;width:121px;right:20px;top:47px;transform:rotate(9deg)}.flat-outer{height:201px;width:150px;left:43px;top:32px;transform:rotate(-3deg)}.flat-shoes{height:89px;width:108px;left:22px;bottom:0;transform:rotate(-15deg)}.flat-bag{height:87px;width:77px;right:-3px;top:5px;transform:rotate(11deg)}.flat-label{position:absolute;font:italic 12px/1.6 var(--serif);color:#a7a18c;right:0;bottom:6px;transform:rotate(-5deg)}.palette{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfddcf;padding-top:13px;color:#aaa58f;font-size:9px;margin-top:9px}.palette>div{display:flex;gap:5px}.palette>div span{width:15px;height:15px;display:block;border-radius:50%;border:2px solid #fff9}.outfit-details{padding:24px 25px 15px;display:flex;flex-direction:column}.outfit-detail-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.outfit-detail-title h3{font-size:14px;letter-spacing:.3px}.outfit-detail-title>span{color:#a0a98f;font-size:9px}.piece-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:19px}.piece-art{background:#f7f7f2;position:relative;border-radius:8px;height:168px;padding:26px 12px 13px}.piece-art>span{position:absolute;top:9px;left:10px;font-size:9px;color:#9b9e8d}.piece-art>.icon{position:absolute;top:45%;left:40%;color:#c8c9b1;width:28px;height:28px}.piece-card h4{font-size:11px;margin-top:10px;line-height:1.6}.piece-card>p{font-size:9px;color:#a4aa97;margin-top:4px}.owned-dot{position:absolute;right:8px;top:8px;color:#64845a;font-size:10px}.accessory-line{display:flex;align-items:center;gap:8px;color:#9bA38e;font-size:10px;margin:20px 0 15px}.accessory-line .icon{width:13px;height:13px}.accessory-line b{font-weight:400;color:#77896a;border-left:1px solid #dce3d2;padding-left:10px}.outfit-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.outfit-actions>span{font-size:9px;color:#96a587;display:flex;align-items:center;gap:5px}.outfit-actions>span .icon{width:12px;height:12px}.outfit-actions .text-btn{font-size:10px}.reason-strip{display:flex;align-items:center;gap:13px;background:#eef2e9;border:1px solid #e6ebdf;border-radius:8px;padding:13px 17px;margin-top:13px}.reason-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;background:#e3eadb;color:#81996e;flex-shrink:0}.reason-icon .icon{width:16px;height:16px}.reason-strip b{font-size:11px;font-weight:500;color:#748964}.reason-strip p{font-size:10px;color:#96a08c;margin-top:4px;line-height:1.8}.reason-strip>.text-btn{margin-left:auto}.bottom-grid{display:grid;grid-template-columns:1fr 1.4fr .86fr;gap:18px;margin-top:24px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.section-heading.compact h3{font-size:13px}.section-heading.compact>span{font-size:9px;color:#a6ad9b}.section-heading.compact{margin-bottom:19px}.essential{display:flex;align-items:center;gap:11px;margin-top:15px}.essential-icon{width:35px;height:35px;background:#f3f4ec;border-radius:9px;display:grid;place-items:center;color:#8d9a79;flex-shrink:0}.essential-icon .icon{width:18px;height:18px}.essential b{font-size:11px;font-weight:500}.essential p{font-size:9px;color:#a1a892;margin-top:3px}.muted-check{margin-left:auto;width:14px;height:14px;color:#c2cdb5}.timeline{display:flex;justify-content:space-between;position:relative;gap:13px;padding-top:5px}.timeline:before{content:'';position:absolute;top:21px;left:16%;right:16%;height:1px;background:#e5e9db}.timeline>div{display:flex;flex:1;align-items:center;flex-direction:column;text-align:center;z-index:1}.timeline>div>span{width:36px;height:36px;border:5px solid #fff;background:#f5f6ee;border-radius:50%;display:grid;place-items:center;color:#a7b291}.timeline .icon{height:16px;width:16px}.timeline small{font-size:9px;color:#a6ac9a;margin:9px 0 3px}.timeline b{font:24px var(--serif);color:#6a7b58}.timeline p{font-size:9px;color:#a6ac99;margin-top:8px;max-width:88px}.backup-card{background:#e9ede1;border:1px solid #e0e6d6;border-radius:12px;padding:22px}.backup-card h3{font-size:19px;font-weight:500;letter-spacing:1px;margin:12px 0 10px;line-height:1.65}.backup-card p{font-size:10px;color:#919b80;line-height:1.9}.backup-card .text-btn{margin-top:15px;font-size:10px}.backup-card .section-kicker{font-size:10px}.missing-card{margin-top:22px}.missing-card>p{color:var(--muted);font-size:12px;margin-top:7px}.missing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.missing-grid>div{background:#f7f8f2;padding:16px;border-radius:8px}.missing-grid p{font-size:11px;color:#919983;margin:7px 0}.missing-grid small{font-size:10px;color:#859475}.color-dot{width:12px;height:12px;display:inline-block;border-radius:50%;vertical-align:middle;border:1px solid #0001}footer{border-top:1px solid var(--line);padding:20px 42px;font-size:9px;letter-spacing:1px;color:#9fa694;display:flex;justify-content:space-between}footer span{letter-spacing:0}.data-notice{display:flex;align-items:center;gap:9px;background:#f4efdf;border:1px solid #e9e1c8;color:#a39165;padding:9px 14px;border-radius:7px;margin-bottom:18px;font-size:10px}.data-notice .icon{width:15px;height:15px}.data-notice .text-btn{margin-left:auto;font-size:10px}.week-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.week-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 15px;display:flex;flex-direction:column;align-items:center}.week-card.selected{border-color:#849b70;background:#f0f4e9}.week-card>span:first-child{font-weight:500;font-size:16px}.week-card>small{color:#a3ac97}.week-card .weather-art{height:110px;width:140px;margin:15px 0 3px}.week-card h2{font:24px var(--serif)}.week-card p{font-size:11px;color:#919d84;margin-top:8px}.week-garment{height:170px;width:140px;margin:17px 0}.week-card b{font-size:12px;font-weight:500}.week-link{border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-size:10px;display:flex;gap:12px;align-items:center;width:100%;justify-content:center;color:#8c9c7a}.wardrobe-summary{background:#eaf0e3;border-radius:10px;padding:18px 24px;display:flex;gap:30px;align-items:center}.wardrobe-summary>span{display:flex;align-items:center;gap:8px;color:#859573}.wardrobe-summary b{font:27px var(--serif);color:#506a40}.wardrobe-summary p{font-size:12px;color:#8e9c7c}.filter-row{display:flex;gap:9px;margin:25px 0;flex-wrap:wrap}.filter{padding:7px 18px;border:1px solid #e4e8dc;border-radius:6px;background:#fff;color:#92a082;font-size:11px}.filter.active{color:#fff;background:var(--green);border-color:var(--green)}.empty-state{text-align:center;border:1px dashed #d9e1ce;border-radius:14px;background:#fbfcf8;padding:35px 25px 48px}.empty-art{height:170px;margin:0 auto 15px}.empty-state p{color:#9aa68c;font-size:12px;margin:12px 0 22px;line-height:2}.empty-state>h2{font-size:21px}.small-empty{padding:44px 20px}.small-empty>.icon{width:40px;height:40px;color:#aab79c;margin-bottom:12px}.wardrobe-grid,.saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.wardrobe-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.wardrobe-photo{height:235px;padding:28px;background:#f0f0e7;position:relative}.wardrobe-photo>span{position:absolute;top:15px;left:15px;font-size:10px;color:#a0a48d}.wardrobe-item-text{padding:17px}.wardrobe-item-text h3{font-size:14px}.wardrobe-item-text p{font-size:11px;color:#9aa38d;margin-top:6px}.wardrobe-item-text>div{display:flex;justify-content:space-between;margin-top:14px}.saved-card{background:#fff;border:1px solid var(--line);padding:15px;border-radius:10px}.saved-art{display:grid;grid-template-columns:1fr 1fr;background:#eeeee3;border-radius:7px;padding:10px;height:220px;margin-bottom:15px}.saved-art>*{height:100px;min-height:0}.saved-card>small{color:#a7ad9a;font-size:9px}.saved-card h3{font-size:13px;margin-top:5px}.saved-card p{font-size:10px;color:#9aa28b;margin:10px 0;line-height:1.8}.history-heading{margin-top:35px}.history-heading>span,.empty-hint{font-size:11px;color:#a0aa93}.profile-form{max-width:820px;padding:30px}.profile-form h3{padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid var(--line)}.profile-form h3:not(:first-child){margin-top:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#7f8c73}input,select,textarea{border:1px solid #dce3d1;border-radius:6px;background:#fcfdf9;padding:10px 12px;color:#4f6443;width:100%;min-width:0;outline:none}input:focus,select:focus,textarea:focus{border-color:#91a87b;box-shadow:0 0 0 3px #82996515}input[type=color]{height:40px;padding:5px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--green)}.checkbox{display:flex;flex-direction:row;align-items:center}.form-note{font-size:11px;color:#9aa38c;line-height:1.9;margin:17px 0}.service-card{margin-top:22px;max-width:820px}.service-card h3{margin-bottom:12px}.service-card h3 .icon{margin-right:5px}.service-card p{font-size:12px;color:#919e82;margin-bottom:16px}.import-button{display:inline-flex;margin-left:8px;cursor:pointer}.wide{grid-column:1/-1}.full-width{width:100%;margin-top:22px}dialog{width:520px;max-width:calc(100vw - 30px);max-height:90dvh;border:1px solid #dce4d2;border-radius:17px;padding:27px 30px;box-shadow:0 25px 120px #20312430;color:var(--ink);background:#fcfdf9}dialog::backdrop{background:#24392b55;backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.modal-heading h2{font-size:20px}.icon-btn{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#edf1e5;color:#91a080;flex-shrink:0}.icon-btn span{display:none}dialog>p{color:#929d85;font-size:12px;line-height:1.9;margin-bottom:16px}.search-form{display:flex;gap:10px}.preset-cities{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.city-result{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.city-result small{color:#a3ac96;margin-left:5px}#city-results{margin-top:20px}#city-results>p{color:#93a080;font-size:12px}.upload-box{border:1px dashed #d2dcc4;display:flex;align-items:center;padding:18px;border-radius:9px;background:#f2f5ec;cursor:pointer}.upload-box b{font-size:12px;font-weight:500}.upload-box>span{font-size:9px;color:#a2ac95;text-align:center}#upload-preview{width:100px;height:90px;display:grid;place-items:center}#upload-preview img{height:90px;width:100px;object-fit:contain}#upload-preview .icon{width:35px;height:35px;color:#b2bfa1}.identify-button{margin-top:13px}.reminder-illustration{width:80px;height:80px;background:#edf1e4;display:grid;place-items:center;border-radius:50%;margin:25px auto}.reminder-illustration .icon{height:40px;width:40px;color:#91a17e}dialog>h3{margin-bottom:15px;font-size:18px}.copy-area{height:160px}.generated-image{width:100%;border-radius:8px}.generating{text-align:center;padding:50px;color:#9ba88a}.generating>.icon{width:40px;height:40px;margin-bottom:15px;animation:breathe 1.4s infinite}@keyframes breathe{50%{opacity:.35;transform:scale(.9)}}#toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#304d3ceF;color:#fff;border:1px solid #ffffff30;border-radius:9px;box-shadow:0 8px 40px #21322420;padding:12px 22px;font-size:12px;z-index:100;transition:.2s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){main{padding-top:45px}.page-intro{margin-bottom:35px}.overview-grid{grid-template-columns:370px 1fr}.outfit-board{grid-template-columns:38% 62%}.flatlay{height:320px}.flat-outer{height:245px;width:180px;left:68px}.flat-top{height:170px;width:140px;left:12px}.flat-bottom{height:225px;width:145px;right:38px}.flat-shoes{height:110px;width:130px}.piece-art{height:209px}.daily-note h2{font-size:27px}}
@media(max-width:1200px){.sidebar{width:195px;padding:28px 15px 20px}.workspace{margin-left:195px}.topbar{padding:0 28px}main{padding:28px}.overview-grid{grid-template-columns:300px 1fr;gap:17px}.weather-card{padding-left:18px;padding-right:18px}.daily-note{padding:20px}.daily-note h2{font-size:21px}.personalize{gap:7px}.personalize>span{display:none}.date-label{font-size:10px}.page-intro h1{font-size:28px}.bottom-grid{grid-template-columns:1fr 1.4fr}.backup-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.backup-card h3{grid-row:2/4}.backup-card p{grid-column:2;grid-row:1/3}.backup-card .text-btn{grid-column:2}.outfit-details{padding:20px}.piece-grid{gap:8px}.piece-art{height:145px;padding:27px 5px 10px}.look-overview{padding:18px}.look-number>span{display:none}.flat-outer{left:27px;width:130px}.flat-bottom{right:0;width:105px}.flat-top{width:105px}.wardrobe-grid,.saved-grid{grid-template-columns:repeat(3,1fr)}.week-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.sidebar{width:80px;padding:27px 12px 18px;align-items:center}.brand{margin:0 0 35px}.brand>div,.nav-caption,.nav-item>span,.nav-item>small,.sidebar-note,.profile-nav>span:not(.avatar),.profile-nav>.icon{display:none}.nav-item{padding:14px 16px}.profile-nav{margin-top:auto;width:100%;justify-content:center}.workspace{margin-left:80px}.overview-grid{grid-template-columns:290px 1fr}.page-intro{align-items:flex-start}.page-intro .date-label{padding-top:30px}.daily-note h2{font-size:20px}.daily-note>p{font-size:11px}.guide-tags{margin:15px 0}.guide-tags>span:last-child{display:none}.personalize select{max-width:105px}.personalize .text-btn{font-size:9px}.outfit-board{grid-template-columns:35% 65%}.outfit-details{padding:18px}.outfit-detail-title>span{display:none}.flat-outer{width:118px;left:5px}.flat-bag{width:65px}.flat-top{left:-13px}.flat-shoes{left:0}.piece-card h4{font-size:10px}.piece-art{height:140px}.look-overview{min-height:345px}.missing-grid{grid-template-columns:1fr}}
@media(max-width:740px){.sidebar{height:65px;width:100%;top:auto;bottom:0;padding:5px 8px;background:#fafcf6f5;border:0;border-top:1px solid #dfe5d5;backdrop-filter:blur(15px);flex-direction:row;justify-content:space-around}.brand{display:none}.sidebar nav{display:flex;width:80%;justify-content:space-around}.nav-item{flex-direction:column;gap:3px;margin:0;padding:6px 10px;width:auto;font-size:9px;border-radius:6px;min-width:58px}.nav-item>span{display:block;font-size:9px}.nav-item.active{background:#e8eee0;box-shadow:none;color:#3a6246}.nav-item .icon{width:19px;height:19px}.profile-nav{width:18%;padding:6px 10px;border:0;margin:0}.profile-nav .avatar{height:31px;width:31px}.workspace{margin:0 0 65px}.topbar{height:62px;padding:0 20px}.topbar .breadcrumb{font-size:10px}.top-actions{gap:13px}.top-reminder{padding-left:13px}.top-reminder>span{display:none}.avatar.small{width:28px;height:28px}main{padding:25px 18px}.page-intro{display:block;margin-bottom:22px}.eyebrow{font-size:8px;letter-spacing:1.8px}.page-intro h1{font-size:26px;letter-spacing:0}.heading-sun{font-size:30px;margin-left:7px}.page-intro p{font-size:10px;margin-top:8px}.page-intro .date-label{padding:0;margin-top:13px}.page-intro>.btn{margin-top:18px}.overview-grid{grid-template-columns:1fr;gap:15px}.weather-card{padding:19px 22px 12px}.weather-main{max-width:400px}.temperature{font-size:79px}.weather-art{width:150px;margin-right:4px}.weather-stats{margin-top:15px}.daily-note{padding:21px}.daily-note h2{font-size:22px}.daily-note>p{font-size:12px}.guide-tags>span:last-child{display:flex}.personalize>span{display:block;font-size:9px}.personalize select{font-size:10px;padding-left:6px;padding-right:14px;max-width:110px}.personalize .text-btn{margin-left:auto;font-size:9px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.count-label{font-size:7px;margin-left:6px;letter-spacing:1px}.button-row{gap:6px}.button-row .btn{padding:8px;font-size:9px;gap:5px}.button-row .icon{width:13px;height:13px}.button-row .secondary span{display:none}.outfit-board{grid-template-columns:1fr}.look-overview{min-height:330px;padding:20px 26px}.look-number>span{display:block}.flatlay{max-width:360px;width:100%;margin:auto;height:245px;min-height:245px}.flat-top{height:165px;width:130px;left:17px;top:0}.flat-outer{height:225px;width:170px;left:70px;top:7px}.flat-bottom{height:208px;width:134px;right:14px;top:15px}.flat-shoes{height:94px;width:115px;left:17px;bottom:-5px}.flat-bag{height:86px;width:74px;right:2px;top:-6px}.flat-label{bottom:5px}.outfit-details{padding:20px 16px 17px}.outfit-detail-title h3{font-size:13px}.outfit-detail-title>span{display:block;font-size:9px}.piece-grid{gap:9px;margin-top:17px}.piece-art{height:126px;padding:26px 5px 7px}.piece-art>span{left:8px;font-size:8px}.piece-card h4{font-size:10px}.piece-card>p{font-size:8px}.reason-strip{padding:12px;gap:10px}.reason-strip p{font-size:10px}.reason-strip>.text-btn{font-size:9px}.reason-strip>.text-btn .icon{display:none}.bottom-grid{grid-template-columns:1fr;gap:15px}.card{padding:20px}.backup-card{grid-column:auto;padding:20px;grid-template-columns:1fr 1fr}.backup-card h3{margin-bottom:0}.time-card{min-height:205px}.timeline p{max-width:100px}.essential{margin:13px 0}.essentials .compact{margin-bottom:17px}.section-heading.compact h3{font-size:14px}.essential p{font-size:10px}.essential b{font-size:12px}footer{padding:20px;font-size:9px;display:block;text-align:center}footer span{display:block;font-size:8px;margin-top:4px}.data-notice{font-size:9px;line-height:1.8;padding:9px}.week-grid{grid-template-columns:repeat(2,1fr);gap:12px}.week-card{padding:18px 10px}.week-card>span:first-child{font-size:14px}.week-card h2{font-size:21px}.week-card p{font-size:9px}.week-card b{font-size:11px}.week-garment{height:140px;width:110px}.week-card .weather-art{width:120px;height:95px}.wardrobe-grid,.saved-grid{grid-template-columns:repeat(2,1fr);gap:12px}.wardrobe-summary{padding:17px;display:block}.wardrobe-summary p{margin-top:8px;font-size:10px}.wardrobe-photo{height:185px;padding:25px 16px}.wardrobe-item-text{padding:14px}.wardrobe-item-text h3{font-size:12px}.wardrobe-item-text p{font-size:10px}.saved-art{height:175px;padding:6px}.saved-art>*{height:80px}.saved-card{padding:12px}.saved-card h3{font-size:12px}.saved-card p{font-size:9px}.filter{padding:6px 12px;font-size:10px}.empty-state{padding:30px 20px}.empty-state>h2{font-size:18px}.empty-state p{font-size:11px}.form-grid{gap:15px}.profile-form{padding:20px}.form-note{font-size:10px}dialog{padding:24px 20px}.modal-heading h2{font-size:18px}#toast{font-size:11px;bottom:85px;width:max-content}.missing-grid{gap:12px}.import-button{margin:10px 0 0}.service-card .btn{margin-right:8px}.data-notice .text-btn{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.personalize>span{white-space:nowrap;flex-shrink:0}.personalize select{width:auto;min-width:75px;flex:0 1 auto}.personalize .text-btn{flex-shrink:0}
/* Wardrobe photography stays intact, including outfit photos with a background. */
.wardrobe-photo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:11px 0;border-top:1px solid var(--line)}.wardrobe-photo-toolbar>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#7f8d71}.wardrobe-photo-toolbar>span .icon{width:14px;height:14px}.wardrobe-photo-toolbar>div{display:flex;gap:12px;align-items:center}.wardrobe-photo-toolbar .btn{padding:7px 10px;font-size:10px}.wardrobe-photo-toolbar .text-btn{font-size:9px}.piece-art{display:block;width:100%;text-align:initial}.piece-art:hover{box-shadow:inset 0 0 0 1px #a0b18b}.piece-art.has-photo{padding:29px 8px 8px}.garment-photo{mix-blend-mode:normal;border-radius:4px}.piece-pick{font-size:9px;margin-top:9px;gap:4px}.piece-pick .icon{width:12px;height:12px}.photo-look{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;flex:1;align-content:start}.photo-look-item{height:140px;min-width:0;background:#ffffff60;border:1px solid #e0ded4;border-radius:7px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.photo-look-item>.garment,.photo-look-item>.garment-photo{height:calc(100% - 24px);min-height:0;flex:1;width:100%}.photo-look-item>span{font-size:9px;color:#7a806b;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.photo-look-item.has-photo{background:#fffdf8}.outfit-weather-warning{margin-top:14px;padding:15px 18px;border:1px solid #e9daba;background:#fcf6e8;border-radius:8px;color:#967335}.outfit-weather-warning b{font-size:12px;font-weight:500}.outfit-weather-warning .icon{width:16px;height:16px;margin-right:5px}.outfit-weather-warning p{font-size:11px;margin-top:6px}.outfit-weather-warning small{display:block;font-size:10px;opacity:.8;margin-top:8px}.accessory-line .text-btn{margin-left:auto;font-size:9px}.picker-intro{font-size:12px;color:#879579;line-height:1.9;margin-bottom:18px}.picker-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.picker-tabs .filter{padding:5px 12px}.photo-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.photo-choice{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:10px;background:#fff;border:1px solid #e1e5d9;border-radius:9px;min-width:0}.photo-choice.selected{border-color:#557753;background:#f0f5e9}.photo-choice-art{height:170px;background:#f3f3eb;border-radius:5px;padding:7px;position:relative}.photo-choice b{font-weight:500;font-size:12px;margin-top:10px}.photo-choice small{font-size:10px;color:#8b957e;margin-top:3px}.photo-fit{display:block;font-size:10px;margin-top:7px;color:#789066;line-height:1.7}.photo-fit.caution{color:#ac843f}.photo-choice-action{display:block;color:#52704a;font-size:11px;border-top:1px solid #e0e6d6;padding-top:8px;margin-top:10px}.photo-selected{position:absolute;right:7px;top:7px;border-radius:50%;background:#355d49;color:#fff;display:grid;place-items:center;width:22px;height:22px}.photo-selected .icon{width:13px;height:13px}.picker-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.picker-footer>span{font-size:10px;color:#8d987f}.picker-empty{text-align:center;padding:25px;color:#98a58a}.picker-empty p{margin:12px 0 20px}.saved-card .saved-warning{color:#a48346}
@media(max-width:740px){.wardrobe-photo-toolbar{flex-wrap:wrap}.wardrobe-photo-toolbar>div{margin-left:auto}.photo-look{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-look-item{height:137px;padding:6px}.photo-look-item>span{font-size:8px}.piece-pick{font-size:8px;gap:2px}.piece-pick .icon{display:none}.photo-choice-art{height:160px}.picker-footer .btn{padding:9px 12px}.accessory-line{gap:5px}}
.look-view-tabs{display:flex;align-self:center;gap:3px;padding:4px;margin:18px 0 4px;background:#e5e3d7;border:1px solid #dedecf;border-radius:8px}.look-view-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;padding:7px 13px;border-radius:5px;color:#8a8b76}.look-view-tabs button.selected{background:#fffdf5;color:#526747;box-shadow:0 2px 5px #3d44230c}.look-view-tabs .icon{width:13px;height:13px}.model-stage{position:relative;flex:1;min-height:410px;display:flex;align-items:center;justify-content:center}.outfit-model{width:100%;height:425px;max-width:330px;overflow:visible}.model-seam{fill:none;stroke:#4d493433;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.model-clothing{cursor:pointer;transition:filter .2s}.model-clothing:hover{filter:brightness(1.04)}.model-caption{position:absolute;top:25px;left:0;font-size:7px;line-height:2;letter-spacing:1.8px;color:#a0a18c;z-index:1}.model-caption b{font-size:10px;font-weight:400;letter-spacing:1px;color:#89927c}.model-controls{position:absolute;bottom:9px;left:0;right:0;display:flex;gap:8px;justify-content:center}.model-control{background:#fffdf3eF;border:1px solid #d8daca;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:9px;color:#6e7e5e;box-shadow:0 3px 8px #514f2810}.model-control .icon{width:12px;height:12px}.model-disclaimer,.model-dress-note{text-align:center;font-size:9px;line-height:1.8;color:#9a9b86;margin-top:4px}.model-dress-note{color:#81926e}.outfit-details .piece-grid{margin-top:22px}.look-overview{justify-content:flex-start}.outfit-details{justify-content:flex-start}.outfit-details .accessory-line{margin-top:24px}.look-overview .palette{margin-top:15px}
@media(max-width:960px) and (min-width:741px){.model-caption{display:none}.look-view-tabs button{padding:6px 8px;font-size:9px}.model-controls{gap:4px}.model-control{font-size:8px;padding:5px 7px;gap:3px}.model-stage{min-height:370px}.outfit-model{height:390px}.model-disclaimer{font-size:8px}}
@media(max-width:740px){.model-stage{min-height:400px}.outfit-model{height:415px;max-width:300px}.model-caption{left:10px;top:23px}.model-disclaimer{font-size:9px}.look-view-tabs{margin-top:14px}.model-controls{bottom:6px}}
.fit-preview-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;background:#f1f0e7;padding:13px;border-radius:9px}.fit-source{position:relative;overflow:hidden;line-height:0}.fit-source img{display:block;width:100%;height:auto}.fit-source #fit-crop-box{position:absolute;border:2px solid #4c8a50;box-shadow:0 0 0 500px #132c1940;pointer-events:none}.fit-preview-grid .outfit-model{width:100%;height:275px}.fit-presets{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.fit-presets .filter{padding:6px 9px;font-size:10px}.fit-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fit-sliders input{padding:0;accent-color:#355d49;box-shadow:none;height:22px}.fit-preview-grid .model-clothing{pointer-events:none}
.model-mode-note{font-size:9px;text-align:center;color:#6a825b;margin:10px 0 2px}
/* Single-piece cards: keep original photos intact, without a model composite. */
.outfit-board.simple-outfit{display:block;background:#fff;border-radius:14px}.simple-outfit .outfit-details{padding:25px}.simple-outfit .piece-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}.simple-outfit .piece-art{height:auto;aspect-ratio:1.15;padding:34px 25px 20px;border-radius:13px}.simple-outfit .piece-art.has-photo{padding:32px 14px 12px}.simple-outfit .piece-card h4{font-size:14px;margin-top:17px}.simple-outfit .piece-card>p{font-size:11px;margin-top:6px}.simple-outfit .piece-pick{font-size:11px;margin-top:16px}.simple-outfit .outfit-actions{margin-top:0}.simple-outfit .accessory-line{margin-top:25px}
@media(max-width:740px){.simple-outfit .outfit-details{padding:18px}.simple-outfit .piece-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.simple-outfit .piece-art{padding:29px 13px 14px;aspect-ratio:1}.simple-outfit .piece-card h4{font-size:12px;margin-top:12px}.simple-outfit .piece-card>p,.simple-outfit .piece-pick{font-size:10px}.simple-outfit .piece-pick{margin-top:10px}}
.catalog-heading{font-size:11px;color:#7c8c6d;margin:19px 0 12px;padding-top:12px;border-top:1px solid var(--line)}
/* 单品去掉与添加 */
.photo-look-item{position:relative}
.photo-look-item .piece-remove{position:absolute;top:5px;right:5px;font-size:10px;padding:3px 6px;color:#8a6a5f}
.piece-remove{color:#8a6a5f}
.photo-look-adds{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
.photo-look-adds .text-btn{border:1px dashed #c9c6b8;border-radius:999px;padding:6px 12px}