*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.page{background:#fff;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:20px}.header-nav{margin-bottom:30px}.header-nav a{color:#409eff;font-size:16px;text-decoration:none}.header-nav a:hover{text-decoration:underline}h1{color:#303133;text-align:left;margin-bottom:10px;font-size:32px}.description{color:#606266;margin-bottom:30px;font-size:16px;line-height:1.6}.upload-area{text-align:center;cursor:pointer;background-color:#fafbfc;border:2px dashed #409eff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:130px;margin-bottom:30px;padding:40px;transition:all .3s;display:flex;position:relative}.upload-area:hover{background-color:#f0f8ff;border-color:#66b1ff}.upload-area.drag-over{background-color:#f0f9ff;border-color:#67c23a}.upload-text{color:#606266;margin-top:10px;font-size:16px}.upload-icon{color:#409eff;font-size:48px}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.table-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.table-title{color:#303133;font-size:20px;font-weight:700}.table-actions{gap:10px;display:flex}.features-section{margin-top:50px}.section-title{color:#303133;text-align:left;margin-bottom:30px;font-size:24px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px;display:grid}.feature-item{text-align:center;padding:20px}.feature-icon{margin-bottom:15px;font-size:48px;display:block}.feature-title{color:#303133;margin-bottom:10px;font-size:18px;font-weight:700}.feature-desc{color:#606266;font-size:14px;line-height:1.6}.steps-section{margin-top:40px}.steps-list{margin-bottom:20px}.step-item{color:#303133;margin-bottom:15px;font-size:16px}.step-number{color:#409eff;margin-right:8px;font-weight:700}.batch-tip{background-color:#f4f4f5;border-radius:8px;margin-top:20px;padding:20px}.batch-tip h4{color:#303133;margin-bottom:10px}.footer{border-top:1px solid #ebeef5;flex-flow:column wrap;gap:30px;margin-top:60px;padding-top:30px;display:flex}.footer-languages,.footer-links{flex-wrap:wrap;gap:15px;display:flex}.footer a{color:#409eff;text-decoration:none}.footer a:hover{text-decoration:underline}.loading-overlay{z-index:9999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ad-section{margin:20px 0}@media (max-width:768px){.page{padding:15px}h1{font-size:24px}.features-grid{grid-template-columns:1fr;gap:20px}.table-header{flex-direction:column;align-items:flex-start;gap:15px}.table-actions{justify-content:stretch;width:100%}.footer{flex-direction:column;gap:15px}.footer-languages,.footer-links{flex-direction:column;gap:10px}}.hidden-messages{display:none}.work-section{margin-top:40px}.work-content{margin-bottom:30px}.work-steps{margin:30px 0}.work-step{background:#fafbfc;border-left:4px solid #409eff;border-radius:8px;align-items:flex-start;margin-bottom:25px;padding:20px;display:flex}.work-step-number{color:#fff;background:#409eff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:20px;font-size:16px;font-weight:700;display:flex}.work-step-content h4{color:#303133;margin-bottom:8px;font-size:16px;font-weight:700}.work-step-content p{color:#606266;font-size:14px;line-height:1.6}.work-example{background:#f9f9f9;border-radius:8px;margin-top:30px;padding:20px}.example-container{grid-template-columns:1fr 1fr;gap:20px;margin-top:15px;display:grid}.example-before h5,.example-after h5{color:#303133;margin-bottom:10px;font-size:14px}@media (max-width:768px){.example-container{grid-template-columns:1fr;gap:15px}.work-step{text-align:center;flex-direction:column}.work-step-number{margin-bottom:15px;margin-right:0}}