@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Noto+Sans+TC:wght@100;300;400;700;900&display=swap";.loadingBox{position:fixed;z-index:999;width:100%;height:calc(var(--vh, 1vh) * 100);background:rgba(255,255,255,.5);top:0;left:0;display:flex;align-items:center;justify-content:center;transition:.5s}.loadingBox.leave{opacity:0}.loadingBox .loadingMask{display:flex;flex-direction:column;align-items:center;gap:10px}.loadingBox .loadingMask .loadingText{font-size:15px;font-weight:500}.modal-overlay{display:flex;flex-direction:column;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);align-items:center;justify-content:center;gap:20px;transition:.5s;opacity:1}.modal-overlay:not([jsmodal]){z-index:-1}.modal-overlay.inModal,.modal-overlay.leaveModal{opacity:0}.modal-overlay .modal-tip{text-align:center;font-size:16px;font-weight:500;color:#fff}.modal-overlay .modalContent{background:white;width:327px;max-width:87.2%;border-radius:10px;overflow:hidden;box-shadow:0 0 40px 10px #0000000d}.modal-overlay .modalContent .modalAlert{padding:15px 20px;display:flex;flex-direction:column;gap:10px;min-height:100px;justify-content:center;align-items:center}.modal-overlay .modalContent .modalAlert>.title{font-size:22px;text-align:center;font-weight:700}.modal-overlay .close{width:40px;height:40px;border-radius:40px;border:solid 2px white;position:relative;background:none;font-size:0}.modal-overlay .close:before,.modal-overlay .close:after{content:"";position:absolute;display:block;height:2px;width:60%;background:white;transform-origin:left top;top:50%;left:50%}.modal-overlay .close:before{transform:rotate(45deg) translate(-50%,-50%)}.modal-overlay .close:after{transform:rotate(-45deg) translate(-50%,-50%)}@font-face{font-family:Noto Sans TC,PingFang TC,微軟正黑體;src:local("Noto Sans TC");unicode-range:U+4E00-9FFF}@font-face{font-family:Lato;src:local("Lato");unicode-range:U+00-024F}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font-family:Noto Sans TC,Lato,Arial,serif,sans-serif,微軟正黑體;vertical-align:baseline;outline:none;box-sizing:border-box;box-shadow:unset;text-decoration:none}h1,h2,h3,h4,h5{margin:0}a[href],a[href]:hover,a[href]:active{outline:none;text-decoration:none}img{transition:.5s}img[data-src]{opacity:0}img.fade-in{opacity:1}body,html{outline:none;font-weight:400;height:100vh;height:calc(var(--vh, 1vh) * 100)}html{-webkit-locale:"tw"}body{width:100%;height:100%;width:100vw;height:calc(var(--vh, 1vh) * 100);overflow:hidden;overflow-x:hidden!important;overflow-y:auto;-webkit-overflow-scrolling:touch;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;scroll-behavior:smooth;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}body #app{width:100%;min-height:100%}.page-loader{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background:#f0f0f1;justify-content:center;display:flex;align-items:center}.page-loader .loader-circle{position:relative;font-size:10px;margin:50px auto;text-indent:-9999em;width:40px;height:40px;border-radius:50%;background:#999;background:linear-gradient(to right,#999 30%,rgba(153,153,153,0) 100%);animation:loader-anim 1s infinite linear;transform:translateZ(0)}.page-loader .loader-circle:before,.page-loader .loader-circle:after{content:"";position:absolute;top:0;left:0}.page-loader .loader-circle:before{width:50%;height:50%;background:#999;border-radius:100% 0 0}.page-loader .loader-circle:after{background:#f0f0f1;width:100%;height:100%;border-radius:50%;bottom:0;right:0;transform:scale(.9)}@keyframes loader-anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.emptyPage{display:flex;flex-direction:column;gap:15px;text-align:center;width:954px;max-width:90%;height:calc(var(--vh, 1vh) * 100);align-items:center;justify-content:center;position:relative;left:50%;transform:translate(-50%);overflow:hidden}.emptyPage img{display:block;width:460px;max-width:100%}.emptyPage .title{font-weight:600;font-size:75px;line-height:1;padding-bottom:25px}.emptyPage .content{color:#666;font-size:17px;font-weight:600}@media only screen and (min-width: 981px){.emptyPage .content{width:45%}}@media only screen and (max-width: 980px){.emptyPage .title{font-size:45px;padding-bottom:5px}}@media only screen and (max-width: 767px){.emptyPage .title{font-size:40px}.emptyPage .content{font-size:15px}}[v-cloak]{opacity:0}.mobileContainer{width:360px;max-width:100%;margin:auto}.mobileContainer .header,.mobileContainer .footer{position:fixed;left:50%;transform:translate(-50%);height:50px;background:white;width:inherit}.mobileContainer .header{top:0}.mobileContainer .footer{bottom:0}.mobileContainer .body{padding:50px 0}.form-checkBox{display:flex;justify-content:center;align-items:center;gap:5px}.form-checkBox input{margin:0}.header{position:fixed;top:0;left:0;width:inherit;box-shadow:var(--bs-box-shadow-sm);background:white;z-index:99}.header .container{display:flex;justify-content:space-between;align-items:center;padding:11px 0;max-width:90%}@media (max-width: 640px){.header .container .cartLink{display:none}}.sectionPage{padding-top:75px;max-width:90%;margin:auto;color:#333}.memberLogin,.memberPage{height:calc(var(--vh, 1vh) * 100);width:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:33px}.memberLogin>*{max-width:90%;width:490px}.memberLogin .hub-header .title{color:#1e3871}.memberLogin .fieldBody .control.has-icon:before{content:"";display:block;height:calc(100% - 5px);width:1px;background:#dbdbdb;position:absolute;left:63px;z-index:1;top:2.5px}.memberLogin .fieldBody .control.has-icon .input{padding-left:76px}.memberLogin .fieldBody .input{border-radius:5px;height:53px}.memberLogin .fieldBody .input:focus+.form-icon svg{stroke:#cecece}.memberLogin .fieldBody .input:focus+.form-icon svg path{fill:#5872b5!important}.memberLogin .fieldBody .captcha{cursor:pointer}.memberLogin .fieldBody .form-icon{top:50%;transform:translateY(-50%);width:63px}.memberLogin .fieldBody .form-icon svg{width:auto;height:auto}.memberLogin .fieldFoot .button{height:53px;background-color:#5872b5}.memberPage{max-width:90%;margin:auto;justify-content:flex-start;padding-top:75px;min-height:calc(var(--vh, 1vh) * 100 - 75px);height:auto}.memberPage>.columns{width:100%;position:relative}.memberPage>.columns .column.leftCol{flex:0 0 274px;width:250px}.memberPage>.columns .column.leftCol .wrapBox{width:inherit;position:fixed;z-index:1}.memberPage>.columns .column.leftCol .wrapBox .memberMenu{max-height:calc(100vh - 100px);overflow:hidden;overflow-y:auto;width:100%}@media (max-width: 640px){.memberPage>.columns .column.leftCol{width:calc(90% - 24px)}.memberPage>.columns .column.leftCol .wrapBox .memberMenu{max-height:60vh;position:absolute;left:0;top:60px}.memberPage>.columns .column.leftCol .wrapBox .memberMenu:not(.isActive){max-height:0;padding-top:0;padding-bottom:0;border:0}.memberPage>.columns .column.rightCol{margin-top:36px}}.memberPage .list-widget .inner-list{padding-top:0;padding-left:20px}.memberPage .list-widget .widget-head{margin-bottom:10px}.memberPage .list-widget .inner-list-wrapper+.widget-head{margin-top:20px}.memberPage .list-widget .inner-list-item+.inner-list-item{margin-top:10px}.memberPage .list-widget .inner-list-item a{font-size:.95rem;color:#283252}@media (min-width: 640px){.memberPage .huro-hamburger{display:none}}.memberPage .pageTitle{padding-top:10px;margin-bottom:30px;font-weight:600}@media (max-width: 640px){.memberPage .pageTitle{position:absolute;top:12px;left:12px;text-align:right;width:calc(100% - 24px);margin:0}}.memberPage .atBread .breadcrumb{width:100%;display:flex;background:#92C0E8}.memberPage .atBread .breadcrumb>li{flex:0 0 25%;width:25%;padding:10px;color:#fff;text-align:center;position:relative;justify-content:center}.memberPage .atBread .breadcrumb>li .btn{color:#212529}.memberPage .atBread .breadcrumb>li.active{background:#017296}.memberPage .atBread .breadcrumb>li.active .btn{color:#fff}.memberPage .atBread .breadcrumb>li+li:before{position:absolute;left:-10px;top:50%;transform:translateY(-50%);float:none;padding:7px;display:flex;align-items:center;justify-content:center;line-height:2px;background:white;border-radius:10px}@media (max-width: 640px){.memberPage .atBread .breadcrumb{flex-direction:column}.memberPage .atBread .breadcrumb>li{flex:0 0 100%;width:100%;padding-bottom:20px;padding-top:15px}.memberPage .atBread .breadcrumb>li+li{padding-top:20px}.memberPage .atBread .breadcrumb>li+li:before{left:50%;top:-10px;transform:translate(-50%) rotate(90deg)}}.memberPage .addTopicBody .card-body>.title{margin-bottom:12px}.memberPage .addTopicBody .card-body .card-text{font-size:12px}.memberPage .addTopicBody .card-body .card-text .checkbox{padding:8px 8px 8px 22px;text-indent:-22px}.memberPage .addTopicBody .card-body .card-text .checkbox input+span{text-indent:0}.memberPage .addTopicFoot{display:flex;gap:15px;justify-content:center}.memberPage .addTopicTable{background:white;box-shadow:0 .5em 1em -.125em #0a0a0a1a,0 0 0 1px #0a0a0a05;border:solid 1px rgba(0,0,0,.175);border-radius:5px}@media (max-width: 640px){.memberPage .addTopicTable .table{width:800px}}.memberPage .printPage .dashboard-card{background:#7b2ce2;padding:20px;border-radius:6px;color:#fff;font-size:18px;font-weight:700;margin-bottom:25px}.memberPage .listContent{display:flex;flex-direction:column;gap:25px;padding:20px;background:white;box-shadow:0 .5em 1em -.125em #0a0a0a1a,0 0 0 1px #0a0a0a05;border-radius:8px}.memberPage .listContent .items{display:flex;align-items:center;gap:20px}.memberPage .listContent .items .title{margin:0;font-size:1.15rem}.memberPage .listContent .items .detail{font-size:.9rem;color:#a2a5b9;word-break:break-all}.memberPage .listContent .items .detail .input-group .input{width:auto}.memberPage .listContent .items:not(.flex-wrap) .title{flex:0 0 110px}.memberPage .listContent .items:not(.flex-wrap)>.detail{flex:0 0 calc(100% - 120px)}.memberPage .listContent .items.flex-wrap{gap:0}.memberPage .listContent .items.flex-wrap .detail{width:100%}@media (min-width: 640px){.memberPage .listContent .items .detail .input-group{width:auto}}@media (max-width: 640px){.memberPage .listContent .items{flex-direction:column;align-items:start;gap:3px}.memberPage .listContent .items .title{flex:none!important}.memberPage .listContent .items .detail{width:100%}}.huro-hamburger{background:white;border:1px solid #e5e5e5;padding:13px 14px 10px 10px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.huro-hamburger .menu-toggle span i{background:#283252}.printPDF .pageBox{background:white;padding:20px}.printPDF .pageBox>*{margin-bottom:15px}.printPDF .pageBox>h3{text-align:center;font-size:20px;font-weight:700}.printPDF .pageBox>h4{font-size:18px;font-weight:700;margin-bottom:10px}.printPDF .pageBox .list .num{min-width:32px;text-align:right}.printPDF .pageBox .list .listTitle:not(.none){text-indent:-40px;padding-left:40px;letter-spacing:.5px}.datetimepicker{z-index:6}.cartContent{width:100%;display:flex;flex-direction:column;align-items:center;max-width:90%;margin:auto;justify-content:flex-start;padding-top:75px}.pagination{justify-content:flex-end}.passwordIcon{position:absolute;right:15px;top:13px;z-index:1}.paperPage{padding:80px 0 35px;max-width:90%;margin:auto;color:#333}.paperPage .paperTitle{justify-content:center;padding:20px 0}.paperPage .paperTitle,.paperPage .paperTitle span{display:flex;align-items:center;white-space:nowrap;gap:15px}.paperPage .pageFoot{padding-top:20px;display:flex;justify-content:center}.paperPage .paperList{display:flex;flex-direction:column;gap:10px}.paperPage .paperList li{position:relative;display:flex;flex-wrap:wrap}.paperPage .paperList li .ansInput{position:absolute;left:10px;top:0;background:transparent;border:none;width:15px}.paperPage .paperList li .ansInput:focus{outline:none}.paperPage .paperList li img{height:fit-content}#pdf-container{position:absolute;left:-9999px;top:0;width:210mm;background:white}#pdf-container .pdf-page{width:210mm;min-height:297mm;padding:10mm;margin:0;background:white;box-sizing:border-box;overflow:hidden;display:block;page-break-after:always;position:absolute;left:-9999px}#pdf-container .pdf-page *{margin:0;padding:0;box-sizing:border-box;background:white}#pdf-container .pdf-page *>h3{text-align:center;font-size:20px;font-weight:700}#pdf-container .pdf-page *>h4{font-size:18px;font-weight:700;margin-bottom:10px}#pdf-container .pdf-page * .list .num{min-width:32px;text-align:right}#pdf-container .pdf-page * .list .listTitle:not(.none){text-indent:-40px;padding-left:40px;letter-spacing:.5px}.pdfIframe+.pdfIframe{margin-top:20px}.single-accordion .accordion-header.text-primary:before{background:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.add-topic-container{max-width:1200px;margin:0 auto}.progress-indicator{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.progress-indicator .progress-bar{height:8px;background:#f0f2f5;border-radius:4px;overflow:hidden;margin-bottom:24px}.progress-indicator .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);transition:width .3s ease}.progress-indicator .progress-steps{display:flex;justify-content:space-between;gap:8px}.progress-indicator .progress-steps .step-item{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}.progress-indicator .progress-steps .step-item:hover:not(.active){transform:translateY(-2px)}.progress-indicator .progress-steps .step-item .step-icon{width:48px;height:48px;border-radius:50%;background:#f0f2f5;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease}.progress-indicator .progress-steps .step-item .step-icon i{color:#6b7280;font-size:20px}.progress-indicator .progress-steps .step-item .step-title{font-size:14px;color:#6b7280;text-align:center;transition:all .3s ease}.progress-indicator .progress-steps .step-item.active .step-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #4f46e54d}.progress-indicator .progress-steps .step-item.active .step-icon i{color:#fff}.progress-indicator .progress-steps .step-item.active .step-title{color:#4f46e5;font-weight:600}.progress-indicator .progress-steps .step-item.completed .step-icon{background:#10b981}.progress-indicator .progress-steps .step-item.completed .step-icon i{color:#fff}.progress-indicator .progress-steps .step-item.completed .step-title{color:#10b981}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f9fafb;border-radius:8px}.status-bar .status-item{display:flex;align-items:center;gap:8px}.status-bar .status-item .status-label{color:#6b7280;font-size:14px}.status-bar .status-item .status-value{font-weight:600;color:#1f2937;font-size:16px}.status-bar .status-item .badge{padding:4px 12px;border-radius:20px;font-size:12px}.status-bar .status-item .badge.badge-info{background:#dbeafe;color:#1e40af}.step-content{min-height:400px;background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.action-buttons{display:flex;justify-content:space-between;align-items:center}.action-buttons .button-group{display:flex;gap:12px}.action-buttons .button{padding:10px 24px;border-radius:8px;font-weight:500;transition:all .3s ease}.action-buttons .button.is-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.action-buttons .button.is-primary:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.action-buttons .button.is-secondary{background:#f3f4f6;color:#4b5563}.action-buttons .button.is-secondary:hover{background:#e5e7eb}.action-buttons .button.is-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-buttons .button.is-warning:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.action-buttons .button.is-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-buttons .button.is-success:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.action-buttons .button.is-outline-danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.action-buttons .button.is-outline-danger:hover{background:#fef2f2}.action-buttons .button:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay .loading-spinner{background:white;padding:32px;border-radius:12px;text-align:center}.loading-overlay .loading-spinner i{color:#4f46e5;margin-bottom:16px}.loading-overlay .loading-spinner p{color:#6b7280;margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.range-step .step-title{font-size:20px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.range-step .step-title i{color:#4f46e5}.range-step .range-cards{display:flex;flex-direction:column;gap:20px}.range-step .range-cards .range-card{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease}.range-step .range-cards .range-card:hover{box-shadow:0 4px 12px #0000000d}.range-step .range-cards .range-card .card-header{padding:16px 20px;background:white;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.range-step .range-cards .range-card .card-header .card-title{margin:0;font-size:16px;font-weight:600;color:#374151}.range-step .range-cards .range-card .card-header .card-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#fef3c7;color:#92400e}.range-step .range-cards .range-card .card-header .card-badge.optional{background:#e0e7ff;color:#3730a3}.range-step .range-cards .range-card .card-body{padding:20px}.range-step .range-cards .range-card .card-body .empty-state{text-align:center;color:#9ca3af;padding:20px}.range-step .range-cards .range-card .card-body .option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.range-step .range-cards .range-card .card-body .option-grid .option-item{position:relative;cursor:pointer}.range-step .range-cards .range-card .card-body .option-grid .option-item input{position:absolute;opacity:0;pointer-events:none}.range-step .range-cards .range-card .card-body .option-grid .option-item .option-content{display:flex;align-items:center;gap:8px;padding:12px 16px;background:white;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;font-size:14px;color:#4b5563;width:auto;box-sizing:content-box}.range-step .range-cards .range-card .card-body .option-grid .option-item .option-content i{color:#9ca3af;font-size:16px}.range-step .range-cards .range-card .card-body .option-grid .option-item:hover .option-content{border-color:#a78bfa;background:#f9f5ff}.range-step .range-cards .range-card .card-body .option-grid .option-item.active .option-content{border-color:#4f46e5;background:#eef2ff;color:#4f46e5}.range-step .range-cards .range-card .card-body .option-grid .option-item.active .option-content i{color:#4f46e5}.range-step .range-cards .range-card .card-body .option-grid .option-item.checkbox.active .option-content:after{content:"";position:absolute;top:4px;right:8px;color:#10b981;font-weight:700}.range-step .range-summary .summary-card{background:linear-gradient(135deg,#eef2ff,#f3e8ff);border-radius:12px;padding:20px;display:flex;gap:16px}.range-step .range-summary .summary-card>i{color:#4f46e5;font-size:24px}.range-step .range-summary .summary-card .summary-content{flex:1}.range-step .range-summary .summary-card .summary-content .summary-title{font-weight:600;color:#4b5563;margin-bottom:8px}.range-step .range-summary .summary-card .summary-content .summary-items{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.range-step .range-summary .summary-card .summary-content .summary-items .summary-item{padding:4px 12px;background:white;border-radius:20px;font-size:13px;color:#6b7280}.range-step .range-summary .summary-card .summary-content .summary-stats{color:#4f46e5;font-size:16px}.method-step .step-title{font-size:20px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.method-step .step-title i{color:#4f46e5}.method-step .config-section{margin-bottom:32px}.method-step .config-section .section-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.method-step .config-section .config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.method-step .config-section .config-grid .config-item .config-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#4b5563;margin-bottom:8px}.method-step .config-section .config-grid .config-item .config-label i{color:#6b7280}.method-step .config-section .config-grid .config-item .input-group{display:flex;align-items:center;gap:4px}.method-step .config-section .config-grid .config-item .input-group .btn-adjust{width:36px;height:36px;border:1px solid #e5e7eb;background:white;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.method-step .config-section .config-grid .config-item .input-group .btn-adjust:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.method-step .config-section .config-grid .config-item .input-group .btn-adjust:disabled{opacity:.5;cursor:not-allowed}.method-step .config-section .config-grid .config-item .input-group .config-input{flex:1;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;text-align:center;transition:all .2s}.method-step .config-section .config-grid .config-item .input-group .config-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.method-step .config-section .config-grid .config-item .config-hint{margin-top:4px;font-size:12px;color:#9ca3af}.method-step .difficulty-container .difficulty-sliders{display:grid;gap:20px;margin-bottom:24px}.method-step .difficulty-container .difficulty-sliders .difficulty-item .difficulty-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.method-step .difficulty-container .difficulty-sliders .difficulty-item .difficulty-header .difficulty-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#4b5563}.method-step .difficulty-container .difficulty-sliders .difficulty-item .difficulty-header .difficulty-value{font-weight:600;color:#1f2937}.method-step .difficulty-container .difficulty-sliders .difficulty-item .slider-container{position:relative;height:8px;background:#e5e7eb;border-radius:4px}.method-step .difficulty-container .difficulty-sliders .difficulty-item .slider-container .difficulty-slider{position:absolute;width:100%;height:8px;margin:0;opacity:0;cursor:pointer;z-index:2}.method-step .difficulty-container .difficulty-sliders .difficulty-item .slider-container .slider-fill{position:absolute;height:100%;border-radius:4px;transition:width .3s ease}.method-step .difficulty-container .difficulty-sliders .difficulty-item .difficulty-percent{margin-top:4px;font-size:12px;color:#9ca3af;text-align:right}.method-step .difficulty-container .difficulty-stats{display:grid;grid-template-columns:2fr 1fr;gap:16px}.method-step .difficulty-container .difficulty-stats .stat-card{background:#f9fafb;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.method-step .difficulty-container .difficulty-stats .stat-card.error{border-color:#fca5a5;background:#fef2f2}.method-step .difficulty-container .difficulty-stats .stat-card .stat-title{font-weight:600;color:#4b5563;margin-bottom:12px;display:flex;align-items:center;gap:8px}.method-step .difficulty-container .difficulty-stats .stat-card .stat-title .fa-check-circle{color:#10b981}.method-step .difficulty-container .difficulty-stats .stat-card .stat-title .fa-exclamation-circle{color:#ef4444}.method-step .difficulty-container .difficulty-stats .stat-card .stat-bar{height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden;display:flex}.method-step .difficulty-container .difficulty-stats .stat-card .stat-bar .bar-segment{transition:width .3s ease}.method-step .difficulty-container .difficulty-stats .stat-card .stat-summary{margin-top:12px;display:flex;gap:16px;font-size:13px}.method-step .difficulty-container .difficulty-stats .stat-card .stat-summary .summary-item{display:flex;align-items:center;gap:6px}.method-step .difficulty-container .difficulty-stats .stat-card .stat-summary .summary-item .dot{width:8px;height:8px;border-radius:50%}.method-step .difficulty-container .difficulty-stats .stat-card .validation-message .success{color:#10b981;font-weight:500}.method-step .difficulty-container .difficulty-stats .stat-card .validation-message .error{color:#ef4444;font-size:13px}.method-step .quick-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.method-step .quick-presets .preset-btn{padding:16px;background:white;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.method-step .quick-presets .preset-btn i{font-size:24px;color:#6b7280}.method-step .quick-presets .preset-btn .preset-name{font-weight:600;color:#1f2937}.method-step .quick-presets .preset-btn .preset-desc{font-size:12px;color:#9ca3af}.method-step .quick-presets .preset-btn:hover{border-color:#4f46e5;background:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e526}.method-step .quick-presets .preset-btn:hover i{color:#4f46e5}.scoring-step .step-title{font-size:20px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.scoring-step .step-title i{color:#4f46e5}.scoring-step .stats-bar{display:flex;gap:24px;padding:16px;background:linear-gradient(135deg,#eef2ff,#f3e8ff);border-radius:12px;margin-bottom:20px}.scoring-step .stats-bar .stat-item{display:flex;align-items:center;gap:8px}.scoring-step .stats-bar .stat-item .stat-label{color:#6b7280;font-size:14px}.scoring-step .stats-bar .stat-item .stat-value{font-weight:600;font-size:16px;color:#1f2937}.scoring-step .stats-bar .stat-item .stat-value.text-success{color:#10b981}.scoring-step .toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.scoring-step .toolbar .toolbar-left,.scoring-step .toolbar .toolbar-right{display:flex;gap:8px}.scoring-step .toolbar .btn-tool{padding:8px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.scoring-step .toolbar .btn-tool:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.scoring-step .toolbar .btn-tool:disabled{opacity:.5;cursor:not-allowed}.scoring-step .question-list .loading-state,.scoring-step .question-list .empty-state{text-align:center;padding:60px;color:#9ca3af}.scoring-step .question-list .loading-state i,.scoring-step .question-list .empty-state i{color:#cbd5e1;margin-bottom:16px}.scoring-step .question-list .loading-state p,.scoring-step .question-list .empty-state p{margin:16px 0;font-size:16px}.scoring-step .question-list .loading-state .btn-primary,.scoring-step .question-list .empty-state .btn-primary{padding:10px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.scoring-step .question-list .loading-state:hover,.scoring-step .question-list .empty-state:hover{box-shadow:0 4px 12px #4f46e54d}.scoring-step .table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.scoring-step .table-container .question-table{width:100%;border-collapse:collapse}.scoring-step .table-container .question-table thead{background:#f9fafb}.scoring-step .table-container .question-table thead th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.scoring-step .table-container .question-table tbody tr{transition:background .2s}.scoring-step .table-container .question-table tbody tr:hover{background:#f9fafb}.scoring-step .table-container .question-table tbody tr.selected{background:#eef2ff}.scoring-step .table-container .question-table tbody tr td{padding:12px;border-bottom:1px solid #f3f4f6}.scoring-step .table-container .question-table tbody tr td.text-center{text-align:center}.scoring-step .table-container .question-table tbody tr td .question-content{max-width:400px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;color:#4b5563}.scoring-step .table-container .question-table tbody tr td .difficulty-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.scoring-step .table-container .question-table tbody tr td .difficulty-badge.easy{background:#d1fae5;color:#065f46}.scoring-step .table-container .question-table tbody tr td .difficulty-badge.medium{background:#fed7aa;color:#92400e}.scoring-step .table-container .question-table tbody tr td .difficulty-badge.hard{background:#fecaca;color:#991b1b}.scoring-step .table-container .question-table tbody tr td .difficulty-badge.unknown{background:#e5e7eb;color:#6b7280}.scoring-step .table-container .question-table tbody tr td .knowledge-text{font-size:13px;color:#6b7280;line-height:1.4}.scoring-step .table-container .question-table tbody tr td .score-input-group{display:flex;align-items:center;gap:2px}.scoring-step .table-container .question-table tbody tr td .score-input-group .btn-score-adjust{width:24px;height:24px;border:1px solid #e5e7eb;background:white;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px}.scoring-step .table-container .question-table tbody tr td .score-input-group .btn-score-adjust:hover:not(:disabled){background:#f3f4f6}.scoring-step .table-container .question-table tbody tr td .score-input-group .btn-score-adjust:disabled{opacity:.3;cursor:not-allowed}.scoring-step .table-container .question-table tbody tr td .score-input-group .score-input{width:50px;padding:4px;text-align:center;border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.scoring-step .table-container .question-table tbody tr td .score-input-group .score-input:focus{outline:none;border-color:#4f46e5}.scoring-step .table-container .question-table tbody tr td .score-input-group .score-input:disabled{background:#f9fafb;cursor:not-allowed}.scoring-step .table-container .question-table tbody tr td .btn-preview{padding:6px 10px;background:white;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280}.scoring-step .table-container .question-table tbody tr td .btn-preview:hover{background:#f3f4f6;color:#4f46e5}.scoring-step .checkbox-wrapper{display:inline-block;position:relative;cursor:pointer}.scoring-step .checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0}.scoring-step .checkbox-wrapper input[type=checkbox]:checked+.checkbox-custom{background:#4f46e5;border-color:#4f46e5}.scoring-step .checkbox-wrapper input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.scoring-step .checkbox-wrapper .checkbox-custom{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;display:block;position:relative;transition:all .2s}.scoring-step .checkbox-wrapper .checkbox-custom:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;opacity:0;transition:opacity .2s}.scoring-step .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.scoring-step .modal-overlay .modal-content{background:white;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.scoring-step .modal-overlay .modal-content .modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.scoring-step .modal-overlay .modal-content .modal-header h4{margin:0;font-size:18px;color:#1f2937}.scoring-step .modal-overlay .modal-content .modal-header .btn-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:#6b7280;font-size:20px}.scoring-step .modal-overlay .modal-content .modal-header .btn-close:hover{color:#1f2937}.scoring-step .modal-overlay .modal-content .modal-body{padding:20px;overflow-y:auto;flex:1}.scoring-step .modal-overlay .modal-content .modal-body .preview-section{margin-bottom:24px}.scoring-step .modal-overlay .modal-content .modal-body .preview-section h5{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.scoring-step .modal-overlay .modal-content .modal-body .preview-section>div{padding:16px;background:#f9fafb;border-radius:8px;line-height:1.6;color:#4b5563}.scoring-step .modal-overlay .modal-content .modal-body .preview-meta{display:flex;gap:24px;padding:16px;background:#eef2ff;border-radius:8px}.scoring-step .modal-overlay .modal-content .modal-body .preview-meta .meta-item{font-size:14px;color:#4b5563}.scoring-step .modal-overlay .modal-content .modal-body .preview-meta .meta-item strong{color:#1f2937}.layout-step .step-title{font-size:20px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.layout-step .step-title i{color:#4f46e5}.layout-step .config-area{margin-bottom:24px}.layout-step .config-area .config-card{background:white;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.layout-step .config-area .config-card .config-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.layout-step .config-area .config-card .config-form{display:grid;gap:20px}.layout-step .config-area .config-card .config-form .form-group .form-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#4b5563;margin-bottom:8px}.layout-step .config-area .config-card .config-form .form-group .form-label i{color:#6b7280}.layout-step .config-area .config-card .config-form .form-group .form-input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.layout-step .config-area .config-card .config-form .form-group .form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.layout-step .config-area .config-card .config-form .radio-group{display:flex;gap:20px}.layout-step .config-area .config-card .config-form .radio-group .radio-item{display:flex;align-items:center;cursor:pointer}.layout-step .config-area .config-card .config-form .radio-group .radio-item input[type=radio]{display:none}.layout-step .config-area .config-card .config-form .radio-group .radio-item input[type=radio]:checked+.radio-custom{border-color:#4f46e5}.layout-step .config-area .config-card .config-form .radio-group .radio-item input[type=radio]:checked+.radio-custom:after{opacity:1}.layout-step .config-area .config-card .config-form .radio-group .radio-item .radio-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;margin-right:8px;position:relative;transition:all .2s}.layout-step .config-area .config-card .config-form .radio-group .radio-item .radio-custom:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background:#4f46e5;border-radius:50%;opacity:0;transition:opacity .2s}.layout-step .config-area .config-card .config-form .radio-group .radio-item .radio-label{font-size:14px;color:#4b5563}.layout-step .config-area .config-card .config-form .checkbox-item{display:flex;align-items:center;cursor:pointer}.layout-step .config-area .config-card .config-form .checkbox-item input[type=checkbox]{display:none}.layout-step .config-area .config-card .config-form .checkbox-item input[type=checkbox]:checked+.checkbox-custom{background:#4f46e5;border-color:#4f46e5}.layout-step .config-area .config-card .config-form .checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.layout-step .config-area .config-card .config-form .checkbox-item .checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;margin-right:8px;position:relative;transition:all .2s}.layout-step .config-area .config-card .config-form .checkbox-item .checkbox-custom:after{content:"✓";position:absolute;top:-2px;left:3px;color:#fff;font-size:14px;opacity:0;transition:opacity .2s}.layout-step .config-area .config-card .config-form .checkbox-item .checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563}.layout-step .config-area .config-card .config-form .checkbox-item .checkbox-label i{color:#6b7280}.layout-step .preview-area{background:white;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:24px}.layout-step .preview-area .preview-header{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.layout-step .preview-area .preview-header .preview-title{margin:0;font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.layout-step .preview-area .preview-header .preview-title i{color:#6b7280}.layout-step .preview-area .preview-header .preview-actions{display:flex;gap:8px}.layout-step .preview-area .preview-header .preview-actions .btn-preview-action{padding:6px 12px;background:white;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;color:#6b7280;transition:all .2s}.layout-step .preview-area .preview-header .preview-actions .btn-preview-action:hover{background:#f3f4f6;border-color:#9ca3af}.layout-step .preview-area .preview-container{height:600px;overflow:auto;background:#f3f4f6;padding:20px}.layout-step .preview-area .preview-container .preview-content{transform-origin:top left;transition:transform .3s ease}.layout-step .preview-area .preview-container .preview-content .paper-page{background:white;padding:40px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;min-height:800px}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-header{text-align:center;margin-bottom:30px}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-header h2{font-size:24px;margin:0 0 16px;color:#1f2937}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-header .paper-info{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#4b5563}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-header .paper-meta{font-size:14px;color:#6b7280;padding:8px;background:#f9fafb;border-radius:4px}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item{display:flex}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item{margin-bottom:24px}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .question-header,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .answer-header,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .question-header,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .answer-header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .question-header .question-number,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .question-header .answer-number,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .answer-header .question-number,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .answer-header .answer-number,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .question-header .question-number,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .question-header .answer-number,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .answer-header .question-number,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .answer-header .answer-number{font-weight:600;color:#374151}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .question-header .question-score,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .answer-header .question-score,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .question-header .question-score,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .answer-header .question-score{color:#6b7280;font-size:14px}.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .question-header .question-content,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .question-header .answer-content,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .answer-header .question-content,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .question-item .answer-header .answer-content,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .question-header .question-content,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .question-header .answer-content,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .answer-header .question-content,.layout-step .preview-area .preview-container .preview-content .paper-page .paper-body .answer-item .answer-header .answer-content{padding-left:24px;line-height:1.8;color:#4b5563}.layout-step .action-area{text-align:center}.layout-step .action-area .btn-generate{padding:12px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.layout-step .action-area .btn-generate:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.layout-step .action-area .btn-generate:disabled{opacity:.6;cursor:not-allowed}