/* MaguDisk WinXPClassic — 网盘专用样式（ztree + tree + panel + layout 合并）
 * 组件约定：.buttonbar / .checkbox-line / table.normaltab.descript / .balloon
 *          .mg-table-scroll（数据表横向滚动）/ .magu-link-btn / .magu-nav-icon
 */
/*-------------------------------------
zTree Style

version:	3.5.19
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/

.ztree * {padding:0; margin:0; font-size:10pt; color: #000; font-family: song, Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:20px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(./treestyle/img/line_conn.gif) 0 0 repeat-y;}

.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
	text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:underline}
.ztree li a.curSelectedNode {padding-top:0px; background-color:#0a246a; color:#fff; height:16px; border:1px #0a246a solid; opacity:1;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#0a246a; color:#fff; height:16px; border:1px #0a246a solid; opacity:1;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
	opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
	font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:16px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
	border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("./treestyle/img/zTreeStandard.png"); *background-image:url("./treestyle/img/zTreeStandard.gif")}
.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}

.ztree li span.button.switch {width:18px; height:22px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}

.ztree li span.button.ico_open{margin-right:2px; margin-top: 1px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}

.ztree li span.button.ico_loading{margin-right:2px; background:url(./treestyle/img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}

span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-position:-110px -80px; background-image:url("./treestyle/img/zTreeStandard.png"); *background-image:url("./treestyle/img/zTreeStandard.gif")}

ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}

/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/
/* 椹胺杩蜂綘缃戠洏 鈥?zTree 鐩綍鏍戯紙Windows 缁忓吀椋庢牸锛?*/

.magu-tree-wrap {
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    background: #fff;
}

.magu-ztree.ztree {
    margin: 0;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.magu-ztree.ztree li {
    white-space: nowrap;
}

.magu-ztree.ztree li a {
    height: 18px;
    line-height: 18px;
    padding: 1px 3px 0 0;
    border: 1px solid transparent;
    box-sizing: content-box;
}

/* 缁忓吀璧勬簮绠＄悊鍣ㄩ€変腑锛氳摑搴曠櫧瀛?*/
.magu-ztree.ztree li a.curSelectedNode,
.magu-ztree.ztree li a.curSelectedNode .node_name {
    background-color: #000080;
    color: #fff;
    border: 1px solid #000080;
    opacity: 1;
    height: 18px;
    padding-top: 1px;
    text-decoration: none;
}

.magu-ztree.ztree li a:hover:not(.curSelectedNode),
.magu-ztree.ztree li a:hover:not(.curSelectedNode) .node_name {
    background-color: #316ac5;
    color: #fff;
    text-decoration: none;
}

body.theme-winxp-classic .magu-ztree.ztree li a.curSelectedNode,
body.theme-winxp-classic .magu-ztree.ztree li a.curSelectedNode .node_name {
    background-color: #D4D0C8;
    border-color: #D4D0C8;
    color: #000;
}

body.theme-winxp-classic .magu-ztree.ztree li a:hover:not(.curSelectedNode),
body.theme-winxp-classic .magu-ztree.ztree li a:hover:not(.curSelectedNode) .node_name {
    background-color: #316ac5;
    color: #fff;
}

.magu-ztree .magu-ztree-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    vertical-align: top;
    image-rendering: pixelated;
    position: relative;
    z-index: 1;
}

.magu-ztree.ztree li span.button.ico_open,
.magu-ztree.ztree li span.button.ico_close,
.magu-ztree.ztree li span.button.ico_docu {
    display: none;
}

body.theme-winxp-classic .magu-ztree.ztree,
body.theme-winxp-classic .magu-ztree.ztree li a {
    font-size: 12px;
    font-family: var(--wxp-ui, Tahoma, "Microsoft YaHei", sans-serif);
}

.magu-ztree.ztree ul {
    transition: none;
}

/* 椹胺杩蜂綘缃戠洏 鈥?鍐呭鍖猴細闈㈠寘灞?+ 鍒楄〃 */

.magu-explorer-layout {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
    gap: 3px;
    align-items: stretch;
}

.magu-pane-head {
    flex: 0 0 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 4px;
    box-sizing: border-box;
}

.magu-sidebar-tree .magu-pane-head {
    color: inherit;
}

.magu-content-pane {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.magu-content-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
    margin-bottom: 3px;
    min-height: 22px;
}

.magu-content-head .magu-breadcrumb {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.magu-cur-folder-ops {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}

/* 椤舵爮鍙充晶 Admin 鎿嶄綔鎸夐挳 */
.magu-menubar-admin {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0;
    min-width: 0;
}

.magu-toolbar-menubar {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    border: none;
}

.magu-breadcrumb {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    min-height: 22px;
    padding: 2px 4px;
    margin: 0 0 3px;
    font-size: 12px;
    line-height: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #dfe8f6 55%, #c8d7eb 100%);
    border: 1px solid #919b9c;
    box-sizing: border-box;
    overflow: hidden;
}

.magu-breadcrumb a {
    color: #000;
    text-decoration: none;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.magu-breadcrumb a:hover {
    text-decoration: underline;
}

.magu-breadcrumb-sep {
    color: #555;
    margin: 0 4px;
    user-select: none;
}

.magu-breadcrumb-current {
    color: #000;
    font-weight: 400;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.magu-list-panel {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}

.magu-list-loading {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.magu-file-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.magu-file-table th,
.magu-file-table td {
    vertical-align: middle;
    overflow: hidden;
}

.magu-col-name {
    width: 46%;
}

.magu-col-type {
    width: 12%;
}

.magu-col-size {
    width: 14%;
}

.magu-col-ops {
    width: 22%;
}

.magu-name-inner {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
}

a.magu-name-inner {
    text-decoration: none;
    color: inherit;
}

.magu-name-inner .magu-name-text {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.magu-name-clickable {
    cursor: pointer;
}

.magu-name-clickable .magu-name-text {
    color: var(--magu-primary, #2563eb);
    text-decoration: underline;
}

.magu-item-desc-inline {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 6px;
    color: #888;
    font-size: 11px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: help;
}

.magu-row-folder:hover td {
    background: rgba(49, 106, 197, 0.08);
}

.magu-folder-content {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.magu-file-table .magu-empty {
    text-align: center;
    color: #666;
    padding: 24px 8px;
}

/* 璇存槑鎮仠棰勮锛堝弬鑰冭鍧?ajax-preview锛?*/
.magu-desc-preview {
    position: fixed;
    z-index: 9000;
    pointer-events: none;
    margin: 0;
}

.magu-desc-preview[hidden] {
    display: none;
}

.magu-desc-preview-arrow {
    width: 24px;
    height: 16px;
    background: transparent url(img/icons/bg_sprite_2.png) no-repeat 6px -40px;
    image-rendering: pixelated;
}

.magu-desc-preview-main {
    width: fit-content;
    min-width: 80px;
    max-width: min(500px, calc(100vw - 24px));
    border: 1px solid #c0c0c0;
    background: #ffc;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.magu-desc-preview-body {
    margin: 0;
    padding: 0;
}

.magu-desc-preview-content {
    padding: 6px 10px 10px;
    font-size: 12px;
    line-height: 1.45;
    color: #000;
    max-height: 280px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.magu-ops {
    white-space: nowrap;
}

.magu-op-icon {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    vertical-align: middle;
    line-height: 0;
    text-decoration: none;
}

.magu-op-icon img {
    display: block;
    width: 16px;
    height: 16px;
    image-rendering: pixelated;
}

.magu-op-icon:hover {
    opacity: 0.72;
}

/* 绉诲姩绔細渚ф爮鎶樺彔鎸夐挳榛樿闅愯棌锛圵inXP 涓婚鍦?magu.css 涓樉绀猴級 */
.magu-mobile-tree-toggle {
    display: none;
}

@media (max-width: 768px) {
    .magu-explorer-layout {
        flex-direction: column;
    }

    .magu-content-head {
        flex-wrap: wrap;
        gap: 4px;
        align-items: flex-start;
    }

    .magu-cur-folder-ops {
        flex-wrap: wrap;
        white-space: normal;
    }

    .magu-list-panel {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        min-width: 0;
    }

    .magu-list-panel .magu-file-table {
        width: 100%;
        min-width: 480px;
        table-layout: fixed;
    }

    .magu-col-name {
        width: auto;
        min-width: 160px;
    }

    .magu-col-type {
        width: 72px;
        min-width: 72px;
        white-space: nowrap;
    }

    .magu-col-size {
        width: 80px;
        min-width: 80px;
        white-space: nowrap;
    }

    .magu-col-ops {
        width: 96px;
        min-width: 96px;
        white-space: nowrap;
    }

    .magu-file-table th,
    .magu-file-table td {
        overflow: visible;
        word-break: keep-all;
    }

    .magu-breadcrumb a,
    .magu-breadcrumb-current {
        max-width: 120px;
    }

    .magu-desc-preview-main {
        max-width: calc(100vw - 16px);
    }
}

/**
 * 椹胺杩蜂綘缃戠洏 鈥?WinXP Classic 涓婚鏍峰紡
 * 鍩虹鎺т欢瑙?wxp-base.css锛堟簮鑷┈璋疯糠浣犺鍧?WinXPClassic锛? */

body.theme-winxp-classic.magu-body {
    --magu-primary: #0a246a;
    --magu-primary-hover: #316ac5;
}

/* 澶栧眰绐楀彛瀹藉害娌跨敤 wxp-base.css锛坢ax-width: 1200px锛屾闈㈠眳涓級 */

/* ========== 鑿滃崟鏍?/ 宸ュ叿鏍忥紙鍙傝€?winclassic navigation-icons锛?========== */
body.theme-winxp-classic .magu-menubar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 24px;
    padding: 6px 8px 4px;
    min-height: 0;
    border-bottom: 1px solid #808080;
    margin-bottom: 0;
    flex: 0 0 auto;
    background: var(--wxp-btn-face, #ece9d8);
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-menubar-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0 4px;
}

body.theme-winxp-classic .magu-site-logo {
    flex: 0 1 auto;
    min-width: 0;
    padding: 2px 24px 2px 16px;
}

body.theme-winxp-classic .magu-site-logo .forum-logo {
    margin: 0;
    line-height: 0;
}

body.theme-winxp-classic .magu-site-logo .forum-logo a {
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
    color: var(--wxp-navy, #0a246a);
}

body.theme-winxp-classic .magu-site-logo .forum-logo:not(:has(.forum-logo-img)) a {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    padding: 2px 4px;
}

body.theme-winxp-classic .magu-site-logo .forum-logo-img {
    display: block;
    width: auto;
    height: 50px;
    max-width: min(400px, 100%);
    object-fit: contain;
}

body.theme-winxp-classic .magu-nav-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0;
    padding: 0;
}

body.theme-winxp-classic .magu-nav-main,
body.theme-winxp-classic .magu-nav-auth {
    flex: 0 0 auto;
}

body.theme-winxp-classic .magu-logout-form {
    display: contents;
}

body.theme-winxp-classic .magu-nav-icon,
body.theme-winxp-classic .magu-logout-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 58px;
    min-width: 58px;
    max-width: 58px;
    height: 48px;
    min-height: 48px;
    padding: 4px 2px;
    margin: 0;
    text-decoration: none;
    color: var(--wxp-text, #000);
    font-size: 11px;
    line-height: 1.15;
    text-align: center;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    -webkit-text-fill-color: var(--wxp-text, #000);
}

body.theme-winxp-classic .magu-nav-icon span,
body.theme-winxp-classic .magu-logout-btn span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-winxp-classic .magu-nav-icon:hover {
    box-shadow: inset -1px -1px #000, inset 1px 1px #fff;
    background: transparent;
}

body.theme-winxp-classic .magu-nav-icon:active {
    box-shadow: inset -1px -1px #fff, inset 1px 1px gray;
}

body.theme-winxp-classic .magu-nav-icon:not(:hover) img {
    filter: grayscale(1);
}

body.theme-winxp-classic .magu-nav-icon img {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto 4px;
    image-rendering: pixelated;
}

body.theme-winxp-classic .magu-logout-form {
    display: contents;
    margin: 0;
    padding: 0;
}

body.theme-winxp-classic .magu-logout-btn img {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto 4px;
    image-rendering: pixelated;
}

body.theme-winxp-classic .magu-logout-btn:hover {
    box-shadow: inset -1px -1px #000, inset 1px 1px #fff;
    background: transparent;
}

body.theme-winxp-classic .magu-logout-btn:active {
    box-shadow: inset -1px -1px #fff, inset 1px 1px gray;
    background: transparent;
}

body.theme-winxp-classic .magu-nav-icon:visited,
body.theme-winxp-classic .magu-nav-icon:hover,
body.theme-winxp-classic .magu-nav-icon:active,
body.theme-winxp-classic .magu-nav-icon:focus {
    color: var(--wxp-text, #000);
    text-decoration: none;
}

body.theme-winxp-classic .magu-nav-vr {
    display: inline-block;
    width: 0;
    align-self: stretch;
    margin: 4px 6px;
    border-left: 1px solid #808080;
    border-right: 1px solid #fff;
}

body.theme-winxp-classic .magu-menubar-admin {
    width: auto;
    margin: 0;
    padding: 0;
    justify-content: flex-end;
    border-top: none;
    flex: 0 0 auto;
}

body.theme-winxp-classic .magu-menubar-admin:empty {
    display: none;
    padding: 0;
    border-top: none;
}

body.theme-winxp-classic .magu-menubar-admin .magu-nav-icons {
    justify-content: flex-end;
    padding: 0;
}

body.theme-winxp-classic .magu-nav-auth {
    margin-left: 0;
}

/* 搴曢儴鐘舵€佹爮锛氬畬鍏ㄦ部鐢?wxp-base.css #footer / .statusbar-box锛坧adding:3px 5px锛?*/

/* ========== 璧勬簮绠＄悊鍣ㄥ竷灞€ ========== */
body.theme-winxp-classic .magu-window-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

body.theme-winxp-classic .forum-window-body > .magu-explorer-shell {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.theme-winxp-classic .magu-explorer-shell > .magu-explorer-subnav {
    flex: 0 0 auto;
}

body.theme-winxp-classic .magu-explorer-shell > .magu-main {
    flex: 1 1 0;
    min-height: 0;
}

body.theme-winxp-classic .magu-explorer-subnav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    margin: 0;
    padding: 4px 4px 2px;
    border-top: none;
    border-bottom: none;
    background: transparent;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.45;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-explorer-subnav-inner {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0 4px;
    font-weight: 700;
}

body.theme-winxp-classic .magu-explorer-subnav-inner a,
body.theme-winxp-classic .magu-explorer-subnav-inner a:visited {
    color: var(--wxp-navy, #0a246a);
    text-decoration: none;
}

body.theme-winxp-classic .magu-explorer-subnav-inner a:hover {
    text-decoration: underline;
}

body.theme-winxp-classic .magu-explorer-subnav-inner .magu-breadcrumb-current {
    color: var(--wxp-text, #000);
    font-weight: 700;
}

body.theme-winxp-classic .magu-explorer-subnav-tools {
    flex: 0 0 220px;
    width: 220px;
    max-width: 220px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-explorer-subnav-tools:empty,
body.theme-winxp-classic .magu-explorer-subnav-tools:not(:has(.magu-storage-switch)) {
    display: none;
}

body.theme-winxp-classic .magu-explorer-folder-ops:empty {
    display: none;
}

body.theme-winxp-classic .magu-explorer-folder-ops .magu-cur-folder-ops {
    display: flex;
    align-items: center;
    gap: 2px;
}

body.theme-winxp-classic .magu-explorer-subnav-tools .magu-storage-switch {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

body.theme-winxp-classic .magu-explorer-subnav-tools .magu-storage-select {
    width: 100%;
    max-width: 100%;
    font-size: 12px;
}

body.theme-winxp-classic .magu-explorer-shell > .magu-main,
body.theme-winxp-classic .forum-window-body > .magu-main {
    flex: 1 1 0;
    min-height: 0;
}

body.theme-winxp-classic .magu-main,
body.theme-winxp-classic .magu-explorer {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
    gap: 3px;
    padding: 4px 4px 0;
    max-width: none;
    margin: 0;
    align-items: stretch;
    background: transparent;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-sidebar-tree {
    flex: 0 0 220px;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: visible;
}

/* 侧栏存储下拉（已移至顶栏 subnav，保留兼容） */
body.theme-winxp-classic .magu-sidebar-tree .magu-storage-switch {
    display: none;
}

body.theme-winxp-classic .magu-storage-switch-label {
    display: none;
}

body.theme-winxp-classic .magu-storage-select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-tree-tabpanel {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

body.theme-winxp-classic .magu-pane-head-tree {
    display: none;
}

body.theme-winxp-classic .magu-mobile-tree-toggle {
    display: none;
}

body.theme-winxp-classic .magu-sidebar-tree .magu-tree-wrap {
    flex: 1 1 0;
    min-height: 0;
}

body.theme-winxp-classic .magu-content-pane {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0;
}

body.theme-winxp-classic .magu-folder-content {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.theme-winxp-classic .magu-explorer .magu-list-panel.magu-sunken {
    border: 2px groove transparent;
    border-image: var(--wxp-panel-border) 2;
    background: var(--wxp-white, #fff);
    box-shadow: none;
    outline: none;
    padding: 0;
    overflow: auto;
    flex: 1 1 0;
    min-height: 0;
    background-clip: padding-box;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-sidebar {
    flex: 0 0 220px;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: visible;
}

body.theme-winxp-classic .magu-panel {
    margin: 0;
    padding: 0;
    border: none;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.theme-winxp-classic .magu-panel-tree {
    flex: 1 1 0;
    height: 100%;
}

body.theme-winxp-classic .magu-panel legend {
    padding: 0 4px;
    font-size: 12px;
    font-weight: 400;
    flex-shrink: 0;
}

body.theme-winxp-classic .magu-sunken {
    border: 2px groove transparent;
    border-image: var(--wxp-panel-border) 2;
    background: var(--wxp-white, #fff);
    box-shadow: none;
    outline: none;
    padding: 0;
    min-height: 0;
    flex: 1 1 0;
    overflow: auto;
    box-sizing: border-box;
    background-clip: padding-box;
}

body.theme-winxp-classic .magu-tree-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 2px 4px;
    background: #fff;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-sidebar-tree .magu-tree-wrap.magu-sunken,
body.theme-winxp-classic .magu-sidebar-tree .magu-ztree.ztree {
    background: #fff;
}

body.theme-winxp-classic .magu-login-main {
    justify-content: center;
    padding: 12px;
}

body.theme-winxp-classic .magu-content {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

body.theme-winxp-classic .magu-explorer .magu-content-inner {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: auto;
    border-radius: 0;
    padding: 0;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-content-inner {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    border-radius: 0;
    padding: 4px;
}

/* ========== zTree XP 选中态 ========== */

body.theme-winxp-classic .magu-folder-title {
    font-size: 13px;
    margin: 0 0 6px;
}

body.theme-winxp-classic .magu-folder-desc,
body.theme-winxp-classic .magu-item-desc {
    font-size: 12px;
    color: var(--wxp-muted);
}

body.theme-winxp-classic .magu-name-clickable {
    cursor: pointer;
}

body.theme-winxp-classic .magu-name-clickable .magu-name-text {
    color: var(--wxp-link, #000080);
    text-decoration: underline;
}

body.theme-winxp-classic .magu-name-clickable:hover .magu-name-text {
    color: #0000ff;
}

body.theme-winxp-classic .magu-toolbar {
    margin: 8px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

body.theme-winxp-classic .magu-toolbar-inline {
    margin: 0;
    gap: 3px;
}

body.theme-winxp-classic .magu-file-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

body.theme-winxp-classic .magu-file-table th,
body.theme-winxp-classic .magu-file-table td {
    border: 1px solid #c0c0c0;
    padding: 3px 6px;
    text-align: left;
    vertical-align: middle;
}

body.theme-winxp-classic .magu-file-table th {
    background: var(--wxp-btn-face);
    font-weight: 400;
}

body.theme-winxp-classic .magu-file-table tr:nth-child(even) td {
    background: #f7f7f7;
}

body.theme-winxp-classic .magu-file-icon {
    width: 16px;
    height: 16px;
    image-rendering: pixelated;
}

body.theme-winxp-classic .magu-subfolder-link {
    color: var(--wxp-link);
    text-decoration: none;
    margin-right: 6px;
}

body.theme-winxp-classic .magu-subfolder-link:hover {
    text-decoration: underline;
}

body.theme-winxp-classic .magu-inline-link {
    margin-left: 10px;
    color: var(--wxp-link);
    font-size: 12px;
}

/* ========== 鎸夐挳 / 琛ㄥ崟 ========== */
body.theme-winxp-classic .magu-btn {
    min-width: 75px;
    padding: 2px 12px;
    font-size: 12px;
    font-family: var(--wxp-ui);
    background: var(--wxp-btn-face);
    border: none;
    box-shadow: var(--wxp-raised);
    color: var(--wxp-text);
    cursor: default;
}

body.theme-winxp-classic .magu-btn:active {
    box-shadow: var(--wxp-sunken);
    padding: 3px 11px 1px 13px;
}

body.theme-winxp-classic .magu-btn-sm {
    min-width: auto;
    padding: 2px 8px;
}

body.theme-winxp-classic .magu-btn-muted {
    color: var(--wxp-text);
}

body.theme-winxp-classic .magu-btn-danger,
body.theme-winxp-classic .magu-btn-danger-text {
    color: var(--wxp-danger);
}

body.theme-winxp-classic .magu-form label {
    display: block;
    margin: 8px 0 2px;
    font-size: 12px;
}

body.theme-winxp-classic #magu-modal-body .magu-modal-form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

body.theme-winxp-classic #magu-modal-body .magu-form-row {
    margin: 0 0 10px;
}

body.theme-winxp-classic #magu-modal-body .magu-form-row:last-child {
    margin-bottom: 0;
}

body.theme-winxp-classic #magu-modal-body .magu-form-label,
body.theme-winxp-classic #magu-modal-body .magu-form-row > label {
    display: block;
    margin: 0 0 3px;
    font-size: 12px;
}

body.theme-winxp-classic #magu-modal-body .magu-form-row input:not([type="checkbox"]):not([type="radio"]),
body.theme-winxp-classic #magu-modal-body .magu-form-row textarea,
body.theme-winxp-classic #magu-modal-body .magu-form-row select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    font-family: var(--wxp-ui);
    padding: 3px 4px;
    border: none;
    box-shadow: var(--wxp-sunken);
    background: #fff;
}

body.theme-winxp-classic .magu-form input:not([type="checkbox"]):not([type="radio"]),
body.theme-winxp-classic .magu-form select,
body.theme-winxp-classic .magu-form textarea {
    font-size: 12px;
    font-family: var(--wxp-ui);
    padding: 3px 4px;
    border: none;
    box-shadow: var(--wxp-sunken);
    background: #fff;
    max-width: 100%;
}

/* 鍚庡彴/寮圭獥澶嶉€夋锛氬悓璁哄潧 p.checkbox-line + 98.css锛沬nput 鐢?absolute 鏇夸唬 fixed 浠ュ彲鐐瑰嚮 */
body.theme-winxp-classic .magu-form p.magu-checkbox-line,
body.theme-winxp-classic .magu-form p.checkbox-line,
body.theme-winxp-classic #magu-modal-body p.magu-checkbox-line,
body.theme-winxp-classic #magu-modal-body p.checkbox-line {
    display: block;
    position: relative;
    margin: 12px 0 0;
    padding-left: 0;
}

body.theme-winxp-classic .magu-form p.magu-checkbox-line input[type="checkbox"],
body.theme-winxp-classic .magu-form p.checkbox-line input[type="checkbox"],
body.theme-winxp-classic #magu-modal-body p.magu-checkbox-line input[type="checkbox"],
body.theme-winxp-classic #magu-modal-body p.checkbox-line input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
    opacity: 0;
    border: none;
    background: transparent;
    z-index: 2;
    cursor: pointer;
}

body.theme-winxp-classic .magu-form p.magu-checkbox-line input[type="checkbox"] + label,
body.theme-winxp-classic .magu-form p.checkbox-line input[type="checkbox"] + label,
body.theme-winxp-classic #magu-modal-body p.magu-checkbox-line input[type="checkbox"] + label,
body.theme-winxp-classic #magu-modal-body p.checkbox-line input[type="checkbox"] + label {
    display: inline;
    margin: 0 0 0 19px;
    padding: 0;
    position: relative;
    line-height: 1.35;
    vertical-align: top;
    cursor: pointer;
}

body.theme-winxp-classic .magu-form p.magu-checkbox-line input[type="checkbox"] + label::before,
body.theme-winxp-classic .magu-form p.checkbox-line input[type="checkbox"] + label::before,
body.theme-winxp-classic #magu-modal-body p.magu-checkbox-line input[type="checkbox"] + label::before,
body.theme-winxp-classic #magu-modal-body p.checkbox-line input[type="checkbox"] + label::before {
    top: 2px;
    margin-top: 0;
}

body.theme-winxp-classic .magu-form p.magu-checkbox-line input[type="checkbox"]:checked + label::after,
body.theme-winxp-classic .magu-form p.checkbox-line input[type="checkbox"]:checked + label::after,
body.theme-winxp-classic #magu-modal-body p.magu-checkbox-line input[type="checkbox"]:checked + label::after,
body.theme-winxp-classic #magu-modal-body p.checkbox-line input[type="checkbox"]:checked + label::after {
    top: 5px;
    margin-top: 0;
}

body.theme-winxp-classic .magu-form fieldset.magu-fieldset {
    border: 1px solid #808080;
    padding: 10px 12px 12px;
    margin-top: 16px;
}

body.theme-winxp-classic .magu-form fieldset.magu-fieldset legend {
    padding: 0 4px;
    font-size: 12px;
}

body.theme-winxp-classic .magu-form fieldset.magu-fieldset .magu-checkbox-line {
    margin-top: 0;
}

body.theme-winxp-classic .magu-upload-label {
    display: inline-block;
    cursor: pointer;
}

body.theme-winxp-classic .magu-link-btn {
    font-size: 12px;
    color: var(--wxp-link);
    background: none;
    border: none;
    padding: 0 2px;
    cursor: pointer;
    text-decoration: underline;
}

/* ========== 鎻愮ず / 瀵硅瘽妗?========== */
body.theme-winxp-classic .magu-tooltip {
    background: var(--wxp-panel);
    color: var(--wxp-text);
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 2px 2px 0 rgba(0,0,0,.2);
    font-size: 12px;
    max-width: 320px;
}

body.theme-winxp-classic .magu-alert {
    padding: 8px 10px;
    margin-bottom: 8px;
    font-size: 12px;
    border: 1px solid #808080;
    background: #ffffe1;
}

body.theme-winxp-classic .magu-alert-error {
    border-color: #800000;
    color: #800000;
}

body.theme-winxp-classic .magu-alert-success {
    border-color: #008000;
    color: #008000;
}

body.theme-winxp-classic .notice {
    transition: opacity .35s ease;
}

body.theme-winxp-classic .notice.is-hiding,
body.theme-winxp-classic .magu-flash.is-hiding {
    opacity: 0;
}

body.theme-winxp-classic .magu-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

body.theme-winxp-classic .magu-modal[hidden] {
    display: none;
}

body.theme-winxp-classic #magu-ui-dialog {
    z-index: 11000;
}

body.theme-winxp-classic .magu-modal-window {
    width: min(420px, 92vw);
    max-height: min(85vh, 560px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 2px 2px 8px rgba(0,0,0,.35);
}

body.theme-winxp-classic .magu-modal-window .window-body {
    padding: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.theme-winxp-classic #magu-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

body.theme-winxp-classic .magu-modal-actions {
    margin-top: 12px;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

body.theme-winxp-classic .magu-pwd-dialog {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

body.theme-winxp-classic .magu-pwd-dialog-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    object-fit: contain;
    margin-top: 2px;
}

body.theme-winxp-classic .magu-pwd-dialog-fields {
    flex: 1 1 auto;
    min-width: 0;
}

body.theme-winxp-classic .magu-pwd-dialog-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

body.theme-winxp-classic .magu-pwd-dialog-label-text {
    flex: 0 0 auto;
    white-space: nowrap;
}

body.theme-winxp-classic .magu-pwd-dialog-label input[type="password"] {
    flex: 1 1 auto;
    min-width: 180px;
}

/* ========== XP 鍏抽棴閽紙涓荤獥鍙?/ 妯℃€?/ 涓婁紶绐楃粺涓€锛氱伆搴?X锛屾棤 Win10 绾㈡偓鍋滐級 ========== */
body.theme-winxp-classic .magu-window > .title-bar .title-bar-controls .magu-wxp-dialog-close,
body.theme-winxp-classic .magu-wxp-dialog > .title-bar .title-bar-controls .magu-wxp-dialog-close {
    margin-left: 2px;
    min-width: 16px;
    min-height: 14px;
    width: 16px;
    height: 14px;
    padding: 0;
    display: block;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    cursor: pointer;
    border: none;
    background-color: var(--wxp-btn-face);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");
    background-position: top 3px left 4px;
    background-repeat: no-repeat;
    box-shadow: var(--wxp-raised);
}

body.theme-winxp-classic .magu-window > .title-bar .title-bar-controls .magu-wxp-dialog-close:hover,
body.theme-winxp-classic .magu-window > .title-bar .title-bar-controls .magu-wxp-dialog-close:focus,
body.theme-winxp-classic .magu-wxp-dialog > .title-bar .title-bar-controls .magu-wxp-dialog-close:hover,
body.theme-winxp-classic .magu-wxp-dialog > .title-bar .title-bar-controls .magu-wxp-dialog-close:focus {
    background-color: var(--wxp-btn-face);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");
    color: transparent;
    text-decoration: none;
}

body.theme-winxp-classic .magu-window > .title-bar .title-bar-controls .magu-wxp-dialog-close:active,
body.theme-winxp-classic .magu-wxp-dialog > .title-bar .title-bar-controls .magu-wxp-dialog-close:active {
    padding: 0;
    box-shadow: var(--wxp-sunken);
    background-position: top 4px left 5px;
}

body.theme-winxp-classic .magu-modal-checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

body.theme-winxp-classic .magu-modal-hint {
    margin: 6px 0 0;
    font-size: 11px;
    color: #666;
}

body.theme-winxp-classic .magu-share-copy-row {
    margin: 8px 0 0;
}

body.theme-winxp-classic .magu-share-copy-row .magu-btn {
    min-width: 75px;
}

body.theme-winxp-classic .magu-modal-message {
    margin: 0;
    padding: 4px 2px 8px;
    line-height: 1.45;
    font-size: 12px;
}

body.theme-winxp-classic .magu-modal-error {
    margin: 8px 0 0;
    padding: 0;
    color: #800000;
    font-size: 12px;
    line-height: 1.35;
}

body.theme-winxp-classic .magu-modal-error[hidden] {
    display: none;
}

/* 瀵嗙爜妗嗭細鍥哄畾涓€琛岄敊璇彁绀洪珮搴︼紝hidden 鏃朵粛鍗犱綅锛堥』鍐欏湪閫氱敤 hidden 瑙勫垯涔嬪悗锛?*/
body.theme-winxp-classic .magu-pwd-dialog .magu-pwd-dialog-error {
    height: 17px;
    min-height: 17px;
    max-height: 17px;
    margin: 4px 0 0;
    padding: 0;
    overflow: hidden;
    line-height: 1.35;
    font-size: 12px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body.theme-winxp-classic .magu-pwd-dialog .magu-pwd-dialog-error[hidden] {
    display: block;
    visibility: hidden;
}

body.theme-winxp-classic .magu-modal.magu-modal-password .magu-modal-window {
    width: min(360px, 92vw);
}

body.theme-winxp-classic .magu-modal.magu-modal-password .magu-modal-window .window-body {
    padding: 8px 10px;
    flex: 0 0 auto;
}

body.theme-winxp-classic .magu-modal.magu-modal-password #magu-modal-body {
    flex: 0 0 auto;
    overflow: visible;
}

body.theme-winxp-classic .magu-modal.magu-modal-password .magu-pwd-dialog {
    gap: 8px;
}

body.theme-winxp-classic .magu-modal.magu-modal-password .magu-modal-actions {
    margin-top: 6px;
}

/* 鍦ㄧ嚎闃呰 */
body.theme-winxp-classic .magu-modal.magu-modal-preview .magu-modal-window {
    width: min(520px, 94vw);
    max-height: min(82vh, 620px);
}

body.theme-winxp-classic .magu-modal.magu-modal-preview .magu-modal-window .window-body {
    padding: 8px 10px 10px;
    flex: 1 1 auto;
    min-height: 280px;
    max-height: min(82vh, 620px);
    overflow: hidden;
}

body.theme-winxp-classic .magu-modal.magu-modal-preview #magu-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.theme-winxp-classic .magu-modal.magu-modal-preview .magu-preview-panel {
    flex: 1 1 auto;
    min-height: 220px;
    overflow: auto;
    padding: 0;
    background: var(--wxp-white, #fff);
    box-shadow: var(--wxp-sunken);
}

body.theme-winxp-classic .magu-modal.magu-modal-preview .magu-preview-text {
    display: block;
    margin: 0;
    padding: 8px 10px;
    border: none;
    box-shadow: none;
    background: transparent;
    font-family: var(--wxp-ui, "Pixelated MS Sans Serif", Tahoma, "Microsoft YaHei", sans-serif);
    font-size: 12px;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    overflow: visible;
    min-height: min(100%, 220px);
}

body.theme-winxp-classic .magu-modal.magu-modal-preview .magu-modal-actions {
    margin-top: 8px;
}

body.theme-winxp-classic #magu-modal-body .magu-modal-message {
    flex: 0 0 auto;
    overflow: visible;
}

/* ========== 涓婁紶瀵硅瘽妗嗭紙XP 绐楀彛锛?========== */
body.theme-winxp-classic .magu-upload-dialog {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

body.theme-winxp-classic .magu-upload-dialog[hidden] {
    display: none;
}

body.theme-winxp-classic .magu-upload-window {
    width: min(640px, 92vw);
    max-height: min(85vh, 720px);
    min-height: 360px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
}

body.theme-winxp-classic .magu-upload-window > .title-bar .title-bar-text {
    display: flex;
    align-items: center;
    gap: 4px;
}

body.theme-winxp-classic .magu-upload-window .window-body.magu-upload-body {
    padding: 10px 10px 8px;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-family: var(--wxp-ui, Tahoma, "Microsoft YaHei", sans-serif);
}

body.theme-winxp-classic .magu-upload-drop {
    border: none;
    box-shadow: var(--wxp-sunken);
    background: #fff;
    padding: 16px 10px;
    text-align: center;
    color: #000;
    margin-bottom: 8px;
    font-size: 12px;
    flex: 0 0 auto;
}

body.theme-winxp-classic .magu-upload-drop.is-dragover {
    background: #e8f4fc;
}

body.theme-winxp-classic .magu-upload-drop small {
    color: #666;
}

body.theme-winxp-classic .magu-upload-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    flex: 0 0 auto;
}

body.theme-winxp-classic .magu-upload-desc-wrap {
    flex: 0 0 auto;
    margin-bottom: 8px;
}

body.theme-winxp-classic .magu-upload-desc-wrap label {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}

body.theme-winxp-classic .magu-upload-desc-wrap textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 52px;
    max-height: 72px;
    font-size: 12px;
    font-family: inherit;
    padding: 3px 4px;
    border: none;
    box-shadow: var(--wxp-sunken);
    background: #fff;
    resize: vertical;
}

body.theme-winxp-classic .magu-upload-list {
    margin-top: 0;
    margin-bottom: 8px;
    flex: 1 1 auto;
    min-height: 120px;
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px 4px;
    border: none;
    box-shadow: var(--wxp-sunken);
    background: #fff;
    box-sizing: border-box;
}

body.theme-winxp-classic .magu-upload-empty {
    padding: 14px 8px;
    text-align: center;
    color: #666;
    font-size: 12px;
}

body.theme-winxp-classic .magu-upload-item {
    padding: 6px 4px;
    border-bottom: 1px solid #c0c0c0;
    font-size: 12px;
}

body.theme-winxp-classic .magu-upload-item-head {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

body.theme-winxp-classic .magu-upload-item-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-winxp-classic .magu-upload-item-size {
    flex: 0 0 auto;
    color: #666;
}

body.theme-winxp-classic .magu-upload-item-remove {
    flex: 0 0 auto;
    min-width: 18px;
    width: 18px;
    min-height: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}

body.theme-winxp-classic .magu-upload-item-remove:hover {
    color: #000;
    background: transparent;
    box-shadow: none;
}

body.theme-winxp-classic .magu-upload-item-progress {
    display: flex;
    align-items: center;
    gap: 6px;
}

body.theme-winxp-classic .magu-upload-item-pct {
    flex: 0 0 auto;
    min-width: 72px;
    text-align: right;
    font-size: 11px;
    color: #666;
}

body.theme-winxp-classic .magu-upload-item:last-child {
    border-bottom: none;
}

body.theme-winxp-classic .magu-upload-item-bar {
    height: 14px;
    background: #fff;
    box-shadow: var(--wxp-sunken);
}

body.theme-winxp-classic .magu-upload-item-bar span {
    background: #000080;
}

body.theme-winxp-classic .magu-upload-item.is-done .magu-upload-item-bar span {
    background: #008000;
}

body.theme-winxp-classic .magu-upload-item.is-error .magu-upload-item-bar span {
    background: #800000;
}

body.theme-winxp-classic .magu-upload-foot.magu-modal-actions {
    margin-top: auto;
    padding-top: 10px;
    padding-bottom: 2px;
    flex: 0 0 auto;
    border-top: 1px solid #808080;
}

body.theme-winxp-classic .magu-admin-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin-bottom: 12px;
}

body.theme-winxp-classic .magu-admin-tab {
    padding: 4px 10px;
    text-decoration: none;
    color: var(--wxp-text);
    font-size: 12px;
    border: 1px solid transparent;
}

body.theme-winxp-classic .magu-admin-tab.is-active,
body.theme-winxp-classic .magu-admin-tab:hover {
    border: 1px solid #fff;
    box-shadow: inset -1px -1px #808080, inset 1px 1px #dfdfdf;
    background: var(--wxp-btn-face);
}

body.theme-winxp-classic .magu-admin-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

body.theme-winxp-classic .magu-card {
    padding: 8px;
    background: #fff;
    box-shadow: var(--wxp-sunken);
    border: none;
    border-radius: 0;
}

body.theme-winxp-classic .magu-placeholder {
    text-align: center;
    padding: 32px 12px;
    color: var(--wxp-muted);
    font-size: 12px;
}

body.theme-winxp-classic .magu-guestbook-placeholder {
    padding: 8px;
    font-size: 12px;
    color: var(--wxp-muted);
    text-align: center;
}

body.theme-winxp-classic .magu-guestbook-page .magu-guestbook-title {
    margin: 0;
    font-size: 14px;
}

body.theme-winxp-classic .magu-guestbook-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
}

body.theme-winxp-classic .magu-guestbook-page .magu-pager,
body.theme-winxp-classic.magu-admin .magu-pager {
    margin: 10px 0 0;
}

body.theme-winxp-classic .magu-guestbook-page .magu-pager a,
body.theme-winxp-classic .magu-guestbook-page .magu-pager strong,
body.theme-winxp-classic .magu-guestbook-page .magu-pager span,
body.theme-winxp-classic.magu-admin .magu-pager a,
body.theme-winxp-classic.magu-admin .magu-pager strong,
body.theme-winxp-classic.magu-admin .magu-pager span {
    margin-right: 8px;
}

body.theme-winxp-classic .magu-gb-dialog-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

body.theme-winxp-classic .magu-gb-dialog-overlay[hidden] {
    display: none;
}

body.theme-winxp-classic .magu-gb-dialog {
    width: min(520px, 92vw);
    max-height: min(90vh, 640px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 2px 2px 8px rgba(0,0,0,.35);
}

body.theme-winxp-classic .magu-gb-dialog .window-body {
    padding: 10px;
    overflow-y: auto;
}

body.theme-winxp-classic .magu-guestbook-form input[name="user_name"],
body.theme-winxp-classic .magu-guestbook-form textarea {
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
    font-family: var(--wxp-ui, Tahoma, "Microsoft YaHei", sans-serif);
    font-size: 12px;
}

body.theme-winxp-classic .magu-guestbook-form textarea {
    min-height: 120px;
    resize: vertical;
}

body.theme-winxp-classic .magu-gb-compose {
    max-width: 520px;
}

body.theme-winxp-classic .magu-gb-field {
    margin: 0 0 12px;
}

body.theme-winxp-classic .magu-gb-field > label {
    display: block;
    margin: 0 0 4px;
}

body.theme-winxp-classic .magu-gb-math {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 0;
}

body.theme-winxp-classic .magu-gb-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

body.theme-winxp-classic .magu-gb-reply-hint {
    margin: 0 0 8px;
}

body.theme-winxp-classic .magu-guestbook-captcha img.captcha {
    box-shadow: var(--wxp-sunken, inset 1px 1px gray, inset -1px -1px #fff);
    cursor: pointer;
}

/* 留言列表：对齐 winclassic Please note balloon */
body.theme-winxp-classic .magu-guestbook-list {
    max-width: none;
    width: 100%;
}

body.theme-winxp-classic .magu-gb-thread {
    margin: 12px 0;
}

body.theme-winxp-classic .balloon.magu-gb-balloon {
    background-color: #ffffe1;
    border: 1px solid #000;
    border-radius: 8px;
    padding: 9px 12px;
    margin: 12px 0;
    max-width: none;
    width: 100%;
    box-sizing: border-box;
    scroll-margin-top: 12px;
}

body.theme-winxp-classic .magu-gb-thread > .balloon.magu-gb-balloon {
    margin: 0;
}

body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-icon {
    margin-right: 9px;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-title {
    font-weight: bold;
    font-size: 12px;
}

body.theme-winxp-classic .magu-gb-pin-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    background: #ffffcc;
    border: 1px solid #c0c0c0;
}

body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-time {
    margin-left: auto;
    padding-left: 12px;
    font-weight: normal;
    font-size: 11px;
    color: #555;
    white-space: nowrap;
}

body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-body {
    font-size: 12px;
    line-height: 1.5;
    word-break: break-word;
}

body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-actions {
    margin-top: 8px;
}

body.theme-winxp-classic .magu-gb-quote {
    margin: 0 0 6px;
    font-size: 11px;
    line-height: 1.4;
    color: #555;
}

body.theme-winxp-classic .magu-gb-quote-ref {
    color: #00f;
    text-decoration: underline;
}

body.theme-winxp-classic .magu-gb-quote-text {
    color: #555;
}

body.theme-winxp-classic .magu-gb-replies {
    margin: 2px 0 0 8px;
    padding: 0;
}

body.theme-winxp-classic .magu-gb-reply-item {
    position: relative;
    margin: 0;
    padding: 8px 0 0 22px;
}

body.theme-winxp-classic .magu-gb-reply-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px dotted #808080;
}

body.theme-winxp-classic .magu-gb-reply-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    width: 22px;
    border-top: 1px dotted #808080;
}

body.theme-winxp-classic .magu-gb-reply-item:last-child::before {
    bottom: auto;
    height: 22px;
}

body.theme-winxp-classic .magu-gb-replies .balloon.magu-gb-balloon {
    margin: 0;
    width: 100%;
}

/* 管理页居中限宽（不影响网盘 explorer） */
body.theme-winxp-classic .magu-main:not(.magu-explorer) > .magu-content .magu-content-inner {
    max-width: 980px;
    margin: 0 auto;
}

/* 共用 panel 结构在 XP 主题下的样式 */
body.theme-winxp-classic .magu-breadcrumb {
    font-family: var(--wxp-ui, Tahoma, "Microsoft YaHei", sans-serif);
}

body.theme-winxp-classic .magu-explorer-subnav-inner {
    font-family: var(--wxp-ui, Tahoma, "Microsoft YaHei", sans-serif);
}

body.theme-winxp-classic .magu-pane-head {
    font-family: var(--wxp-ui, Tahoma, "Microsoft YaHei", sans-serif);
}

body.theme-winxp-classic .magu-item-desc-inline {
    color: var(--wxp-muted, #666);
}

body.theme-winxp-classic .magu-desc-preview-main {
    border-radius: 0;
    background: #ffc;
}

body.theme-winxp-classic .magu-menubar {
    align-items: center;
}

body.theme-winxp-classic .magu-content-head {
    display: none;
}

body.theme-winxp-classic .magu-menubar-admin .magu-btn-sm {
    min-width: auto;
    padding: 1px 6px;
    font-size: 11px;
}

/* ========== 绉诲姩绔紙鈮?68px锛?========== */
@media (max-width: 768px) {
    /* 窗口框架始终铺满视口：标题栏 / 菜单 / 状态栏固定，滚动只发生在白色内容区 */
    body.theme-winxp-classic .wxp-desktop {
        padding: 0 4px;
        align-items: stretch;
    }

    body.theme-winxp-classic .forum-window {
        width: 100%;
        max-width: 100%;
    }

    body.theme-winxp-classic .forum-window-body > .magu-explorer-shell,
    body.theme-winxp-classic.magu-admin .forum-window-body > #content,
    body.theme-winxp-classic.magu-body:not(.magu-admin) .forum-window-body > #content {
        flex: 1 1 0;
        min-height: 0;
        overflow: hidden;
    }

    body.theme-winxp-classic.magu-admin .forum-window-body > #content,
    body.theme-winxp-classic.magu-body:not(.magu-admin) .forum-window-body > #content {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 椤舵爮锛歀OGO 涓庤彍鍗曟崲琛?*/
    body.theme-winxp-classic .magu-menubar:not(.magu-menubar-admin-top) {
        flex-direction: column;
        align-items: stretch;
        overflow: visible;
        gap: 12px 0;
    }

    body.theme-winxp-classic.magu-admin .magu-menubar-admin-top {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        overflow: visible;
    }

    body.theme-winxp-classic.magu-admin .magu-menubar-admin-top .magu-nav-main,
    body.theme-winxp-classic.magu-admin .magu-menubar-admin-top .magu-nav-icons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        width: auto;
        max-width: 100%;
    }

    body.theme-winxp-classic .magu-site-logo {
        padding: 4px 4px 10px;
    }

    /* 顶栏：主导航 / 工具 / 账户 同一行靠右 */
    body.theme-winxp-classic .magu-menubar-right {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin-left: 0;
        width: 100%;
        gap: 0;
    }

    body.theme-winxp-classic .magu-nav-main,
    body.theme-winxp-classic .magu-nav-auth,
    body.theme-winxp-classic .magu-menubar-admin {
        width: auto;
    }

    /* 椤舵爮锛氫富鑿滃崟涓庢枃浠跺す鎿嶄綔鍒嗕袱琛岋紝鍏佽鎹㈣ */
    body.theme-winxp-classic .magu-menubar:not(.magu-menubar-admin-top) .magu-nav-main,
    body.theme-winxp-classic .magu-nav-auth,
    body.theme-winxp-classic .magu-menubar-admin,
    body.theme-winxp-classic .magu-menubar-admin .magu-nav-icons {
        display: contents;
    }

    body.theme-winxp-classic .magu-nav-icons {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: auto;
        box-sizing: border-box;
    }

    body.theme-winxp-classic .magu-menubar-admin {
        margin-left: 0;
        width: auto;
        overflow: visible;
        border-top: none;
        padding-top: 0;
    }

    body.theme-winxp-classic .magu-explorer-subnav {
        flex-wrap: wrap;
    }

    body.theme-winxp-classic .magu-explorer-subnav-tools {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
    }

    body.theme-winxp-classic .magu-menubar-admin .magu-nav-icons {
        justify-content: flex-start;
    }

    body.theme-winxp-classic .magu-nav-icon,
    body.theme-winxp-classic .magu-logout-btn,
    body.theme-winxp-classic .magu-menubar .magu-logout-btn {
        width: 58px;
        min-width: 58px;
        max-width: 58px;
        height: 48px;
        flex: 0 0 58px;
    }

    body.theme-winxp-classic .magu-nav-icon span,
    body.theme-winxp-classic .magu-logout-btn span {
        white-space: nowrap;
    }

    /* 侧栏目录树在上，白色文件列表在下并占满剩余高度 */
    body.theme-winxp-classic .magu-main,
    body.theme-winxp-classic .magu-explorer,
    body.theme-winxp-classic .magu-explorer-layout {
        flex-direction: column;
        flex: 1 1 0;
        min-height: 0;
        gap: 4px;
        overflow: hidden;
    }

    body.theme-winxp-classic .magu-sidebar,
    body.theme-winxp-classic .magu-sidebar-tree {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        max-width: none;
        height: auto;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    body.theme-winxp-classic .magu-tree-tabpanel {
        flex: 0 0 auto;
        height: auto;
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    body.theme-winxp-classic .magu-sidebar-tree .magu-tree-wrap {
        flex: 0 0 140px;
        height: 140px;
        min-height: 140px;
        max-height: 140px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.theme-winxp-classic .magu-sidebar-tree.is-collapsed .magu-tree-wrap {
        display: none;
        flex-basis: 0;
        height: 0;
        min-height: 0;
        max-height: 0;
    }

    body.theme-winxp-classic .magu-pane-head-tree {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        flex: 0 0 auto;
        height: 22px;
    }

    body.theme-winxp-classic .magu-pane-head-label {
        font-size: 12px;
        line-height: 22px;
    }

    body.theme-winxp-classic .magu-mobile-tree-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        min-width: 44px;
        min-height: 22px;
        padding: 1px 8px;
        font-size: 11px;
        line-height: 1.2;
        cursor: pointer;
    }

    body.theme-winxp-classic .magu-content-pane {
        flex: 1 1 0;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
    }

    body.theme-winxp-classic .magu-folder-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 0;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
    }

    body.theme-winxp-classic .magu-explorer .magu-content-inner {
        flex: 1 1 0;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
        height: auto;
    }

    body.theme-winxp-classic .magu-content-head {
        flex-wrap: wrap;
        gap: 4px;
        align-items: flex-start;
    }

    body.theme-winxp-classic .magu-cur-folder-ops {
        flex-wrap: wrap;
        white-space: normal;
    }

    body.theme-winxp-classic .magu-breadcrumb a,
    body.theme-winxp-classic .magu-breadcrumb-current {
        max-width: 120px;
    }

    /* 白色文件列表：占满剩余高度，滚动条出现在此区域内 */
    body.theme-winxp-classic .magu-list-panel,
    body.theme-winxp-classic .magu-explorer .magu-list-panel.magu-sunken {
        flex: 1 1 0;
        min-height: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        min-width: 0;
    }

    body.theme-winxp-classic .magu-list-panel .magu-file-table {
        width: 100%;
        min-width: 480px;
        table-layout: fixed;
    }

    body.theme-winxp-classic .magu-col-name {
        width: auto;
        min-width: 160px;
    }

    body.theme-winxp-classic .magu-col-type {
        width: 72px;
        min-width: 72px;
        white-space: nowrap;
    }

    body.theme-winxp-classic .magu-col-size {
        width: 80px;
        min-width: 80px;
        white-space: nowrap;
    }

    body.theme-winxp-classic .magu-col-ops {
        width: 96px;
        min-width: 96px;
        white-space: nowrap;
    }

    body.theme-winxp-classic .magu-file-table th,
    body.theme-winxp-classic .magu-file-table td {
        overflow: hidden;
        word-break: keep-all;
    }

    body.theme-winxp-classic .magu-modal-window {
        width: min(420px, 96vw);
        max-height: 90vh;
    }

    body.theme-winxp-classic .magu-modal.magu-modal-preview .magu-modal-window {
        width: min(640px, 96vw);
    }

    body.theme-winxp-classic .magu-upload-window {
        width: min(640px, 96vw);
        min-height: 280px;
    }

    body.theme-winxp-classic .magu-login-main {
        padding: 8px;
    }

    body.theme-winxp-classic .magu-main:not(.magu-explorer) > .magu-content .magu-content-inner {
        max-width: none;
    }

    body.theme-winxp-classic .magu-desc-preview.is-visible {
        pointer-events: auto;
    }
}

@media (max-width: 480px) {
    body.theme-winxp-classic .wxp-desktop {
        padding: 0 2px 6px;
    }

    body.theme-winxp-classic .magu-sidebar-tree .magu-tree-wrap {
        flex-basis: 120px;
        height: 120px;
        min-height: 120px;
        max-height: 120px;
    }

    body.theme-winxp-classic .magu-nav-icon,
    body.theme-winxp-classic .magu-logout-btn,
    body.theme-winxp-classic .magu-menubar .magu-logout-btn {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
        height: 46px;
        flex: 0 0 52px;
        padding: 3px 2px;
        font-size: 10px;
    }
}

/* ========== 鍚庡彴 / 鐧诲綍鐙珛甯冨眬 ========== */
body.theme-winxp-classic.magu-admin .forum-window-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

body.theme-winxp-classic.magu-admin .forum-window-body > #subnav {
    flex: 0 0 auto;
}

body.theme-winxp-classic.magu-admin .forum-window-body > #content {
    flex: 1 1 auto;
    min-height: 0;
}

body.theme-winxp-classic.magu-admin .magu-menubar-admin-top {
    flex: 0 0 auto;
    border-bottom: 1px solid #808080;
    margin-bottom: 4px;
}

body.theme-winxp-classic.magu-admin .magu-menubar-admin-top .magu-nav-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
}

body.theme-winxp-classic.magu-admin .forum-window-body > #subnav.magu-admin-breadcrumb-bar {
    border-top: none;
    padding: 2px 4px 0;
    margin: 0;
    line-height: 1.35;
    min-height: 0;
}

body.theme-winxp-classic.magu-admin .forum-window-body > #subnav.magu-admin-breadcrumb-bar #subnav-1 {
    line-height: 1.35;
}

body.theme-winxp-classic.magu-admin #content.sunken-panel {
    padding: 8px 10px 10px;
}

body.theme-winxp-classic.magu-admin .magu-update-check-form {
    display: inline;
    margin: 0;
    padding: 0;
}
body.theme-winxp-classic.magu-admin button.magu-text-link {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    font: inherit;
    color: var(--wxp-link, #000080);
    text-decoration: underline;
    cursor: pointer;
}
body.theme-winxp-classic.magu-admin button.magu-text-link:hover {
    color: var(--wxp-link-hover, #0000ff);
}
body.theme-winxp-classic.magu-admin .program-update-available {
    display: inline;
    margin-left: 0.35em;
    color: #c00;
    font-weight: 700;
    text-decoration: underline;
}
body.theme-winxp-classic.magu-admin a.program-update-available:hover {
    color: #900;
}
body.theme-winxp-classic.magu-admin .program-update-unavailable {
    display: inline;
    margin-left: 0.35em;
    color: #c00;
    font-weight: 700;
}
body.theme-winxp-classic.magu-admin .program-update-uptodate {
    display: inline;
    margin-left: 0.35em;
}

body.theme-winxp-classic.magu-admin #content-body > .magu-admin-tabnav {
    margin: 6px 0 12px;
    padding: 8px 4px 10px;
    border-bottom: 1px solid #c0c0c0;
}

body.theme-winxp-classic.magu-admin #content-body > .magu-admin-tabnav .subnav,
body.theme-winxp-classic.magu-admin #content-body > .magu-admin-tabnav .magu-admin-menu {
    margin: 0;
    padding: 0;
}

body.theme-winxp-classic.magu-admin .magu-admin-tabnav .magu-admin-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.45;
}

body.theme-winxp-classic.magu-admin .magu-admin-tabnav .magu-admin-menu a {
    color: var(--wxp-link, #000080);
    text-decoration: underline;
}

body.theme-winxp-classic.magu-admin .magu-admin-tabnav .magu-admin-menu a:hover {
    color: var(--wxp-link-hover, #0000ff);
}

body.theme-winxp-classic.magu-admin .magu-admin-tabnav .magu-admin-menu-current {
    font-weight: 700;
    color: #000;
}

body.theme-winxp-classic.magu-admin .magu-admin-tabnav .magu-admin-menu-sep {
    margin: 0 12px;
    color: #808080;
    font-weight: 400;
    user-select: none;
}

body.theme-winxp-classic.magu-body:not(.magu-admin) .forum-window-body > #content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.theme-winxp-classic.magu-body:not(.magu-admin) #content-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.theme-winxp-classic #subnav-1 p.subnav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 4px;
}

body.theme-winxp-classic.magu-admin #content-body .buttonbar {
    margin: 10px 0 0;
}

body.theme-winxp-classic.magu-admin table.normaltab.descript td.magu-crypto-cell p {
    margin: 0 0 6px;
}

body.theme-winxp-classic.magu-admin table.normaltab.descript td.magu-crypto-cell .buttonbar {
    margin: 4px 0 8px;
}

body.theme-winxp-classic.magu-admin table.normaltab.descript td.magu-crypto-cell label {
    font-weight: normal;
    margin-right: 6px;
}

body.theme-winxp-classic.magu-admin .magu-rotate-confirm,
body.theme-winxp-classic.magu-admin table.normaltab.descript input.magu-rotate-confirm {
    width: 16em;
    max-width: 100%;
    box-sizing: border-box;
}

body.theme-winxp-classic.magu-admin .magu-log-pagination a {
    margin-right: 8px;
}

body.theme-winxp-classic.magu-admin .magu-log-pagination span {
    margin: 0 8px;
}

body.theme-winxp-classic.magu-admin #content-body > .admin-side-panel:last-child,
body.theme-winxp-classic.magu-admin #additional-admin-info > .admin-side-panel:last-child {
    margin-bottom: 0;
}

body.theme-winxp-classic.magu-admin #content-body > #admin-main-menu {
    margin-top: 2px;
}

body.theme-winxp-classic.magu-admin #content-body > .settings-tabs {
    margin: 0 0 10px;
}

/* 分享管理：筛选栏（非表格布局） */
body.theme-winxp-classic.magu-admin .magu-share-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding: 4px 0 10px;
}

body.theme-winxp-classic.magu-admin .magu-share-filter-bar label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

body.theme-winxp-classic.magu-admin .magu-share-filter-bar select,
body.theme-winxp-classic.magu-admin .magu-share-filter-bar input[type="search"] {
    margin: 0;
}

/* 后台表格复选框：勾选框画在 label 上并居中，去掉空文本导致的虚线焦点框 */
body.theme-winxp-classic table .magu-share-check-col,
body.theme-winxp-classic table .magu-check-col {
    width: 22px;
    max-width: 22px;
    padding-left: 4px !important;
    padding-right: 4px !important;
    text-align: center;
    vertical-align: middle !important;
}

body.theme-winxp-classic table p.magu-check-line,
body.theme-winxp-classic table p.magu-share-check-line,
body.theme-winxp-classic table .magu-check-col p.checkbox-line,
body.theme-winxp-classic table .magu-share-check-col p.checkbox-line {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 13px;
    height: 13px;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 0;
}

body.theme-winxp-classic table p.magu-check-line input[type="checkbox"],
body.theme-winxp-classic table p.magu-share-check-line input[type="checkbox"],
body.theme-winxp-classic table .magu-check-col p.checkbox-line input[type="checkbox"],
body.theme-winxp-classic table .magu-share-check-col p.checkbox-line input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
    opacity: 0;
    border: none;
    background: transparent;
    z-index: 2;
    cursor: pointer;
}

body.theme-winxp-classic table p.magu-check-line input[type="checkbox"] + label,
body.theme-winxp-classic table p.magu-share-check-line input[type="checkbox"] + label,
body.theme-winxp-classic table .magu-check-col p.checkbox-line input[type="checkbox"] + label,
body.theme-winxp-classic table .magu-share-check-col p.checkbox-line input[type="checkbox"] + label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: 0;
    outline: none;
    box-shadow: none;
    left: 0;
}

body.theme-winxp-classic table p.magu-check-line input[type="checkbox"]:focus + label,
body.theme-winxp-classic table p.magu-share-check-line input[type="checkbox"]:focus + label {
    outline: none;
}

body.theme-winxp-classic table p.magu-check-line input[type="checkbox"] + label::before,
body.theme-winxp-classic table p.magu-share-check-line input[type="checkbox"] + label::before,
body.theme-winxp-classic table .magu-check-col p.checkbox-line input[type="checkbox"] + label::before,
body.theme-winxp-classic table .magu-share-check-col p.checkbox-line input[type="checkbox"] + label::before {
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
}

body.theme-winxp-classic table p.magu-check-line input[type="checkbox"]:checked + label::after,
body.theme-winxp-classic table p.magu-share-check-line input[type="checkbox"]:checked + label::after,
body.theme-winxp-classic table .magu-check-col p.checkbox-line input[type="checkbox"]:checked + label::after,
body.theme-winxp-classic table .magu-share-check-col p.checkbox-line input[type="checkbox"]:checked + label::after {
    left: var(--checkmark-left, 3px) !important;
    top: var(--checkmark-top, 3px) !important;
    margin: 0 !important;
}

/* 后台留言列表：压缩内容列，操作改为文字链接单行 */
body.theme-winxp-classic table.magu-gb-admin-table {
    table-layout: fixed;
    width: 100%;
}

body.theme-winxp-classic table.magu-gb-admin-table th,
body.theme-winxp-classic table.magu-gb-admin-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: none;
}

body.theme-winxp-classic table.magu-gb-admin-table .magu-gb-col-id { width: 48px; }
body.theme-winxp-classic table.magu-gb-admin-table .magu-gb-col-name { width: 7.5em; }
body.theme-winxp-classic table.magu-gb-admin-table .magu-gb-col-ip { width: 8em; }
body.theme-winxp-classic table.magu-gb-admin-table .magu-gb-col-status { width: 4.5em; }
body.theme-winxp-classic table.magu-gb-admin-table .magu-gb-col-time { width: 10em; }
body.theme-winxp-classic table.magu-gb-admin-table .magu-gb-col-content {
    width: auto;
    max-width: 0;
}

body.theme-winxp-classic table.magu-gb-admin-table .magu-gb-col-ops {
    width: 9.5em;
    overflow: visible;
    text-overflow: clip;
}

body.theme-winxp-classic table.magu-gb-admin-table button.magu-link-btn {
    min-width: 0;
    min-height: 0;
    width: auto;
    height: auto;
    padding: 0 2px;
    margin: 0;
    background: none;
    box-shadow: none;
    border: none;
    color: #000080;
    -webkit-text-fill-color: #000080;
    text-decoration: underline;
    text-shadow: none;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    line-height: 1.3;
    display: inline;
    vertical-align: baseline;
}

body.theme-winxp-classic table.magu-gb-admin-table a.magu-link-btn {
    color: #000080;
}

body.theme-winxp-classic table.magu-gb-admin-table .magu-link-btn-danger {
    color: #800000;
    -webkit-text-fill-color: #800000;
}

body.theme-winxp-classic table.magu-gb-admin-table .magu-ops-sep {
    color: #808080;
    margin: 0 1px;
}

/* ========== 移动端完整适配 ========== */
@media (max-width: 768px) {
    body.theme-winxp-classic .wxp-desktop,
    body.theme-winxp-classic .forum-window,
    body.theme-winxp-classic .forum-window-body,
    body.theme-winxp-classic #content,
    body.theme-winxp-classic #content-body,
    body.theme-winxp-classic .magu-content-inner {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    body.theme-winxp-classic .forum-window {
        width: 100%;
    }

    body.theme-winxp-classic.magu-admin #content.sunken-panel {
        padding: 6px;
    }

    body.theme-winxp-classic .magu-nav-main,
    body.theme-winxp-classic .magu-nav-auth,
    body.theme-winxp-classic .magu-menubar-admin {
        width: auto;
        max-width: 100%;
    }

    body.theme-winxp-classic.magu-admin .magu-menubar-admin-top {
        overflow: visible;
    }

    body.theme-winxp-classic.magu-admin .magu-admin-tabnav .magu-admin-menu {
        row-gap: 6px;
    }

    body.theme-winxp-classic.magu-admin .magu-admin-tabnav .magu-admin-menu-sep {
        margin: 0 6px;
    }

    body.theme-winxp-classic table.normaltab.descript,
    body.theme-winxp-classic table.normaltab.descript tbody,
    body.theme-winxp-classic table.normaltab.descript tr {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    body.theme-winxp-classic table.normaltab.descript td,
    body.theme-winxp-classic table.normaltab.descript td:first-child,
    body.theme-winxp-classic table.normaltab.descript td:not(:first-child) {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.theme-winxp-classic table.normaltab.descript td:first-child {
        border-bottom: none;
        padding-bottom: 2px;
    }

    body.theme-winxp-classic table.normaltab.descript td:not(:first-child) {
        padding-top: 2px;
        margin-bottom: 8px;
    }

    body.theme-winxp-classic table.normaltab.descript input[type="text"],
    body.theme-winxp-classic table.normaltab.descript input[type="password"],
    body.theme-winxp-classic table.normaltab.descript input[type="number"],
    body.theme-winxp-classic table.normaltab.descript input[type="url"],
    body.theme-winxp-classic table.normaltab.descript input[type="search"],
    body.theme-winxp-classic table.normaltab.descript select,
    body.theme-winxp-classic table.normaltab.descript textarea {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    body.theme-winxp-classic .mg-table-scroll {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    body.theme-winxp-classic .mg-table-scroll > table,
    body.theme-winxp-classic .mg-table-scroll > table.normaltab,
    body.theme-winxp-classic #content .mg-table-scroll > table.normaltab:not(.descript) {
        display: table;
        width: max-content;
        min-width: 100%;
        overflow: visible;
    }

    body.theme-winxp-classic .mg-table-scroll > table > thead {
        display: table-header-group;
    }

    body.theme-winxp-classic .mg-table-scroll > table > tbody {
        display: table-row-group;
    }

    body.theme-winxp-classic .mg-table-scroll > table > tfoot {
        display: table-footer-group;
    }

    body.theme-winxp-classic .mg-table-scroll > table tr {
        display: table-row;
    }

    body.theme-winxp-classic .mg-table-scroll > table th,
    body.theme-winxp-classic .mg-table-scroll > table td {
        display: table-cell;
    }

    body.theme-winxp-classic .magu-share-filter-bar,
    body.theme-winxp-classic .magu-log-perpage-form {
        flex-wrap: wrap;
        gap: 8px;
    }

    body.theme-winxp-classic .magu-share-filter-bar label,
    body.theme-winxp-classic .magu-log-perpage-form label {
        margin-left: 0;
    }

    body.theme-winxp-classic.magu-admin .buttonbar {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    body.theme-winxp-classic.magu-admin .buttonbar button,
    body.theme-winxp-classic.magu-admin .buttonbar input[type="submit"] {
        min-width: 0;
        flex: 0 0 auto;
    }

    body.theme-winxp-classic .magu-gb-compose,
    body.theme-winxp-classic .magu-guestbook-form input[name="user_name"],
    body.theme-winxp-classic .magu-guestbook-form textarea {
        max-width: 100%;
        width: 100%;
    }

    body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-header {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    body.theme-winxp-classic .balloon.magu-gb-balloon .balloon-time {
        white-space: nowrap;
        padding-left: 0;
        margin-left: 25px;
        flex: 1 0 100%;
        text-align: left;
    }

    body.theme-winxp-classic .magu-gb-replies {
        margin-left: 2px;
    }

    body.theme-winxp-classic .magu-gb-reply-item {
        padding-left: 16px;
    }

    body.theme-winxp-classic .magu-gb-reply-item::after {
        width: 16px;
    }

    body.theme-winxp-classic table.magu-gb-admin-table {
        min-width: 640px;
        table-layout: fixed;
    }

    body.theme-winxp-classic input,
    body.theme-winxp-classic select,
    body.theme-winxp-classic textarea {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    body.theme-winxp-classic .magu-nav-icon,
    body.theme-winxp-classic .magu-logout-btn,
    body.theme-winxp-classic .magu-menubar .magu-logout-btn {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
        height: 46px;
        flex: 0 0 52px;
        padding: 3px 2px;
        font-size: 10px;
    }

    body.theme-winxp-classic .magu-site-logo {
        padding: 4px 4px 10px;
    }

    body.theme-winxp-classic .magu-site-logo .forum-logo-img {
        height: 36px;
    }
}