.c{--ground:var(--land-ffc2d6);--ink:var(--land-17110f);--soft:var(--land-4f3a3f);--paper:var(--land-ffe6ee);--night:var(--land-17110f);--nightsoft:var(--land-c9bcc0);--sheet:var(--land-ffffff);
  container-type:inline-size;background:var(--ground);color:var(--ink);font-family:"Public Sans","PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:1.125rem;line-height:1.5;font-kerning:normal;overflow:hidden}
.c *{box-sizing:border-box}
.c a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.07em}
:where(.c p){margin:0;text-wrap:pretty}
.c-wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.c-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px}
.c-logo{font-weight:900;font-size:1.625rem;letter-spacing:-.05em;text-decoration:none}
.c-links{display:flex;gap:32px;font-size:1rem;align-items:center}
.c-links a{text-decoration:none}
.c-hero{padding-top:56px;padding-bottom:72px}
.c-hero h1{margin:0 0 0 -.05em;font-size:clamp(3.125rem,9.4cqw,8.5rem);line-height:.96;letter-spacing:-.045em;font-weight:900}
.c-paste{margin-top:48px;display:flex;align-items:stretch;background:var(--ink);color:var(--land-ffffff)}
.c-paste code{flex:1 1 auto;min-width:0;font-family:inherit;font-weight:600;letter-spacing:-.025em;font-size:clamp(1.3125rem,4.9cqw,4.375rem);padding:.42em .5em;line-height:1.05;white-space:nowrap}
.c-copy{flex:none;align-self:center;min-height:72px;border:0;background:var(--land-ffffff);color:var(--ink);font:inherit;font-weight:700;font-size:1.25rem;padding:0 44px;cursor:pointer;margin:0 24px}
.c-how{margin-top:24px;font-size:clamp(1.25rem,1.9cqw,1.625rem);line-height:1.35;max-width:36em}
.c-how a{font-weight:700}
.c-asks{background:var(--paper);padding:96px 0}
.c-asks h2,.c-h{margin:0;font-size:clamp(2.25rem,5.4cqw,4.75rem);line-height:1;letter-spacing:-.035em;font-weight:900}
.c-list{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:44px}
.c-list li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:baseline}
.c-list h3{margin:0;font-size:clamp(1.4375rem,2.7cqw,2.375rem);line-height:1.12;letter-spacing:-.02em;font-weight:700}
.c-list p{font-size:clamp(1.125rem,1.6cqw,1.375rem);line-height:1.4}
.c-list small{display:block;font-size:0.9375rem;color:var(--soft);margin-top:4px}
.c-note{margin-top:40px;font-size:0.9375rem;color:var(--soft)}
.c-areas{padding-top:96px;padding-bottom:96px;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:64px;align-items:end}
.c-wall{margin-top:20px;font-size:clamp(1.25rem,1.9cqw,1.625rem);line-height:1.35;max-width:34em}
.c-wall span{color:var(--land-6e4a55)}
.c-facts{display:grid;gap:20px;font-size:1.0625rem}
.c-facts b{font-weight:800}
.c-desk{background:var(--night);color:var(--land-ffffff);padding:112px 0}
.c-deskrow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.c-desk .c-h{font-size:clamp(2.25rem,7.6cqw,6.75rem);margin:0 0 56px -.04em}
.c-desk .sub{font-size:clamp(1.1875rem,1.7cqw,1.4375rem);line-height:1.4;color:var(--nightsoft);max-width:26em}
.c-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;background:var(--ground);color:var(--ink)!important;font-weight:800;font-size:1.125rem;text-decoration:none;margin-top:32px}
.c-post{background:var(--sheet);color:var(--ink);padding:32px 36px}
.c-post h3{margin:0;font-size:1.25rem;font-weight:600}
.c-m{color:var(--land-5b5157);font-size:0.9375rem;margin-top:4px}
.c-post .j{margin-top:18px;font-size:clamp(1.4375rem,2.5cqw,2.125rem);line-height:1.2;letter-spacing:-.02em;font-weight:600}
.c-figs{font-variant-numeric:tabular-nums;list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px;font-size:1.0625rem}
.c-figs li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px}
.c-figs span{color:var(--land-5b5157)}
.c-figs s{color:var(--land-7c7278)}
.c-yours{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 64px;color:var(--nightsoft);font-size:1.0625rem}
.c-code{padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}
.c-code h2{margin:0;font-size:clamp(1.875rem,3.6cqw,3.125rem);letter-spacing:-.03em;font-weight:900;line-height:1.05}
.c-code ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.c-foot{background:var(--paper);padding:56px 0}
.c-foot .big{font-size:clamp(2.125rem,4.4cqw,3.875rem);line-height:1;letter-spacing:-.03em;font-weight:900}
.c-foot .small{margin-top:16px;max-width:40em;font-size:0.9375rem;color:var(--soft)}
.c-foot .row{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:20px;font-size:0.9375rem}
.c-count{background:var(--land-ffffff);color:var(--land-4f3a3f);font-size:0.875rem;padding:12px 40px}
@container (max-width:760px){
  .c{font-size:1.0625rem}
  .c-wrap{padding:0 16px}
  .c-nav{padding-top:16px;padding-bottom:16px}
  .c-links a:first-child{display:none}
  .c-hero{padding-top:24px;padding-bottom:48px}
  .c-paste{margin-top:28px;flex-direction:column}
  .c-paste code{padding:16px 16px 8px}
  .c-copy{align-self:stretch;margin:8px 16px 16px;min-height:48px;padding:0}
  .c-desk .c-h{margin-bottom:24px}
  .c-asks{padding:56px 0}
  .c-list{margin-top:32px;gap:28px}
  .c-list li{grid-template-columns:minmax(0,1fr);gap:6px}
  .c-areas,.c-deskrow,.c-code{grid-template-columns:minmax(0,1fr);gap:32px}
  .c-areas{padding-top:56px;padding-bottom:56px}
  .c-desk{padding:56px 0}
  .c-post{padding:20px 16px;margin:0 -16px}
  .c-figs{font-size:1rem}
  .c-figs li{grid-template-columns:minmax(0,1fr);gap:0}
  .c-yours{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:32px}
  .c-code{padding-top:48px;padding-bottom:48px;gap:20px}
  .c-count{padding:12px 16px}
}

.c-card2{background:var(--land-ffffff);color:var(--land-17110f);padding:32px 36px}
.c-card2 h3{margin:0;font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.c-big2{margin:16px 0 0;font-size:clamp(1.3125rem,2.1cqw,1.8125rem);line-height:1.25;letter-spacing:-.015em;font-weight:600}
.c-card2 ul{margin-top:18px}
.c-card2 li span{color:var(--land-5b5157)}
.c-tap{display:flex;gap:10px;margin:20px 0 0;font-weight:600;font-size:1rem}
.c-tap span{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:var(--land-ffc2d6)}
.c-fine{margin:16px 0 0;font-size:0.875rem;line-height:1.45;color:var(--land-5b5157)}
@container (max-width:760px){
  .c-card2{padding:20px 16px;margin:0 -16px}
}
.c-next{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;margin-top:72px;align-items:start}
.c-nexth{margin:0 0 16px;font-size:clamp(1.5rem,2.7cqw,2.375rem);line-height:1.1;letter-spacing:-.02em;font-weight:800}
@container (max-width:760px){.c-next{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}}
.c-proof{margin-top:16px;font-size:clamp(1.25rem,1.9cqw,1.625rem);line-height:1.35;max-width:36em}
.c-proof b{font-weight:800}
.c-cost{background:var(--paper);padding:96px 0}
.c-costhead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:end}
.c-legend{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:48px;font-size:0.9375rem;color:var(--soft)}
.c-legend span{display:inline-flex;align-items:center;gap:8px}
.c-legend i{display:inline-block;width:12px;height:12px;border-radius:var(--radius-tag)}
.c-legend .w,.c-brow .w{background:var(--land-c8385f)}
.c-legend .m,.c-brow .m{background:var(--ink)}
.c-bars{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.c-bars li{display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:24px;row-gap:2px;align-items:center;font-size:1rem}
.c-bq{grid-row:span 2}
.c-bars li:last-child .c-bq{font-weight:700}
.c-brow{display:flex;align-items:center;gap:8px;font-size:0.875rem;color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.c-brow i{display:block;height:12px;border-radius:0 var(--radius-tag) var(--radius-tag) 0;flex:none}
.c-pair{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;margin-top:48px;font-size:clamp(1.125rem,1.6cqw,1.375rem);line-height:1.4}
.c-pair b{font-weight:800}
.c-prop{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;padding-top:96px;padding-bottom:96px;align-items:start}
.c-prop .c-h{font-size:clamp(2.25rem,4.4cqw,3.875rem)}
.c-propsub{margin-top:20px;max-width:28em}
@container (max-width:760px){
  .c-cost{padding:56px 0}
  .c-costhead,.c-pair,.c-prop{grid-template-columns:minmax(0,1fr);gap:20px}
  .c-legend{margin-top:28px}
  .c-bars{gap:14px}
  .c-bars li{grid-template-columns:minmax(0,1fr)}
  .c-bq{grid-row:auto;font-size:0.9375rem}
  .c-pair{margin-top:32px}
  .c-prop{padding-top:56px;padding-bottom:56px;gap:24px}
}

.px-thread{display:grid;gap:24px}
.px-post{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.px-reply{margin-left:52px}
.px-av{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--land-dfe3dd);color:var(--land-14181f);font-size:0.8125rem;font-weight:700;letter-spacing:-.01em}
.px-helper{border-radius:var(--radius-ctrl);background:var(--land-d7e4ee)}
.px-you{background:var(--land-14181f);color:var(--land-ffffff)}
.px-head{margin:0 0 4px;font-size:0.9375rem;line-height:1.4}
.px-head b{font-weight:700}
.px-head span{color:var(--land-5a6160)}
.px-body>p:not(.px-head){margin:0;font-size:1.0625rem;line-height:1.45}
.px-body>p:not(.px-head)+p{margin-top:8px}
.px-body ul{margin-top:12px}
.px-body>h4{margin:20px 0 0;font-size:0.9375rem;font-weight:700}
.px-body>h4+ul{margin-top:8px}
.px-fill{margin:0;padding:14px 16px;background:var(--land-e8ece6);border-radius:var(--radius-ctrl)}
.px-fill b{display:block;font-size:1.0625rem;font-weight:600}
.px-fill strong{display:block;margin-top:2px;font-size:1.1875rem;font-weight:800}
@container (max-width:760px){
  .px-reply{margin-left:20px}
  .px-post{grid-template-columns:32px minmax(0,1fr);gap:10px}
  .px-av{width:32px;height:32px;font-size:0.6875rem}
  .px-thread{gap:20px}
}

html,body{margin:0;background:var(--land-ffe6ee)}
.c-links a.keep{display:inline-flex!important;align-items:center;font-weight:500}
.c-links .c-sign{min-height:44px;margin:0;padding:0 20px;font-size:1rem;background:var(--ink);color:var(--sheet)!important}
@container (max-width:760px){.c-hero h1{font-size:12.2cqw}}
:lang(zh) .c-hero h1{letter-spacing:-.02em}
@container (max-width:760px){:lang(zh) .c-hero h1{font-size:10.4cqw}}
.c-links{gap:24px}
@container (max-width:340px){.c-brow{white-space:normal}}
.c-more{margin-top:16px;font-size:1.0625rem}
.c-more a{color:inherit}
@container (max-width:760px){.c-links{gap:16px}.c-nav{gap:12px}.c-links a.more{display:none}}