:root{--ink:#28243c;--muted:#797287;--purple:#7460c8;--paper:#f6f4fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif}a{color:inherit}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e1ee}.brand{text-decoration:none;font-size:23px;font-weight:750}.brand small{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;min-height:650px}.eyebrow{letter-spacing:3px;font-size:12px;color:var(--purple);font-weight:700}h1{font-size:clamp(42px,5vw,66px);letter-spacing:-2px;line-height:1.18;margin:24px 0}h2{font-size:32px;line-height:1.4}p{color:var(--muted);line-height:1.9}.button,button{display:inline-block;border:0;border-radius:14px;background:var(--ink);color:white;padding:15px 24px;text-decoration:none;font-size:15px;cursor:pointer}button.secondary{background:#eae5f4;color:var(--ink)}.note{font-size:12px}.visual{border-radius:44% 44% 24px 24px;background:linear-gradient(145deg,#e4d8f7,#c8d8e9);padding:40px 30px;perspective:900px}.scene{height:420px;border:10px solid white;border-radius:20px;position:relative;overflow:hidden;transform:rotateY(-10deg) rotateZ(4deg);box-shadow:0 30px 60px #62528035;background:linear-gradient(#b5cbdf 0 46%,#92afa9 46% 65%,#527778 65%);transition:transform .3s}.sun{width:75px;height:75px;position:absolute;border-radius:50%;background:#fff3d0;left:40px;top:45px}.mountain{position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%);width:420px;height:250px;left:-120px;top:115px;background:#738ba5}.mountain.two{left:90px;top:160px;background:#526981}.foreground{position:absolute;bottom:-60px;left:-30px;width:420px;height:180px;border-radius:50%;background:#344e5a;transform:rotate(-15deg)}.scene-label{position:absolute;bottom:20px;left:20px;color:white;font-size:12px;letter-spacing:2px}.section{padding:60px 0;border-top:1px solid #e5dfee}.features,.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.plans{grid-template-columns:repeat(4,1fr)}.plan{padding:24px 20px;border:1px solid #dfd8ea;border-radius:20px;background:#ffffff70}.plan strong{font-size:24px}.plan.highlight{background:#ece6fa;border-color:#c5b8e6}.step{font-size:40px;color:#b4a7d6;font-weight:300}footer{border-top:1px solid #e5dfee;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}input,select,textarea{width:100%;padding:12px;border:1px solid #d7cee6;border-radius:9px;font:inherit;background:white;color:var(--ink)}label{display:block;margin:12px 0 6px}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee7f4;font-size:13px}td button{padding:8px 10px;font-size:12px;margin:3px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar input{max-width:280px}.toolbar select{max-width:160px}.panel{background:white;border:1px solid #e6dfee;padding:28px;border-radius:20px;margin:24px 0}.status{color:var(--purple);white-space:pre-wrap}.error{color:#b3455e}#login{max-width:420px;margin:70px auto}textarea{min-height:130px}code{word-break:break-all}.scroll{overflow:auto}button:disabled{opacity:.5;cursor:wait}@media(max-width:720px){header,main,footer{padding:20px}.hero{grid-template-columns:1fr;gap:32px;padding:48px 0}.visual{max-width:380px;margin:auto;width:100%}.scene{height:330px}.features,.plans{grid-template-columns:1fr 1fr}.features{gap:24px}nav{gap:14px}.brand small{display:none}footer{display:block;line-height:2}}@media(prefers-reduced-motion:reduce){.scene{transition:none}}