/* ========================================================================= * ZdsjuP1 皮肤 · 服务器详情弹窗 + 侧栏 LOGO 样式补丁 * * 主体由脚本从 public/user/css/skinpro.css 提取，请勿手工编辑（改脚本后重新生成）。 * * 背景：ZdsjuP1 的 host/、server/ 目录只有 purchase.html，模板解析出现三重错位 —— * 1. Skin_model.php get_root()：这两个目录存在 → 模块级回退不触发，view_root 仍是 skin/ZdsjuP1/ * 2. common_helper.php skin_extends()：detail.html 不存在 → 文件级回退到 skin/default 的新版弹窗模板 * 3. default/host/index.html 用纯相对路径 extends '../layouts/member_index.html'（不过 skin_extends） * → 侧栏/顶栏结构也取自 default，而它第一行的 './member.html'|skin_extends 又指回 ZdsjuP1/member.html * 于是「结构是 default 的新版、 是 ZdsjuP1 的」，而 ZdsjuP1 不加载 skinpro.css， * 导致新版结构依赖的样式全部缺失：弹窗内联 SVG 按默认 300x150 渲染、两栏布局塌陷、 * 侧栏 LOGO 完全没有尺寸约束（按 logo.png 原始 400x120 显示）。 * * 本文件只含必需部分：CSS 变量 + 弹窗作用域规则(.sk-winbar/.kvm_detail/#serverModal) + 侧栏 LOGO 约束， * 不含 skinpro.css 中会重塑整站外观的全局规则（body / #header / .btn / .table ...）。 * ========================================================================= */ /* ============================== CSS 变量 ============================== */ :root{ --sk-brand:#635bff; --sk-brand-d:#4f46e5; --sk-brand-l:#8b85ff; --sk-brand-bg:#eeedfe; --sk-brand-bg2:#f5f4ff; --sk-glow:rgba(99,91,255,.42); --sk-ring:rgba(99,91,255,.18); --sk-page:#f6f7f9; --sk-card:#ffffff; --sk-card-2:#fafbfc; --sk-border:#edeff2; --sk-border-2:#f3f4f6; --sk-border-3:#e3e6ea; --sk-ink:#0d1526; --sk-ink-2:#475569; --sk-mut:#8b95a7; --sk-faint:#c4ccd8; --sk-rail:#0e1119; --sk-rail-2:#161a24; --sk-rail-mut:#8b93a7; --sk-rail-faint:#565f74; --sk-head:#f9f9fd; --sk-stripe:#fbfbfe; --sk-danger:#e8554d; --sk-danger-bg:#fdecec; --sk-success:#16a06a; --sk-success-bg:#e7f6ee; --sk-warn:#dd9224; --sk-warn-bg:#fdf3e1; --sk-radius-sm:9px; --sk-radius:11px; --sk-radius-lg:14px; /* 布局外壳变量（默认=① 云控制台：浅色侧栏、方正紧凑） */ --sk-app-bg:var(--sk-page); --sk-side-bg:var(--sk-card); --sk-side-ink:var(--sk-ink-2); --sk-side-grp:var(--sk-mut); --sk-side-brand:var(--sk-ink); --sk-side-bd:var(--sk-border); --sk-card-bd:var(--sk-border); --sk-card-blur:none; --sk-sh:0 1px 2px rgba(13,21,38,.04),0 1px 3px rgba(13,21,38,.05); --sk-sh-md:0 4px 18px rgba(13,21,38,.06),0 2px 6px rgba(13,21,38,.04); --sk-sh-lg:0 16px 44px rgba(13,21,38,.14); } html[data-skin="dark"]{ --sk-page:#0b0b14; --sk-card:#15151f; --sk-card-2:#1a1a26; --sk-border:#262636; --sk-border-2:#1f1f2c; --sk-border-3:#2e2e40; --sk-ink:#e9eaf4; --sk-ink-2:#c0c2d6; --sk-mut:#7f819b; --sk-faint:#5a5c75; --sk-rail:#0a0a14; --sk-rail-2:#14141f; --sk-head:#1a1a26; --sk-stripe:#181822; --sk-danger:#f1746b; --sk-danger-bg:#3a1f1d; --sk-success:#34c281; --sk-success-bg:#15301f; --sk-warn:#e7a948; --sk-warn-bg:#352713; --sk-sh:0 1px 2px rgba(0,0,0,.3); --sk-sh-md:0 6px 22px rgba(0,0,0,.45); --sk-sh-lg:0 16px 46px rgba(0,0,0,.6); } /* ============================== 详情弹窗外壳（限定 #serverModal，不影响其它弹窗） ============================== */ /* 定位：不沿用任何皮肤的居中机制，自己写全。 - ZdsjuP1/bootstrap.css 在 >=768px 给 .modal-dialog 设了 left:50%; margin-left:-280px; width:560px; padding:30px 0 - ZdsjuP1/style.css 又给 .modal-large 设了 top:50%; left:0; right:0; margin:-400px auto 0 两套机制混用极易把弹窗推出视口，所以这里把 top/left/right/bottom/width/margin/padding 全部显式重置， 统一用 margin:auto 水平居中 + 顶部留白，高度由 #serverModalPjax 的 max-height:85vh 控制。 */ #serverModal .modal-dialog.modal-large{ position:relative; top:0; left:0; right:0; bottom:auto; width:auto; max-width:1080px; margin:30px auto; padding:0; } @media(max-width:1120px){ #serverModal .modal-dialog.modal-large{ max-width:94vw; } } @media(max-width:767px){ #serverModal .modal-dialog.modal-large{ max-width:none; margin:10px auto; } } #serverModal .modal-content{ background:var(--sk-card); border:1px solid var(--sk-border); border-radius:var(--sk-radius-lg); box-shadow:var(--sk-sh-lg); overflow:hidden; } #serverModal .modal-body{ padding:20px; } #serverModal .close{ color:var(--sk-mut); opacity:.7; text-shadow:none; } #serverModal .close:hover{ color:var(--sk-ink); opacity:1; } /* 弹窗内图片兜底：任何未被具体规则约束的图片都不许撑破卡片 */ #serverModal img{ max-width:100%; } /* bootstrap.css 的 .tooltip z-index:1030 低于 modal(1050)，挂到 body 上会被弹窗盖住 */ .tooltip{ z-index:1080; } /* ============================== 侧栏站点 LOGO 尺寸约束 ============================== */ /* 为什么需要：default/host/index.html 用纯相对路径 {extends file='../layouts/member_index.html'} （不经 skin_extends），所以页面结构取自 default 的 layouts/member_index.html —— 站点 LOGO 位于