html,body{margin:0;background:#131313}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}p,h1,h2{margin:0}button{font:inherit}[hidden]{display:none!important}
:root{
--theme-accent:rgb(var(--theme-accent-rgb));
--theme-accent-hover:rgb(var(--theme-accent-hover-rgb));
--theme-accent-hover-rgb:255,229,102;
--theme-accent-rgb:252,213,53;
--theme-border-gold:rgba(255,255,255,.10);
--theme-border-subtle:rgba(255,255,255,.06);
--theme-duration-hover:180ms;
--theme-font-body:Roboto, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
--theme-font-size-body:14px;
--theme-font-size-caption:12px;
--theme-font-size-heading:18px;
--theme-font-size-long-note:13px;
--theme-font-size-title:16px;
--theme-font-weight-heading:600;
--theme-font-weight-title:600;
--theme-line-height-long-note:1.7;
--theme-on-accent:rgb(var(--theme-on-accent-rgb));
--theme-on-accent-rgb:var(--theme-surface-rgb);
--theme-page:rgb(var(--theme-page-rgb));
--theme-page-rgb:19,19,19;
--theme-palette-00000066:#0006;
--theme-palette-00000088:#0008;
--theme-palette-000000bb:#000b;
--theme-palette-17170d:#17170d;
--theme-palette-19180e:#19180e;
--theme-palette-24241b:#24241b;
--theme-palette-99998d:#99998d;
--theme-palette-fcd53506:#fcd53506;
--theme-palette-fcd53510:#fcd53510;
--theme-palette-fcd53529:#fcd53529;
--theme-palette-fcd53533:#fcd53533;
--theme-palette-fcd53555:#fcd53555;
--theme-palette-ffffff09:#ffffff09;
--theme-palette-rgba-252-213-53-0-05:rgba(var(--theme-accent-rgb),0.05);
--theme-radius-19px:19px;
--theme-radius-20px:20px;
--theme-radius-card:16px;
--theme-radius-control:10px;
--theme-shadow-10:0 20px 70px var(--theme-palette-00000088);
--theme-shadow-13:0 8px 30px var(--theme-palette-00000066);
--theme-surface:rgb(var(--theme-surface-rgb));
--theme-surface-rgb:28,28,28;
--theme-text-muted:rgba(255,255,255,.4);
--theme-text-primary:rgba(var(--theme-text-primary-rgb),.9);
--theme-text-primary-rgb:255,255,255;
--theme-text-secondary:rgba(var(--theme-text-secondary-rgb),.55);
--theme-text-secondary-rgb:255,255,255;
--theme-text-warm:var(--theme-text-primary);
}
@font-face {
  font-family: 'Huangguo Publish Brand';
  src: url('./huangguo-brand-round.woff2') format('woff2');
  font-style: normal;
  font-weight:700;
  font-display: swap;
  unicode-range: U+89C6, U+679C, U+9891, U+9EC4;
}
.publish-shell {
  --publish-page: var(--theme-page);
  --publish-surface: var(--theme-surface);
  --publish-accent: var(--theme-accent);
  --publish-text: var(--theme-text-warm);
  --publish-muted: var(--theme-palette-99998d);
  --publish-line: var(--theme-border-subtle);
  --publish-card-border: var(--theme-border-gold);
  color-scheme: dark;
  min-width: 280px;
  min-height: 100vh;
  min-height: 100dvh;
  width: 100%;
  background: var(--publish-page);
  color: var(--publish-text);
}
.publish-shell *,
.publish-shell *::before,
.publish-shell *::after {
  box-sizing: border-box;
}
.publish-shell a {
  color: inherit;
  text-decoration: none;
}
.publish-shell button {
  font: inherit;
  cursor: pointer;
}
.publish-shell svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}
.publish-shell .svg-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.publish-shell button,
.publish-shell a {
  -webkit-tap-highlight-color: transparent;
}
.publish-shell a:focus-visible,
.publish-shell button:focus-visible {
  outline: 2px solid var(--publish-accent);
  outline-offset: 5px;
}
.publish-shell button:disabled {
  cursor: default;
  opacity: 0.65;
}
.publish-shell h1,
.publish-shell h2,
.publish-shell p {
  margin: 0;
}
.publish-shell .release-page {
  width: min(100%, 500px);
  margin: 0 auto;
  padding: calc(50px + env(safe-area-inset-top, 0px)) 16px calc(28px + env(safe-area-inset-bottom, 0px));
}
.publish-shell .brand-header {
  text-align: center;
  padding-bottom: 24px;
}
.publish-shell .brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}
.publish-shell .brand-lockup img {
  display: block;
  width: 78px;
  height: 78px;
  border-radius:var(--theme-radius-19px);
  object-fit: contain;
}
.publish-shell .brand-wordmark {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.publish-shell .brand-wordmark strong {
  font-family:
    'Huangguo Publish Brand', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-synthesis: none;
  letter-spacing: 0;
  line-height: 1.15;
  white-space: nowrap;
}
.publish-shell .brand-wordmark > .brand-domain {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 4px);
  margin-left: 1px;
  margin-right: 3px;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--publish-text);
  white-space: nowrap;
}
.publish-shell .brand-domain > span {
  display: block;
  letter-spacing: 0;
}
.publish-shell .page-label {
  margin-top: 14px;
  letter-spacing: 0.5px;
  color: var(--publish-accent);
}
.publish-shell .section-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.publish-shell .verified-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color:var(--theme-text-secondary);
}
.publish-shell .verified-label svg {
  width: 14px;
  height: 14px;
  color: var(--publish-accent);
}
.publish-shell .address-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 60px;
  height: 60px;
  padding: 8px 14px;
  background: var(--publish-surface);
  border: 1px solid var(--publish-card-border);
  border-radius:var(--theme-radius-control);
  text-align: center;
  transition:
    border-color var(--theme-duration-hover),
    background var(--theme-duration-hover);
}
.publish-shell .address-card:hover {
  border-color: var(--publish-accent);
  background: var(--theme-palette-19180e);
}
.publish-shell .address-card:active,
.publish-shell .address-card:focus-visible {
  border-color: var(--publish-accent);
}
.publish-shell .secondary-address {
  margin-top: 10px;
}
.publish-shell .address-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.publish-shell .address-label {
  color: var(--publish-text);
  line-height: 1.4;
}
.publish-shell .address-copy strong {
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--publish-accent);
}
.publish-shell .download-card {
  margin-top: 26px;
  padding: 21px 20px 18px;
  background: var(--publish-surface);
  border: 1px solid var(--publish-card-border);
  border-radius:var(--theme-radius-card);
}
.publish-shell .download-platforms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}
.publish-shell .download-platforms a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: 1px solid var(--theme-palette-fcd53555);
  background: var(--theme-palette-fcd53506);
  color: var(--publish-accent);
  border-radius:var(--theme-radius-control);
}
.publish-shell .download-platforms a:hover {
  border-color: var(--publish-accent);
  background: var(--theme-palette-fcd53510);
}
.publish-shell .download-platforms svg {
  width: 17px;
  height: 17px;
}
.publish-shell .device-download {
  display: block;
  padding: 13px 10px;
  border-radius:var(--theme-radius-control);
  background: var(--publish-accent);
  color: var(--theme-palette-17170d);
  text-align: center;
  margin-top: 20px;
}
.publish-shell .quick-actions {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin-top:10px;
  border:1px solid var(--publish-card-border);
  border-radius:var(--theme-radius-control);
  background:var(--publish-surface);
  overflow:hidden;
}
.publish-shell .quick-actions::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:20px;
  transform:translateY(-50%);
  background:var(--publish-card-border);
  pointer-events:none;
}
.publish-shell .quick-actions button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  height:58px;
  padding:0 8px;
  color:var(--theme-text-primary);
  border:0;
  background:transparent;
  border-radius:0;
  cursor:pointer;
}
.publish-shell .quick-actions button svg {
  width: 15px;
  height: 15px;
  color: var(--theme-text-primary);
}
.publish-shell .quick-actions button:hover,
.publish-shell .quick-actions button:active,
.publish-shell .quick-actions button:focus-visible {
  border-color: var(--publish-accent);
  color: var(--publish-accent);
  background: var(--theme-palette-rgba-252-213-53-0-05);
}
.publish-shell .quick-actions button:hover svg,
.publish-shell .quick-actions button:active svg,
.publish-shell .quick-actions button:focus-visible svg {
  color: var(--publish-accent);
}
.publish-shell .quick-actions button:focus-visible {
  outline:2px solid var(--theme-accent);
  outline-offset:-3px;
}
.publish-shell footer {
  border-top: 1px solid var(--theme-palette-ffffff09);
  margin-top: 30px;
  padding-top: 22px;
  text-align: center;
  color:var(--theme-text-muted);
  line-height: 1.9;
}
.publish-shell footer > p:first-child {
  color: var(--theme-text-secondary);
}
.publish-shell footer .age-notice {
  margin-top: 16px;
  color: var(--theme-text-secondary);
  line-height:var(--theme-line-height-long-note);
  text-align: left;
  overflow-wrap: break-word;
}
.publish-shell footer .age-notice p {
  color: inherit;
  line-height:var(--theme-line-height-long-note);
}
.publish-shell footer .age-notice p + p {
  margin-top: 12px;
}
.publish-shell dialog {
  padding: 30px 24px 24px;
  width: calc(100% - 40px);
  max-width: 380px;
  margin: auto;
  border: 1px solid var(--theme-palette-fcd53529);
  border-radius:var(--theme-radius-20px);
  background: var(--publish-surface);
  color: var(--publish-text);
  text-align: center;
  box-shadow:var(--theme-shadow-10);
}
.publish-shell dialog::backdrop {
  background: var(--theme-palette-000000bb);
}
.publish-shell .dialog-close {
  position: absolute;
  right: 12px;
  top: 12px;
  display: grid;
  place-items: center;
  border: 0;
  background: none;
  color:var(--theme-text-secondary);
  height: 28px;
  width: 28px;
}
.publish-shell .dialog-close svg {
  width: 18px;
  height: 18px;
}
.publish-shell .dialog-icon {
  display: grid;
  place-items: center;
  color: var(--publish-accent);
  margin: 0 auto 16px;
}
.publish-shell .dialog-icon svg {
  width: 28px;
  height: 28px;
}
.publish-shell dialog h2 {
  margin: 0 0 14px;
}
.publish-shell dialog p {
  color:var(--theme-text-secondary);
  line-height: 1.9;
  text-align: left;
}
.publish-shell .dialog-confirm {
  border: 0;
  background: var(--publish-accent);
  color: var(--theme-palette-17170d);
  width: 100%;
  height: 44px;
  border-radius:var(--theme-radius-control);
  margin-top: 23px;
}
.publish-shell .toast {
  position: fixed;
  left: 50%;
  bottom: max(30px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 10;
  width: max-content;
  max-width: calc(100% - 36px);
  padding: 11px 17px;
  border: 1px solid var(--theme-palette-fcd53533);
  border-radius:var(--theme-radius-control);
  background: var(--theme-palette-24241b);
  color:var(--theme-text-primary);
  box-shadow:var(--theme-shadow-13);
}
@media (max-width: 480px) {
  .publish-shell .release-page {
    padding-top: calc(50px + env(safe-area-inset-top, 0px));
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }
  .publish-shell .brand-header {
    padding-bottom: 22px;
  }
  .publish-shell .brand-lockup img {
    width: 76px;
    height: 76px;
  }
  .publish-shell .download-card {
    padding: 20px 18px 17px;
    margin-top: 24px;
  }
  .publish-shell footer {
    margin-top: 26px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .publish-shell *,
  .publish-shell *::before,
  .publish-shell *::after {
    transition: none !important;
  }
}
.publish-shell{
  font-family:var(--theme-font-body);
  color:var(--theme-text-primary);
}
.publish-shell .download-platforms a{color:var(--theme-accent)}
.publish-shell .device-download{color:var(--theme-on-accent)}
.publish-shell .address-card:hover,.publish-shell .address-card:focus-visible,
.publish-shell .download-platforms a:hover,.publish-shell .quick-actions button:hover,
.publish-shell .quick-actions button:focus-visible{border-color:var(--theme-accent)}

.publish-shell .dialog-confirm{color:var(--theme-on-accent)}
.publish-shell .device-download{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;cursor:pointer;min-height:50px;color:var(--theme-on-accent)}
.publish-shell .device-download:hover{background:var(--theme-accent-hover)}
.publish-shell .device-download svg{width:21px;height:21px;flex-shrink:0}
.publish-shell .download-card--compact{margin-top:10px;padding:0;border:0;background:transparent;border-radius:0}
.publish-shell .download-strip{margin:0;min-height:60px;gap:12px;padding:14px 18px;text-align:left}
.publish-shell .download-strip svg{width:26px;height:26px}
.publish-shell .download-strip-copy{line-height:1.5;color:var(--theme-on-accent);white-space:nowrap}
.publish-shell .download-card--compact .download-platforms{margin-top:10px}
@media(max-width:360px){.publish-shell .download-strip{padding-left:12px;padding-right:12px}}
.publish-shell {
  --publish-font-body:var(--theme-font-size-body);
  --publish-font-heading:var(--theme-font-size-heading);
  --publish-font-domain:var(--theme-font-size-title);
  --publish-font-note:var(--theme-font-size-long-note);
  --publish-font-caption:var(--theme-font-size-caption);
  --publish-font-download:var(--theme-font-size-title);
  --publish-font-brand:28px;
  --publish-font-brand-domain:17px;
  font-family:var(--theme-font-body);
  font-size:var(--publish-font-body);
  font-weight:400;
  line-height:1.5;
}
.publish-shell .brand-wordmark strong{font-size:var(--publish-font-brand);font-weight:800}
.publish-shell .brand-wordmark>.brand-domain{font-size:var(--publish-font-brand-domain);font-weight:800}
.publish-shell .page-label,.publish-shell dialog h2{font-size:var(--publish-font-heading);font-weight:var(--theme-font-weight-heading)}
.publish-shell .address-label,.publish-shell .quick-actions button,
.publish-shell .download-platforms a,.publish-shell .device-download{font-size:var(--publish-font-body);font-weight:var(--theme-font-weight-title)}
.publish-shell .address-copy strong{font-size:var(--publish-font-domain);font-weight:500}
.publish-shell .download-strip-copy{font-size:var(--publish-font-download);font-weight:var(--theme-font-weight-title)}
.publish-shell footer{font-size:var(--publish-font-note);font-weight:400}
.publish-shell .verified-label,.publish-shell .toast{font-size:var(--publish-font-caption)}
.publish-shell dialog p{font-size:var(--publish-font-body)}
.publish-shell .dialog-confirm{font-size:var(--publish-font-body);font-weight:700}
@media(max-width:480px){
  .publish-shell{--publish-font-brand:27px;--publish-font-brand-domain:16px;--publish-font-download:var(--theme-font-size-body)}
}
@media(max-width:360px){
  .publish-shell{--publish-font-download:var(--theme-font-size-caption)}
}