:root{color-scheme:dark;--bg: #121516;--panel: rgba(26, 30, 33, 0);--panel-soft: rgba(15, 19, 22, .2);--panel-muted: rgba(18, 22, 26, .22);--border: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .12);--glass-shadow: 0 18px 48px rgba(0, 0, 0, .18);--text: #eef4f6;--text-soft: #9ea8b3;--accent: #58d8c7;--accent-2: #2fc3d7;--danger: #f2495c;--radius-xl: 20px;--radius-lg: 14px;--radius-md: 10px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background-color:#1b1d1f;background-image:linear-gradient(180deg,rgba(6,10,14,.5),rgba(7,11,15,.72)),url(https://pic1.imgdb.cn/item/678fa5bed0e0a243d4f62fa7.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(88,216,199,.08),transparent 34%),radial-gradient(circle at bottom right,rgba(47,195,215,.12),transparent 30%)}a{color:inherit;text-decoration:none}button{font:inherit}#root{position:relative;z-index:1}.app-shell{min-height:100vh;display:grid;grid-template-columns:196px minmax(0,1fr);gap:18px;padding:16px;background:rgba(10,14,18,.08)}.side-nav,.panel-card,.side-nav-item,.meta-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.side-nav{position:sticky;top:16px;height:calc(100vh - 32px);padding:18px 14px 14px;display:flex;flex-direction:column;border-radius:28px;background:linear-gradient(180deg,rgba(10,15,19,.16),rgba(9,14,17,.08));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000024;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}.nav-toggle,.nav-scrim{display:none}.side-nav-brand{margin-bottom:22px;padding:4px 8px 0}.side-nav-kicker,.section-kicker,.meta-label{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.side-nav-title{display:none}.side-nav-links{display:grid;gap:10px}.side-nav-footer{margin-top:auto;display:grid;gap:10px;padding-top:18px}.world-entry,.primary-action,.danger-action,.ghost-action,.ghost-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:18px;border:1px solid transparent;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.world-entry,.primary-action{position:relative;overflow:hidden;min-height:48px;padding:12px 18px;background:rgba(255,255,255,.07);color:var(--text);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000001f;backdrop-filter:blur(10px) saturate(122%);-webkit-backdrop-filter:blur(10px) saturate(122%)}.world-entry:hover,.primary-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1a,0 16px 34px #00000024}.world-entry-live{background:rgba(255,255,255,.08)}.world-entry:before{display:none}.world-entry:after{display:none}.world-entry-label{position:relative;z-index:1;display:block;font-size:1.05rem;font-weight:600;letter-spacing:.01em}.world-entry-glow{position:absolute;inset:auto 16px 10px;height:1px;background:linear-gradient(90deg,rgba(88,216,199,0),rgba(88,216,199,.55),rgba(88,216,199,0));opacity:.8}.world-entry-hint,.field-hint,.credentials-note,.credential-agent,.credential-card-head span,.credential-meta-grid span,.setup-copy,.setup-uri-box code,.setup-secret-box span{color:var(--text-soft)}.world-entry-hint{font-size:.82rem;line-height:1.55}.side-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.04);border-radius:18px;background:rgba(255,255,255,.02);color:var(--text-soft);text-align:left;padding:14px 16px;cursor:pointer;box-shadow:inset 0 1px #ffffff08}.side-nav-item:hover{color:var(--text);background:rgba(255,255,255,.06);border-color:#ffffff17}.side-nav-item.active{color:var(--text);background:linear-gradient(135deg,rgba(88,216,199,.15),rgba(255,255,255,.06));border-color:#7ef0e442;box-shadow:inset 3px 0 0 var(--accent),0 10px 28px #08161729}.view-panel{display:none}.view-panel.active{display:block;min-width:0}.panel-card{border-radius:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.panel-empty{padding:18px 20px;border-radius:12px;background:rgba(255,255,255,.03);color:var(--text-soft)}.about-page-grid{min-height:calc(100vh - 32px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-column{min-height:calc(100vh - 32px);display:grid;align-content:start;gap:18px;padding:22px}.chart-panel,.github-panel,.monitor-panel,.files-panel{display:grid;align-content:start;gap:18px;padding:22px;min-width:0}.home-column-head{display:grid;gap:8px}.column-title{margin:0;font-size:1.9rem;font-weight:700}.about-header.stacked-about-header{display:grid;grid-template-columns:1fr;gap:18px;justify-items:start}.about-heading-block{display:grid;gap:10px;max-width:100%}.avatar-wrap{width:120px;height:120px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.avatar{width:100%;height:100%;display:block}.page-title,.panel-title{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.05em}.headline-quote{margin:0;color:var(--accent);font-size:clamp(1.02rem,1.8vw,1.3rem);line-height:1.55}.about-contact-list,.blog-feed-list,.link-list.vertical-link-list,.status-layout,.monitor-layout{display:grid;gap:14px}.meta-card{display:grid;gap:10px;padding:22px 24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(26,31,35,.22),rgba(12,16,19,.14));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.meta-card strong{font-size:2rem}.clock-card-body{display:flex;align-items:center;gap:18px}.clock-widget-wrap{flex:0 0 auto}.clock-widget-wrap .react-clock{width:96px;height:96px}.clock-widget-wrap .react-clock__face{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.clock-widget-wrap .react-clock__mark__body,.clock-widget-wrap .react-clock__hour-mark__body{background:rgba(255,255,255,.28)}.clock-widget-wrap .react-clock__hand__body{background:var(--accent)}.clock-widget-wrap .react-clock__second-hand__body{background:#7cc8ff}.clock-text-wrap{display:grid;gap:8px}.clock-text-wrap span,.blog-feed-date,.blog-feed-summary,.panel-link,.panel-stat span,.project-placeholder,.source-tag,.grafana-legend,.chart-tooltip-row,.chart-tooltip-time{color:var(--text-soft)}.contact-link-item{display:inline-flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:12px;background:#20262d}.contact-link-icon{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:rgba(88,216,199,.12);color:var(--accent);font-size:.82rem;font-weight:700}.blog-feed-item,.project-card-item,.heatmap-frame,.gauge-card,.pressure-card,.monitor-stat-card,.timeseries-panel,.credential-card,.secret-card,.memo-card,.setup-secret-box,.setup-uri-box{border-radius:12px;background:linear-gradient(180deg,rgba(21,25,29,.2),rgba(12,15,19,.12));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(6,8,10,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{width:min(100%,34rem);display:grid;gap:18px;padding:22px;border-radius:22px;background:rgba(20,24,27,.98);border:1px solid rgba(255,255,255,.08)}.modal-card-compact{width:min(100%,28rem)}.modal-head,.credential-card-head,.credential-meta-grid,.setup-secret-box,.setup-uri-box{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{margin:6px 0 0;font-size:1.7rem}.dialog-title{font-size:1.45rem}.dialog-body{display:grid;gap:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dialog-copy{margin:0;line-height:1.65}.dialog-copy-soft{color:var(--text-soft)}.dialog-copy-danger{color:#ffb0b8}.toast-stack{position:fixed;top:24px;right:24px;z-index:80;display:grid;gap:12px;width:min(360px,calc(100vw - 32px))}.toast-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(19,26,31,.82),rgba(11,16,20,.74));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 42px #00000047}.toast-success{border-color:#49d69542}.toast-danger{border-color:#ff667a42}.toast-info{border-color:#6ee7ff38}.toast-copy{display:grid;gap:4px}.toast-copy strong{color:var(--text);font-size:.95rem}.toast-copy span{color:var(--text-soft);line-height:1.55;font-size:.9rem}.toast-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:0;background:rgba(255,255,255,.05);color:var(--text-soft);font-size:1rem}.dialog-field input{width:100%}.auth-form,.setup-panel,.credential-list{display:grid;gap:14px}.field-block{display:grid;gap:8px}.field-block span,.setup-secret-box strong,.credential-card-head strong,.credential-meta-grid strong{color:var(--text)}.field-block input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text)}.field-block input:focus{outline:none;border-color:#58d8c75c;box-shadow:0 0 0 3px #58d8c71f}.ghost-action,.ghost-danger{min-height:48px;padding:12px 18px;background:linear-gradient(180deg,rgba(21,25,29,.18),rgba(12,15,19,.1));color:var(--text-soft);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff14,0 10px 28px #0000001f;backdrop-filter:blur(12px) saturate(128%);-webkit-backdrop-filter:blur(12px) saturate(128%)}.ghost-action:hover,.ghost-danger:hover{color:var(--text);background:linear-gradient(180deg,rgba(30,35,40,.26),rgba(15,19,23,.14));border-color:#ffffff1f}.danger-action,.ghost-danger{color:#ff99a4}.danger-action{min-height:48px;padding:12px 18px;background:rgba(242,73,92,.08);border-color:#f2495c38}.form-error{padding:12px 14px;border-radius:12px;background:rgba(242,73,92,.08);border:1px solid rgba(242,73,92,.18);color:#ff99a4}.setup-secret-box,.setup-uri-box,.credential-card{padding:16px 18px}.setup-secret-box strong,.setup-uri-box code{max-width:100%;overflow-wrap:anywhere}.list-load-more{display:flex;justify-content:center;padding-top:6px}.checkbox-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkbox-field input{width:18px;height:18px}.field-block textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text);resize:vertical;font:inherit}.field-block textarea:focus{outline:none;border-color:#58d8c75c;box-shadow:0 0 0 3px #58d8c71f}.credential-card{display:grid;gap:14px}.credential-card.current{border-color:#58d8c738;box-shadow:inset 3px 0 0 var(--accent)}.credential-card-head>div{display:grid;gap:4px}.credential-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.credential-meta-grid>div{display:grid;gap:4px}.blog-feed-item{display:grid;gap:10px;padding:18px 20px;width:min(100%,36rem)}.blog-feed-title{font-size:1rem;line-height:1.45}.blog-feed-summary{margin:0;line-height:1.7;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.project-card-list{display:grid;gap:12px}.project-card-item{display:grid;gap:10px;padding:18px 20px}.project-card-title{font-size:1rem;line-height:1.35}.project-card-summary{margin:0;color:var(--text-soft);line-height:1.65;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.project-card-language{color:var(--accent);font-size:.82rem}.panel-head,.grafana-board-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-stat{display:grid;gap:4px;text-align:right}.panel-stat strong{font-size:1.2rem}.status-title,.monitor-title{font-size:clamp(1.35rem,2vw,1.95rem)}.status-dashboard{gap:18px}.status-hero-card,.status-surface{display:grid;gap:18px;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(21,25,29,.22),rgba(12,15,19,.12));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.status-summary-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px 24px;align-items:end;padding:4px 0 2px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.status-summary-main{display:grid;gap:10px}.status-summary-title{margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:1.1;letter-spacing:-.04em}.status-summary-subtitle{margin:0;color:var(--text-soft)}.status-date-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-range-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.status-filter-actions{display:flex;justify-content:flex-end;gap:10px;align-items:flex-end;white-space:nowrap}.status-filter-actions .ghost-action,.status-filter-actions .primary-action{min-width:112px}.status-date-field{display:grid;gap:8px}.status-date-field span{color:var(--text-soft);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.status-date-field input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text);font:inherit}.status-summary-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-summary-stat{display:grid;gap:8px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(21,25,29,.18),rgba(12,15,19,.1));border:1px solid rgba(255,255,255,.1);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.status-summary-stat span{color:var(--text-soft);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.status-summary-stat strong{font-size:1.02rem;line-height:1.4}.status-hero-card{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);align-items:end}.status-hero-copy{display:grid;gap:10px}.status-hero-title{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.05em}.status-hero-subtitle{margin:0;color:var(--text-soft);font-size:1rem}.status-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-range-metric{align-content:start}.range-chip-row{display:flex;flex-wrap:wrap;gap:8px}.range-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text-soft);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.range-chip:hover{color:var(--text);border-color:#ffffff24;background:rgba(255,255,255,.05)}.range-chip.active{color:var(--text);border-color:#7ef0e447;background:linear-gradient(135deg,rgba(88,216,199,.16),rgba(255,255,255,.06))}.status-hero-metric{display:grid;gap:8px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.status-hero-metric span{color:var(--text-soft);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.status-hero-metric strong{font-size:1.04rem;line-height:1.4}.status-grid{display:grid;gap:18px}.status-block{display:grid;gap:12px;min-width:0}.status-grid-main{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}.status-grid-secondary,.status-grid-tertiary{grid-template-columns:repeat(3,minmax(0,1fr))}.status-surface-wide{min-width:0}.status-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.status-section-head h3{margin:4px 0 0;font-size:1.22rem}.status-chart-shell{padding-bottom:24px}.status-surface-loading,.monitor-section-shell{position:relative}.status-surface-loading:after{content:"等待数据中...";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:rgba(10,14,18,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e8eff4e0;font-size:.92rem;letter-spacing:.06em;z-index:2}.status-chart-tall{height:320px}.status-legend{display:flex;flex-wrap:wrap;gap:10px}.status-legend.compact{gap:8px}.status-legend-item{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--text-soft);font-size:.82rem}.status-legend-dot,.status-list-dot{width:10px;height:10px;border-radius:999px}.status-tooltip{min-width:220px}.status-ranked-list{display:grid;gap:14px}.status-ranked-item{display:grid;gap:10px}.status-ranked-copy{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.status-ranked-copy span,.status-list-copy span{color:var(--text-soft)}.status-ranked-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}.status-ranked-fill{display:block;height:100%;border-radius:inherit}.status-donut-card{align-content:start}.status-donut-layout{display:grid;gap:10px}.chart-tooltip-dot{width:10px;height:3px;border-radius:999px}.chart-tooltip{min-width:180px;padding:12px 14px;border-radius:8px;background:#262b33;border:1px solid rgba(255,255,255,.08)}.chart-tooltip-time{margin-bottom:10px;font-size:.9rem;font-weight:700;color:var(--text)}.chart-tooltip-list{display:grid;gap:8px}.chart-tooltip-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.84rem}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr}.side-nav{position:static;height:auto}.about-page-grid,.status-hero-card,.schedule-grid,.status-range-toolbar{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:12px}.home-column,.chart-panel,.github-panel,.monitor-panel{min-height:auto;height:auto;padding:18px}.panel-head,.clock-card-body,.modal-head,.credential-card-head,.setup-secret-box,.setup-uri-box{flex-direction:column;align-items:flex-start}.credential-meta-grid,.status-hero-metrics,.status-date-filter{grid-template-columns:1fr}.status-filter-actions{justify-content:flex-start;flex-wrap:wrap}.secrets-form,.memos-form{grid-template-columns:1fr}.secrets-span-2,.memos-span-2{grid-column:auto}.memo-card-head{flex-direction:column}.file-row{grid-template-columns:1fr}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;padding-top:72px}.nav-toggle{position:fixed;top:16px;left:16px;z-index:25;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(15,19,22,.44);color:var(--text);box-shadow:var(--glass-shadow);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:block;border:0;background:rgba(4,7,10,.36);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.side-nav{position:fixed;top:16px;left:16px;bottom:16px;height:auto;width:min(320px,calc(100vw - 32px));z-index:20;transition:transform .22s ease,opacity .22s ease}.side-nav.collapsed{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.side-nav.open{transform:translate(0);opacity:1}}