@import url('/tokens.css');
@font-face {
  font-family:'ZCOOL QingKe HuangYou';
  src:url('/fonts/ZCOOLQingKeHuangYou-Regular.woff2') format('woff2');
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:'Bricolage Grotesque';
  src:url('/fonts/BricolageGrotesque-Bold.woff2') format('woff2');
  font-weight:700;
  font-display:swap;
}
@font-face {
  font-family:'Bricolage Grotesque';
  src:url('/fonts/BricolageGrotesque-ExtraBold.woff2') format('woff2');
  font-weight:800;
  font-display:swap;
}
:root {
  --num:'Bricolage Grotesque',sans-serif;
  --disp:var(--num);
  --dispW:800;
  --dispLs:-.03em;
  --header-offset:90px;
}
:root:lang(zh) {
  --disp:'ZCOOL QingKe HuangYou',sans-serif;
  --dispW:400;
  --dispLs:0;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:var(--header-offset);
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB',system-ui,sans-serif;
  transition:background .25s,color .25s;
  line-height:1.5;
}
a {
  color:var(--accentText);
  text-decoration:none;
}
a:hover {
  color:var(--accent);
}
button,input {
  font:inherit;
}
button,a,input {
  -webkit-tap-highlight-color:transparent;
}
button {
  cursor:pointer;
}
button {
  color:var(--ink);
}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {
  outline:3px solid var(--accentText);
  outline-offset:5px;
}
button:hover,.button:hover {
  transform:translateY(-1px);
}
img {
  display:block;
  max-width:100%;
  height:auto;
}
h1,h2,h3,p,figure {
  margin:0;
}
h1,h2 {
  font-family:var(--disp);
  font-weight:var(--dispW);
  letter-spacing:var(--dispLs);
  text-wrap:balance;
}
h1 {
  font-size:clamp(42px,5.6vw,72px);
  line-height:1.04;
}
h2 {
  font-size:clamp(34px,4vw,52px);
  line-height:1.08;
}
h3 {
  font-size:18px;
  line-height:1.4;
}
p {
  text-wrap:pretty;
}
small {
  font-size:13px;
}
section[id] {
  scroll-margin-top:var(--header-offset);
}
[hidden] {
  display:none!important;
}
.container {
  max-width:1180px;
  padding-left:24px;
  padding-right:24px;
  margin:auto;
}
.muted {
  color:var(--muted);
}
.icon {
  display:inline-block;
  vertical-align:middle;
  flex:none;
}
.dark-image {
  display:none;
}
:root[data-theme=dark] .light-image {
  display:none;
}
:root[data-theme=dark] .dark-image {
  display:block;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.skip-link {
  position:fixed;
  top:12px;
  left:12px;
  z-index:100;
  padding:10px 16px;
  background:var(--ink);
  color:var(--paper);
  border-radius:12px;
  transform:translateY(-200%);
}
.skip-link:focus {
  transform:translateY(0);
}
.site-header {
  position:sticky;
  top:0;
  z-index:50;
  background:var(--paperA);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1.5px solid var(--line);
}
.header-inner {
  display:flex;
  align-items:center;
  gap:8px 18px;
  flex-wrap:wrap;
  padding-top:12px;
  padding-bottom:12px;
}
.brand {
  display:flex;
  gap:10px;
  align-items:center;
  color:var(--ink);
  flex:none;
}
.app-icon {
  width:var(--icon-size);
  height:var(--icon-size);
  flex:none;
  display:block;
}
.app-icon img {
  width:100%;
  height:100%;
  border-radius:calc(var(--icon-size)*.25);
  box-shadow:0 0 0 1px var(--line);
}
.brand-name {
  display:flex;
  flex-direction:column;
  line-height:1;
}
.zh-brand {
  font:400 23px 'ZCOOL QingKe HuangYou',sans-serif;
  letter-spacing:.02em;
}
.en-brand {
  font:800 21px var(--num);
  letter-spacing:-.02em;
}
.brand-sub {
  font:800 11px var(--num);
  margin-top:3px;
  color:var(--muted);
}
.primary-nav {
  display:flex;
  gap:4px;
  margin-left:8px;
}
.primary-nav a {
  padding:8px 14px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  color:var(--ink);
  white-space:nowrap;
}
.primary-nav a[aria-current],.primary-nav a:hover {
  background:var(--soft);
}
.header-controls {
  margin-left:auto;
  display:flex;
  gap:12px;
  align-items:center;
}
.language-picker {
  position:relative;
}
.language-toggle {
  height:36px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  border:1.5px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.hard-card {
  background:var(--surface);
  border:1.5px solid var(--edge);
  box-shadow:3px 3px 0 var(--hard);
  border-radius:20px;
}
.language-menu {
  position:absolute;
  right:0;
  top:44px;
  min-width:180px;
  padding:6px;
  z-index:60;
  border-radius:14px;
}
.language-menu a {
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:9px;
  color:var(--ink);
  font-size:14px;
  font-weight:600;
}
.language-menu a>span:first-child {
  flex:1;
}
.language-menu small {
  font:700 11px var(--num);
  color:var(--muted);
}
.language-menu a[aria-current],.language-menu a:hover {
  background:var(--soft);
}
.language-check {
  width:14px;
  color:var(--accentText);
}
.theme-control {
  display:flex;
  align-items:center;
  gap:2px;
  height:36px;
  padding:3px;
  border:1.5px solid var(--line);
  border-radius:999px;
  background:var(--surface);
}
.theme-control button {
  width:30px;
  height:28px;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:transparent;
  color:var(--muted);
}
.theme-control button[aria-checked=true] {
  background:var(--ink);
  color:var(--paper);
}
.header-download {
  height:36px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 16px;
  border-radius:999px;
  background:var(--ink);
  color:var(--paper);
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.header-download:hover {
  color:var(--paper);
  opacity:.85;
}
.hero {
  padding-top:72px;
  padding-bottom:56px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  gap:48px;
  align-items:center;
}
.hero-copy {
  display:flex;
  flex-direction:column;
  gap:22px;
  align-items:flex-start;
}
.hero-brand {
  display:flex;
  align-items:center;
  gap:16px;
}
.hero-brand .app-icon img {
  box-shadow:0 0 0 1px var(--line),0 10px 24px #2a1a142e;
}
.hero-brand .zh-brand {
  font-size:44px;
}
.hero-brand .en-brand {
  font-size:40px;
}
.hero-brand .brand-sub {
  font-size:16px;
}
.tape {
  display:inline-block;
  background:var(--highlight);
  color:#2a1a14;
  padding:5px 14px;
  font:800 14px var(--num);
  letter-spacing:.06em;
  transform:rotate(-3deg);
  align-self:flex-start;
}
.hero .tape {
  font-size:15px;
  margin-top:6px;
}
.hero h1 {
  font-size:clamp(46px,6.4vw,84px);
  line-height:1.02;
}
.hero h1 span {
  color:var(--accentText);
}
.hero-copy>p {
  font-size:clamp(16px,1.6vw,19px);
  line-height:1.6;
  color:var(--muted);
  max-width:520px;
}
.actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.hero .actions {
  margin-top:4px;
}
.button,.store-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:56px;
  padding:0 20px;
  border-radius:16px;
  font-weight:800;
}
.button {
  border:1.5px solid var(--edge);
  background:var(--surface);
  color:var(--ink);
  box-shadow:3px 3px 0 var(--hard);
  font-size:15px;
}
.button:hover {
  color:var(--ink);
}
.button.solid {
  background:var(--ink);
  color:var(--paper);
}
.store-button {
  background:var(--ink);
  color:var(--paper);
  box-shadow:3px 3px 0 var(--accent);
  padding:0 22px;
  flex:none;
}
.store-button:hover {
  color:var(--paper);
  transform:translateY(-2px);
}
.store-button span {
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.store-button small {
  font-size:11px;
  font-weight:600;
  opacity:.8;
}
.store-button strong {
  font-size:18px;
}
.hero-art {
  position:relative;
  display:flex;
  justify-content:center;
  padding:20px 0 30px;
}
.phone {
  width:min(270px,70vw);
  border-radius:42px;
  border:9px solid var(--frame);
  overflow:hidden;
  background:var(--paper);
  box-shadow:0 24px 50px #2a1a1438;
  flex:none;
}
.phone img {
  width:100%;
  aspect-ratio:390/844;
  object-fit:cover;
  object-position:top;
}
.hero-phone {
  width:min(300px,72vw);
  border:10px solid var(--frame);
  border-radius:46px;
  box-shadow:0 30px 70px #2a1a1447;
  transform:rotate(3deg);
}
.hero-widget {
  position:absolute;
  left:max(0px,calc(50% - 250px));
  bottom:6px;
  width:150px;
  border-radius:30px;
  box-shadow:0 18px 40px #2a1a144d;
  transform:rotate(-6deg);
}
.art-tape {
  position:absolute;
  right:max(0px,calc(50% - 200px));
  top:6px;
  width:96px;
  height:26px;
  background:var(--highlight);
  opacity:.9;
  transform:rotate(8deg);
}
.sources {
  padding-top:8px;
  padding-bottom:72px;
}
.source-label {
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--muted);
  margin-bottom:18px;
}
.chips {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.chip {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  background:var(--surface);
  border:1.5px solid var(--line);
  font-size:15px;
  font-weight:700;
  color:var(--ink);
}
.chip .icon {
  color:var(--accentText);
}
.split {
  padding-top:72px;
  padding-bottom:40px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));
  gap:48px;
  align-items:center;
}
.timeline-section {
  padding-top:40px;
}
.section-copy {
  display:flex;
  flex-direction:column;
  gap:16px;
}
.section-number {
  display:flex;
  align-items:center;
  gap:10px;
  font:800 14px var(--num);
  color:var(--accentText);
}
.section-copy>p {
  font-size:17px;
  line-height:1.65;
  color:var(--muted);
  max-width:500px;
}
.plus-badge {
  display:inline-block;
  font:800 11px var(--num);
  padding:3px 8px;
  border-radius:6px;
  background:var(--ink);
  color:var(--paper);
  white-space:nowrap;
}
.check-list {
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.check-list li {
  display:flex;
  gap:10px;
  font-size:15px;
  line-height:1.5;
}
.check-list .icon {
  color:var(--accent);
}
.phone-pair {
  display:flex;
  justify-content:center;
  min-width:0;
  padding-bottom:40px;
}
.phone-pair .phone {
  width:min(250px,39vw);
  border-radius:40px;
  min-width:0;
  flex-shrink:1;
}
.tilt-left {
  transform:rotate(-4deg);
  z-index:1;
}
.tilt-right {
  transform:rotate(4deg) translate(-36px,40px);
}
.standalone {
  justify-self:center;
}
.tilt-small-left {
  transform:rotate(-2deg);
}
.tilt-small-right {
  transform:rotate(2deg);
}
.summary-chips {
  gap:8px;
  margin-top:4px;
}
.summary-chips .chip {
  padding:7px 14px;
  border-color:var(--edge);
  font-size:14px;
}
.section-copy .ai-note {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:13px;
}
.ai-note .icon {
  color:var(--ai);
}
.range-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:460px;
  margin-top:4px;
}
.range-cards article {
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:4px;
  border-radius:16px;
}
.range-cards b {
  font-size:16px;
}
.range-cards small {
  font-size:12px;
  color:var(--muted);
  line-height:1.4;
}
.widget-band {
  margin-top:72px;
  background:var(--soft);
  border-top:1.5px solid var(--line);
  border-bottom:1.5px solid var(--line);
}
.widget-band>.container {
  padding-top:80px;
  padding-bottom:80px;
  display:flex;
  flex-direction:column;
  gap:36px;
}
.widget-band .section-copy {
  max-width:640px;
}
.widget-band .section-copy p {
  max-width:640px;
}
.widget-gallery {
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  align-items:flex-end;
}
.widget-gallery figure {
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}
.widget-gallery img {
  box-shadow:0 20px 44px #2a1a1433;
  width:100%;
}
.widget-widget-l {
  flex:1 1 300px;
  max-width:400px;
}
.widget-widget-l img {
  border-radius:32px;
}
.widget-widget-m {
  flex:1 1 300px;
  max-width:420px;
}
.widget-widget-m img {
  border-radius:28px;
}
.widget-watch {
  flex:0 1 220px;
}
.widget-watch img {
  border-radius:44px;
}
.widget-gallery figcaption {
  font-size:13px;
  color:var(--muted);
}
.share-art {
  display:flex;
  justify-content:center;
}
.share-art img {
  width:min(300px,76vw);
  transform:rotate(-3deg);
  box-shadow:0 24px 50px #2a1a1438;
}
.privacy-modes {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.privacy-modes article {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.mode-demo {
  height:64px;
  border-radius:12px;
  background:radial-gradient(var(--line) 1px,transparent 1px) 0 0/8px 8px,var(--surface);
  border:1.5px solid var(--line);
  display:grid;
  place-items:center;
  color:var(--accentText);
}
.privacy-modes b {
  font-size:14px;
}
.privacy-modes small {
  font-size:12px;
  line-height:1.4;
  color:var(--muted);
}
.trust {
  padding-top:96px;
  padding-bottom:40px;
}
.trust>h2 {
  max-width:720px;
  margin-bottom:32px;
}
.trust-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:18px;
}
.trust-grid article {
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.trust-grid .icon {
  color:var(--accentText);
}
.trust-grid p {
  font-size:15px;
  line-height:1.6;
  color:var(--muted);
}
.pricing {
  padding-top:96px;
  padding-bottom:40px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));
  gap:40px;
  align-items:start;
}
.price-table {
  background:var(--surface);
  border:1.5px solid var(--edge);
  border-radius:20px;
  box-shadow:4px 4px 0 var(--hard);
  overflow:hidden;
}
.price-table table {
  width:100%;
  border-collapse:collapse;
  font-size:15px;
  table-layout:fixed;
}
.price-table th,.price-table td {
  padding:12px 6px;
  vertical-align:middle;
  border-bottom:1.5px solid var(--line);
}
.price-table tr:last-child>* {
  border-bottom:0;
}
.price-table th:first-child {
  padding-left:18px;
  text-align:left;
  font-weight:400;
}
.price-table th:not(:first-child),.price-table td {
  width:96px;
  text-align:center;
  font-size:13px;
}
.price-table td:nth-child(2) {
  color:var(--muted);
}
.price-table td:last-child {
  font-weight:800;
  padding-right:18px;
}
.price-table thead {
  background:var(--soft);
  color:var(--muted);
}
.price-table thead th {
  font-size:13px!important;
  font-weight:800!important;
  padding-top:14px;
  padding-bottom:14px;
}
.price-table thead th:last-child {
  color:var(--accentText);
}
.download {
  padding-top:96px;
  padding-bottom:96px;
}
.download-card {
  background:var(--accent);
  color:var(--onAccent);
  border-radius:32px;
  padding:clamp(36px,6vw,72px);
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  align-items:center;
  justify-content:space-between;
  border:1.5px solid var(--edge);
  box-shadow:5px 5px 0 var(--hard);
}
.download-card>div {
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:620px;
}
.download-card h2 {
  font-size:clamp(36px,4.6vw,60px);
  line-height:1.05;
}
.download-card p {
  font-size:16px;
  font-weight:600;
  opacity:.9;
}
.store-white {
  min-height:60px;
  background:var(--onAccent);
  color:var(--accent);
  box-shadow:none;
  padding:0 24px;
}
.store-white:hover {
  color:var(--accent);
}
.store-white strong {
  font-size:19px;
}
.page-heading {
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-start;
  max-width:760px;
}
.page-heading>p {
  font-size:18px;
  line-height:1.6;
  color:var(--muted);
}
.feature-page {
  padding-top:64px;
  padding-bottom:96px;
  display:flex;
  flex-direction:column;
  gap:88px;
}
.chapter-nav {
  gap:8px;
  margin-top:6px;
}
.chapter-nav .chip {
  padding:8px 14px;
  font-size:13px;
}
.feature-section {
  display:flex;
  flex-direction:column;
  gap:28px;
}
.feature-section .section-copy {
  max-width:720px;
  gap:12px;
}
.feature-section .section-copy p {
  max-width:720px;
}
.feature-section h2,#f-themes h2 {
  font-size:clamp(30px,3.6vw,46px);
  line-height:1.1;
}
.feature-layout {
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  align-items:flex-start;
}
.feature-art {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  align-items:flex-start;
  max-width:100%;
}
.feature-art .phone {
  width:min(220px,calc((100vw - 66px)/2));
  border-radius:36px;
  border-width:8px;
}
.feature-grid {
  flex:1 1 380px;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));
  gap:14px;
}
.feature-card {
  padding:18px 20px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.feature-card-heading {
  display:flex;
  align-items:center;
  gap:10px;
}
.feature-card-heading h3 {
  font-size:16px;
  flex:1;
  min-width:0;
}
.icon-box {
  width:38px;
  height:38px;
  border-radius:11px;
  background:var(--soft);
  display:grid;
  place-items:center;
  flex:none;
  color:var(--accentText);
}
.feature-card p {
  font-size:14px;
  line-height:1.6;
  color:var(--muted);
}
.feature-card .plus-badge {
  font-size:10px;
  padding:2px 7px;
}
.flat-share {
  width:min(260px,100%);
  box-shadow:0 18px 40px #2a1a1433;
}
.flat-widget-l {
  width:min(300px,100%);
  border-radius:28px;
  box-shadow:0 18px 40px #2a1a1433;
}
.flat-watch {
  width:170px;
  border-radius:38px;
  box-shadow:0 18px 40px #2a1a1433;
}
#f-themes {
  display:flex;
  flex-direction:column;
  gap:24px;
}
#f-themes .section-copy {
  max-width:720px;
}
#f-themes .section-copy p {
  max-width:none;
}
.palette-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));
  gap:14px;
}
.palette {
  border-radius:18px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
}
.palette h3 {
  grid-column:1/-1;
  padding:10px 14px;
  background:var(--surface);
  border-top:1.5px solid var(--line);
  font-size:14px;
  font-weight:800;
}
.swatch {
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.swatch span:first-child {
  width:44px;
  height:14px;
  transform:rotate(-4deg);
}
.swatch span:nth-child(2) {
  height:26px;
  border-radius:8px;
}
.swatch span:nth-child(3) {
  height:6px;
  width:70%;
  border-radius:3px;
}
.swatch span:nth-child(4) {
  height:6px;
  width:45%;
  border-radius:3px;
}
.help-page {
  max-width:920px;
  padding-top:64px;
  padding-bottom:96px;
}
.help-page .page-heading {
  max-width:none;
  margin-bottom:32px;
}
.search-box {
  height:56px;
  border-radius:16px;
  border:1.5px solid var(--edge);
  box-shadow:3px 3px 0 var(--hard);
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 18px;
  width:100%;
  margin-top:6px;
  background:var(--surface);
  color:var(--accentText);
}
.search-box input {
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  color:var(--ink);
  outline:none;
  min-width:0;
  font-size:16px;
}
.search-box:focus-within {
  outline:3px solid var(--accentText);
  outline-offset:4px;
}
.search-box input:focus-visible {
  outline:none;
}
.search-box input::placeholder {
  color:var(--muted);
}
.faq-categories {
  gap:8px;
}
.faq-categories .chip {
  font-size:13px;
  padding:8px 14px;
}
.faq-categories .chip[aria-pressed=true] {
  background:var(--ink);
  border-color:var(--ink);
  color:var(--paper);
}
.faq-categories .chip[aria-pressed=true] .icon {
  color:var(--paper);
}
.faq-group {
  margin-bottom:20px;
  overflow:hidden;
}
.faq-group>h2 {
  font:800 14px var(--num);
  padding:18px 22px;
  color:var(--accentText);
  background:var(--soft);
}
.faq-entry {
  border-top:1.5px solid var(--line);
}
.faq-entry summary {
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:18px 22px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
.faq-entry summary::-webkit-details-marker {
  display:none;
}
.faq-entry summary .icon {
  transition:transform .2s;
  color:var(--muted);
}
.faq-entry[open] summary .icon {
  transform:rotate(180deg);
}
.faq-entry p {
  font-size:15px;
  line-height:1.7;
  color:var(--muted);
  padding:0 22px 20px;
}
.no-results {
  padding:36px 24px;
  border:1.5px dashed var(--edge);
  border-radius:20px;
  text-align:center;
  color:var(--muted);
}
.contact-card {
  margin-top:40px;
  padding:28px;
  border-radius:20px;
  background:var(--soft);
  display:flex;
  flex-direction:column;
  gap:20px;
}
.contact-card h2 {
  font-size:32px;
  margin-bottom:8px;
}
.contact-card p {
  font-size:15px;
  line-height:1.6;
  color:var(--muted);
}
.contact-card .button {
  min-height:46px;
  border-radius:14px;
  box-shadow:none;
  font-size:14px;
  padding:0 16px;
}
.legal-page {
  max-width:1080px;
  padding-top:64px;
  padding-bottom:96px;
}
.legal-page .page-heading {
  max-width:none;
  margin-bottom:42px;
}
.legal-page .page-heading>p {
  font-size:17px;
  line-height:1.7;
  max-width:900px;
}
.legal-page .page-heading .updated {
  font-size:13px;
}
.legal-layout {
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:48px;
  align-items:start;
}
.legal-toc {
  position:sticky;
  top:var(--header-offset);
  padding:18px;
  border-radius:18px;
}
.legal-toc h2 {
  font:800 12px var(--num);
  letter-spacing:.05em;
  color:var(--muted);
  margin-bottom:12px;
}
.legal-toc a {
  display:flex;
  gap:10px;
  padding:8px 0;
  font-size:14px;
  font-weight:700;
  color:var(--ink);
}
.legal-toc a span,.legal-content h2 span {
  font:800 12px var(--num);
  color:var(--accentText);
}
.legal-toc a:hover {
  color:var(--accentText);
}
.legal-content {
  display:flex;
  flex-direction:column;
  gap:32px;
  min-width:0;
}
.legal-content section h2 {
  font:800 22px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  letter-spacing:0;
  display:flex;
  gap:12px;
  align-items:baseline;
  margin-bottom:12px;
}
.legal-content section p {
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
  margin-bottom:12px;
}
.legal-content section p:last-child {
  margin-bottom:0;
}
footer {
  border-top:1.5px solid var(--line);
}
.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:32px;
  padding-top:48px;
  padding-bottom:40px;
}
.footer-brand>p {
  max-width:380px;
  margin-top:16px;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.footer-column {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-column h2 {
  font:800 12px var(--num);
  color:var(--muted);
  letter-spacing:.06em;
  margin-bottom:4px;
}
.footer-column a {
  color:var(--ink);
  font-size:14px;
}
.footer-column a:hover {
  color:var(--accentText);
}
.footer-bottom {
  border-top:1.5px solid var(--line);
  padding-top:20px;
  padding-bottom:28px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  justify-content:space-between;
  color:var(--muted);
  font-size:12px;
}
.draft-note {
  padding:14px 18px;
  border:1.5px solid var(--line);
  background:var(--soft);
  border-radius:14px;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
@media(min-width:1000px) {
  .feature-art:has(.flat-widget-l) {
    max-width:330px;
  }
  .hero h1 {
    overflow-wrap:normal;
  }
}
@media(max-width:760px) {
  :root {
    --header-offset:136px;
  }
  .header-inner {
    gap:10px 12px;
  }
  .header-controls {
    gap:8px;
  }
  .primary-nav {
    margin-left:auto;
  }
  .header-controls {
    width:100%;
    justify-content:flex-end;
  }
  .header-controls .language-picker {
    margin-right:auto;
  }
  .hero {
    padding-top:44px;
    gap:32px;
  }
  .hero-brand .zh-brand {
    font-size:38px;
  }
  .hero-brand .en-brand {
    font-size:34px;
  }
  .hero-brand .app-icon {
    --icon-size:64px!important;
  }
  .split {
    gap:32px;
    padding-top:56px;
  }
  .split>.standalone:first-child {
    grid-row:2;
  }
  .sources {
    padding-bottom:40px;
  }
  .phone-pair {
    justify-content:center;
    margin-left:18px;
  }
  .phone-pair .tilt-right {
    transform:rotate(4deg) translate(-20px,28px);
  }
  .widget-band {
    margin-top:56px;
  }
  .widget-band>.container {
    padding-top:56px;
    padding-bottom:56px;
  }
  .share-section .share-art {
    grid-row:2;
  }
  .trust,.pricing {
    padding-top:64px;
  }
  .download {
    padding-top:64px;
    padding-bottom:64px;
  }
  .feature-page {
    gap:64px;
    padding-top:44px;
  }
  .feature-layout {
    gap:28px;
  }
  .legal-layout {
    grid-template-columns:1fr;
    gap:32px;
  }
  .legal-toc {
    position:static;
    display:flex;
    flex-wrap:wrap;
    gap:2px 18px;
  }
  .legal-toc h2 {
    width:100%;
  }
  .legal-toc a {
    font-size:13px;
  }
  .legal-page,.help-page {
    padding-top:44px;
    padding-bottom:64px;
  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .footer-brand {
    grid-column:1/-1;
  }
  .price-table th:not(:first-child),.price-table td {
    width:80px;
  }
  .price-table table {
    font-size:14px;
  }
}
@media(max-width:380px) {
  .container {
    padding-left:18px;
    padding-right:18px;
  }
  .primary-nav a {
    padding:8px 10px;
  }
  .header-inner {
    column-gap:6px;
  }
  .brand {
    gap:8px;
  }
  .zh-brand {
    font-size:21px;
  }
  .en-brand {
    font-size:19px;
  }
  .header-download {
    padding:0 12px;
  }
  .language-toggle {
    padding:0 10px;
  }
  .hero h1 {
    font-size:46px;
  }
  .hero-brand .zh-brand {
    font-size:34px;
  }
  .hero-brand .en-brand {
    font-size:30px;
  }
  .privacy-modes {
    gap:8px;
  }
  .contact-card {
    padding:22px;
  }
  .contact-card .button {
    font-size:13px;
  }
  .range-cards article {
    padding:12px 10px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    transition:none!important;
    animation:none!important;
  }
}
.pricing-status {
  padding:14px 18px;
  background:var(--soft);
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
  border-bottom:1.5px solid var(--line);
}
.section-copy .status-note {
  font-size:13px;
  color:var(--accentText);
}
.page-heading>.draft-note {
  font-size:14px;
}