body{margin:0;background:linear-gradient(180deg,#f8fafc,#eef2f7 50%,#e7edf5)}#app{width:1400px;margin:0 auto;padding:40px 0 80px;font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;color:#2c3e50}.hero{text-align:center;margin-bottom:60px}.hero h1{margin:0;font-size:4rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{margin-top:18px;font-size:1.2rem;color:#64748b}.version-tip{margin-top:12px;color:#94a3b8;font-size:14px}.preview-container{display:flex;flex-direction:column;gap:30px}.cards-row{display:flex;gap:30px;width:100%}.preview-aria{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.5);border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.08),0 1px 3px rgba(15,23,42,.05);transition:transform .25s ease,box-shadow .25s ease}.preview-aria:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(15,23,42,.12),0 4px 10px rgba(15,23,42,.08)}.preview-aria1,.preview-aria2,.preview-aria3{flex:1;height:180px;display:flex;justify-content:center;align-items:center}.preview-aria1{background:linear-gradient(135deg,rgba(59,130,246,.12),hsla(0,0%,100%,.8))}.preview-aria2{background:linear-gradient(135deg,rgba(245,158,11,.12),hsla(0,0%,100%,.8))}.preview-aria3{background:linear-gradient(135deg,rgba(34,197,94,.12),hsla(0,0%,100%,.8))}.card-title{font-size:2rem;font-weight:700}.text-aria{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center}.text-aria h3{margin-top:0;margin-bottom:20px;font-size:1.8rem;width:60%}.text-aria p,.text-aria span{display:block;margin:8px 0;color:#475569;width:60%}.text-aria textarea{width:900px;height:220px;margin-top:25px;padding:18px;border-radius:16px;border:1px solid #dbe3ef;background:#fafcff;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;resize:vertical;transition:all .2s ease}.text-aria textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15)}tip{display:block;margin-top:40px;padding:24px;border-radius:20px;background:hsla(0,0%,100%,.75);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 10px 30px rgba(15,23,42,.08);text-align:center;line-height:1.8;color:#64748b}