:root{font-family:"Microsoft YaHei",sans-serif;color:#10312a;background:#f7f9f8;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:54px;display:flex;align-items:center;gap:30px;padding:0 28px;background:linear-gradient(118deg,#6a4df4,#8b5cf6 30%,#3b82f6 64%,#ec4899);color:#fff;font-weight:800}header button{margin-left:auto}main{max-width:1250px;margin:auto;padding:26px}.hero{border-radius:24px;background:linear-gradient(118deg,#6a4df4,#8b5cf6 28%,#3b82f6 62%,#ec4899);color:white;padding:30px 34px;box-shadow:0 15px 30px #6a4df42a}.hero h1{font-size:28px;margin:18px 0 10px}.hero p{opacity:.88}.pill{background:#ffffff26;border:1px solid #ffffff55;padding:5px 12px;border-radius:20px}.card{margin-top:18px;background:#fff;border:1px solid #0d785822;padding:22px;border-radius:22px;box-shadow:0 8px 28px #0d785814}h2{font-size:20px;margin:0 0 18px}form{display:flex;align-items:end;gap:15px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px}label.wide{flex:1;min-width:180px}input,select,textarea{padding:10px 14px;border:1px solid #0d78582e;border-radius:12px;font:inherit;color:inherit;outline:none;background:white}input:focus,textarea:focus{border-color:#12b886;box-shadow:0 0 0 3px #12b88622}input[type=number]{width:90px}button{font:inherit;font-weight:700;padding:10px 17px;border-radius:999px;border:1px solid #0d78582c;background:#fff;color:#23574a;cursor:pointer;white-space:nowrap}button.primary{background:linear-gradient(135deg,#2ad39a,#14adb4);color:#fff;border:0;box-shadow:0 6px 15px #12b88644}button:disabled{opacity:.5;cursor:wait}button.danger{color:#ce4040}#auth{max-width:600px;margin:22px auto}#auth label{flex:1}#notice{margin-top:14px;color:#975123;min-height:20px}.hint{font-size:12px;color:#6b8f83;line-height:1.7;margin-bottom:0}#generated{padding:15px;background:#f1fbf6;border-radius:15px;margin-top:18px}#codes{width:100%;font-family:Consolas,monospace;margin-top:12px}.section-head,.result-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-head h2{margin:0}.section-head{margin-bottom:15px}#search{width:100%;margin-bottom:15px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}td,th{padding:13px 10px;text-align:left;border-bottom:1px solid #e6f1eb}th{color:#6b8f83;font-weight:600}td code{font-size:11px}td button{padding:6px 11px;margin-right:5px;font-size:12px}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#eaf8ef;color:#22844e}.badge.off{background:#fff1e5;color:#aa672d}.badge.bad{background:#fdecec;color:#bb4545}summary{font-weight:700;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere}#count{font-size:13px;color:#6b8f83}[hidden]{display:none!important}
/* Page content editor follows the existing administration styles. */
.content-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-top:18px}.content-form label{min-width:0}.content-form input,.content-form textarea{width:100%}.content-form .full{grid-column:1/-1}.content-actions{display:flex;align-items:end;justify-content:flex-end;gap:10px;align-self:end;flex-wrap:wrap}.content-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:22px;background:linear-gradient(118deg,#f0ebff,#effbf6);border-radius:18px;margin-top:15px;overflow-wrap:anywhere}.content-preview b{font-size:20px}.content-preview p{white-space:pre-wrap;line-height:1.7}.content-preview img{max-width:150px;max-height:150px;object-fit:contain;background:#fff;padding:8px;border-radius:12px}@media(max-width:650px){.content-form{grid-template-columns:1fr}.content-preview{flex-direction:column}}