:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#18332e;background:#f5f7f8;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}aside{position:fixed;width:230px;inset:0 auto 0 0;padding:35px 23px;background:#fff;border-right:1px solid #e3e9e7}.brand{font-size:25px;letter-spacing:-1px;color:#087c64}.subtitle{font-size:12px;color:#7b8c87;margin:10px 0 0}aside small{display:block;color:#8b9894;margin:48px 12px 15px;font-size:11px;letter-spacing:2px}nav button{display:block;width:100%;text-align:left;background:none;border:0;padding:14px;border-radius:7px;margin-bottom:5px;color:#61736d;cursor:pointer}nav button.active{background:#e8f5ef;color:#087c64;font-weight:600}.guide-link{display:block;margin:25px 12px;font-size:12px}.side-bottom{position:absolute;bottom:30px;font-size:10px;line-height:2;color:#9aa8a2;letter-spacing:1px}.side-bottom span{color:#18846d;letter-spacing:0}main{margin-left:230px;padding:0 45px;max-width:1700px}header{height:86px;display:flex;align-items:center;justify-content:space-between;font-size:12px}em{font-style:normal;color:#94a29d}.badge{background:white;border:1px solid #e0e7e4;border-radius:20px;padding:7px 13px;color:#64766f}.hero{position:relative;overflow:hidden;background:#e4f1e9;border:1px solid #d7e7dd;border-radius:14px;padding:40px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#25806b;font-weight:700}h1{font-size:34px;letter-spacing:-1px;margin:18px 0}p{color:#7b8b84;line-height:1.9}a.primary,a.secondary{display:inline-block;margin-top:10px;padding:12px 18px;border-radius:6px;font-size:12px}.primary{background:#087d63;color:#fff}.secondary{margin-left:10px;background:#f6fbf8;border:1px solid #d3e2d9}.hero-art{position:absolute;right:7%;top:45px;transform:rotate(-6deg);width:210px}.hero-art div{height:50px;background:#f5fff9;border:1px solid #a8cdb9;box-shadow:7px 7px 0 #b4d5c2;margin:9px;border-radius:8px;padding:12px 16px;color:#6d9980;font-size:22px}.hero-art i{float:right;width:6px;height:6px;border-radius:50%;background:#20a775;margin-top:10px}.hero-art span{display:block;font-size:8px;letter-spacing:2px;text-align:center;margin-top:24px;color:#6b907b}.metrics{display:grid;grid-template-columns:1fr 1fr 1.4fr;background:white;border:1px solid #e1e8e4;border-radius:10px;padding:23px 0;margin-bottom:36px}.metrics>div{padding:0 27px;border-right:1px solid #e5ebe8}.metrics>div:last-child{border:0}.metrics span{display:block;color:#89978f;font-size:11px;margin-bottom:10px}.metrics strong{font-size:23px;font-weight:600}.metrics small{font-size:10px;background:#edf6f1;color:#429174;padding:5px;margin-left:8px}h2{font-size:20px;margin:0}.section-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-top>div{margin-right:auto}.section-top p{font-size:12px;margin-bottom:0}input,select{padding:11px;border:1px solid #dfe7e2;border-radius:6px;background:#fff;color:#52695e}input{width:240px}.table-wrap{overflow:auto;border:1px solid #e0e7e3;border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:11px;background:#f9fbfa;color:#89978f;padding:15px 20px;font-weight:500}td{padding:20px;border-top:1px solid #eef1ef;font-size:12px}td:first-child{white-space:normal;overflow-wrap:anywhere;min-width:250px}td small{display:block;color:#94a29a;margin-top:7px;font-size:10px}.file-icon{display:inline-flex;background:#eaf3ee;color:#29896c;padding:10px;border-radius:7px;margin-right:12px;float:left}.actions{display:flex;gap:8px;align-items:center}button,.actions a{border:1px solid #dce8e1;background:#fff;color:#168368;border-radius:5px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.actions a{background:#eef7f2}button:hover,.actions a:hover{background:#def0e6}.install{margin-top:35px;padding:28px;background:white;border:1px solid #dfe7e2;border-radius:10px}.install h2{margin-top:12px}.install p{font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.steps b{font-size:12px;color:#209877}.steps h3{font-size:14px}summary{cursor:pointer;color:#148469;font-size:12px;padding-top:16px}pre{padding:18px;background:#152e28;color:#e0f7e9;border-radius:7px;overflow:auto;font-size:12px;line-height:1.8}footer{padding:28px 0;color:#94a098;font-size:10px;display:flex;justify-content:space-between}#notice{color:#aa7031;padding-bottom:14px;font-size:12px}dialog{border:1px solid #dae5dd;border-radius:12px;max-width:700px;width:90%;padding:28px}dialog::backdrop{background:#122f2866}#toast{position:fixed;bottom:30px;left:50%;background:#173e31;color:white;border-radius:6px;padding:12px;display:none}@media(max-width:1150px){.hero-art{display:none}main{padding:0 25px}.section-top{flex-wrap:wrap}.section-top>div{width:100%}}@media(max-width:700px){aside{position:static;width:auto;padding:18px}.subtitle,.side-bottom,aside small,.guide-link{display:none}nav{display:flex;overflow:auto;margin-top:14px}nav button{width:auto;white-space:nowrap;margin:0}main{margin:0;padding:0 16px}header{height:60px}.hero{padding:25px}h1{font-size:26px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:last-child{display:none}.metrics strong{font-size:19px}.steps{grid-template-columns:1fr;gap:5px}.section-top input{flex:1;min-width:100px}footer span{display:none}}