:root{--brand:#5d47e8;--ink:#17182a;--muted:#74788d;--line:#e5e6ee;--bg:#f7f7fb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}header{display:flex;height:70px;align-items:center;gap:50px;padding:0 max(24px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid var(--line)}header img{width:100px}header nav{display:flex;gap:28px}header nav a{display:flex;flex-direction:column}small{display:block;color:#9699aa;font-size:9px}.intro{padding:52px max(24px,calc((100vw - 1120px)/2)) 36px;color:#fff;background:#292044}.intro p,.intro h1{margin:0}.intro p{color:#c5baf6;font-size:11px;font-weight:750}.intro h1{margin-top:12px;font-size:38px}.intro>span{color:#bbb3d4;font-size:13px}.orders{display:grid;grid-template-columns:220px 1fr;gap:22px;width:min(1120px,calc(100vw - 48px));margin:28px auto 60px}.orders>aside,.orders>div{background:#fff;border:1px solid var(--line);border-radius:18px}.orders>aside{display:grid;height:max-content;padding:10px}.orders>aside button,.orders>aside a{display:flex;min-height:58px;flex-direction:column;justify-content:center;padding:0 15px;text-align:left;border:0;border-radius:12px;background:transparent}.orders>aside .active{color:var(--brand);background:#f0edff}.orders>div{padding:24px}.head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.head h2,.head p{margin:0}.head p{margin-top:4px;color:var(--muted);font-size:11px}.head button{padding:8px 14px;color:var(--brand);border:1px solid #d8d2ff;border-radius:18px;background:#f4f2ff}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty>b{display:block;color:var(--ink)}.empty a{display:inline-flex;flex-direction:column;margin-top:20px;padding:11px 20px;color:#fff;background:var(--brand);border-radius:22px}@media(max-width:700px){header{padding:0 14px}header nav{margin-left:auto;gap:14px}.intro{padding:34px 18px}.orders{grid-template-columns:1fr;width:calc(100% - 24px)}.orders>aside{display:flex}.orders>aside>*{flex:1}.orders>div{padding:16px}.head{align-items:flex-start}}