*{box-sizing:border-box}.tof-container{display:flex;gap:30px;max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:15px;color:#333}.tof-main{flex:1;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.tof-step{display:none}.tof-step.active{display:block}.tof-step-header h2{font-size:22px;font-weight:600;color:#2c3e50;margin:0 0 8px 0}.tof-step-header p{color:#666;margin:0 0 25px 0;font-size:14px;line-height:1.5}.tof-field-group{margin-bottom:22px}.tof-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px}.tof-input,.tof-select,.tof-textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:6px;font-size:15px;transition:border-color 0.2s,box-shadow 0.2s;background:#fff}.tof-input:focus,.tof-select:focus,.tof-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.tof-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.tof-textarea{resize:vertical;min-height:100px}.tof-type-cards{display:flex;gap:15px;flex-wrap:wrap}.tof-type-card{flex:1;min-width:180px;border:1px solid #e0e0e0;border-radius:8px;padding:18px;cursor:pointer;transition:all 0.2s;background:#fff}.tof-type-card:hover{border-color:#bbb}.tof-type-card input{display:none}.tof-type-card.selected{border-color:#3b82f6;background:#f8faff}.tof-card-content{display:flex;flex-direction:column;align-items:center;text-align:center}.tof-card-radio{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;margin-bottom:12px;position:relative;transition:border-color 0.2s}.tof-type-card.selected .tof-card-radio{border-color:#3b82f6}.tof-type-card.selected .tof-card-radio::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#3b82f6;border-radius:50%}.tof-card-info strong{display:block;font-size:15px;color:#2c3e50;margin-bottom:4px}.tof-card-desc{display:block;font-size:12px;color:#888}.tof-upload-zone{border:2px dashed #d0d0d0;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all 0.2s;background:#fafafa}.tof-upload-zone:hover,.tof-upload-zone.dragover{border-color:#3b82f6;background:#f8faff}.tof-upload-icon{width:40px;height:40px;color:#999;margin-bottom:10px}.tof-upload-content p{margin:0;color:#666;font-size:14px}.tof-browse{color:#3b82f6;text-decoration:underline;cursor:pointer}#tof-file-input{display:none}.tof-files-list{margin-top:15px}.tof-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:8px}.tof-file-info{display:flex;align-items:center;gap:10px}.tof-file-icon{width:24px;height:24px;color:#666}.tof-file-name{font-size:14px;color:#333}.tof-file-meta{font-size:12px;color:#888}.tof-file-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:5px;font-size:18px;line-height:1}.tof-file-remove:hover{color:#b02a37}.tof-counts{display:flex;gap:30px;padding:15px 0;border-top:1px solid #eee;margin-top:20px}.tof-counts p{margin:0;font-size:14px;color:#555}.tof-counts strong{color:#2c3e50}.tof-step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.tof-btn{padding:12px 28px;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px}.tof-btn-next,.tof-btn-submit{background:#2c5282;color:#fff;margin-left:auto}.tof-btn-next:hover,.tof-btn-submit:hover{background:#234876}.tof-btn-back{background:#f1f5f9;color:#475569}.tof-btn-back:hover{background:#e2e8f0}.tof-btn:disabled{opacity:.6;cursor:not-allowed}.tof-sidebar{width:320px;flex-shrink:0}.tof-sidebar-inner{background:#f8f7f4;border:1px solid #e5e5e5;border-radius:8px;padding:25px;position:sticky;top:20px}.tof-step-indicator{font-size:13px;color:#666;margin-bottom:15px}.tof-step-indicator span{color:#2c5282;font-weight:600}.tof-sidebar-inner h3{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 20px 0}.tof-summary-list{list-style:none;padding:0;margin:0 0 20px 0}.tof-summary-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px}.tof-summary-bullet{width:8px;height:8px;border:2px solid #ccc;border-radius:50%;margin-top:5px;flex-shrink:0}.tof-summary-label{color:#555;min-width:80px}.tof-summary-value{color:#333;word-break:break-word}.tof-help-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:20px}.tof-help-box h4{margin:0 0 12px 0;font-size:16px;color:#2c3e50}.tof-help-box p{margin:0 0 8px 0;font-size:13px;color:#555}.tof-help-box a{color:#2c5282;text-decoration:none}.tof-help-box a:hover{text-decoration:underline}.tof-help-note{font-size:12px;color:#888;margin-top:10px}.tof-success-content{text-align:center;padding:40px 20px}.tof-success-icon{width:60px;height:60px;color:#16a34a;margin-bottom:20px}.tof-success-content h2{font-size:28px;color:#16a34a;margin:0 0 15px 0}.tof-success-message{font-size:16px;color:#555;margin-bottom:10px}.tof-order-number{font-size:15px;color:#333;margin-bottom:15px}.tof-order-number strong{color:#2c5282}.tof-btn-loading{display:inline-flex;align-items:center;gap:8px}@media (max-width:900px){.tof-container{flex-direction:column}.tof-sidebar{width:100%;order:-1}.tof-sidebar-inner{position:static}.tof-type-cards{flex-direction:column}.tof-type-card{min-width:100%}}@media (max-width:500px){.tof-main{padding:20px 15px}.tof-sidebar-inner{padding:20px 15px}.tof-step-nav{flex-direction:column;gap:10px}.tof-btn{width:100%;justify-content:center}.tof-btn-next{margin-left:0}}.tof-container .tof-label,.tof-container label.tof-label{font-size:14px!important}.tof-container .tof-select,.tof-container select.tof-select{font-size:15px!important}.tof-container .tof-input,.tof-container input.tof-input{font-size:15px!important}.tof-container .tof-textarea,.tof-container textarea.tof-textarea{font-size:15px!important}.tof-container .tof-step-header h2,.tof-container .tof-step-header h2:not(:empty){font-size:22px!important}.tof-container .tof-sidebar-inner h3,.tof-container .tof-sidebar-inner h3:not(:empty){font-size:20px!important}.tof-container .tof-help-box h4,.tof-container .tof-help-box h4:not(:empty){font-size:16px!important}.tof-container .tof-card-info strong{font-size:15px!important}.tof-container .tof-card-desc{font-size:12px!important}.tof-container .tof-summary-list li,.tof-container .tof-summary-label,.tof-container .tof-summary-value{font-size:14px!important}