[hidden]{display:none!important}:root{--ink:#25282b;--muted:#92989a;--blue:#d8edf4;--purple:#eadcf5;--green:#deedcf;--page:#cadde3}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}.app-shell{width:min(100%,430px);min-height:100vh;margin:auto;background:#fafafa;padding:28px 17px 0;position:relative;box-shadow:0 22px 70px #60757b2b}button,input,select{font:inherit}button{cursor:pointer}.hello{display:flex;align-items:center;gap:11px}.avatar{width:45px;height:45px;border-radius:50%;background:#e8cbbb;display:grid;place-items:center;color:#754d3e;font-weight:800}.greeting{display:flex;align-items:center;gap:5px;font-size:15px}.greeting b{font-size:16px}.icon-button{margin-left:auto;width:46px;height:46px;border:0;border-radius:50%;background:white;font-size:23px;box-shadow:0 7px 24px #71808712}.intro{padding:25px 0 19px}.intro p{margin:0 0 9px;color:#69858c;font-size:10px;font-weight:800;letter-spacing:.15em}.intro h1{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.045em}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard article{border-radius:20px;padding:14px;overflow:hidden}.stat{height:164px}.blue{background:var(--blue)}.lilac{background:var(--purple)}.statTop{display:flex;align-items:center;gap:10px}.statTop>i{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}.statTop b{font-size:21px;display:block}.statTop small{display:block;color:#8d9698;font-size:11px;margin-top:2px}.miniBars{height:75px;display:flex;align-items:flex-end;gap:8px;padding:9px 3px 0}.miniBars i{width:3px;border-radius:4px;background:#303438}.miniBars i:nth-child(1){height:34px}.miniBars i:nth-child(2){height:57px}.miniBars i:nth-child(3){height:28px}.miniBars i:nth-child(4){height:65px}.miniBars i:nth-child(5){height:44px}.miniBars i:nth-child(6){height:30px;background:#b8cfd6}.miniBars i:nth-child(7){height:52px;background:#b8cfd6}.curve{height:78px;position:relative;margin:0 -14px}.curve:before,.curve:after{content:"";position:absolute;left:-4px;right:-4px;height:40px;border-top:2px solid #9a70b7;border-radius:50%;transform:rotate(-5deg);top:31px}.curve:after{top:40px;opacity:.18;border-top-width:28px}.curve span{position:absolute;width:10px;height:10px;border:2px solid #9a70b7;border-radius:50%;background:white;right:34px;top:34px}.weekly{grid-column:1/-1;height:168px;background:var(--green)}.weekBars{height:72px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}.weekBars i{height:35px;background:#cfe0c0;border-radius:8px}.weekBars i:nth-child(2){height:42px}.weekBars i:nth-child(3){height:56px}.weekBars i:nth-child(4){height:48px}.weekBars i:nth-child(6){height:58px}.weekBars i.active{height:64px;background:#2b2e32}.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#87987e;font-size:9px;margin-top:6px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin:24px 2px 12px}.sectionHead h2{font-size:19px;margin:0}.sectionHead button{border:0;background:transparent;color:#6d7476;font-size:12px}.searchWrap{display:flex;align-items:center;gap:8px;background:#eef1f1;border-radius:14px;padding:0 12px;margin-bottom:10px;color:#81898a}.search{width:100%;border:0;background:transparent;padding:12px 0;outline:none}.jobList{display:grid;gap:9px}.jobCard,.emptyAdd{width:100%;border:0;background:#fff;border-radius:18px;padding:13px;box-shadow:0 7px 22px #7482870e}.jobCard{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;text-align:left}.companyIcon,.emptyAdd>i{width:44px;height:44px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:800}.jobInfo h3{font-size:14px;margin:0 0 4px}.jobInfo p,.jobInfo small{display:block;margin:0;color:var(--muted);font-size:10px}.jobInfo small{margin-top:5px}.jobRight{text-align:right}.jobRight>b{font-size:19px;display:block}.jobRight>span{font-size:10px;color:#687171;display:block;margin:2px 0}.jobRight select{max-width:90px;border:0;border-radius:8px;background:#eff2ef;padding:4px;font-size:9px}.emptyAdd{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:left}.emptyAdd span b,.emptyAdd span small{display:block}.emptyAdd span b{font-size:14px}.emptyAdd span small{font-size:10px;color:var(--muted);margin-top:4px}.emptyAdd em{font-style:normal;font-size:28px}.planList{display:grid;gap:9px}.planList article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;background:#fff;border-radius:18px;padding:14px}.planList article>span{font-size:25px;color:#c8cfd0}.planList h3{font-size:14px;margin:3px 0}.planList p{font-size:10px;color:var(--muted);margin:0}.planList article>b{font-size:9px;background:var(--green);padding:6px 8px;border-radius:20px}.bottomSpace{height:100px}.bottomNav{position:fixed;z-index:2;left:50%;bottom:14px;transform:translateX(-50%);width:min(calc(100% - 32px),398px);height:68px;border-radius:34px;padding:6px;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 12px 35px #56686d2a}.bottomNav button{border:0;background:transparent;color:#a0a6a7;border-radius:28px;display:grid;place-items:center;align-content:center;gap:2px}.bottomNav button b{font-size:20px}.bottomNav button span{font-size:8px}.bottomNav button.active{background:#292c30;color:#fff}.modal{position:fixed;z-index:100;inset:0;background:#263236cc;display:grid;place-items:center;padding:20px}.modal form{width:min(100%,400px);background:#fff;border-radius:28px;padding:24px}.formHead{display:flex;justify-content:space-between}.formHead p{font-size:10px;letter-spacing:.14em;color:#66848c;font-weight:800}.formHead h2{margin:6px 0 12px}.formHead button{border:0;background:transparent;font-size:26px}.modal label{display:block;font-size:12px;font-weight:700;margin-top:12px}.modal input{width:100%;border:1px solid #e0e4e4;border-radius:12px;padding:12px;margin-top:6px;outline:none}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.save{width:100%;border:0;background:#292c30;color:#fff;border-radius:14px;padding:14px;margin-top:20px;font-weight:800}@media(min-width:620px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:46px;overflow:hidden}.bottomNav{bottom:36px}}