/* Homepage glass v3: shared WebKit/Chromium rim, compact service composition. */
:root { --home-ink:#f5faff; --home-muted:#d4e5f0; --home-accent:#bceaff; --glass-fill:rgba(11,31,45,.22); --glass-rim:rgba(231,250,255,.35); }
body { color:var(--home-ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif; -webkit-font-smoothing:antialiased; }
html { scrollbar-color:#8faec2 #172d3b; scrollbar-width:thin; }
::selection { background:#286080; color:white; }
a { text-underline-offset:.2em; }
input { caret-color:var(--home-accent); }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid var(--home-accent); outline-offset:4px; }
/* Keep optical edges independent of mask-composite support. */
.service-card,#information-widgets-right > * {
 position:relative; isolation:isolate; border:1px solid var(--glass-rim) !important;
 background:linear-gradient(155deg,rgba(226,250,255,.065),transparent 30%,rgba(160,219,247,.025)),var(--glass-fill) !important;
 -webkit-backdrop-filter:blur(9px) saturate(130%); backdrop-filter:blur(9px) saturate(130%);
 box-shadow:0 8px 24px rgba(1,12,22,.16),inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(184,228,250,.12);
 border-radius:22px !important;
}
.service-card::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
 box-shadow:inset 1px 1px 0 rgba(242,253,255,.36),inset -1px -1px 0 rgba(145,209,242,.18); }
.service-card::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
 background:radial-gradient(ellipse 65% 16% at 20% 0%,rgba(234,253,255,.12),transparent),radial-gradient(ellipse 55% 12% at 90% 100%,rgba(176,224,255,.1),transparent); }
#information-widgets { padding:0 !important; margin:38px 36px 26px !important; background:none !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
#widgets-wrap { display:grid !important; grid-template-columns:minmax(240px,1fr) minmax(360px,1.15fr); gap:24px; align-items:center; }
.information-widget-greeting { min-width:0; }
.information-widget-greeting span { font-size:30px !important; font-weight:600; letter-spacing:-.03em; text-shadow:0 2px 12px rgba(0,10,20,.5); }
#information-widgets-right { display:grid !important; grid-template-columns:1fr auto; gap:12px; margin:0 !important; min-width:0; }
#information-widgets-right > * { padding:12px 18px; min-width:0; }
.information-widget-datetime { grid-column:1; border-radius:16px !important; }
.information-widget-datetime span { font-size:14px !important; font-variant-numeric:tabular-nums; color:var(--home-muted) !important; }
.information-widget-datetime > div { justify-content:flex-start !important; }
.information-widget-search { grid-column:1 / -1; grid-row:2; padding:0 !important; min-height:46px; }
.information-widget-search > div { margin:0 !important; height:46px !important; }
.information-widget-search input { border:0 !important; height:46px !important; padding-left:18px; background:transparent !important; color:var(--home-ink); font-size:13px !important; border-radius:inherit; }
.information-widget-search input::placeholder { color:var(--home-muted); opacity:1; }
.information-widget-search button { border-radius:0 20px 20px 0 !important; height:42px; top:1px; }
#information-widgets-right > :not(.information-widget-datetime):not(.information-widget-search) { grid-column:2; grid-row:1; border-radius:16px !important; }
#layout-groups { display:grid !important; grid-template-columns:2fr 1fr; gap:30px 24px; margin:24px 36px !important; }
#layout-groups > .services-group { padding:0 !important; min-width:0; width:100%; }
#layout-groups > .services-group:nth-child(3) { grid-column:1 / -1; }
#layout-groups > .services-group:nth-child(1) .services-list,#layout-groups > .services-group:nth-child(3) .services-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.services-list { margin-top:14px !important; }
.service-group-name { margin:0 !important; color:var(--home-ink) !important; font-size:15px !important; font-weight:500 !important; letter-spacing:.01em; }
.service-group-icon { width:20px !important; height:20px !important; margin-right:9px !important; opacity:.85; }
.service-card { margin:0 !important; height:100% !important; padding:0 !important; transition:transform 200ms cubic-bezier(.16,1,.3,1),box-shadow 200ms ease-out; }
.home-tunnel-card-link { position:absolute; inset:0; z-index:3; border-radius:inherit; cursor:pointer; }
.home-tunnel-card-link:focus-visible { outline:2px solid var(--home-accent); outline-offset:-4px; }
.service-title { min-height:128px; padding:22px 20px !important; align-items:center; }
.service-icon { width:42px !important; margin-right:8px; }
.service-name { font-size:16px !important; font-weight:600; color:var(--home-ink) !important; padding:0 !important; text-shadow:0 1px 5px rgba(0,12,24,.6); }
.service-description { margin-top:8px; font-size:12px !important; line-height:1.7; font-weight:400 !important; color:var(--home-muted) !important; }
.service[data-name="UPS Guard"] .service-icon > div { background:#7ce7c3 !important; }
.service[data-name="DDNS 管理"] .service-icon > div { background:#82d5ff !important; }
.service[data-name="家庭存储中心"] .service-icon > div { background:#f0d49a !important; }
.service[data-name="家庭落地日志"] .service-icon > div { background:#c0b3ff !important; }
.service[data-name="设备与服务架构"] .service-icon > div { background:#96d8ed !important; }
#layout-groups > .services-group:nth-child(3) .service-title { min-height:100px; }
.service-tags { top:4px !important; right:4px !important; }
@media(hover:hover) and (pointer:fine) { .service-card:hover { transform:translateY(-2px); --glass-fill:rgba(22,51,68,.28); box-shadow:0 12px 28px rgba(1,12,22,.22),inset 0 1px 1px rgba(255,255,255,.55); } }
@media(min-width:1100px) { .container:has(#layout-groups) { max-width:1180px !important; } }
@media(max-width:850px) { #widgets-wrap { grid-template-columns:1fr !important; gap:18px; } #layout-groups { grid-template-columns:1fr !important; } #layout-groups > .services-group:nth-child(3) { grid-column:auto; } .information-widget-greeting span { font-size:28px !important; } }
@media(max-width:540px) { #information-widgets { margin:28px 20px 22px !important; } #layout-groups { margin:22px 20px !important; gap:26px; } #layout-groups > .services-group:nth-child(1) .services-list,#layout-groups > .services-group:nth-child(3) .services-list { grid-template-columns:1fr; gap:12px; } .service-title { min-height:104px; } #information-widgets-right > * { padding:11px 13px; } .information-widget-datetime span { font-size:12px !important; } }
@media(prefers-reduced-motion:reduce) { .service-card { transition:none; transform:none !important; } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .service-card,#information-widgets-right > * { background:#142b3b !important; -webkit-backdrop-filter:none; backdrop-filter:none; } }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .service-card,#information-widgets-right > * { background:#142b3b !important; } }
.information-widget-search > div > .relative { position:static !important; } .information-widget-search button { top:1px !important; bottom:auto !important; right:1px !important; }

/* Flush search engine cap: one continuous pill, without the default inset. */
.information-widget-search { overflow:hidden; }
.information-widget-search button { top:0 !important; right:0 !important; bottom:0 !important; height:46px !important; width:54px; border-radius:0 22px 22px 0 !important; display:flex; align-items:center; justify-content:center; padding:0 !important; }
#layout-groups > .services-group:nth-child(n+4) { grid-column:1 / -1; }
#layout-groups > .services-group:nth-child(n+4) .services-list { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.service-card .service-block { background:rgba(8,24,36,.15) !important; }
@media(max-width:850px) { #layout-groups > .services-group:nth-child(n+4) .services-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { #layout-groups > .services-group:nth-child(n+4) .services-list { grid-template-columns:1fr; } }

/* Live data has its own hierarchy; keep native values as the update source. */
.service[data-name="UPS Guard"] .service-container,
.service[data-name="DDNS 管理"] .service-container { display:none !important; }
.service[data-name="UPS Guard"] .service-title,
.service[data-name="DDNS 管理"] .service-title { min-height:100px; padding-bottom:12px !important; }
.home-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; padding:10px 26px 26px; }
.home-metric { min-width:0; display:flex; flex-direction:column; gap:7px; }
.home-metric-label { color:#c6dbe8; font-size:11px; font-weight:400; }
.home-metric-value { color:#f6fbff; font-size:22px; line-height:1.2; font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.home-metric-value[data-state="online"] { color:#9ce7ce; font-size:19px; }
.home-metrics-dns { grid-template-columns:1fr; }
.home-metrics-dns .home-metric-value { font-size:21px; }
.home-metric-note { grid-column:1/-1; font-size:11px; color:#c6dbe8; line-height:1.5; }
@media(max-width:540px){ .home-metrics { padding:10px 22px 24px; } }

.home-launcher-downloads { max-width:1180px;margin:28px auto 48px;padding:0 20px;display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#c6dbe8; }
.home-launcher-downloads a { color:#e5f5ff;text-decoration:underline;text-underline-offset:4px; }