:root{--navy:#142640;--blue:#246bfe;--bg:#f5f7fb;--line:#e5eaf1;--muted:#8290a2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#243246;font:14px/1.6 "Microsoft YaHei",Arial}.admin-top{min-height:68px;padding:0 34px;background:var(--navy);display:flex;align-items:center;justify-content:space-between}.admin-top a{color:#fff;text-decoration:none}.admin-top nav{display:flex;gap:22px;align-items:center;color:#bcd0e7}.admin-user{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#bed0e5}.admin-user img{width:24px;height:24px;border-radius:50%;object-fit:cover}.logo{display:inline-grid;place-items:center;width:32px;height:32px;border:2px solid #61c8ff;border-radius:9px;color:#9ae6ff;font:bold 21px Arial;margin-right:8px}.admin-wrap{max-width:1200px;margin:30px auto;padding:0 18px}.admin-grid{display:grid;grid-template-columns:300px 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:18px}.panel h2{font-size:18px;margin:0 0 16px}.mt{margin-top:28px!important}.panel form{display:flex;flex-direction:column;gap:10px}.panel input,.panel select,.panel textarea{font:inherit;border:1px solid #d9e1eb;border-radius:6px;padding:10px 11px;background:#fff}.panel textarea{resize:vertical;line-height:1.6}.panel button{border:0;border-radius:6px;padding:10px 15px;background:var(--blue);color:#fff;cursor:pointer;font-weight:bold}.cats{padding:0;margin:0;list-style:none}.cats li{padding:8px 0;border-bottom:1px solid #eef1f5}.cats span{float:right;color:var(--muted);font-size:12px}.notice{background:#eaf4ff;color:#1a64c7;border:1px solid #bfddff;padding:10px 13px;border-radius:7px;margin-bottom:18px}.admin-error{margin-bottom:18px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title a{color:var(--blue);text-decoration:none}.article-admin-list>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f4}.article-admin-list b{display:block}.article-admin-list small{display:block;color:var(--muted);font-size:11px}.actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.actions a{color:var(--blue);text-decoration:none}.actions form{display:inline}.actions button{background:#fff;color:#d04444;border:1px solid #efc6c6;padding:5px 9px;font-weight:normal}.cancel{color:var(--muted);text-align:center}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#12243f,#eaf2fb)}.auth-box{width:min(380px,calc(100% - 32px));background:#fff;border-radius:12px;padding:32px;box-shadow:0 20px 55px #0d1e3933;text-align:center}.auth-box .logo{width:52px;height:52px;font-size:32px;margin:0}.auth-box h1{font-size:22px;margin:12px 0 6px}.auth-box p{color:var(--muted)}.auth-box form{display:flex;flex-direction:column;gap:12px;margin:20px 0}.auth-box input{padding:12px;border:1px solid #d7e0ea;border-radius:6px;font:inherit}.auth-box button{padding:12px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-weight:bold}.auth-box a{color:var(--blue);text-decoration:none}.error{color:#c43d3d;background:#fff0f0;border-radius:5px;padding:8px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.admin-stats div{padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:10px}.admin-stats b{display:block;font-size:24px;color:#1b65e1}.admin-stats span{color:var(--muted);font-size:12px}.visual-editor{min-height:320px;border:1px solid #d9e1eb;border-radius:6px;padding:12px;line-height:1.8;outline:none;overflow:auto}.visual-editor:focus{border-color:#79aef0;box-shadow:0 0 0 3px #246bfe12}.editor-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 0}.editor-tools button{padding:5px 10px;background:#f3f6fa;color:#365371;border:1px solid #dbe3ec}.editor-tools label{display:flex;align-items:center;gap:4px;font-size:12px;color:#607892}.editor-tools select{padding:4px}.editor-tools input[type=color]{width:29px;height:25px;padding:1px}.editor-upload{position:relative;cursor:pointer;padding:6px 10px;background:#eef5ff;color:#246bfe!important;border-radius:5px}.editor-upload input{display:none}.ticket-admin-list>a{display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:12px 0;border-bottom:1px solid #edf0f4;text-decoration:none}.ticket-admin-list b{color:#243246}.ticket-admin-list span{color:var(--muted);font-size:12px}.ticket-admin-list em{grid-column:2;grid-row:1 / span 2;color:#e17b23;font-style:normal;font-size:12px}.muted{color:var(--muted)}.directory-panel{min-width:0}.add-category{display:flex!important;flex-direction:row!important}.add-category input{flex:1}.admin-tree{margin:16px -6px 0}.admin-category{border-bottom:1px solid #edf0f4;padding:3px 6px}.category-line{display:flex;align-items:center;gap:6px}.category-line>a{flex:1;color:#244b7a;text-decoration:none;padding:7px 0}.category-line small{float:right;color:#9aa8b6;font-size:11px}.category-line button{padding:2px 8px;background:transparent;border:0;color:#8ea0b1}.category-articles{padding:0 0 5px 16px}.category-articles>div{display:flex;justify-content:space-between;gap:5px;padding:3px 0;font-size:12px}.category-articles a{color:#5d7897;text-decoration:none}.category-articles span{display:flex;gap:6px}.category-articles button{padding:0 4px;border:0;background:transparent;color:#d04444}.category-actions{display:none!important;gap:6px!important;flex-direction:row!important;margin:4px 0 5px}.admin-category.active>.category-content>.category-actions{display:flex!important}.category-actions form{flex-direction:row!important;gap:4px!important;flex:1}.category-actions input{min-width:0;padding:4px 6px;flex:1}.category-actions button{padding:4px 7px;background:#eef5ff;color:#246bfe}.category-actions .danger{background:#fff1f1;color:#d04444}.admin-category.collapsed .category-content{display:none!important}.category-children{margin-left:14px;border-left:1px solid #edf0f4;padding-left:10px}.admin-category.depth-1 .category-line>a{font-size:13px;color:#55718f}.directory-help{margin:9px 0 0;color:var(--muted);font-size:12px}.category-line>a{display:block;min-width:0}.category-line .mini-toggle{width:24px;flex:0 0 24px;text-align:center}.category-line .mini-toggle[aria-expanded="false"]{color:var(--blue)}.member-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}.member-list b,.member-list small{display:block}.member-list small{color:var(--muted);font-size:12px}.member-list form{margin:0}.member-list select{padding:5px}.install-box{max-height:92vh;overflow:auto}.install-box h3{text-align:left;color:#4d6783;font-size:14px;margin:18px 0 0}.install-button{display:block;padding:12px;border-radius:7px;background:var(--blue);color:#fff!important;margin:22px 0;text-decoration:none}@media(max-width:780px){.admin-grid{grid-template-columns:1fr}.admin-top{padding:0 15px}.admin-top nav{gap:8px;font-size:12px}.admin-user{display:none}.admin-wrap{margin-top:18px}.article-admin-list>div{align-items:flex-start;flex-direction:column}.actions{align-self:flex-end}.admin-stats b{font-size:19px}}
 .account-menu{position:relative;display:inline-block;color:#bed0e5}.account-menu summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary img{width:30px;height:30px;border-radius:50%;object-fit:cover}.account-dropdown{position:absolute;right:0;top:38px;z-index:50;min-width:130px;padding:6px;background:#fff;border:1px solid #dfe6ef;border-radius:8px;box-shadow:0 10px 25px #07182b44}.account-dropdown a{display:block!important;padding:8px 12px;color:#3d5875!important;text-decoration:none;white-space:nowrap}.account-dropdown a:hover{background:#eef5ff;border-radius:5px} .add-category{flex-wrap:wrap}.add-category input,.add-category select{flex:1 1 100%;min-width:0}.add-category button{width:100%}.admin-category.collapsed .mini-toggle{color:#8ea0b1}
/* One shared header across all three administration pages. */
.admin-top.admin-navigation{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,1fr);gap:24px;padding:0 34px}
.admin-home{display:flex;align-items:center;white-space:nowrap}
.admin-top .admin-tabs{display:flex;align-items:stretch;gap:10px;height:68px}
.admin-tabs>a{display:flex;align-items:center;justify-content:center;padding:0 24px;border-bottom:3px solid transparent;color:#bdd0e7;white-space:nowrap}
.admin-tabs>a:hover{background:#ffffff0a;color:#fff}
.admin-tabs>a.active{background:#ffffff0d;color:#fff;border-bottom-color:#64bcff}
.admin-account{justify-self:end}
@media(max-width:1000px){
    .admin-top.admin-navigation{gap:12px;padding:0 18px;grid-template-columns:auto 1fr auto}
    .admin-top .admin-tabs{justify-content:center;gap:0}
    .admin-tabs>a{padding:0 12px}
}
@media(max-width:700px){
    .admin-top.admin-navigation{grid-template-columns:1fr auto;gap:0;padding:0 14px}
    .admin-home,.admin-account{min-height:58px}
    .admin-top .admin-tabs{grid-column:1/-1;grid-row:2;height:46px;width:100%;font-size:14px}
    .admin-tabs>a{flex:1;padding:0 10px}
    .admin-account{grid-column:2;grid-row:1}
}
/* Article images upload immediately and stay within the editor width. */
.visual-editor img{max-width:100%;height:auto}
.editor-upload.is-uploading{opacity:.6;cursor:wait}
.editor-upload-status{color:#357657;font-size:13px;overflow-wrap:anywhere}
.editor-upload-status:empty{display:none}
.editor-upload-status.is-error{color:#c43d3d}
#article-form>button:disabled{opacity:.6;cursor:wait}
.editor-upload input{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer}
.editor-upload:focus-within{outline:2px solid #246bfe;outline-offset:2px}
.account-dropdown{width:max-content;max-width:calc(100vw - 32px)}
.account-dropdown .account-username{max-width:240px;padding:8px 12px;margin-bottom:4px;border-bottom:1px solid #e5eaf1;color:#243b57;font-size:14px;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere}

.admin-grid{grid-template-columns:350px minmax(0,1fr)}
.category-line .add-child-category{flex:0 0 auto;padding:3px 5px;color:#246bfe;font-size:11px;white-space:nowrap}
.category-actions{flex-wrap:wrap}
.category-actions form{flex:1 1 100%;min-width:0}
.category-actions .category-publish{flex:1 1 100%;font-size:12px;color:#246bfe;text-decoration:none}
.category-line>a{overflow-wrap:anywhere}
.category-articles>div>a{min-width:0;overflow-wrap:anywhere}
.category-articles span{flex-shrink:0}
.editor-link-dialog{width:440px;max-width:calc(100vw - 32px);margin:auto;padding:26px;border:1px solid #dfe5ee;border-radius:12px;background:#fff;color:#243b57;box-shadow:0 18px 60px #15243d33}
.editor-link-dialog::backdrop{background:#15243d66}
.editor-link-dialog form{display:flex;flex-direction:column;gap:16px}
.editor-link-dialog h2{margin:0;font-size:20px}
.editor-link-dialog label{display:flex;flex-direction:column;gap:5px;font-size:14px}
.editor-link-dialog input{width:100%;padding:10px;border:1px solid #d5dfeb;border-radius:6px;font:inherit}
.link-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.link-dialog-actions button{padding:8px 16px;border:1px solid #d5dfeb;border-radius:6px;background:#fff;font:inherit;cursor:pointer}
.link-dialog-actions button[type=submit]{background:#246bfe;color:#fff;border-color:#246bfe}
.link-error{margin:0;color:#c43d3d}
.link-error[hidden]{display:none}
.visual-editor a{color:#1769cf;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:780px){.admin-grid{grid-template-columns:1fr}}

.category-move-actions{display:none;margin:6px 0 12px}
.admin-category.active>.category-content>.category-move-actions{display:block}
.category-move-actions form{gap:6px;margin-top:6px}
.category-move-actions label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#607892}
.category-move-actions select{min-width:0;width:100%;padding:5px}
.category-move-actions button{padding:5px 8px;background:#eef5ff;color:#246bfe}
.category-move-actions .category-reorder{flex-direction:row}
.category-reorder button{flex:1}
.category-articles .article-move-trigger{color:#246bfe;font:inherit;padding:0;background:transparent;white-space:nowrap}
.category-articles>div{flex-wrap:wrap}
.category-articles>div>span{margin-left:auto;align-items:center}
.article-move-summary{margin:0;line-height:1.8;overflow-wrap:anywhere}
.article-move-dialog select{width:100%;min-width:0;padding:10px;border:1px solid #d5dfeb;border-radius:6px;font:inherit}
