#app{font-family:Avenir,Helvetica,Arial,sans-serif,微软雅黑;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-size:16px;line-height:1.6;--el-font-size-base:16px;--el-font-size-medium:16px;--el-font-size-small:16px}h1,h2{text-align:center;margin-bottom:1rem}h1{font-size:2.25rem;margin-bottom:3rem}h2{font-size:1.75rem}.step-circle,.step-indicator{display:flex;justify-content:center}.step-circle{width:30px;height:30px;border-radius:50%;background-color:#ddd;color:#fff;align-items:center;margin:0 10px;font-weight:700}.step-circle.active{background-color:#007bff}.center-button,.center-buttons{text-align:center}.start-reading-button{text-decoration:none}.new-book-button,.start-reading-button{display:block;width:-moz-fit-content;width:fit-content;margin:20px auto 0}.main-content{width:80%;max-width:960px;margin:0 auto;padding:20px}.content-wrapper{display:flex;margin:20px auto}.image-section{flex:1;margin-right:20px}.form-section{flex:1}.generated-image{width:100%;display:block}.form-item{margin-bottom:10px}.script-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}