*{box-sizing:border-box}body{margin:0;color:#263956;background:#f5f7fb;font:14px/1.65 "Segoe UI","Microsoft YaHei",sans-serif}.container{max-width:1320px;margin:auto;padding:26px 30px 40px}header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 28px;border-bottom:1px solid #e0e6ef}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#203957;text-decoration:none}.brand img{width:42px;height:42px;border-radius:11px}nav,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}a{color:#4258b1;text-decoration:none}nav a{font-size:13px;margin-left:12px}.hero{display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:center;padding:70px 0 54px}.hero h1{font-size:43px;line-height:1.35;letter-spacing:-1px;margin:13px 0 22px}.hero p{max-width:660px;font-size:16px;color:#65758e}.hero small{display:block;margin-top:16px;color:#8b97a9}.hero-logo{width:220px;border-radius:48px;box-shadow:0 20px 50px #244f621c}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#586cc4;font-weight:650}.card{background:#fff;border:1px solid #dce3ee;border-radius:14px;padding:24px;margin-top:20px;box-shadow:0 6px 20px #293c5710}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features p,.payment p{color:#748198}.payment{display:grid;grid-template-columns:1fr 310px;gap:50px;align-items:center;padding:32px;margin-top:32px}.payment h2{margin:6px 0}.wechat{border-left:1px solid #dde5ef;padding-left:30px}.wechat span{display:block;color:#6b7d92}.wechat strong{font-size:30px;color:#207a65}.wechat p{font-size:12px;margin:4px 0}footer{margin-top:35px;font-size:12px;color:#8a96a9;text-align:center}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid transparent;background:#4d62ce;color:#fff;border-radius:8px;padding:8px 16px;cursor:pointer;font:600 13px "Segoe UI","Microsoft YaHei",sans-serif}.secondary{background:#fff;border-color:#ccd7e9;color:#42577c}button:disabled{opacity:.55;cursor:wait}input,select{font:13px "Segoe UI","Microsoft YaHei",sans-serif;color:#29405e;height:40px;border:1px solid #cdd8e6;border-radius:8px;padding:8px 11px;background:#fbfcfe;min-width:0}input:focus,select:focus{outline:3px solid #6b7ee91c;border-color:#7589da}label{display:grid;gap:7px;font-size:12px;color:#5f708b}.login{max-width:430px;margin:65px auto}.login h1{margin:8px 0}.login p{color:#718099}.login form{display:grid;gap:18px;margin-top:22px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:24px}.page-head h1{margin:5px 0}.page-head p{color:#7d899d;margin:0}.summary{display:flex;gap:14px;margin-top:24px}.summary span{background:#fff;border:1px solid #dce3ee;border-radius:9px;padding:10px 18px}.toolbar{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.toolbar label{width:min(360px,100%)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}th{color:#fff;background:#3f516e;white-space:nowrap;text-align:left;font-weight:600;border-right:1px solid #ffffffa0}th,td{padding:13px 12px}td{border:1px solid #dce3eb;vertical-align:top}td small{display:block;color:#8490a4;font-size:10px;overflow-wrap:anywhere}td .actions{gap:7px}td select{width:98px}td input{width:185px}td button{min-height:35px;padding:6px 10px;white-space:nowrap}tbody tr:nth-child(even){background:#fafbfe}.pill{border-radius:20px;padding:4px 8px;white-space:nowrap;font-size:11px;display:inline-block}.paid{background:#e1f3ec;color:#247b63}.trial{background:#edf1ff;color:#5265ba}.disabled,.expired{background:#fce6eb;color:#b14b60}.error{color:#b6475e!important}.ok{color:#1d8267}.hint{font-size:12px;color:#7b879c;margin:20px 0 0}.audit{color:#6a7a92;font-size:12px;line-height:2}summary{cursor:pointer;font-weight:600}[hidden]{display:none!important}@media(max-width:760px){.container{padding:16px}.hero{grid-template-columns:1fr;padding:42px 0}.hero-logo{display:none}.hero h1{font-size:32px}.features,.payment{grid-template-columns:1fr}.features{gap:0}.payment{gap:20px}.wechat{padding:16px 0 0;border-left:0;border-top:1px solid #dde5ef}.page-head,.toolbar{align-items:start;flex-direction:column}.summary{flex-wrap:wrap}header{gap:20px}.brand{font-size:15px}}
