已发布的源代码

CH-J Server Manager

浏览特定应用版本的目录和文件。

CH-J / Server Manager 377 个文件

core-20261019T111616Z-160a00bfcddc 添加时间: 2026-10-19 22:11 · 构建时间: 2026-10-19 13:16

styles.css 添加时间: 未记录日期 9.1 KB · 64 行

代码下载文件

:root { color-scheme: dark; --bg:#07111f; --panel:#102033; --line:rgba(151,176,205,.18); --text:#ecf5ff; --muted:#8ea5bf; --blue:#42a5ff; --green:#43d6a0; }

2* { box-sizing: border-box; }

body { margin:0; min-width:720px; min-height:500px; color:var(--text); background:radial-gradient(circle at 75% 0,rgba(45,130,220,.18),transparent 35%),var(--bg); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }

header { display:flex; justify-content:space-between; align-items:center; padding:25px 32px; border-bottom:1px solid var(--line); background:rgba(5,14,25,.76); }

h1 { margin:5px 0 2px; font-size:26px; } header p { margin:0; color:var(--muted); font-size:11px; }.eyebrow { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.17em; }

main { padding:26px 32px 34px; }.toolbar { display:flex; align-items:end; gap:10px; flex-wrap:wrap; }.toolbar label:not(.auto) { display:grid; gap:6px; min-width:260px; color:var(--muted); font-size:11px; }.auto { align-self:center; color:var(--muted); font-size:11px; }

select,.button { border:1px solid var(--line); border-radius:9px; color:var(--text); background:#0b1929; padding:9px 12px; font:inherit; }.button { cursor:pointer; }.button.primary { background:linear-gradient(135deg,#267dd1,#3867e8); border-color:#458cea; }.button.ghost { background:transparent; }.button:disabled { opacity:.42; cursor:not-allowed; }

.status { min-height:20px; color:var(--muted); font-size:12px; }.status.error { color:#ff9a9a; }.panel { border:1px solid var(--line); border-radius:16px; background:rgba(16,32,51,.82); box-shadow:0 18px 45px rgba(0,0,0,.12); }

.identity { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; }.identity div { padding:17px 19px; border-right:1px solid var(--line); }.identity div:last-child { border:0; }.identity small,.identity strong { display:block; }.identity small { color:var(--muted); font-size:10px; }.identity strong { margin-top:6px; overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }

.metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:15px; margin-top:15px; }.metric { padding:21px; }.metric span,.metric strong,.metric small { display:block; }.metric span { color:var(--muted); font-size:11px; }.metric strong { margin:10px 0 8px; font-size:25px; }.metric small { color:#718aa3; font-size:10px; }.bar { height:5px; margin:8px 0; overflow:hidden; border-radius:5px; background:rgba(255,255,255,.07); }.bar i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--blue),var(--green)); transition:width .25s ease; }

.details { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(390px,1.2fr); gap:15px; margin-top:15px; }.detail { min-width:0; padding:20px; }.section-heading { display:flex; align-items:start; justify-content:space-between; gap:14px; }.section-heading small { color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.15em; }.section-heading h2 { margin:4px 0 0; font-size:17px; }.badge { max-width:60%; overflow:hidden; border:1px solid var(--line); border-radius:999px; padding:5px 8px; color:var(--muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.model { display:block; margin-top:20px; font-size:14px; line-height:1.45; }.facts { display:grid; gap:10px; margin:18px 0 0; }.facts div { display:grid; grid-template-columns:90px 1fr; gap:12px; padding-top:10px; border-top:1px solid var(--line); }.facts dt { color:var(--muted); font-size:10px; }.facts dd { margin:0; font-size:11px; line-height:1.4; }.network-list { display:grid; gap:9px; margin-top:16px; }.network-interface { padding:12px 13px; border:1px solid var(--line); border-radius:11px; background:rgba(5,14,25,.34); }.interface-heading { display:flex; justify-content:space-between; gap:12px; }.interface-name { font-size:12px; }.default-mark { margin-left:8px; color:var(--blue); font-size:8px; font-weight:700; text-transform:uppercase; }.state { border-radius:999px; padding:3px 7px; font-size:8px; font-weight:700; text-transform:uppercase; }.state.up { color:#72e5b9; background:rgba(67,214,160,.12); }.state.down { color:#ffadad; background:rgba(255,110,110,.1); }.addresses,.mac { margin:7px 0 0; overflow-wrap:anywhere; color:var(--muted); font-size:9px; line-height:1.4; }.mac { color:#718aa3; }.traffic { display:flex; flex-wrap:wrap; gap:7px 16px; margin-top:9px; padding-top:9px; border-top:1px solid var(--line); font-size:9px; }.traffic .rx { color:#8acbff; }.traffic .tx { color:#74ddb5; }.empty { margin:10px 0 0; color:var(--muted); font-size:10px; }

.security { margin-top:15px; padding:18px 20px; border-left:3px solid var(--green); }.security strong { font-size:12px; }.security p { margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }.security code { color:#8acbff; }

@media(max-width:980px){.details{grid-template-columns:1fr}}@media(max-width:820px){.metrics{grid-template-columns:1fr 1fr}.identity{grid-template-columns:1fr 1fr}}

15[hidden] { display:none !important; }

16.memory-section { margin-top:15px; padding:0; }

.memory-section summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:18px 20px; cursor:pointer; list-style:none; }

18.memory-section summary::-webkit-details-marker { display:none; }

19.memory-section summary small { color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.15em; }

20.memory-section summary h2 { margin:4px 0 0; font-size:17px; }

.memory-section summary:focus-visible, .button:focus-visible, select:focus-visible, input:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }

22.memory-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding:0 20px 20px; }

.memory-block { min-width:0; padding:16px; border:1px solid var(--line); border-radius:12px; background:rgba(5,14,25,.34); }

24.memory-block h3 { margin:0 0 10px; font-size:13px; }

25canvas { display:block; width:100%; height:120px; border-radius:8px; background:rgba(0,0,0,.18); }

.stack { display:flex; height:12px; margin:12px 0 8px; overflow:hidden; border-radius:6px; background:rgba(255,255,255,.07); }

27.stack i { display:block; height:100%; }

.legend { display:flex; flex-wrap:wrap; gap:6px 14px; margin:0; padding:0; list-style:none; font-size:10px; color:var(--muted); }

29.legend b { display:inline-block; width:9px; height:9px; margin-right:5px; border-radius:2px; vertical-align:middle; }

30.facts.compact div { grid-template-columns:150px 1fr; }

31.hint { margin:10px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }

32.error { margin:8px 0 0; color:#ff9a9a; font-size:11px; }

33.table-wrap { margin-top:12px; overflow:auto; }

34table { width:100%; border-collapse:collapse; font-size:10px; }

35th, td { padding:7px 8px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; }

36th { color:var(--muted); font-weight:600; }

37.inline-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:12px; }

.pill { display:inline-block; border-radius:999px; padding:2px 7px; font-size:9px; background:rgba(142,165,191,.14); color:var(--muted); }

39.pill.ok { color:#72e5b9; background:rgba(67,214,160,.12); }

40.pill.warn { color:#f2c463; background:rgba(242,196,99,.13); }

41.pill.danger { color:#ffadad; background:rgba(255,110,110,.12); }

dialog { width:min(860px, calc(100vw - 40px)); max-height:calc(100vh - 40px); overflow:auto; border:1px solid var(--line); border-radius:14px; background:#0d1b2d; color:var(--text); padding:20px 22px; }

43dialog::backdrop { background:rgba(2,8,16,.7); }

44dialog form, .dialog-body { display:grid; gap:12px; }

45dialog label { display:grid; gap:6px; color:var(--muted); font-size:11px; }

46dialog label.check { display:flex; align-items:center; gap:8px; }

dialog input { border:1px solid var(--line); border-radius:8px; color:var(--text); background:#0b1929; padding:8px 10px; font:inherit; }

48.dialog-head { display:flex; justify-content:space-between; align-items:center; }

49.dialog-head h3, dialog h3 { margin:0; font-size:16px; }

50.actions { display:flex; justify-content:flex-end; gap:8px; }

51.form-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; align-items:end; }

52.vm-form { padding:14px; border:1px solid var(--line); border-radius:10px; display:grid; gap:10px; }

53.vm-form h4 { margin:0; font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }

54.details-list { margin:0; padding-left:18px; color:var(--muted); font-size:11px; line-height:1.5; }

.mini { border:1px solid var(--line); border-radius:7px; color:var(--text); background:#0b1929; padding:4px 7px; font:inherit; font-size:10px; cursor:pointer; }

56.mini.danger { border-color:rgba(255,114,114,.4); color:#ffaaaa; }

57.mini:disabled { opacity:.4; cursor:not-allowed; }

58@media(max-width:1060px){.memory-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}

59.vm-form input[type=number] { width:110px; }

60.vm-form .inline-actions { flex-wrap:nowrap; margin-top:0; }

dialog fieldset.choice { border:1px solid var(--line); border-radius:10px; padding:8px 12px; display:grid; gap:6px; margin:0; }

62dialog fieldset.choice legend { color:var(--muted); font-size:11px; padding:0 4px; }

63dialog input[type=radio] { width:auto; }

64.prio-note { display:block; color:var(--muted); font-size:10px; }

SHA-256

ae0c28b52bb34aed982fb845715d5927d60a986533023452a5c124d3e33ac950

CH-J Proprietary Software License 1.14 · 源代码依据 CH-J Proprietary Software License 1.14 提供。公开源代码不会改变许可条款，也不会授予额外权利。

压缩包 SHA-256

a9605c0870a223b6a8542bb0705edd51d8b04f3069582653417a8397fabcc09a