*{box-sizing:border-box}body{margin:0;background:#eef2f0;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:#243038}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:linear-gradient(180deg,#0a1628,#12263a);color:#fff;border-right:1px solid rgba(232,184,74,.22)}header b{font-size:20px;margin-bottom:18px;background:linear-gradient(180deg,#fff3c4,#e8b84a);-webkit-background-clip:text;background-clip:text;color:transparent}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 rgba(255,255,255,.15)}main{max-width:1200px;margin:25px 25px 25px 245px;padding:20px;background:#fffefb;border-radius:12px;border:1px solid #e2e8e6;box-shadow:0 8px 24px rgba(10,22,40,.06)}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}a{color:#0e7c66}.login{width:min(420px,calc(100% - 30px));margin:14vh auto;padding:30px;background:#fffefb;border-radius:14px;border:1px solid rgba(232,184,74,.28);box-shadow:0 16px 48px rgba(10,22,40,.16)}.login input,.editor input,.editor textarea,.editor select{width:100%;padding:11px;margin:6px 0 14px;border:1px solid #ccd6d2;border-radius:6px}.login button,.editor button{width:100%;padding:12px;border:0;border-radius:6px;background:linear-gradient(180deg,#1fb396,#0e7c66);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:linear-gradient(180deg,#1fb396,#0e7c66);color:#fff}@media(max-width:700px){header{position:static;width:100%;height:auto;max-height:none;overflow:visible;padding:16px 14px}header b{margin-bottom:10px}header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch}header nav hr{display:none}.account-links{max-height:28vh;overflow-y:auto;-webkit-overflow-scrolling:touch}main,.pending-page{margin:10px!important;margin-left:10px!important;padding:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:none}.row{grid-template-columns:1fr}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;max-width:100%}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:#0e7c66;border-bottom:3px solid #0e7c66;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:#1a3348!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:linear-gradient(180deg,#1fb396,#0e7c66);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 rgba(232,184,74,.28)}.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:rgba(14,124,102,.35)}.sub-menu{padding-left:0!important;border-left:0}.menu-toggle:hover,header nav>a:hover,.account-links a:hover{background:rgba(20,160,133,.18)}.menu-toggle.active,header nav>a.active,.account-links a.active{background:rgba(14,124,102,.32);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}