*{box-sizing:border-box}body{margin:0;background:#f3f5f7;font-family:Arial,"Microsoft YaHei",sans-serif;color:#263238}header{position:fixed;z-index:10;left:0;top:0;width:220px;height:100vh;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;padding:28px 20px;background:#17232d;color:#fff}header b{font-size:20px;margin-bottom:18px}header nav{display:flex;flex-direction:column}header nav a{padding:10px 0;color:#fff;text-decoration:none}header nav hr{width:100%;border:0;border-top:1px solid #ffffff33}main{max-width:1200px;margin:25px 25px 25px 245px;padding:20px;background:#fff;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}a{color:#1684d8}.login{width:min(420px,calc(100% - 30px));margin:14vh auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0002}.login input,.editor input,.editor textarea,.editor select{width:100%;padding:11px;margin:6px 0 14px;border:1px solid #ccc;border-radius:5px}.login button,.editor button{width:100%;padding:12px;border:0;border-radius:5px;background:#1684d8;color:#fff}.editor label{display:block}.row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.ok{padding:10px;background:#e9f8ef;color:#178342}.error{color:#d22}.inline{display:flex;gap:6px}.inline input{width:140px;padding:7px;border:1px solid #ccc;border-radius:4px}.inline button{padding:7px 12px;border:0;border-radius:4px;background:#1684d8;color:#fff}@media(max-width:700px){header{position:static;width:100%;height:auto}header nav{display:grid;grid-template-columns:repeat(2,1fr)}header nav hr{display:none}main{margin:10px;padding:10px;overflow:auto}.row{grid-template-columns:1fr}table{min-width:800px}}
.account-links{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:6px}.account-links a{width:100%;font-size:16px}.positive{color:#0a9b46;font-weight:bold}.setting-tabs{display:flex;gap:8px;margin:0 0 22px;border-bottom:1px solid #ddd}.setting-tabs a{padding:10px 18px;text-decoration:none;color:#555}.setting-tabs a.active{color:#1684d8;border-bottom:3px solid #1684d8;font-weight:bold}.bonus-row{display:grid;grid-template-columns:1fr 70px 1fr;gap:10px;align-items:center}.bonus-row span{text-align:center}.add-row{margin-bottom:14px!important;background:#566b78!important}.image-setting{padding:14px;margin-bottom:14px;border:1px solid #e1e6ea;border-radius:8px;background:#fafbfc}.image-tools{display:flex;align-items:center;gap:16px}.image-tools img{display:block;width:260px;height:90px;object-fit:contain;border:1px solid #ddd;background:#fff}.upload-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 16px!important;margin:0!important;border-radius:5px;background:#1684d8;color:#fff;cursor:pointer}.upload-btn input{display:none!important}@media(max-width:700px){.image-tools{align-items:flex-start;flex-direction:column}.image-tools img{width:100%;height:auto;max-height:180px}}.sub-menu{padding-left:18px!important;font-size:14px;color:#b8cad6!important;border-left:2px solid #3b5363}.service-form{max-width:650px}.qr-preview{display:block;width:180px;height:180px;object-fit:contain;margin:4px 0 14px;border:1px solid #ddd}.qr-thumb{width:70px;height:70px;object-fit:contain}.delete-form{display:inline-block;margin-left:12px}.delete-form button{padding:5px 10px;border:0;border-radius:4px;background:#d33;color:#fff}.menu-icon{display:inline-grid;width:25px;text-align:center;margin-right:7px;font-style:normal}.menu-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 8px;border:0;border-radius:6px;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer}.menu-toggle i{font-style:normal;transition:transform .2s}.menu-toggle.open i{transform:rotate(90deg)}.submenu{display:none;margin:2px 0 7px 33px;padding-left:10px;border-left:2px solid #49616f}.submenu.open{display:flex;flex-direction:column}.submenu a{padding:8px!important;font-size:14px;color:#c8d6de!important}.submenu a.active{color:#fff!important;background:#263b49}.sub-menu{padding-left:0!important;border-left:0}.menu-toggle:hover,header nav>a:hover,.account-links a:hover{background:#243744}.menu-toggle.active,header nav>a.active,.account-links a.active{background:#263b49;color:#fff!important}header nav>a{display:flex;align-items:center;border-radius:6px;padding:11px 8px!important;transition:background .15s}.level-preview{display:inline-block;min-width:100px;padding:5px 12px;margin-right:10px;border-radius:14px;background:#f4f4f5;text-align:center;font-weight:bold}.level-normal{color:#ef4444}.level-silver{color:#64748b}.level-gold{color:#d49300;text-shadow:0 0 6px #ffd700}.level-diamond{color:#009ccc;text-shadow:0 0 7px #67e8f9}.level-royal{color:#a21caf;text-shadow:0 0 8px #f0abfc}