@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#20252f;background:#f8f9fb;margin:0;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #edf0f2;flex-direction:column;width:242px;height:100vh;padding:25px 14px;display:flex;position:fixed}.brand{letter-spacing:-.8px;align-items:center;gap:9px;padding:0 12px 37px;font-size:20px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#3454d1;border-radius:8px;place-items:center;width:27px;height:27px;font-family:Georgia;font-size:15px;display:grid}.brand-lite{color:#3454d1}.workspace-label{color:#9ca4b0;padding:0 12px 10px;font-size:11px}.nav-item{color:#5a6575;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:44px;padding:0 12px;font-size:14px;display:flex}.nav-item:hover{background:#f6f7fb}.nav-item.selected{color:#3454d1;background:#eef1ff;font-weight:600}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #eef0f3;align-items:center;gap:10px;margin:15px 5px 0;padding:18px 7px 0;display:flex}.profile b,.profile small{font-size:13px;display:block}.profile small{color:#9ca4b0;margin-top:3px;font-size:11px}.profile svg{color:#8791a0;margin-left:auto}.avatar{color:#b05a35;background:#f7d9c8;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:grid}main{width:calc(100% - 242px);margin-left:242px}header{color:#8a94a2;background:#fff;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex}.slash{color:#c1c7cf;margin:0 11px}header strong{color:#3c4653;font-weight:500}.header-actions{align-items:center;gap:17px;display:flex}.icon-button{color:#616b78;background:0 0;border:0;padding:6px;position:relative}.icon-button i{background:#ef6d63;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:6px}.upgrade{color:#fff;cursor:pointer;background:#252c3d;border:0;border-radius:7px;align-items:center;gap:6px;padding:9px 13px;font-size:12px;display:flex}.content{max-width:1220px;margin:0 auto;padding:42px 48px}.title-row{justify-content:space-between;align-items:start;margin-bottom:33px;display:flex}.title-row h1{letter-spacing:-.6px;margin:0 0 8px;font-size:25px}.title-row p{color:#8791a0;margin:0}.primary{color:#fff;cursor:pointer;background:#3a57d7;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 9px #3555d624}.primary:disabled{opacity:.45;cursor:not-allowed}.quick-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:42px;display:grid}.quick-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #ebeef2;border-radius:12px;align-items:center;gap:14px;min-height:106px;padding:21px;transition:all .2s;display:flex}.quick-card:hover{border-color:#cdd5f8;transform:translateY(-2px);box-shadow:0 9px 20px #1c2c5210}.quick-card>svg{color:#9ba4b1;margin-left:auto}.quick-icon{border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.quick-icon.orange{color:#e98131;background:#fff2e6}.quick-icon.purple{color:#7461d7;background:#f0edff}.quick-card b{font-size:15px}.quick-card p{color:#8a95a4;margin:7px 0 0;font-size:12px}.section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-head h2{margin:0;font-size:16px}.section-head h2 span{color:#96a0ad;background:#edf0f3;border-radius:12px;margin-left:5px;padding:2px 7px;font-size:12px}.filter{color:#687382;background:#fff;border:1px solid #e5e8ed;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:flex}.resume-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.new-resume{color:#455162;cursor:pointer;background:#fbfcfd;border:1.5px dashed #cfd5dd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:284px;display:flex}.new-resume:hover{background:#f6f7ff;border-color:#3a57d7}.new-resume span{color:#3d58d6;background:#edf0ff;border-radius:50%;place-items:center;width:39px;height:39px;margin-bottom:12px;display:grid}.new-resume b{font-size:14px}.new-resume small{color:#969fab;margin-top:6px;font-size:11px}.resume-card{cursor:pointer;background:#fff;border:1px solid #e8ebee;border-radius:10px;height:284px;transition:all .2s;position:relative;overflow:hidden}.resume-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #26355812}.resume-card.selected-card{border:1.5px solid #5069dc}.paper{color:#777;height:205px;margin:13px 14px 0;padding:18px 17px;box-shadow:0 2px 8px #4e4e4e18}.tiny-title{color:#333;margin-bottom:12px;font-size:13px;font-weight:700}.tiny-line{opacity:.55;background:#a9a8a5;width:60%;height:3px;margin:5px 0}.tiny-line.wide{width:94%}.tiny-line.medium{width:78%}.tiny-label{color:#333;margin-top:12px;margin-bottom:6px;font-size:8px;font-weight:700}.tiny-label.lower{margin-top:13px}.card-info{justify-content:space-between;align-items:center;height:64px;padding:0 14px;display:flex}.card-info b,.card-info small{display:block}.card-info b{font-size:12px}.card-info small{color:#9da5b0;margin-top:5px;font-size:10px}.dots{color:#85909d;background:0 0;border:0}.chosen{color:#fff;background:#3f5cda;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:9px;right:9px}.tip{color:#8f734a;background:#fff7e8;border-radius:8px;align-items:center;gap:9px;margin-top:29px;padding:12px 15px;font-size:12px;display:flex}.tip svg{color:#e7a84c}.optimizer{grid-template-columns:minmax(490px,1fr) 355px;align-items:start;gap:22px;display:grid}.resume-editor{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.editor-top{color:#8c96a3;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;height:50px;padding:0 18px;font-size:11px;display:flex}.status-dot{background:#58b991;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.plain-btn{color:#65707e;background:#fff;border:1px solid #e2e6eb;border-radius:5px;align-items:center;gap:4px;margin-left:6px;padding:5px 7px;font-size:11px;display:inline-flex}.resume-page{background:#fff;width:78%;min-height:650px;margin:28px auto 35px;padding:36px 42px;box-shadow:0 3px 18px #23345315}.resume-name{text-align:center;letter-spacing:7px;font-size:23px;font-weight:700}.resume-contact{text-align:center;color:#7d8792;margin:9px 0 23px;font-size:10px}.resume-section{margin-top:18px}.resume-section h3{letter-spacing:1px;border-bottom:1.5px solid #2e3a49;margin:0 0 10px;padding-bottom:5px;font-size:13px}.resume-copy{color:#3e4651;font-size:10px;line-height:1.85}.resume-copy span{float:right;color:#6e7783}.resume-copy ul{margin:5px 0;padding-left:14px}.ai-panel{background:#fff;border:1px solid #e7eaf0;border-radius:12px;flex-direction:column;height:698px;display:flex;overflow:hidden}.ai-head{border-bottom:1px solid #edf0f3;align-items:center;gap:9px;height:68px;padding:15px 17px;display:flex}.ai-symbol,.mini-ai{color:#5951d6;background:#eaeaff;place-items:center;display:grid}.ai-symbol{border-radius:9px;width:33px;height:33px}.ai-head b,.ai-head small{display:block}.ai-head b{font-size:13px}.ai-head small{color:#9aa3ae;margin-top:3px;font-size:10px}.score-box{background:#f7f8fc;border-radius:9px;align-items:center;gap:12px;margin:14px 16px 11px;padding:12px;display:flex}.score-ring{--score:76;background:conic-gradient(#5766da calc(var(--score)*1%),#e4e7f2 0);border-radius:50%;place-items:center;width:47px;height:47px;display:grid;position:relative}.score-ring:after{content:"";background:#f7f8fc;border-radius:50%;position:absolute;inset:5px}.score-ring b,.score-ring small{z-index:1}.score-ring b{font-size:14px}.score-ring small{margin-left:-3px;font-size:8px}.score-box b{font-size:11px}.score-box p{color:#8c96a3;margin:4px 0 6px;font-size:10px}.bar{background:#e1e4ee;border-radius:3px;width:210px;height:3px}.bar i{background:#5968dc;border-radius:3px;height:100%;display:block}.jd-banner{text-align:left;color:#cf7728;cursor:pointer;background:#fff6ec;border:0;border-radius:8px;align-items:center;gap:9px;margin:0 16px;padding:10px;display:flex}.jd-banner span{flex:1}.jd-banner b,.jd-banner small{display:block}.jd-banner b{font-size:11px}.jd-banner small{color:#b7875d;margin-top:3px;font-size:9px}.chat-area{flex-direction:column;flex:1;gap:11px;padding:17px 16px 6px;display:flex;overflow:auto}.bubble{border-radius:9px;max-width:90%;padding:9px 10px;font-size:11px;line-height:1.65;position:relative}.bubble.ai{color:#4b5664;background:#f3f5f8;border-top-left-radius:2px;padding-left:10px}.bubble.user{color:#fff;background:#5262d9;border-top-right-radius:2px;align-self:end}.mini-ai{border-radius:5px;width:16px;height:16px;position:absolute;top:0;left:-21px}.chat-input{border:1px solid #dfe3e9;border-radius:8px;align-items:end;margin:7px 14px 0;padding:6px;display:flex}.chat-input textarea{resize:none;width:100%;font:inherit;border:0;outline:0;height:38px;font-size:11px;line-height:1.5}.chat-input button{color:#fff;cursor:pointer;background:#4d60d8;border:0;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.suggestions{gap:6px;padding:8px 14px 13px;display:flex}.suggestions button{color:#687384;cursor:pointer;background:#fff;border:1px solid #e3e6ed;border-radius:12px;padding:4px 8px;font-size:9px}.overlay{z-index:5;background:#17203355;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(550px,100%);padding:31px;position:relative;box-shadow:0 24px 70px #15244844}.close{color:#8b95a1;cursor:pointer;background:0 0;border:0;position:absolute;top:16px;right:17px}.modal-icon{color:#e5802d;background:#fff0e2;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.modal h2{margin:16px 0 8px;font-size:21px}.modal>p{color:#7c8794;margin:0 0 22px;font-size:13px;line-height:1.7}.modal label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.modal textarea{resize:none;width:100%;height:148px;font:inherit;border:1px solid #dfe4ea;border-radius:8px;outline-color:#5164da;padding:12px;font-size:13px;line-height:1.6}.modal-foot{color:#9ca5af;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;display:flex}@media (width<=900px){.sidebar{width:70px;padding:22px 8px}.brand{padding:0 12px 34px}.brand>span:last-child,.workspace-label,.nav-item:not(.selected){font-size:0}.nav-item{justify-content:center;padding:0}.nav-item svg{width:20px;height:20px}.profile>div:not(.avatar),.profile svg{display:none}.profile{justify-content:center}.sidebar-bottom .nav-item{font-size:0}main{width:calc(100% - 70px);margin-left:70px}.optimizer{grid-template-columns:1fr}.ai-panel{height:570px}.resume-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){header{padding:0 18px}.content{padding:28px 18px}.quick-grid{grid-template-columns:1fr}.resume-grid{grid-template-columns:1fr 1fr}.title-row{gap:14px}.title-row h1{font-size:21px}.optimizer{margin:0 -6px}.resume-page{width:90%;padding:27px 21px}.bar{width:150px}.header-actions .upgrade{display:none}}.profile{font:inherit;text-align:left;cursor:pointer;background:#fff;border-bottom:0;border-left:0;border-right:0;width:100%}.profile:hover{background:#f8f9fc}.auth-modal{width:min(420px,100%)}.auth-tabs{border-bottom:1px solid #edf0f4;margin:4px 0 19px;display:flex}.auth-tabs button{color:#8791a0;cursor:pointer;background:0 0;border:0;padding:9px 16px}.auth-tabs button.on{color:#3a57d7;border-bottom:2px solid #3a57d7;font-weight:600}.auth-modal form label{margin:13px 0 7px;font-size:12px}.auth-modal input{width:100%;font:inherit;border:1px solid #dfe4ea;border-radius:8px;outline-color:#5164da;padding:11px 12px}.auth-submit{justify-content:center;width:100%;margin-top:6px}.auth-error{color:#d95050;height:18px;padding-top:5px;font-size:11px}.auth-note{text-align:center;color:#9da5af;margin-top:15px;font-size:10px;display:block}.file-input{display:none}.upload-resume span{color:#2c9c78;background:#eaf7f3}.upload-resume:hover{background:#f5fcf9;border-color:#6cbda6}