:root{--bg:#fff9f1;--card:#fffefa;--text:#20234d;--muted:#777c9b;--line:#ece6e6;--brand:#7975f8;--brand2:#9590ff;--green:#388f7d;--orange:#e5a16e;--radius:24px;--shadow:0 12px 35px rgba(129,104,101,.07)}
body{background:radial-gradient(ellipse at 90% 60%,#f5efff88,transparent 60%),#fff9f1;color:var(--text);font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;font-size:14px;line-height:1.65}
body::before{content:'';position:absolute;top:0;left:290px;right:0;height:205px;background:linear-gradient(0deg,#fff9f1 0%,transparent 20%),url('assets/cat-study-banner.png') center 73%/cover no-repeat;pointer-events:none;z-index:0}
.sidebar{left:18px;top:24px;bottom:18px;width:246px;border-radius:28px;background:linear-gradient(165deg,#fffdf7 45%,#eef0ff);border:1px solid #fff;color:#26294f;padding:25px 18px;box-shadow:0 18px 48px #9d84781a;z-index:20}
.brand{gap:12px;margin-bottom:30px}.brand h1,.brand b{color:#242653}.logo{background:#f0f4d9;border-radius:15px;width:44px;height:44px;font-size:26px}.brand small{color:#8a8ba3}
.nav-title{color:#a3a1b1;letter-spacing:2px;font-size:10px;margin:22px 12px 10px}.nav button{color:#383b64;border-radius:17px;padding:12px 13px;font-weight:600;margin:6px 0;gap:11px}.nav button:hover{background:#fff1e8;color:#343453}.nav button.active{background:linear-gradient(110deg,#e5f3ff,#eeecff);border:1px solid #d9e4ff;color:#282b61;box-shadow:0 3px 12px #9196e21a}.nav .badge{background:#8881ff;color:white}
.sidebar-foot{background:#fff9;border:1px solid #fff;color:#787d98;border-radius:20px;margin-top:30px;padding:16px;font-size:11px}.sidebar-foot::before{content:'🐾  每一步，都算数。';display:block;color:#9b837c;font-size:13px;margin-bottom:12px}
main.main{margin-left:286px;padding-top:185px;position:relative;min-width:0}.topbar{height:76px;margin:0 22px;border:1px solid #fff;border-radius:25px;background:#ffffffe8;box-shadow:0 7px 30px #cfbba91a;padding:0 25px;top:12px;z-index:15}.search{background:#f0f8ff;border:1px solid #d8e9ff;border-radius:25px;width:min(540px,55%);padding:12px 21px;color:#767ca7}.avatar{background:#ffe1cd;border:3px solid #fff4e9;color:#735b55}.cloud-toolbar{background:transparent;border:0;margin:8px 24px;padding:8px;gap:8px}.cloud-toolbar .btn{border-radius:14px;background:#fffefa}
.content{padding:8px 24px 30px}.page-head{margin:21px 0 23px}.page-head h1{font-size:29px;letter-spacing:-.7px;margin-bottom:6px;font-weight:800}.page-head h1::before{content:'✦';font-size:21px;color:#e9b595;margin-right:10px}.page-head p{font-size:13px;max-width:760px;line-height:1.8;color:#8587a1}.page .page-head>.actions{flex-wrap:wrap}.page .page-head .btn{padding:10px 17px}
.card,.builder-card,.resume-preview{border:1px solid #f0e8e7;background:#ffffffed;box-shadow:var(--shadow);border-radius:24px;padding:23px}.card h2,.card h3{color:#2e3159}.section-title{font-weight:800;font-size:17px}.builder{gap:18px}.builder-item{border-radius:16px;background:#fffdfb;border:1px solid #eee9e8;padding:17px}.builder-head{margin-bottom:17px;gap:12px;flex-wrap:wrap}.builder-head h3{font-size:18px;color:#31365c}.structured-card{position:relative}.structured-card::before{content:'';position:absolute;top:25px;left:0;height:26px;width:4px;border-radius:0 5px 5px 0;background:#c2b9fb}.structured-card[data-resume-section=education]::before{background:#a0ccb9}.structured-card[data-resume-section=honors]::before{background:#e6b378}.structured-card[data-resume-section=internships]::before{background:#9cc6e6}.structured-add{font-size:12px;border-style:dashed;background:#fcfaf7}
.btn{border-radius:13px;border-color:#e9e5ee;background:#fff;box-shadow:0 3px 7px #b7a5a508;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #c7baac26}.btn.primary,.btn.ai{background:linear-gradient(135deg,#9690ff,#7775f8);border:1px solid #8781f3;color:#fff;box-shadow:0 5px 14px #8a82ef25}.btn.ghost{background:#f0efff;color:#6f65b3;border-color:#e6e2fc}.btn.danger{color:#b67576;background:#fff6f4;border-color:#f4ded7}.input,.textarea{border:1px solid #ebe7ef;background:#fffefa;border-radius:13px;padding:11px 13px;color:#303451;outline:none}.input:focus,.textarea:focus{border-color:#aaa4f4;box-shadow:0 0 0 3px #9c94fb13}.label{font-size:12px;color:#81859e;margin-bottom:7px}.textarea{line-height:1.85;min-height:120px}.tag{border-radius:9px;background:#f0edff;color:#8a7fc1;font-size:11px}.tag.green{background:#eaf5ef;color:#548b78}.muted{color:#8a8ca2}
.growth-notice,#aiServiceNotice{border:1px solid #e6e5ff;border-radius:25px;background:radial-gradient(circle at 90% 10%,#dcf3ff,transparent 45%),linear-gradient(120deg,#f6f3ff,#eaefff);padding:23px 27px;color:#7a79ac;position:relative;overflow:hidden;line-height:1.9}#aiServiceNotice b{display:block;font-size:21px;color:#373271;margin-bottom:4px}#aiServiceNotice .btn{margin-left:13px}#aiServiceNotice::after{content:'🐾';position:absolute;right:22px;bottom:-24px;font-size:110px;color:#aaa2ef;opacity:.12;pointer-events:none}.value-card-note{background:#eef9f4;border:0;color:#518675;border-radius:15px;line-height:1.9;font-size:13px}
.hub-back{color:#a099ab;margin-top:17px;font-size:12px}.hub-back .btn{border:0;background:transparent;color:#8e83a9;box-shadow:none}.hub-grid{gap:20px}.hub-grid .card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}
/* Distinct page compositions share the same palette, type and controls. */
#dashboard .page-head{padding:16px 20px;background:linear-gradient(100deg,#f0f7ed,transparent);border-radius:24px}#dashboard .grid.cols-4 .card{position:relative;overflow:hidden;min-height:142px}#dashboard .grid.cols-4 .card:nth-child(1){background:#f6f9ef}#dashboard .grid.cols-4 .card:nth-child(2){background:#fff4e9}#dashboard .grid.cols-4 .card:nth-child(3){background:#f1effb}#dashboard .grid.cols-4 .card:nth-child(4){background:#edf6fc}#dashboard .grid.cols-4 .card::after{content:'✧';position:absolute;right:20px;bottom:4px;font-size:66px;opacity:.12;color:#a1a6b4}
#applications .page-head{padding:22px;background:linear-gradient(110deg,#fff1e3,#fffaf2);border-radius:24px;border-bottom:3px solid #f3ddc3}#applications .page-head h1::before{content:'⌑';color:#c89c70}.app-track-table thead th{background:#fbf3e9;font-size:12px;color:#9f8a80;padding:14px}.app-track-table tbody td{border-bottom:1px dashed #efe7df;padding:15px 12px;font-size:12px}.app-track-table tbody tr:hover{background:#fffaf3}.app-track-table{border-collapse:separate;border-spacing:0}.table th{background:#f7f5fb;color:#8d86a5}.stage-btn{border-radius:10px;font-size:11px}
#automaticDelivery .page-head{background:linear-gradient(100deg,#eaf7fa,transparent);padding:20px;border-radius:23px}#automaticDelivery .page-head h1::before{content:'⌕';color:#85b4c9}#automaticDelivery .card{border-color:#e0edf0}
#resumeHub .page-head h1::before,#value .page-head h1::before,#resume .page-head h1::before{content:'🐾';color:#eeaf91}#resumeHub .resume-command-bar{background:linear-gradient(115deg,#f9f5ff,#fffcf7);border-color:#e9e3f3}.resume-review-layout{gap:22px}.resume-review-rail{background:#fffcf9;border:1px dashed #e5dcf0;border-radius:20px;padding:18px}.review-note{border:1px solid #eee1cf;background:#fff9ee;box-shadow:none;border-radius:16px}.pro-resume{border-radius:3px!important;box-shadow:0 5px 25px #a1a0ac12;color:#171717!important;background:#fff!important}.pro-resume .r-education-level{margin:9px 0 5px;font-size:11px;color:#515665}.pro-resume .r-section{margin-top:20px}.pro-resume .r-name{font-family:'Microsoft YaHei',sans-serif}.pro-resume .r-top:empty{display:none}
#interviewHub .page-head{background:linear-gradient(90deg,#eef5ed,transparent);padding:22px;border-radius:24px}#interviewHub .hub-grid .card:nth-child(1){background:linear-gradient(160deg,#fff,#f0f7ee)}#interviewHub .hub-grid .card:nth-child(2){background:linear-gradient(160deg,#fff,#f4effc);transform:translateY(16px)}#interviewHub .hub-grid .card:nth-child(3){background:linear-gradient(160deg,#fff,#fff5e7)}#knowledge .knowledge-node{border-radius:23px;border-top:4px solid #c3d7bd}#cards .face{border-radius:28px;background:linear-gradient(145deg,#fffefa,#f4efff);border-color:#e5def4}#cards .face.back{background:linear-gradient(145deg,#7875ad,#565b82);color:white}#career .growth-stage{border:1px solid #e4e8da;border-radius:22px;background:#fffef8}#career .growth-stage summary{background:#f3f6eb}#career .growth-roadmap button{background:#fffaf2;border-radius:18px}#career .growth-roadmap button.active{background:#edf4e7;border-color:#a5bea0;color:#62825e}
.modal-card{border-radius:28px;border:1px solid #fff9f1;box-shadow:0 25px 90px #594d6540;background:#fffdfa}.modal{background:#4f46634d;backdrop-filter:blur(5px)}.modal-card h3{color:#33315c}.resume-import-layout{gap:20px}.resume-import-layout aside{background:#f7f5fc;border-radius:20px;padding:16px;position:sticky;top:0;align-self:start}.resume-import-layout #resumeImportFields>h3{background:#f2eefc;padding:12px 15px;border-radius:13px}.toast{border-radius:15px;background:#52516f;box-shadow:0 6px 25px #75708e30;max-width:650px}.empty-center{color:#a19bae;font-size:13px;padding:22px}
.task-progress{position:fixed;bottom:22px;right:22px;z-index:120;display:grid;grid-template-columns:145px 1fr;align-items:center;width:min(510px,calc(100vw - 32px));border:1px solid #e8def5;border-radius:23px;background:#fffefbef;box-shadow:0 15px 50px #8a7a9d26;padding:12px 20px 16px 8px;backdrop-filter:blur(12px)}.task-progress[hidden]{display:none}.cat-progress-crop{width:145px;height:91px;overflow:hidden;position:relative;mix-blend-mode:multiply}.cat-progress-crop img{position:absolute;width:300px;max-width:none;left:-78px;top:-4px}.task-progress-title{font-size:14px;color:#595079}.task-progress-stage{font-size:12px;color:#8e83a1;margin:4px 0 9px}.task-progress-detail{font-size:10px;color:#a39aac}.task-progress-track{height:5px;background:#eee8f8;border-radius:8px;overflow:hidden;margin:8px 0}.task-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#edc3ae,#b2a4f2);border-radius:8px}.task-progress-track.indeterminate i{width:35%;animation:cat-loading 1.6s ease-in-out infinite}@keyframes cat-loading{from{transform:translateX(-100%)}to{transform:translateX(390%)}}.diagnostic-record{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#f6f2fb;padding:14px;border-radius:14px}.theme-kicker{font-size:10px;letter-spacing:2px;color:#aba2b5;display:block;margin-bottom:5px}.page-footer-note{font-size:11px;color:#a8a1b1;margin:22px 0;text-align:right}
@media(min-width:1600px){main.main{margin-left:298px}.content{max-width:1460px;margin:auto}.sidebar{width:252px}body::before{left:290px;height:225px}main.main{padding-top:205px}}
@media(max-width:1050px){main.main{margin-left:220px}.sidebar{left:10px;width:195px;padding:20px 12px}body::before{left:220px}.content{padding:8px 16px}.topbar{margin:0 15px}.resume-review-layout{grid-template-columns:minmax(0,1fr)}.resume-review-rail{position:static}.page-head h1{font-size:25px}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body::before{left:0;height:160px}.sidebar{position:relative;inset:auto;width:auto;margin:8px;border-radius:22px;padding:12px}.sidebar .brand{margin-bottom:8px}.sidebar .nav{display:flex;overflow-x:auto;gap:4px}.sidebar .nav-title,.sidebar-foot{display:none}.sidebar .nav button{white-space:nowrap;width:auto;min-width:max-content;font-size:12px;padding:10px}.sidebar .brand .logo{width:30px;height:30px}.sidebar .brand h1{font-size:18px}main.main{margin-left:0;padding-top:95px}.topbar{position:relative;top:0;height:65px;padding:10px 13px;margin:0 10px}.topbar .search{width:60%;font-size:11px}.content{padding:6px 10px}.cloud-toolbar{margin:4px 8px;justify-content:flex-start;gap:5px}.cloud-toolbar .btn{font-size:10px;padding:7px}.page-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.page-head h1{font-size:24px}.page-head p{font-size:12px}.card,.builder-card{padding:17px;border-radius:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}#aiServiceNotice{padding:18px}#aiServiceNotice b{font-size:18px}#aiServiceNotice .btn{margin-left:0;margin-top:8px}#interviewHub .hub-grid .card:nth-child(2){transform:none}.task-progress{bottom:12px;right:12px;grid-template-columns:108px 1fr;padding:9px 13px 12px 0}.cat-progress-crop{width:108px}.cat-progress-crop img{left:-100px}.resume-import-layout{display:block}.resume-import-layout aside{position:static;margin-top:20px}.hub-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.task-progress-track.indeterminate i{animation:none;width:100%;opacity:.45}.btn{transition:none}.cat-progress-crop img{visibility:hidden}.cat-progress-crop::after{content:'🐈';font-size:43px;position:absolute;left:35px;top:20px}}
main.main{width:calc(100% - 286px)}
@media(min-width:1600px){main.main{width:calc(100% - 298px)}}
@media(max-width:1050px){main.main{width:calc(100% - 220px)}.brand span,.nav button span{display:inline}.nav-title,.sidebar-foot{display:block}}
@media(max-width:700px){main.main{width:100%}.sidebar .nav-title,.sidebar-foot{display:none}.search{display:block}.nav .badge{display:inline-block}.brand span,.nav button span{display:inline}}
.auth-card{border-radius:30px;border:1px solid #fff8ed;box-shadow:0 22px 80px #9c7c7422;overflow:hidden}.auth-left{background:linear-gradient(145deg,#eeedff,#fff0db);color:#4c4c77}.auth-left h1,.auth-left h2{color:#3c3a6c}
@media print{body{background:#fff!important;color:#000!important}body::before,.task-progress,.theme-kicker,.page-footer-note{display:none!important}main.main{padding-top:0!important;margin:0!important;width:100%!important}.pro-resume{box-shadow:none!important;border:0!important}.pro-resume .r-section{break-inside:avoid}.pro-resume .r-entry{break-inside:avoid}}