:root{--navy:#0a203d;--blue:#1769d2;--bg:#f4f7fb;--line:#dfe7f0;--muted:#71839a;--green:#248c60;--orange:#c97813}*{box-sizing:border-box}body{color:#172b4d;background:var(--bg);margin:0;font-family:PingFang SC,Microsoft YaHei,Arial}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.side{background:var(--navy);color:#c9d7e8;flex-direction:column;width:232px;display:flex;position:fixed;inset:0 auto 0 0}.side>b{color:#fff;white-space:nowrap;height:68px;padding:22px 18px;font-size:18px}.side nav{padding:18px 9px}.side button{color:#c9d7e8;text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:14px;font-size:15px}.side button.on,.side button:hover{color:#fff;background:#1263cc}.side small{color:#8da5c0;margin:auto 18px 25px}.app main{flex:1;min-width:0;margin-left:232px}.app header{border-bottom:1px solid var(--line);color:#5f718a;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex}.wrap{max-width:1260px;margin:auto;padding:26px 30px 50px}.role{z-index:4;border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px;position:fixed;top:79px;right:18px;box-shadow:0 4px 14px #18345618}.role button{color:#60738c;background:#fff;border:0;padding:7px 9px}.role .chosen{color:var(--blue);background:#e7f1ff;border-radius:3px}.heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.heading h1{margin:5px 0;font-size:26px}.heading p,.crumb{color:var(--muted);margin:0}.crumb{font-size:13px}.card{border:1px solid var(--line);background:#fff;border-radius:5px;padding:17px}.primary{background:var(--blue);color:#fff;border:0;border-radius:4px;padding:11px 18px;font-weight:600}.outline{color:var(--blue);background:#fff;border:1px solid #9bc3f2;border-radius:4px;margin:0 7px 0 0;padding:10px 16px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.stats .card{flex-direction:column;gap:8px;display:flex}.stats b{font-size:27px}.blue{color:var(--blue)}.green,.stats small{color:var(--green)}.twocol{grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px;display:grid}.todo{border-bottom:1px solid #edf1f5;justify-content:space-between;padding:14px 0;display:flex}.chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:8%;height:180px;padding:15px 30px;display:flex}.chart i{background:#2578df;border-radius:4px 4px 0 0;width:28px;position:relative}.chart em{color:var(--muted);font-size:11px;font-style:normal;position:absolute;bottom:-22px}.tabs{border-bottom:1px solid var(--line);gap:3px;margin:15px 0;display:flex}.tabs button{color:#536882;background:0 0;border:0;padding:12px 15px}.tabs button:hover,.tabs .active{color:var(--blue);border-bottom:3px solid var(--blue);font-weight:600}.filters{color:#7c8ea4;background:#f6f9fd;border:1px solid #e2eaf3;margin-bottom:14px;padding:14px}.filters .primary{float:right;padding:7px 16px}.steps{border:1px solid var(--line);text-align:center;word-spacing:12px;color:#71839a;background:#fff;margin-bottom:14px;padding:18px}.steps span{color:var(--blue);font-weight:700}.done{color:var(--green)}table{border-collapse:collapse;width:100%;font-size:14px}th{color:#597089;background:#f4f7fb}td,th{text-align:left;border:1px solid #e2e9f1;padding:11px}.tag{color:#1769d2;background:#e6f1ff;border-radius:3px;padding:4px 8px;font-size:12px}.link{color:var(--blue);background:0 0;border:0}.detail{grid-template-columns:390px 1fr 270px;gap:13px;display:grid}.heroimg{object-fit:cover;width:100%;height:260px}.call{background:#eef7ff;border:1px solid #cae2fd;justify-content:space-between;align-items:center;padding:14px;display:flex}.form{align-items:start}.method{border:1px solid var(--line);border-radius:4px;margin:12px 0;padding:17px}.method.selected{border:2px solid var(--blue);background:#f6faff}.method p{color:var(--muted)}.tip{color:#a55b0d;background:#fff7ec;border:1px solid #ffd29f;margin:14px 0;padding:13px}.thumbimg{object-fit:cover;width:150px;height:95px;margin-bottom:10px;display:block}.drawer{z-index:5;background:#fff;width:48%;padding:24px;position:fixed;top:68px;bottom:0;right:0;box-shadow:-5px 0 30px #00183836}.drawer textarea{border:1px solid var(--line);width:100%;height:100px;margin:14px 0;padding:10px;display:block}.marketHead{grid-template-columns:1fr 290px;gap:14px;display:grid}.marketHead .filters{height:76px}.mini{color:var(--blue);margin-top:15px}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cards .card{padding:0;overflow:hidden}.cards img{object-fit:cover;width:100%;height:150px}.cards h3,.cards p,.cards b,.cards span,.cards button{margin-left:14px;margin-right:14px}.cards h3{margin-bottom:7px}.cards p{color:var(--muted);font-size:13px}.cards .primary{width:calc(100% - 28px);margin:12px 14px}.price{color:#e43f2d;margin-top:12px;font-size:19px;display:block}.report{grid-template-columns:1fr 300px;gap:14px;display:grid}.progressbar{background:linear-gradient(90deg,#1769d2 90%,#e8eef5 90%);height:14px;margin:14px 0}.big{color:#5d7798;background:#f5f9ff;place-items:center;height:170px;display:grid}.seal{color:#e23b32;text-align:center;border:4px solid #e23b32;border-radius:50%;place-items:center;width:100px;height:100px;margin:30px auto;display:grid;transform:rotate(-13deg)}.third{grid-template-columns:.7fr 1.5fr .8fr;gap:14px;display:grid}.doc{text-align:center;background:#fafafa;border:1px solid #d8e0eb;place-items:center;height:260px;font-size:24px;line-height:2;display:grid}.summary{align-items:center;gap:18px;display:flex}.summary img{object-fit:cover;width:180px;height:120px}.toast{z-index:10;color:#fff;background:#18385f;border-radius:5px;padding:14px 20px;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #001a3840}.login{grid-template-columns:55% 45%;min-height:100vh;display:grid}.login aside{color:#fff;background:#092441;flex-direction:column;padding:10% 8%;display:flex}.loginBrand{font-size:27px;font-weight:700}.login aside h1{margin-top:24%;font-size:44px}.login aside p{color:#bccbe0}.loginbox{border:1px solid var(--line);text-align:center;background:#fff;width:70%;max-width:600px;margin:auto;padding:44px}.loginbox h1{font-size:26px}.loginbox p{color:var(--muted)}.loginbox label{text-align:left;margin:18px 0 8px;display:block}.loginbox input,.field{border:1px solid #cbd7e5;border-radius:4px;width:100%;padding:13px}.field{text-align:left}.loginbox .primary,.loginbox .outline{width:100%;margin:20px 0 0}.or{color:var(--muted);margin:22px}@media (max-width:800px){.side{display:none}.app main{margin:0}.app header{height:58px;padding:0 16px}.wrap{padding:16px}.role{top:auto;bottom:12px;right:12px}.role button{padding:7px 5px}.stats,.twocol,.detail,.report,.third,.marketHead,.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.detail .card:nth-child(2),.detail .card:nth-child(3){display:block}.heroimg{height:220px}.drawer{width:100%;top:58px}.heading{align-items:flex-start;gap:8px}.heading h1{font-size:21px}.login{grid-template-columns:1fr}.login aside{display:none}.loginbox{border:0;width:100%}.cards{grid-template-columns:1fr 1fr}.cards img{height:110px}.cards h3{font-size:15px}.marketHead .filters{height:auto}.chart{gap:4%}table{min-width:680px}.card{overflow:auto}}