@charset "UTF-8";
:root{color-scheme:light;--page:#f4f4f3;--surface:#fff;--surface-alt:#f7f7f6;--text:#222321;--muted:#8c8e89;--subtle:#b9bcb5;--border:#e6e7e3;--line:#e2e3de;--control:#fff;--active:#242522;--active-text:#fff;--feature:#242522;--feature-text:#fff;--feature-muted:#adafa7;--feature-line:#41423d;--shadow:0 4px 16px #20251b03,0 1px 2px #20251b03;--card-hover:0 8px 24px #171c1110;--toast:#242522;--toast-text:#fff;--radius:18px}
:root[data-theme="black"]{color-scheme:dark;--page:#0d0d0d;--surface:#191919;--surface-alt:#222222;--text:#f1f1f1;--muted:#a0a0a0;--subtle:#626262;--border:#303030;--line:#303030;--control:#1b1b1b;--active:#e8e8e8;--active-text:#242424;--feature:#e5e5e5;--feature-text:#222222;--feature-muted:#757575;--feature-line:#c7c7c7;--shadow:0 3px 14px #00000014;--card-hover:0 10px 26px #00000038;--toast:#e5e5e5;--toast-text:#202020}
:root[data-theme="gray"]{color-scheme:dark;--page:#272727;--surface:#333333;--surface-alt:#3b3b3b;--text:#eeeeee;--muted:#b0b0b0;--subtle:#808080;--border:#484848;--line:#484848;--control:#333333;--active:#e8e8e8;--active-text:#303030;--feature:#e0e0e0;--feature-text:#2a2a2a;--feature-muted:#737373;--feature-line:#c3c3c3;--shadow:0 4px 16px #10130c12;--card-hover:0 8px 24px #10130c2b;--toast:#e6e6e6;--toast-text:#292929}
*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,body,.site-card,.domain-group,.theme-selector,.utility-link,.site-icon,.domain-row,.back-top{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:5px}svg{display:block;flex:none;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--active);color:var(--active-text)}.page{max-width:720px;margin:auto;padding:28px 24px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.utility-link{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:500;padding:10px 13px;border:1px solid var(--border);border-radius:40px;background:var(--control);white-space:nowrap}.utility-link svg{width:16px;height:16px}.utility-link:hover{border-color:var(--subtle)}.theme-selector{display:flex;gap:3px;padding:4px;background:var(--control);border:1px solid var(--border);border-radius:40px}.theme-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:31px;min-width:56px;padding:5px 9px;background:transparent;border-radius:30px;font-size:11px;white-space:nowrap;color:var(--muted)}.theme-button[aria-pressed="true"]{background:var(--active);color:var(--active-text);box-shadow:0 2px 5px #0000000b}.theme-swatch{width:9px;height:9px;border-radius:50%;border:1px solid #8a8c8550;flex:none}.swatch-white{background:#fff}.swatch-black{background:#161715}.swatch-gray{background:#62645f}.theme-button[aria-pressed="true"] .swatch-black{border-color:#9c9e95}.hero{text-align:center;padding:44px 0 34px}.brand-seal{margin:0 auto 22px;width:47px;height:47px;display:grid;place-items:center;border:1px solid var(--text);border-radius:14px;position:relative;font-size:23px;font-weight:500;letter-spacing:-2px;padding-right:2px}.brand-seal:after{content:"";position:absolute;inset:4px;border:1px solid var(--border);border-radius:10px}.hero h1{font-size:34px;line-height:1.25;letter-spacing:3px;font-weight:650;margin:0}.hero .tagline{margin:13px 0 0;font-size:13px;letter-spacing:3px;color:var(--muted)}.hero-status{display:inline-flex;align-items:center;gap:6px;margin-top:21px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.status-dot{height:4px;width:4px;border-radius:50%;background:var(--muted);margin-right:3px}.hero-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.hero-rule{height:1px;background:var(--line);width:34px;margin:28px auto 0}.section-label{display:flex;justify-content:space-between;align-items:center;margin:0 2px 14px;font-size:11px;letter-spacing:1.5px;color:var(--muted)}.section-label .section-count{letter-spacing:.2px;font-variant-numeric:tabular-nums}.site-list{display:grid;gap:11px}.site-card{position:relative;display:flex;align-items:center;gap:17px;min-height:104px;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);isolation:isolate;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,border-color .24s ease}.site-icon{position:relative;flex:none;width:58px;height:58px;border:1px solid var(--border);background:var(--surface-alt);border-radius:13px;display:flex;justify-content:center;align-items:center;overflow:hidden}.site-icon img{width:100%;height:100%;object-fit:contain;padding:5px;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .24s ease}.site-icon img[hidden]{display:none}.site-icon .fallback-mark{display:none;font-size:22px;font-weight:600}.site-icon.image-unavailable .fallback-mark{display:block}:root[data-theme="black"] .site-icon img,:root[data-theme="gray"] .site-icon img{mix-blend-mode:normal}.site-info{flex:1;min-width:0}.site-info h2{font-size:18px;letter-spacing:.3px;font-weight:600;line-height:1.4;margin:0;overflow-wrap:anywhere}.site-info p{color:var(--muted);font-size:10px;margin:6px 0 0;letter-spacing:1px}.enter-label{flex:none;display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);white-space:nowrap}.enter-label svg{width:15px;height:15px;transition:transform .24s ease}.site-card.featured{background:var(--feature);border-color:var(--feature);color:var(--feature-text);padding-top:24px;padding-bottom:24px}.featured .site-icon{width:58px;height:58px;background:transparent;border-color:var(--feature-line);font-size:27px;font-weight:500}.featured .site-info p,.featured .enter-label{color:var(--feature-muted)}.featured:after{content:"";z-index:-1;position:absolute;width:200px;height:200px;border:1px solid var(--feature-line);border-radius:50%;right:-72px;top:-115px;box-shadow:0 0 0 22px transparent,0 0 0 23px var(--feature-line)}.featured .eyebrow{display:block;font-size:8px;letter-spacing:2px;color:var(--feature-muted);margin-bottom:4px}.featured .site-info h2{font-size:20px}.featured .enter-label{background:var(--feature-text);color:var(--feature);width:34px;height:34px;border-radius:50%;justify-content:center}.featured .enter-label>span{display:none}.site-card:active{transform:scale(.99)}.site-card:active .enter-label svg{transform:translateX(2px)}.footer{padding:35px 0 36px;text-align:center}.footer-nav{display:flex;justify-content:center;align-items:center;gap:14px;font-size:10px;color:var(--muted)}.footer-nav span{width:2px;height:2px;border-radius:50%;background:var(--subtle)}.footer-domain{margin:15px 0 0;font-size:9px;color:var(--subtle);letter-spacing:1px}.footer-brand{font-size:10px;letter-spacing:2px;color:var(--muted);margin:12px 0 0}.footer-nav a:hover{color:var(--text)}.back-top{position:fixed;bottom:28px;right:max(18px,calc((100vw - 720px)/2 - 56px));width:40px;height:40px;display:grid;place-items:center;z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:50%;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-top svg{width:16px;height:16px}.toast{position:fixed;left:50%;bottom:36px;z-index:30;padding:12px 21px;background:var(--toast);color:var(--toast-text);font-size:12px;border-radius:40px;box-shadow:0 7px 25px #0002;pointer-events:none;opacity:0;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.backup-hero{padding:38px 0 32px}.backup-hero .brand-seal{margin-bottom:18px}.backup-hero h1{font-size:29px;letter-spacing:2px}.backup-hero .tagline{letter-spacing:1px;font-size:12px}.backup-groups{display:grid;gap:16px}.domain-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 20px;box-shadow:var(--shadow);overflow:hidden}.domain-heading{display:flex;gap:12px;align-items:center;padding:19px 0 17px;border-bottom:1px solid var(--border)}.domain-mark{flex:none;display:grid;place-items:center;width:34px;height:34px;background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;font-weight:550;font-size:15px;letter-spacing:-.5px}.domain-heading h2{font-size:14px;font-weight:600;letter-spacing:.4px;margin:0;flex:1}.domain-heading .domain-count{color:var(--subtle);font-size:10px}.domain-row{display:flex;align-items:center;gap:12px;padding:16px 0;min-height:68px;border-bottom:1px solid var(--border)}.domain-row:last-child{border-bottom:0}.domain-address{flex:1;min-width:0;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.1px}.domain-address span{overflow-wrap:anywhere}.domain-address svg{width:12px;height:12px;color:var(--subtle)}.domain-address:hover span{text-decoration:underline;text-underline-offset:4px}.copy-button{flex:none;display:inline-flex;gap:6px;align-items:center;justify-content:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:10px;min-width:62px;min-height:32px}.copy-button svg{width:12px;height:12px}.copy-button.is-copied{background:var(--active);color:var(--active-text);border-color:var(--active)}.backup-note{margin:20px 0 0;color:var(--muted);font-size:10px;text-align:center;line-height:1.9;letter-spacing:.4px}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.skip-link:focus{top:16px}.noscript-notice{margin:20px;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:13px}.page-home .hero,.page-backup .hero{animation:appear .5s ease both}.site-list,.backup-groups{animation:appear .5s .08s ease both}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.site-card:hover{transform:translateY(-2px);box-shadow:var(--card-hover);border-color:var(--subtle)}.site-card:hover .enter-label svg{transform:translateX(3px)}.site-card:hover .site-icon img{filter:grayscale(.3)}.copy-button:hover{border-color:var(--subtle)}}@media(min-width:1000px){.page{padding-top:36px;padding-left:28px;padding-right:28px}.hero{padding-top:48px;padding-bottom:38px}.site-list{gap:12px}.site-card{min-height:106px}.hero h1{font-size:38px}.hero .tagline{font-size:13px;letter-spacing:4px}.hero-status{margin-top:24px}.footer{padding-top:40px}}@media(max-width:480px){.page{padding:18px 18px 0}.topbar{gap:8px}.utility-link{font-size:11px;padding:9px 11px;gap:6px}.utility-link svg{width:14px;height:14px}.theme-button{font-size:10px;min-width:47px;gap:5px;padding:5px 7px;min-height:29px}.theme-selector{padding:3px;gap:1px}.theme-swatch{width:8px;height:8px}.hero{padding:35px 0 29px}.hero h1{font-size:30px;letter-spacing:2px}.hero .tagline{font-size:11px;letter-spacing:2px;margin-top:11px}.brand-seal{width:41px;height:41px;font-size:21px;border-radius:12px;margin-bottom:19px}.brand-seal:after{border-radius:8px}.hero-status{font-size:9px;margin-top:18px}.hero-rule{margin-top:23px}.section-label{font-size:10px;margin-bottom:12px}.site-card{padding:17px 16px;min-height:93px;gap:13px;border-radius:15px}.site-icon{width:51px;height:51px;border-radius:11px}.site-info h2{font-size:16px}.site-info p{font-size:9px;letter-spacing:.6px;margin-top:5px}.enter-label{font-size:10px;gap:5px}.enter-label svg{width:13px;height:13px}.site-card.featured{padding:20px 16px}.featured .site-icon{width:51px;height:51px;font-size:25px}.featured .site-info h2{font-size:18px}.featured .enter-label{width:30px;height:30px}.featured .eyebrow{font-size:7px}.site-list{gap:10px}.backup-hero h1{font-size:26px}.backup-hero .tagline{font-size:11px;letter-spacing:.4px}.domain-group{padding:0 15px;border-radius:15px}.domain-heading{gap:10px;padding:16px 0 14px}.domain-heading h2{font-size:13px;letter-spacing:0}.domain-heading .domain-count{font-size:9px}.domain-mark{width:30px;height:30px;font-size:13px;border-radius:8px}.domain-row{min-height:65px;gap:8px}.domain-address{font-size:12px;gap:7px}.domain-address svg{width:10px;height:10px}.copy-button{min-width:58px;min-height:32px;padding:6px 8px;gap:5px}.backup-groups{gap:13px}.footer{padding:29px 0 30px}.footer-domain{font-size:8px;letter-spacing:.4px}.back-top{bottom:20px;width:36px;height:36px;right:14px}.toast{bottom:25px;font-size:11px}}@media(max-width:350px){.page{padding-left:13px;padding-right:13px}.theme-button{min-width:42px;font-size:9px}.theme-swatch{display:none}.site-card{gap:10px;padding-left:13px;padding-right:13px}.site-info h2{font-size:15px}.site-info p{font-size:8px}.enter-label>span{display:none}.hero h1{font-size:27px}.domain-address{font-size:11px}.copy-button{min-width:54px}.domain-heading h2{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 保持导航首屏紧凑，提升次级文字可读性。 */
.page-home .hero{padding-top:32px;padding-bottom:30px}.page-home .hero .brand-seal{display:none}.site-info p{font-size:12px;letter-spacing:.3px}.enter-label{font-size:12px}.domain-address{font-size:14px}.domain-heading h2{font-size:15px}.footer-nav{font-size:11px}.hero-status{font-size:11px}.hero .tagline{color:var(--muted)}@media(min-width:1000px){.page-home .hero{padding-top:35px;padding-bottom:32px}}@media(max-width:480px){.page-home .hero{padding-top:30px;padding-bottom:27px}.site-info p{font-size:11px;letter-spacing:0}.enter-label{font-size:11px}.domain-address{font-size:13px}.domain-heading h2{font-size:14px}.hero-status{font-size:10px}.theme-button{min-height:32px}.copy-button{min-height:36px}.site-info h2{line-height:1.5}}@media(max-width:350px){.site-info p{font-size:10px}.domain-address{font-size:12px}.domain-heading h2{font-size:13px}}

.clipboard-buffer{position:fixed;left:0;top:0;width:1px;height:1px;opacity:0;font-size:16px;pointer-events:none}

.error-page{text-align:center;padding:15px 0 40px}.error-page h2{font-size:20px}.error-page p{font-size:13px;color:var(--muted);margin-bottom:22px}

/* 首页采用鲜明的品牌色与栏目色，三种配色仍可切换。 */
:is(.page-home,.page-backup) {
  --page:#f7faf8;--surface:#fff;--surface-alt:#f4f8f5;
  --text:#293b33;--muted:#62736a;--subtle:#9caea3;
  --border:#e2ece6;--line:#e3eee7;--control:#fff;
  --brand:#00b965;--brand-ink:#087e48;
  --active:#07834a;--active-text:#fff;
  background:var(--page);
}
:is(.page-home,.page-backup) .utility-link {color:var(--brand-ink);border-color:color-mix(in srgb,var(--brand) 22%,var(--surface));box-shadow:0 3px 14px #00b96508}
:is(.page-home,.page-backup) .theme-selector {border-color:color-mix(in srgb,var(--brand) 14%,var(--border))}
:is(.page-home,.page-backup) .theme-button[aria-pressed="true"] {box-shadow:0 3px 9px #00a95e26}
:is(.page-home,.page-backup) .hero {position:relative}
:is(.page-home,.page-backup) .hero h1 {color:var(--brand-ink);font-weight:700;letter-spacing:3px}
:is(.page-home,.page-backup) .hero .tagline {color:var(--brand-ink)}
:is(.page-home,.page-backup) .hero-status {background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:6px 11px}
:is(.page-home,.page-backup) .status-dot {width:6px;height:6px;background:#06a37e;box-shadow:0 0 0 3px #06a37e14}
:is(.page-home,.page-backup) .hero-rule {width:50px;height:3px;border-radius:5px;background:linear-gradient(90deg,#00c571 0 50%,#26bdd5 50% 75%,#ffac32 75%)}
:is(.page-home,.page-backup) .section-label {color:var(--brand-ink);font-weight:600}
:is(.page-home,.page-backup) .section-count {color:var(--muted);font-weight:400}
:is(.page-home,.page-backup) .site-card {
  --entry:#245bd6;--entry-bright:#7fa8ff;--entry-vivid:#3ca5ed;
  background:linear-gradient(110deg,color-mix(in srgb,var(--entry) 9%,var(--surface)),var(--surface) 80%);
  border-color:color-mix(in srgb,var(--entry) 18%,var(--surface));
  box-shadow:0 3px 13px color-mix(in srgb,var(--entry) 5%,transparent);
}
:is(.page-home,.page-backup) .site-card[data-accent="orange"] {--entry:#b94d08;--entry-bright:#ffb36c;--entry-vivid:#f3a12c}
:is(.page-home,.page-backup) .site-card[data-accent="green"] {--entry:#007f63;--entry-bright:#58d8b3;--entry-vivid:#18d994}
:is(.page-home,.page-backup) .site-card[data-accent="violet"] {--entry:#8241c4;--entry-bright:#c1a0ff;--entry-vivid:#ba61ed}
:is(.page-home,.page-backup) .site-card[data-accent="rose"] {--entry:#cc255e;--entry-bright:#ff8fb5;--entry-vivid:#f57a92}
:is(.page-home,.page-backup) .site-card:not(.featured):before {content:"";position:absolute;left:0;top:22%;bottom:22%;width:4px;border-radius:0 5px 5px 0;background:var(--entry)}
:is(.page-home,.page-backup) .site-info h2 {color:var(--entry);font-weight:650}
:is(.page-home,.page-backup) .site-icon {border:0;background:linear-gradient(135deg,var(--entry-vivid),var(--entry));box-shadow:0 4px 12px color-mix(in srgb,var(--entry) 18%,transparent);border-radius:50%;padding:7px}
:is(.page-home,.page-backup) .site-icon img {filter:none;mix-blend-mode:normal;padding:3px;border-radius:50%;background:#fff}
:is(.page-home,.page-backup) .site-icon .fallback-mark {color:#fff}
:is(.page-home,.page-backup) .enter-label {color:var(--entry);font-weight:550}
:is(.page-home,.page-backup) .enter-label svg {width:25px;height:25px;padding:5px;border-radius:50%;background:color-mix(in srgb,var(--entry) 10%,var(--surface))}
:is(.page-home,.page-backup) .site-card.featured {
  background:linear-gradient(115deg,#05bc6c,#13ce78 62%,#4bdb91);
  border-color:#0abe6d;color:#063c28;
  box-shadow:0 9px 24px #00b96526;
}
:is(.page-home,.page-backup) .featured .site-icon {background:#ffffffeb;border:1px solid #ffffff66;color:#07834a;box-shadow:0 4px 15px #007c3f15;border-radius:15px}
:is(.page-home,.page-backup) .featured .site-info h2 {color:#063c28;font-weight:700}
:is(.page-home,.page-backup) .featured .site-info p,:is(.page-home,.page-backup) .featured .eyebrow {color:#063c28}
:is(.page-home,.page-backup) .featured:after {border-color:#ffffff38;box-shadow:0 0 0 22px transparent,0 0 0 23px #ffffff28}
:is(.page-home,.page-backup) .featured .enter-label {background:#fff;color:#07834a;box-shadow:0 3px 12px #007b3f20}
:is(.page-home,.page-backup) .featured .enter-label svg {background:none;width:16px;height:16px;padding:0}
:is(.page-home,.page-backup) .back-top {background:var(--active);color:#fff;border-color:var(--active);box-shadow:0 5px 15px #00a95e22}
:is(.page-home,.page-backup) .footer-brand,:is(.page-home,.page-backup) .footer-nav a:hover {color:var(--brand-ink)}
:root[data-theme="black"] :is(.page-home,.page-backup) {
  --page:#0d0d0d;--surface:#191919;--surface-alt:#222;
  --text:#f2f5f3;--muted:#b0bcb5;--subtle:#7c8b82;
  --border:#303934;--line:#39443e;--control:#191919;
  --brand:#15db86;--brand-ink:#71edac;--active:#087e48;
}
:root[data-theme="gray"] :is(.page-home,.page-backup) {
  --page:#272727;--surface:#333;--surface-alt:#3b3b3b;
  --text:#f4f6f5;--muted:#c1cbc5;--subtle:#9aa99f;
  --border:#48554e;--line:#526158;--control:#333;
  --brand:#43e897;--brand-ink:#90f4bd;--active:#087e48;
}
:root[data-theme="black"] :is(.page-home,.page-backup) .site-card:not(.featured) .site-info h2,
:root[data-theme="gray"] :is(.page-home,.page-backup) .site-card:not(.featured) .site-info h2,
:root[data-theme="black"] :is(.page-home,.page-backup) .site-card:not(.featured) .enter-label,
:root[data-theme="gray"] :is(.page-home,.page-backup) .site-card:not(.featured) .enter-label {color:var(--entry-bright)}
:root[data-theme="black"] :is(.page-home,.page-backup) .site-card:not(.featured):before,
:root[data-theme="gray"] :is(.page-home,.page-backup) .site-card:not(.featured):before {background:var(--entry-bright)}
@media(hover:hover) {
  :is(.page-home,.page-backup) .site-card:hover {border-color:color-mix(in srgb,var(--entry) 42%,var(--surface));box-shadow:0 10px 26px color-mix(in srgb,var(--entry) 14%,transparent)}
  :is(.page-home,.page-backup) .site-card:hover .site-icon img {filter:none}
  :is(.page-home,.page-backup) .site-card.featured:hover {border-color:#30d787;box-shadow:0 12px 30px #00b96533}
}
@media(max-width:480px) {
  :is(.page-home,.page-backup) .hero h1 {letter-spacing:2px}
  :is(.page-home,.page-backup) .hero-status {padding:5px 10px}
  :is(.page-home,.page-backup) .enter-label svg {width:23px;height:23px}
  :is(.page-home,.page-backup) .featured .enter-label svg {width:15px;height:15px}
}

/* 手机和平板：内容随可用宽度收缩，触控区域与安全距离独立处理。 */
html {min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body {min-width:0;min-height:100vh;min-height:100svh}
button,a {touch-action:manipulation}
.page {
  width:100%;min-width:0;
  padding-left:max(clamp(12px,4.6vw,28px),env(safe-area-inset-left,0px));
  padding-right:max(clamp(12px,4.6vw,28px),env(safe-area-inset-right,0px));
}
.topbar {flex-wrap:wrap;gap:10px}
.theme-selector {max-width:100%;margin-left:auto}
.theme-button {min-width:44px;min-height:44px}
.utility-link {min-height:44px}
.brand-seal {min-width:44px;min-height:44px}
.site-list,.backup-groups {grid-template-columns:minmax(0,1fr)}
.site-card,.domain-group,.domain-heading h2 {min-width:0}
.hero h1,.site-info p,.domain-heading h2 {overflow-wrap:anywhere}
.domain-count {flex:none;white-space:nowrap}
.domain-address {min-height:44px;line-height:1.65}
.copy-button {min-width:64px;min-height:44px}
.footer {padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
.footer-nav {flex-wrap:wrap;row-gap:0}
.footer-nav a {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 2px}
.footer-domain {font-size:10px;overflow-wrap:anywhere}
.back-top {width:44px;height:44px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.toast {width:max-content;max-width:calc(100vw - 32px);white-space:normal;text-align:center;overflow-wrap:anywhere;bottom:calc(25px + env(safe-area-inset-bottom,0px))}
@media(max-width:767px) {
  .page {padding-top:max(18px,env(safe-area-inset-top,0px))}
  .back-top {right:max(14px,env(safe-area-inset-right,0px))}
}
@media(max-width:359px) {
  .site-card,.site-card.featured {padding:16px 12px;gap:10px}
  .site-icon,.featured .site-icon {width:44px;height:44px}
  .site-info h2 {font-size:14px}
  .featured .site-info h2 {font-size:16px}
  .hero h1,.page-home .hero h1 {font-size:clamp(24px,8vw,27px);letter-spacing:1px}
  .domain-group {padding:0 12px}
  .domain-heading h2 {font-size:13px}
}
@media(max-height:480px) and (orientation:landscape) {
  .page {padding-top:max(12px,env(safe-area-inset-top,0px))}
  .hero,.page-home .hero,.backup-hero {padding-top:20px;padding-bottom:20px}
  .hero-status {margin-top:14px}
  .hero-rule {margin-top:18px}
}

/* 联盟域名页沿用首页绿调，减少装饰与行间留白。 */
.page-backup .backup-hero {padding:25px 0 21px}
.page-backup .brand-seal {display:none}
.page-backup .hero-rule {margin-top:17px}
.page-backup .backup-groups {gap:12px}
.page-backup .domain-group {padding:0 16px;border-radius:15px;border-color:var(--border);box-shadow:0 3px 12px #087e4804}
.page-backup .domain-heading {padding:12px 0 10px;gap:10px}
.page-backup .domain-heading h2 {color:var(--brand-ink);font-size:14px}
.page-backup .domain-mark {background:var(--active);color:#fff;border-color:var(--active);width:30px;height:30px;border-radius:9px;font-size:13px}
.page-backup .domain-row {padding:6px 0;min-height:56px;gap:10px}
.page-backup .domain-address {letter-spacing:0}
.page-backup .domain-address svg {color:var(--brand-ink)}
.page-backup .copy-button {color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 7%,var(--surface));border-color:color-mix(in srgb,var(--brand) 20%,var(--surface));border-radius:9px}
.page-backup .copy-button.is-copied {background:var(--active);border-color:var(--active);color:#fff}
.featured .site-icon .brandmark-image {padding:0;background:transparent;border-radius:0;object-fit:contain}
.brand-seal img {display:block;width:100%;height:100%;object-fit:contain;padding:2px}
@media(max-width:359px) {
  .page-backup .domain-group {padding:0 12px}
  .page-backup .domain-row {gap:8px}
  .page-backup .domain-heading h2 {font-size:13px}
}