
:root{--navy:#101827;--ink:#172033;--muted:#718096;--line:#e7ebf2;--blue:#2563eb;--soft:#f5f7fb;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6fa;color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;border-radius:11px;background:var(--blue);color:#fff;padding:12px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}button:hover,.button:hover{filter:brightness(1.06);transform:translateY(-1px)}input,select,textarea{width:100%;min-width:0;border:1px solid #dce2ec;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;transition:border .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#7aa4ff;box-shadow:0 0 0 3px #2563eb18}label{display:block;font-size:13px;font-weight:700;color:#344054;margin:0 0 7px}small,.muted{color:var(--muted)}.top{height:76px;background:#111c30;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1440px)/2));box-shadow:0 5px 25px #11182718}.top img{width:145px;max-height:42px;object-fit:contain}.top nav{display:flex;align-items:center;gap:22px}.top nav a,.top nav span{color:#e7edf7;font-size:14px}.top nav a:last-child{padding:9px 14px;border:1px solid #ffffff30;border-radius:9px}.wrap{max-width:1440px;margin:34px auto;padding:0 28px}.wrap>h1{font-size:30px;letter-spacing:-.8px;margin:0 0 4px}.wrap>.muted{margin:0 0 25px}.columns{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.8fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:0 8px 28px #17203308;min-width:0}.panel h2{font-size:19px;margin:0 0 18px;letter-spacing:-.3px}.panel h3{font-size:15px;margin:24px 0 12px}.pageitem{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f5}.pageitem>div{min-width:0;flex:1}.pageitem b{display:block;font-size:14px}.pageitem small{display:block;font-size:12px;overflow-wrap:anywhere}.pageitem a{font-size:12px;font-weight:700;white-space:nowrap}.field{margin:0 0 17px;min-width:0}.field small{display:block;margin-top:6px}.field textarea{resize:vertical}.prefix{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.prefix input{flex:1}.thumb{display:block;max-width:180px;max-height:100px;object-fit:cover;border-radius:10px;margin-top:10px}.inlinefields{display:grid;grid-template-columns:1fr 70px 1fr 70px;gap:10px;align-items:center}.inlinefields input[type=color]{height:44px;padding:4px}.notice{padding:12px 15px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:11px;margin:0 0 16px;font-size:13px}.login{min-height:100vh;background:radial-gradient(ellipse at 20% 10%,#234a82 0,transparent 38%),linear-gradient(135deg,#0b1424,#14243e 60%,#101827);display:grid;place-items:center;padding:28px}.login-shell{width:min(100%,440px)}.login-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px;color:#b9c8df;font-size:11px;font-weight:800;letter-spacing:2px}.loginlogo{width:132px;max-height:45px;object-fit:contain}.loginbox{background:#fff;border:1px solid #ffffff50;border-radius:24px;padding:34px;box-shadow:0 28px 80px #0005}.login-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#2563eb,#60a5fa);display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#2563eb;margin:0 0 8px}.loginbox h1{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:0 0 8px}.login-sub{font-size:13px;color:#718096;margin:0 0 24px}.loginbox label{margin-top:15px}.loginbox input{height:48px}.loginbox button{width:100%;height:49px;margin-top:23px}.loginbox button span{font-size:18px}.login-foot{text-align:center;color:#98a2b3;font-size:11px;margin-top:22px}.loginbox .notice{margin-top:14px}#links{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%}#links .linkrow{display:grid!important;grid-template-columns:34px minmax(140px,1fr) minmax(180px,1.5fr) 70px 46px!important;grid-template-areas:"drag label url icon remove"!important;align-items:center!important;gap:9px!important;width:100%!important;margin:0!important;padding:11px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#f8fafc!important;box-sizing:border-box!important}#links .linkrow .drag{grid-area:drag;display:flex;justify-content:center;color:#8792a5;font-size:22px;cursor:grab}#links .linkrow input{height:45px!important;margin:0!important;width:100%!important;min-width:0!important}#links .linkrow input[name="link_label[]"]{grid-area:label}#links .linkrow input[name="link_url[]"]{grid-area:url}#links .linkrow input[name="link_icon[]"]{grid-area:icon;text-align:center}#links .linkrow button.remove{grid-area:remove;width:44px!important;height:44px!important;padding:0!important;background:#fff1f2!important;color:#be123c!important;border:1px solid #ffe4e6!important;font-size:22px!important}#links .linkrow button.remove:hover{background:#ffe4e6!important}
@media(max-width:900px){.columns{grid-template-columns:1fr}.wrap{margin:24px auto}.panel{padding:19px}}
@media(max-width:600px){.top{height:auto;min-height:66px;padding:12px 16px}.top img{width:112px}.top nav{gap:10px}.top nav span{display:none}.top nav a{font-size:12px}.wrap{padding:0 14px;margin:20px auto}.wrap>h1{font-size:25px}.panel{padding:16px;border-radius:14px}.pageitem{flex-wrap:wrap}.pageitem>div{flex-basis:100%}.inlinefields{grid-template-columns:1fr 58px;gap:8px}.login{padding:18px}.loginbox{padding:25px 21px;border-radius:20px}.loginbox h1{font-size:23px}#links .linkrow{grid-template-columns:26px minmax(0,1fr) 48px!important;grid-template-areas:"drag label remove" "drag url icon"!important;gap:7px!important;padding:9px!important}#links .linkrow input[name="link_label[]"]{grid-area:label}#links .linkrow input[name="link_url[]"]{grid-area:url}#links .linkrow input[name="link_icon[]"]{grid-area:icon}#links .linkrow button.remove{grid-area:remove;width:44px!important;height:44px!important}#links .linkrow .drag{grid-area:drag}}
