html[lang="zh-CN"] body.cn-flow,
html[lang="zh-CN"] body.cn-preview-status,
html[lang="zh-CN"] body.cn-result,
html[lang="zh-CN"] body.cn-checkout,
html[lang="zh-CN"] body.cn-success {
  --cn-ink:#28312e;
  --cn-muted:#77766f;
  --cn-accent:#a77350;
  background:#faf7f1;
  color:var(--cn-ink);
  font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Manrope,sans-serif;
  letter-spacing:0;
}
.cn-header { min-height:72px; }
.cn-nav-back { display:inline-flex; align-items:center; gap:8px; color:#6f716a; font-size:13px; text-decoration:none; }
.cn-nav-arrow { display:grid; width:25px; height:25px; place-items:center; border:1px solid rgba(120,100,78,.14); border-radius:50%; background:rgba(255,253,249,.68); color:#8f7058; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.cn-nav-arrow svg { display:block; width:14px; height:14px; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.cn-nav-back:hover .cn-nav-arrow { transform:translate(1px,-1px); background:#fffdfa; box-shadow:0 4px 12px rgba(60,50,39,.1); }
.cn-create-main { width:min(900px,calc(100% - 40px)); margin:0 auto; padding:64px 0 92px; }
.cn-intro { max-width:670px; margin:0 auto 38px; text-align:center; }
.cn-intro .eyebrow { color:var(--cn-accent); font-size:11px; letter-spacing:.12em; }
.cn-intro h1 { margin:18px 0 16px; font:400 clamp(42px,7vw,64px)/1.18 Newsreader,"Songti SC",serif; letter-spacing:0; }
.cn-intro h1 em { color:#8c684e; font-style:normal; }
.cn-intro p { max-width:540px; margin:0 auto; color:var(--cn-muted); font-size:15px; line-height:1.9; }
.cn-promise { display:flex; justify-content:center; align-items:center; gap:14px; margin-top:22px; color:#666d65; font-size:12px; }
.cn-promise i { width:3px; height:3px; border-radius:50%; background:#bda48d; }
.cn-form { overflow:hidden; border:1px solid rgba(55,60,53,.1); border-radius:23px; background:#fffdfa; box-shadow:0 22px 70px rgba(45,39,30,.065); }
.cn-form-section { padding:32px clamp(22px,5vw,54px) 36px; border-bottom:1px solid rgba(55,60,53,.09); }
.cn-form-section:last-child { border-bottom:0; }
.cn-section-heading { display:flex; align-items:flex-start; gap:16px; margin-bottom:24px; }
.cn-section-heading > span { display:grid; width:34px; height:34px; flex:none; place-items:center; border:1px solid rgba(167,115,80,.28); border-radius:50%; color:var(--cn-accent); font-size:11px; }
.cn-section-heading h2 { margin:1px 0 6px; font:500 23px/1.45 "PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; }
.cn-section-heading p { margin:0; color:var(--cn-muted); font-size:13px; line-height:1.7; }
.cn-fields { display:grid; gap:18px 20px; }
.cn-fields.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cn-span-two { grid-column:1/-1; }
.cn-field { display:grid; gap:8px; min-width:0; color:#424945; font-size:13px; font-weight:500; }
.cn-field > span { display:inline; margin-left:4px; color:#99958d; font-size:11px; font-weight:400; }
.cn-field input,.cn-field textarea,.cn-field select {
  width:100%; min-height:50px; padding:13px 15px; border:1px solid #e2ded6; border-radius:11px; outline:none;
  background:#fffefa; color:#303834; font:400 14px/1.65 "PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  transition:border-color .18s,box-shadow .18s;
}
.cn-field textarea { min-height:136px; resize:vertical; }
.cn-field input::placeholder,.cn-field textarea::placeholder { color:#aaa69e; font-size:13px; }
.cn-field input:focus,.cn-field textarea:focus,.cn-field select:focus { border-color:#b68a6c; box-shadow:0 0 0 3px rgba(167,115,80,.1); }
.cn-field small { color:#85837b; font-size:11px; font-weight:400; line-height:1.65; }
.cn-account-section { background:linear-gradient(180deg,#fffdfa,#fbf8f1); }
.cn-privacy-note { margin:13px 0 22px; color:#777970; font-size:12px; line-height:1.7; }
.cn-signed-in { margin:10px 0; color:#657262; font-size:13px; }
.cn-email-control { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; }
.cn-email-control input { min-width:0; }
.cn-code-send { min-height:48px; padding:0 17px; border:1px solid rgba(167,115,80,.24); border-radius:12px; background:linear-gradient(145deg,#fffdf9,#f2e8db); color:#75563f; font:500 13px/1.4 "PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; white-space:nowrap; cursor:pointer; transition:background .2s,color .2s,box-shadow .2s,transform .2s; }
.cn-code-send:hover:not(:disabled) { background:linear-gradient(145deg,#f5ede2,#ead9c6); box-shadow:0 5px 13px rgba(89,68,48,.09); transform:translateY(-1px); }
.cn-code-send:disabled { border-color:rgba(100,105,95,.12); background:#eeece6; color:#85847c; cursor:wait; }
.cn-change-email { justify-self:start; }
.cn-code-panel { display:grid; gap:10px; margin:18px 0 6px; padding:18px; border:1px solid #e6ded3; border-radius:14px; background:#faf6ee; }
.cn-code-hint { margin:0; color:#78766f; font-size:12px; }
.cn-link-button { justify-self:start; padding:3px 0; border:0; background:none; color:#8e684e; font:500 12px/1.5 "PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; cursor:pointer; }
.cn-link-button:disabled { color:#99958d; cursor:default; }
.cn-primary { display:flex; justify-content:center; align-items:center; gap:12px; width:100%; min-height:56px; border-radius:999px; font:500 15px/1.4 "PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; }
.cn-primary span { font-size:20px; transition:transform .2s; }
.cn-primary:hover span { transform:translateX(3px); }
.cn-submit-note { margin:13px 0 0; color:#85837b; text-align:center; font-size:11px; line-height:1.6; }
.cn-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:25px 0 32px; border-top:1px solid rgba(55,60,53,.1); color:#7b7a73; font-size:11px; }
.cn-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.cn-footer a { color:inherit; text-decoration:none; }
.cn-status { display:grid; min-height:100vh; place-items:center; padding:36px 20px; text-align:center; }
.cn-status-inner { width:min(560px,100%); }
.cn-status-inner h1 { margin:22px 0 12px; font:400 clamp(34px,7vw,50px)/1.2 Newsreader,"Songti SC",serif; }
.cn-status-inner p { color:var(--cn-muted); font-size:14px; line-height:1.8; }
.cn-status-mark { display:grid; width:56px; height:56px; margin:0 auto 20px; place-items:center; border:1px solid #d9c6b3; border-radius:50%; color:var(--cn-accent); font-size:24px; }
.cn-checkout .checkout-shell { font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; }
.cn-checkout h1,.cn-checkout h2,.cn-result h1,.cn-result h2,.cn-success h1 { letter-spacing:0; }
.cn-result .result-hero { text-align:center; }
.cn-result .result-hero h1 { line-height:1.2; }
.cn-result .result-choice h3 { font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; font-size:20px; line-height:1.5; }
.cn-result .result-choice p,.cn-result .lyric-explanation,.cn-result .private-note { line-height:1.8; }
.cn-result .button,.cn-checkout .button,.cn-success .button { font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; }
.cn-result .price { font-variant-numeric:tabular-nums; }
.cn-coupon-message { margin-top:9px; color:#85837b; font-size:12px; line-height:1.6; }
.cn-coupon-message.good { color:#53745b; }
.cn-coupon-message.bad { color:#a34f45; }
/* Chinese create page: calmer editorial rhythm and a clear map through the long form. */
.cn-create-main { width:min(980px,calc(100% - 48px)); padding:48px 0 76px; }
.cn-intro { max-width:700px; margin-bottom:24px; }
.cn-intro h1 { margin:14px 0 13px; font-size:clamp(46px,6vw,62px); line-height:1.12; }
.cn-intro p { max-width:600px; font-size:15px; line-height:1.8; }
.cn-promise { gap:8px; margin-top:18px; }
.cn-promise span { padding:8px 12px; border:1px solid rgba(75,79,68,.09); border-radius:99px; background:rgba(255,253,249,.82); color:#666d65; }
.cn-promise i { display:none; }
.cn-steps { position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:center; gap:8px; margin:0 auto 16px; padding:7px; border:1px solid rgba(55,60,53,.09); border-radius:99px; background:rgba(250,247,241,.92); box-shadow:0 8px 22px rgba(45,39,30,.08); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); width:max-content; max-width:100%; }
.cn-steps a { display:flex; align-items:center; gap:8px; padding:9px 14px; border-radius:99px; color:#77766f; font-size:12px; text-decoration:none; white-space:nowrap; transition:background .2s,color .2s,box-shadow .2s; }
.cn-steps a span { color:#a77350; font-size:10px; font-variant-numeric:tabular-nums; }
.cn-steps a[aria-current="step"] { background:#f1e9dc; color:#403c35; box-shadow:inset 0 0 0 1px rgba(167,115,80,.1); }
.cn-form { border-color:rgba(55,60,53,.09); border-radius:25px; box-shadow:0 26px 80px rgba(45,39,30,.075),0 2px 8px rgba(45,39,30,.025); }
.cn-form-section { padding:34px clamp(28px,5.5vw,60px) 39px; scroll-margin-top:84px; }
.cn-form-section + .cn-form-section { border-top:1px solid rgba(55,60,53,.025); }
.cn-section-heading { gap:15px; margin-bottom:25px; }
.cn-section-heading > span { width:36px; height:36px; background:linear-gradient(145deg,#fffdfa,#f4ecdf); font-variant-numeric:tabular-nums; }
.cn-section-heading h2 { font-size:22px; line-height:1.4; }
.cn-section-heading p { font-size:13px; line-height:1.75; }
.cn-fields { gap:19px 22px; }
.cn-field { gap:9px; color:#414641; font-size:14px; line-height:1.5; }
.cn-field input,.cn-field textarea,.cn-field select { min-height:54px; padding:14px 16px; border-color:#e5e0d7; border-radius:13px; background:#fff; font-size:14px; }
.cn-field textarea { min-height:150px; line-height:1.8; }
.cn-field input::placeholder,.cn-field textarea::placeholder { color:#aaa69e; font-size:13px; }
.cn-field small { color:#77766f; font-size:12px; line-height:1.7; }
.cn-field input:hover,.cn-field textarea:hover,.cn-field select:hover { border-color:#d2c7b8; }
.cn-account-section { background:linear-gradient(135deg,#fffdfa 0%,#faf6ee 58%,#f6f0e6 100%); }
.cn-code-panel { padding:21px; border-color:#e8ddcf; background:rgba(255,253,249,.82); }
.cn-primary { min-height:60px; box-shadow:0 12px 28px rgba(145,99,65,.16); }
.cn-submit-note { font-size:12px; }
#cnVerifyButton.cn-primary { justify-self:start; width:auto; min-width:230px; min-height:50px; padding:0 22px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(135deg,#44594b 0%,#34463c 58%,#283930 100%); color:#fffdf8; font-size:14px; box-shadow:0 8px 20px rgba(44,64,52,.16),inset 0 1px rgba(255,255,255,.14); }
#cnVerifyButton.cn-primary:hover { background:linear-gradient(135deg,#4f6556 0%,#3a4d42 58%,#2d4035 100%); }
#cnVerifyButton.cn-primary span { font-size:18px; }
@media(max-width:720px) {
  .cn-create-main { width:calc(100% - 28px); padding:35px 0 52px; }
  .cn-intro { margin-bottom:21px; }
  .cn-intro h1 { font-size:clamp(39px,10vw,48px); }
  .cn-intro p { font-size:14px; line-height:1.75; }
  .cn-promise { gap:6px; margin-top:16px; }
  .cn-promise span { padding:7px 10px; font-size:11px; }
  .cn-steps { top:0; justify-content:flex-start; width:100%; overflow-x:auto; padding:5px; gap:2px; border-radius:16px; scrollbar-width:none; }
  .cn-steps::-webkit-scrollbar { display:none; }
  .cn-steps a { flex:1 0 auto; justify-content:center; gap:5px; padding:10px 9px; font-size:11px; }
  .cn-header { display:flex; justify-content:space-between; }
  .cn-nav-back { gap:0; }
  .cn-nav-back-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .cn-nav-arrow { width:40px; height:40px; border-color:rgba(111,92,70,.17); border-radius:14px; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,238,226,.96)); color:#46564a; box-shadow:0 4px 12px rgba(54,48,38,.08),inset 0 1px rgba(255,255,255,.9); }
  .cn-nav-arrow svg { width:17px; height:17px; stroke-width:1.55; }
  #cnVerifyButton.cn-primary { min-width:210px; min-height:48px; padding:0 18px; }
  .cn-email-control { grid-template-columns:minmax(0,1fr) auto; gap:7px; }
  .cn-code-send { min-height:46px; padding:0 11px; font-size:12px; }
  .cn-form { border-radius:19px; }
  .cn-form-section { padding:25px 19px 29px; scroll-margin-top:16px; }
  .cn-section-heading { gap:11px; margin-bottom:19px; }
  .cn-section-heading > span { width:31px; height:31px; }
  .cn-section-heading h2 { font-size:19px; }
  .cn-section-heading p { font-size:12px; }
  .cn-fields.two { gap:16px; }
  .cn-field { font-size:13px; }
  .cn-field input,.cn-field textarea,.cn-field select { min-height:52px; font-size:16px; }
  .cn-field textarea { min-height:142px; }
  .cn-code-panel { padding:16px; }
}
@media(max-width:650px) {
  .cn-header { min-height:62px; }
  .cn-fields.two { grid-template-columns:1fr; }
  .cn-span-two { grid-column:auto; }
  .cn-footer { align-items:flex-start; flex-direction:column; width:calc(100% - 36px); gap:15px; }
  .cn-footer nav { gap:12px 16px; }
}