.create-book-container{max-width:1000px;margin:20px auto;padding:0 15px;}.content-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.section-header{display:flex;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee;}.section-title{font-size:18px;font-weight:500;color:#333;margin:0;position:relative;padding-left:10px;line-height:1.4;display:flex;align-items:center;}.section-title:before{content:'';position:absolute;left:0;top:50%;height:18px;width:3px;transform:translateY(-50%);background-color:#ff8c69;border-radius:1.5px;}.create-book-form{padding:10px 0;}.form-row{display:flex;flex-wrap:wrap;gap:30px;}.left-column{flex:0 0 200px;}.right-column{flex:1;min-width:300px;}.form-group{margin-bottom:25px;position:relative;}.form-group label{display:block;font-weight:normal;margin-bottom:8px;font-size:14px;color:#666;line-height:1.5;position:relative;z-index:1;}.required{color:#ff4d4f;margin-left:2px;}.form-group input[type="text"],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:6px;font-size:14px;background-color:#f5f5f7;transition:all 0.3s;line-height:1.5;margin-top:2px;}.form-group input[readonly]{background-color:#f0f0f0;border:1px solid #e8e8e8;color:#555;cursor:default;box-shadow:none;}.form-group input[readonly]:focus{background-color:#f0f0f0;border-color:#e8e8e8;box-shadow:none;}.form-group input[type="text"]::placeholder,.form-group textarea::placeholder{color:#bbb;}.form-group input[type="text"]:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#e0e0e0;outline:none;box-shadow:0 0 0 2px rgba(93,153,104,0.1);}.form-group select.category-select{min-height:42px;height:auto;padding:12px 40px 12px 12px;font-weight:normal;color:#333;line-height:1.4;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235D9968' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;word-wrap:break-word;white-space:normal;}.form-group select.category-select:focus,.form-group select.select-active{border-color:#5D9968;background-color:#fff;box-shadow:0 0 0 2px rgba(93,153,104,0.2);}.form-group select.category-select optgroup{font-weight:600;color:#5D9968;background-color:#f8f9fa;padding:4px 8px;margin:2px 0;font-size:13px;}.form-group select.category-select option{padding:4px 8px;font-weight:normal;color:#333;background-color:#fff;font-size:13px;line-height:1.2;}.select-feedback{display:inline-block;font-size:16px;animation:fadeInOut 0.3s ease-in-out;}@keyframes fadeInOut{0%{opacity:0;transform:scale(0.8);}50%{opacity:1;transform:scale(1.1);}100%{opacity:1;transform:scale(1);}}.form-tip{font-size:12px;color:#999;margin-top:6px;line-height:1.4;}.char-count{position:absolute;right:10px;top:36px;font-size:12px;color:#bbb;background-color:transparent;padding:0 5px;z-index:2;border-radius:10px;transition:color 0.3s ease;}.char-count.normal{color:#bbb;}.char-count.warning{color:#fa8c16;}.char-count.danger{color:#ff4d4f;}.radio-group,.checkbox-group{display:flex;flex-wrap:nowrap;gap:30px;margin-top:10px;}.radio-group{flex-direction:row;justify-content:flex-start;}.radio-label,.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:normal;font-size:14px;color:#666;line-height:1.4;white-space:nowrap;}.radio-label input,.checkbox-label input{margin-right:8px;}.book-cover-wrapper{margin-bottom:25px;display:flex;flex-direction:column;gap:15px;}.cover-preview{width:160px;height:220px;border-radius:8px;overflow:hidden;background-color:#f5f5f7;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;border:1px dashed #ddd;margin:0 auto;}.cover-preview:hover{background-color:#f0f0f0;}.cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;padding:15px;text-align:center;}.cover-placeholder i{font-size:36px;margin-bottom:15px;color:#ccc;}.cover-placeholder p{font-size:14px;margin:0;line-height:1.4;}#coverPreview{width:100%;height:100%;object-fit:cover;border-radius:8px;}.upload-btn{display:block;width:100%;padding:10px 0;text-align:center;background-color:#f5f5f7;color:#666;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.3s;margin:0 auto;}.upload-btn:hover{background-color:#e8e8e8;}.cover-tip{font-size:12px;color:#999;line-height:1.5;text-align:center;}.cover-tip p{margin:3px 0;}.agreement-section{margin-top:20px;padding:12px;background-color:#f9f9f9;border-radius:8px;}.agreement-section a{color:#5D9968;text-decoration:none;}.agreement-section a:hover{text-decoration:underline;}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px;padding-top:15px;}.cancel-btn,.create-btn{padding:9px 24px;border-radius:20px;font-size:14px;cursor:pointer;transition:all 0.3s;border:none;}.cancel-btn{background-color:#f2f2f2;color:#666;}.cancel-btn:hover{background-color:#e0e0e0;}.create-btn{background-color:#ff8c69;color:white;}.create-btn:hover{background-color:#ff7d56;}@media (max-width:768px){.form-row{flex-direction:column;gap:20px;}.left-column,.right-column{width:100%;}.cover-preview{margin:0 auto 15px;}.form-actions{flex-direction:column-reverse;gap:10px;}.cancel-btn,.create-btn{width:100%;}}@media (max-width:480px){.content-section{padding:15px;}.form-group{margin-bottom:20px;}.form-group label{margin-bottom:8px;}.form-actions{padding-top:12px;margin-top:15px;}.char-count{top:34px;}.radio-group{gap:15px;}}