.landing{--pad:clamp(20px, 5vw, 72px);background:var(--canvas);min-height:100svh;color:var(--ink);font-family:var(--font-sans);flex-direction:column;display:flex}.landing-header{padding:26px var(--pad) 0;justify-content:space-between;align-items:center;gap:16px;display:flex}.landing-brand{align-items:center;gap:12px;display:flex}.landing-mark{background:var(--perspective);border-radius:2px;width:2px;height:20px}.landing-name{letter-spacing:.14em;font-size:11.5px;font-weight:700}.landing-cn{border-left:1px solid var(--hairline);color:var(--secondary);letter-spacing:.04em;padding-left:12px;font-size:11.5px}.landing-lang{min-height:36px;color:var(--secondary);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:550}.landing-lang:hover{color:var(--ink);background:#e8e8ed}.landing-hero{width:100%;max-width:1440px;padding:clamp(40px, 8vh, 104px) var(--pad) clamp(36px, 6vh, 64px);flex:1}.hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(24px,3.2vw,48px) clamp(24px,3vw,40px);display:grid}.hero-title{grid-column:1/span 7}.hero-aside{grid-column:8/-1;padding-top:.8em}.hero-form{grid-column:1/span 7}.hero-examples{grid-column:8/-1}.landing-hero h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(44px,6.2vw,86px);font-weight:650;line-height:1.02}html[lang=zh-CN] .landing-hero h1{letter-spacing:-.035em;line-height:1.12}.landing-sub{max-width:26ch;color:var(--secondary);margin:0;font-size:clamp(15px,1.25vw,17px);line-height:1.75}.landing-form{border:1px solid var(--hairline);background:var(--surface);transition:border-color .2s var(--ease-apple), box-shadow .2s var(--ease-apple);border-radius:20px;padding:6px;box-shadow:0 1px 2px #00000005}.landing-form:focus-within{border-color:#b9b9c0;box-shadow:0 12px 40px #0000000f}.landing-input{width:100%;min-height:108px;color:var(--ink);resize:none;background:0 0;border:0;border-radius:16px;padding:18px 18px 8px;font-size:18px;line-height:1.6}.landing-input:focus{outline:none}.landing-input::placeholder{color:var(--secondary)}.landing-form-foot{justify-content:space-between;align-items:center;gap:16px;padding:6px 10px 10px 18px;display:flex}.landing-hint{color:var(--secondary);font-size:12.5px}.landing-submit{color:#fff;min-height:48px;transition:transform .15s var(--ease-apple), background .2s var(--ease-apple);background:#1d1d1f;border:0;border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 20px;font-size:14.5px;font-weight:550;display:inline-flex}.landing-submit:hover:not(:disabled){background:#000;transform:translateY(-1px)}.landing-submit:active:not(:disabled){transform:scale(.985)}.landing-submit:disabled{opacity:.5;cursor:progress}.landing-submit svg{width:18px;height:18px}.landing-error{color:var(--error);margin:12px 0 0;font-size:13.5px}.landing-examples{margin:0}.landing-examples-label{color:var(--secondary);margin-bottom:12px;font-size:12.5px;display:block}.landing-chips{gap:8px;display:grid}.landing-chips button{border:1px solid var(--hairline);background:var(--surface);width:100%;color:var(--secondary);text-align:left;transition:border-color .16s var(--ease-apple), color .16s var(--ease-apple), transform .16s var(--ease-apple);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55}.landing-chips button:hover{color:var(--ink);border-color:#b9b9c0;transform:translateY(-1px)}.landing-rules{color:var(--secondary);margin:16px 0 0;font-size:12px}.landing-principles{padding:clamp(48px, 8vh, 96px) var(--pad) clamp(40px, 6vh, 72px);border-top:1px solid var(--hairline);background:var(--surface)}.landing-principles h2{letter-spacing:-.03em;max-width:22ch;margin:0 0 clamp(28px,4vh,44px);font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.25}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;max-width:1120px;display:grid}.landing-grid article{border-top:1px solid var(--hairline);padding-top:18px}.landing-index{color:var(--secondary);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-bottom:14px;font-size:11.5px;display:block}.landing-grid h3{letter-spacing:-.015em;margin:0 0 10px;font-size:17px;font-weight:600}.landing-grid p{max-width:34ch;color:var(--secondary);margin:0;font-size:14px;line-height:1.65}.landing-footer{padding:22px var(--pad) 28px;border-top:1px solid var(--hairline);background:var(--surface);color:var(--secondary);letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;font-size:11.5px;display:flex}.landing-footer span:first-child{color:var(--ink);letter-spacing:.12em;font-weight:650}@media (max-width:1000px){.hero-title{grid-column:1/span 6}.hero-aside{grid-column:7/-1}.hero-form,.hero-examples{grid-column:1/-1}.landing-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.landing-grid{grid-template-columns:1fr;gap:22px}.landing-hero{padding-top:40px}.hero-grid{flex-direction:column;gap:28px;display:flex}.landing-sub{max-width:30ch}.landing-chips{grid-template-columns:1fr}.landing-form-foot{flex-direction:column;align-items:stretch;gap:12px;padding:8px 10px 12px}.landing-hint{order:2;padding-left:8px}.landing-submit{justify-content:center;width:100%}.landing-cn{display:none}}