.menu_son_list{margin-bottom: unset;margin-right: unset;}
#copywriting .n-layout-scroll-container{display: flex; flex-flow: row; width: 100%;}
#copywriting .link_input.disabled{opacity: .8;cursor: not-allowed;pointer-events: none;}
#copywriting .block_box:hover{box-shadow: 0 2px 6px #00000010;}
#copywriting .result_box .error_box{display: flex;justify-content: center;align-items: center;flex-direction: column;gap:5px;}
#copywriting .result_box .error_box i{font-size: 3rem;color: #ff0000;}
#copywriting .result_box .error_box .tip{font-size: 1rem;color: #ff0000;}
#copywriting .result_box .content{padding: 10px 10px 30px;border-bottom:1px solid #e5e7eb;/*box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);border-radius: 5px;*/}
#copywriting .result_box .content .platform_icon{font-size: 25px;}
#copywriting .result_box .content .platform_icon.icon-xiaohongshu{color: rgb(255, 36, 66);}
#copywriting .result_box .content .platform_icon.icon-douyin{color:rgb(44, 44, 44);}
#copywriting .result_box .content .platform_icon.icon-kuaishou{color:rgb(255, 74, 8);}
#copywriting .result_box .content .platform_icon.icon-bilibili{color:rgb(32, 176, 227);}
#copywriting .result_box .content .v_top{display: flex;justify-content: space-between;align-items: center;gap: 10px;}
#copywriting .result_box .content .v_top .title_box{color: #1B5289;display: flex;flex-direction:column;gap: 5px;}
#copywriting .result_box .content .v_top .title_box .top{display: flex;align-items: center;gap: 8px;}
#copywriting .result_box .content .v_top .title_box .label{font-size: 1.125rem;font-weight: 600;color: #333;}
#copywriting .result_box .content .v_top .title_box .title a{font-size:16px;color:#374151;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#copywriting .result_box .content .v_content{font-size:16px;margin: 1.5rem auto 1.5rem;border-radius: 0.5rem;background-color:#f9fafb;color:#374151;white-space: pre-wrap;padding:20px;line-height: 1.625;max-height: 350px;overflow: scroll;}
#copywriting .result_box .content .stat{display: flex;align-items: center;margin-top: 10px;gap: 12px;color: #888;}
#copywriting .result_box .content .stat .label{display: flex;gap: 3px;border-left: 1px solid #f0f0f0;padding-left: 10px;font-size: 12px;line-height: 12px;}
#copywriting .result_box .content .stat .label:first-child{border-left:unset;padding-left:0;}
#copywriting .result_box .content .stat .val{color: #333;}
#copywriting .result_box .btn_group{min-width:224px;margin-top:15px;display: flex;justify-content: center;align-items: center;gap: 10px;}
#copywriting .result_box .btn_group ._btn{border-radius: 0.375rem;padding:0.5rem 1rem;display: flex;align-items: center;gap:3px;}
#copywriting .result_box .copy_btn{color: #1e40af;background-color: #eff6fe;}
#copywriting .result_box .download_btn{color: #fff;background-color: #1e40af;}
#copywriting .result_box .fission_box{margin-top:20px;}
#copywriting .result_box .fission_box .top .label{font-size: 1.125rem;font-weight: 600;}
#copywriting .result_box .fission_box .top{display: flex;justify-content: space-between;align-items: center;}
#copywriting .result_box .fission_box .top .tip{color:#6b7280;font-size: 0.75rem;display: flex;align-items: center;gap:2px;}
#copywriting .result_box .fission_box .top i{color: #eab308;}
#copywriting .result_box .fission_box .form_box{margin-top:12px;}
#copywriting .result_box .fission_box .form_box .sub_box{margin-top:10px;display: grid;grid-template-columns:calc(100% - 180px) 160px;justify-content: space-between;align-items: center;gap: 20px;}
#copywriting .result_box .fission_box .form_box .label{color: #374151;font-size: 0.875rem;}
#copywriting .result_box .fission_box .form_box .curr_select {min-width: 80%;height:40px;display: flex;align-items: center;justify-content: space-between;padding: 5px 10px;border-radius: 5px;border: 1px solid #1E40AF;cursor: pointer;}
#copywriting .result_box .fission_box .form_box .curr_select:hover {background-color: #ebedf250;}
#copywriting .result_box .fission_box .form_box .style_box {width:100%;position: relative;}
#copywriting .result_box .fission_box .form_box .fission_btn{height: 2.5rem;padding-left: 1.5rem;padding-right: 1.5rem;background-color: #dc2626;color: #fff;border-radius: 0.375rem;display: flex;align-items: center;cursor: pointer;}
#copywriting .result_box .fission_box .form_box .items {display: none;flex-direction: column;gap: 5px;width: 100%;position: absolute;top: 37px;left: auto;background-color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);padding: 8px 0;border-radius: 5px;border: 1px solid #ebedf280;cursor: pointer;}
#copywriting .result_box .fission_box .form_box .items .item {padding: 6px 10px;font-weight: bold;text-align: center;}
#copywriting .result_box .fission_box .form_box .items .item:hover {background-color: #ebedf250;}
#copywriting .result_box .fission_box .form_box .items .item.active {background-color: #ebedf250;color: var(--primary-color);}
#copywriting .result_box .fission_box .form_box .items .item.active::before {content: "";position: absolute;margin-top: 3px;margin-left: -18px;width: 6px;height: 12px;border: solid var(--primary-color);border-width: 0 2px 2px 0;transform: rotate(35deg);}
#copywriting .result_box .fission_box .form_box  .s_box.type_box .items {width: 140px;}
#copywriting .fission_result_box{}
#copywriting .fission_result_box .top{display: flex;justify-content: space-between;align-items: center;}
#copywriting .fission_result_box .top .label{font-size: 1.125rem;font-weight: 600;}
#copywriting .fission_result_box .top .res_cnt{color: #1e40af;background-color: #dbeafe;font-size: 0.75rem;line-height: 1rem;padding:0.25rem 0.75rem;border-radius: 100px;}
#copywriting .fission_result_box .items_box{margin-top:20px;display: grid;grid-template-columns: repeat(2,1fr);gap:20px;}
#copywriting .fission_result_box .items_box .item{padding: 1.5rem;border-radius: 10px;background-color: #EFF6FE;border:1px solid #dbeafe;}
#copywriting .fission_result_box .items_box .item .content{font-size: 16px;color: #374151;max-height: 600px;overflow-y: scroll;}
#copywriting .fission_result_box .items_box .item .btm_box{margin-top:12px;display: flex;justify-content: right;}
#copywriting .fission_result_box .items_box .item .btm_box .copy_btn{border-radius: 0.375rem;padding:0.5rem 1rem;cursor:pointer;text-align:center;background-color: #fff;color: var(--primary-color);border:1px solid #93c5fd;}
#copywriting .fission_result_box .bottom_box{margin-top:30px;display: flex;justify-content: space-between;align-items: center;gap: 10px;}
#copywriting .fission_result_box .bottom_box .b_box_l{color: #6b7280;font-size: 0.875rem;line-height: 1.25rem;}
#copywriting .fission_result_box .bottom_box .b_box_r{display: flex;justify-content: center;align-items: center;gap:10px;}
#copywriting .fission_result_box .bottom_box ._btn{cursor:pointer;padding:0.5rem 1rem;border-radius: 0.375rem;text-align: center;}
#copywriting .fission_result_box .bottom_box .export_all_btn{background-color: #f3f4f6;color: #374151;}
#copywriting .fission_result_box .bottom_box .generate_more_btn{background-color: #1e40af;color: #fff;}
#copywriting .fission_loading .loading_bar{height: 4px;background: #e0e0e0;border-radius: 2px;margin: 12px 0;overflow: hidden;display: block;}
#copywriting .fission_loading .loading_progress {height: 100%;width: 0;background: linear-gradient(to right, #bdbdbf, #0d38df);border-radius: 2px;transition: width 0.3s;}
#copywriting .fission_loading .tip{color: #666;text-align: center;}

#copywriting ._btn.disabled{cursor: not-allowed;opacity: .6;}
#copywriting .loading{display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 10px}
#copywriting .loading .icon{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border:3px solid var(--primary-color);border-radius: 100px;}
#copywriting .loading .tip{font-weight: bold;font-size: 16px;margin-top: 5px;color: #333;text-align: center;}
#copywriting .loading .sub_tip{margin-top: 12px;color: #666;text-align: center;}
#copywriting .loading .progress{color: #666;font-size: 12px;}
#copywriting .loading .progress .val{color: var(--primary-color);}
/*=====================================*/
#copywriting .-bottom-2 {bottom: -0.5rem}
#copywriting .-right-2 {right: -0.5rem}
#copywriting .right-0 {right: 0;}
#copywriting .right-10 {right: 2.5rem}
#copywriting .right-40 {right: 10rem}
#copywriting .top-0 {top: 0;}
#copywriting .top-10 {top: 2.5rem}
#copywriting .z-10 {z-index: 10}
#copywriting .m-6 {margin: 1.5rem}
#copywriting .mx-1 {margin-left: 0.25rem;margin-right: 0.25rem}
#copywriting .mx-auto {margin-left: auto;margin-right: auto}
#copywriting .mt-1 {margin-top: 0.25rem}
#copywriting .mt-6 {margin-top: 1.5rem}
#copywriting .block {display: block}
#copywriting .grid {display: grid}
#copywriting .h-20 {height: 5rem}
#copywriting .h-24 {height: 6rem}
#copywriting .h-4 {height: 1rem}
#copywriting .h-40 {height: 10rem}
#copywriting .h-5 {height: 1.25rem}
#copywriting .h-screen {height: 100vh}
#copywriting .min-h-screen {min-height: 100vh}
#copywriting .min-h-\[400px\] {min-height: 400px}
#copywriting .w-1\/3 {width: 33.333333%}
#copywriting .w-4 {width: 1rem}
#copywriting .w-40 {width: 10rem}
#copywriting .w-60 {width: 15rem}
#copywriting .max-w-md {max-width: 28rem}
#copywriting .max-w-4xl {max-width: 56rem}
#copywriting .max-w-6xl {max-width: 72rem}
#copywriting .max-w-7xl {max-width: 80rem}
#copywriting .transform {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes pulse { 50% {opacity: .5} }
.animate-pulse {animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
#copywriting .list-inside {list-style-position: inside}
#copywriting .list-disc {list-style-type: disc}
#copywriting .list-disc li{list-style: unset;}
#copywriting .grid-cols-2 {grid-template-columns:repeat(2, minmax(0, 1fr))}
#copywriting .gap-4 {gap: 1rem}
#copywriting .space-y-3 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))}
#copywriting .space-x-3 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(0.75rem * var(--tw-space-x-reverse));margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}
#copywriting .space-x-4 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(1rem * var(--tw-space-x-reverse));margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
#copywriting .space-y-1 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))}
#copywriting .rounded-lg {border-radius: 0.5rem}
#copywriting .border-r {border-right-width: 1px}
#copywriting .border-blue-200 {--tw-border-opacity: 1;border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))}
#copywriting .border-gray-200 {--tw-border-opacity: 1;border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))}
#copywriting .border-gray-300 {--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))}
#copywriting .bg-gray-50 {--tw-bg-opacity: 1;background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))}
#copywriting .bg-blue-100 {--tw-bg-opacity: 1;background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))}
#copywriting .bg-blue-50 {--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))}
#copywriting .bg-blue-900\/30 {background-color: rgb(30 58 138 / 0.3)}
#copywriting .bg-gray-200 {--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}
#copywriting .bg-red-600 {--tw-bg-opacity: 1;background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))}
#copywriting .bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops))}
#copywriting .from-blue-800 {--tw-gradient-from: #1e40af var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
#copywriting .to-blue-700 {--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}
#copywriting .uppercase {text-transform: uppercase}
#copywriting .tracking-wider {letter-spacing: 0.05em}
#copywriting .text-blue-800 {--tw-text-opacity: 1;color: rgb(30 64 175 / var(--tw-text-opacity, 1))}
#copywriting .text-gray-600 {--tw-text-opacity: 1;color: rgb(75 85 99 / var(--tw-text-opacity, 1))}
#copywriting .text-gray-800 {--tw-text-opacity: 1;color: rgb(31 41 55 / var(--tw-text-opacity, 1))}
#copywriting .text-blue-100 {--tw-text-opacity: 1;color: rgb(219 234 254 / var(--tw-text-opacity, 1))}
#copywriting .text-blue-200 {--tw-text-opacity: 1;color: rgb(191 219 254 / var(--tw-text-opacity, 1))}
#copywriting .text-blue-400 {--tw-text-opacity: 1;color: rgb(96 165 250 / var(--tw-text-opacity, 1))}
#copywriting .text-blue-600 {--tw-text-opacity: 1;color: rgb(37 99 235 / var(--tw-text-opacity, 1))}
#copywriting .text-gray-400 {--tw-text-opacity: 1;color: rgb(156 163 175 / var(--tw-text-opacity, 1))}
#copywriting .text-gray-500 {--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity, 1))}
#copywriting .text-gray-700 {--tw-text-opacity: 1;color: rgb(55 65 81 / var(--tw-text-opacity, 1))}
#copywriting .text-green-500 {--tw-text-opacity: 1;color: rgb(34 197 94 / var(--tw-text-opacity, 1))}
#copywriting .text-red-600 {--tw-text-opacity: 1;color: rgb(220 38 38 / var(--tw-text-opacity, 1))}
#copywriting .text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))}
#copywriting .opacity-10 {opacity: 0.1}
#copywriting .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#copywriting .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#copywriting .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
#copywriting .transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
#copywriting .transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.hover\:scale-105:hover {
    --tw-scale-x: 1.05;--tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:bg-blue-50:hover {--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-50:hover {--tw-bg-opacity: 1;background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.hover\:bg-red-700:hover {--tw-bg-opacity: 1;background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.hover\:text-blue-600:hover {--tw-text-opacity: 1;color: rgb(37 99 235 / var(--tw-text-opacity, 1))}
.focus\:outline-none:focus {outline: 2px solid transparent;outline-offset: 2px}
.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-red-500:focus {--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}
@media (min-width: 640px) {
    .sm\:flex-row {flex-direction: row}
}
/*=====================================*/

/*历史记录列表start*/
#copywriting .list_box .content_box{height: 85vh;overflow-y: scroll;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
#copywriting .list_box .content_box::-webkit-scrollbar {display: none;}
#copywriting .list_box{max-width: 85%;margin:0 auto;}
#copywriting .list_box .item{background-color: #fff;border-radius: 15px;box-shadow:0 0 10px #00000010;}
#copywriting .list_box .item .top{padding: 10px;display: flex;justify-content: space-between;flex-direction: column;gap:10px;border-bottom: 1px solid #f0f0f0;}
#copywriting .list_box .item .top .title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#copywriting .list_box .item .top .title a{font-size: 16px;}
#copywriting .list_box .item .top .title a:hover{color: #333;}
#copywriting .list_box .item .top .create_time{color: #666;}
#copywriting .list_box .item .top .sub_box{display: flex;align-items: center;gap:15px;font-size:12px}
#copywriting .list_box .item .top .platform{padding:2px 10px;border-radius: 50px;background-color: #e8f5e9;color: #2e7d32;}
#copywriting .list_box .item .middle{padding: 10px;}
#copywriting .list_box .item .middle .content{padding: 15px;background-color: #f9fafb;border-radius: 10px;line-height: 1.625;color: #374151;white-space: pre-wrap;max-height: 160px;overflow: scroll;}
#copywriting .list_box .item .bottom{padding:0 10px 10px;display: flex;justify-content: space-between;align-items: center;gap:15px;}
#copywriting .list_box .item .bottom .stat{display:flex;align-items: center;gap:10px;color: #888;font-size: 12px;}
#copywriting .list_box .item .bottom .stat .label{display: flex;align-items: center;}
#copywriting .list_box .item .bottom .stat .label span{color: #333;}
#copywriting .list_box .item .bottom .operate_btn{display: flex;align-items: center;gap: 10px;}
#copywriting .list_box .item .bottom .operate_btn ._btn{padding:3px 10px;border-radius: 100px;cursor: pointer;font-size: 12px;}
#copywriting .list_box .item .bottom .operate_btn ._btn i{font-size: 14px;}
#copywriting .list_box .item .bottom .operate_btn ._btn.delete{background-color: red;color: #fff;border:1px solid red;}
#copywriting .list_box .item .bottom .operate_btn ._btn.copy{background-color: #fff;border:1px solid #f0f0f0;}
#copywriting .list_box .item .bottom .operate_btn ._btn.download{background-color: #fff;border:1px solid #f0f0f0;}
#copywriting .list_box .item .status_box{display: flex;}
#copywriting .list_box .item .status.finish{color: green;}
#copywriting .list_box .item .status.fail{color: red;}
#copywriting .list_box .item .msg{color: red;}
/*历史记录列表end*/