.ad-banner{overflow:hidden;transition:all .3s ease;animation:slideInDown .3s ease-out;border-radius:10px;display:flex;flex-direction:column;position:relative;margin:16px 0}.ad-label{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;z-index:10;pointer-events:none}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}.ad-banner:hover{transform:translateY(-2px)}.ad-banner-content{display:flex;align-items:center;justify-content:space-between;text-decoration:none;width:100%;height:100%;position:relative;z-index:2}.ad-banner.ad-banner-header{background:white;box-shadow:0 2px 8px #0000000f;border:1px solid #f5f5f5;position:relative;min-height:110px;border-radius:10px}.ad-banner.ad-banner-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:1;border-radius:10px;display:none}.ad-banner-content-header{padding:0;gap:0;flex-direction:row;min-height:auto}.ad-banner.ad-banner-header:hover{box-shadow:0 4px 16px #0000001a;border-color:#efefef}.ad-header-image-wrapper{flex:0 0 20%;width:20%;height:110px;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.ad-header-image{width:100%;height:100%;display:block;object-fit:cover;background-color:#f5f5f5}.ad-header-fullwidth-image{width:100%;height:auto;overflow:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}.ad-header-image-pure{width:100%;height:auto;display:block;object-fit:cover;max-height:180px}.ad-header-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px 20px;min-width:0;gap:8px}.ad-header-text{flex:1;min-width:0}.ad-banner.ad-banner-header .ad-banner-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ad-banner.ad-banner-header .ad-banner-desc{font-size:13px;color:#666;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-banner.ad-banner-header .ad-banner-company{font-size:11px;color:#999;margin-top:4px;display:inline-block}.ad-banner.ad-banner-header .ad-banner-button{background:#1a1a1a;color:#fff;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap;border:none;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001f}.ad-banner.ad-banner-header .ad-banner-button:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ad-header-text-only{padding:18px 20px;color:#1a1a1a}.ad-header-text-only h3{font-size:16px;font-weight:700;margin:0 0 8px}.ad-header-text-only p{font-size:13px;line-height:1.4;margin:0 0 6px;color:#666}.ad-header-text-only .ad-company{font-size:11px;color:#999}.ad-banner.ad-banner-middle{background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);box-shadow:0 2px 12px #00000014;border:1px solid #efefef;position:relative;min-height:540px;border-radius:12px;padding:16px}.ad-banner.ad-banner-middle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:1;border-radius:10px;display:none}.ad-banner-content-middle{padding:0;gap:0;flex-direction:column;align-items:stretch;min-height:auto;gap:12px}.ad-banner.ad-banner-middle:hover{box-shadow:0 4px 16px #0000001a;border-color:#efefef}.ad-middle-image-wrapper{flex:0 0 auto;width:100%;height:432px;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f5f5f5}.ad-middle-image{width:100%;height:100%;display:block;object-fit:cover;background-color:#f5f5f5}.ad-middle-fullwidth-image{width:100%;height:auto;overflow:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}.ad-middle-image-pure{width:100%;height:auto;display:block;object-fit:cover;max-height:400px}.ad-middle-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0;min-width:0;gap:8px}.ad-middle-text{flex:1;min-width:0}.ad-banner.ad-banner-middle .ad-banner-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ad-banner.ad-banner-middle .ad-banner-desc{font-size:13px;color:#666;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-banner.ad-banner-middle .ad-banner-company{font-size:12px;color:#999;margin-top:0;display:inline-block}.ad-banner.ad-banner-middle .ad-banner-button{background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);color:#fff;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap;border:none;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001f;align-self:flex-start;margin-top:4px}.ad-banner.ad-banner-middle .ad-banner-button:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ad-middle-text-only{padding:12px 16px;color:#1a1a1a}.ad-middle-text-only h3{font-size:14px;font-weight:700;margin:0 0 4px}.ad-middle-text-only p{font-size:12px;line-height:1.3;margin:0 0 2px;color:#666}.ad-middle-text-only .ad-company{font-size:11px;color:#999}.ad-banner.ad-banner-footer{background:white;box-shadow:0 2px 8px #0000000f;border:1px solid #f5f5f5;position:relative;min-height:130px;border-radius:10px}.ad-banner.ad-banner-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:1;border-radius:10px;display:none}.ad-banner-content-footer{padding:0;gap:0;flex-direction:row;min-height:auto}.ad-banner.ad-banner-footer:hover{box-shadow:0 4px 16px #0000001a;border-color:#efefef}.ad-footer-image-wrapper{flex:0 0 20%;width:20%;height:130px;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.ad-footer-image{width:100%;height:100%;display:block;object-fit:cover;background-color:#f5f5f5}.ad-footer-fullwidth-image{width:100%;height:auto;overflow:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}.ad-footer-image-pure{width:100%;height:auto;display:block;object-fit:cover;max-height:180px}.ad-footer-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px 20px;min-width:0;gap:8px}.ad-footer-text{flex:1;min-width:0}.ad-banner.ad-banner-footer .ad-banner-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ad-banner.ad-banner-footer .ad-banner-desc{font-size:13px;color:#666;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-banner.ad-banner-footer .ad-banner-company{font-size:11px;color:#999;margin-top:4px;display:inline-block}.ad-banner.ad-banner-footer .ad-banner-button{background:#1a1a1a;color:#fff;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap;border:none;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001f}.ad-banner.ad-banner-footer .ad-banner-button:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ad-footer-text-only{padding:18px 20px;color:#1a1a1a}.ad-footer-text-only h3{font-size:15px;font-weight:700;margin:0 0 6px}.ad-footer-text-only p{font-size:13px;line-height:1.4;margin:0 0 4px;color:#666}.ad-footer-text-only .ad-company{font-size:11px;color:#999}@media (max-width: 992px){.ad-banner-content-header{flex-direction:column;align-items:stretch}.ad-header-image-wrapper{flex:0 0 auto;width:100%;border-radius:10px 10px 0 0;min-height:90px}.ad-header-left{padding:14px 16px}.ad-banner.ad-banner-header .ad-banner-title{font-size:15px}.ad-banner.ad-banner-middle{padding:14px;min-height:510px}.ad-middle-image-wrapper{flex:0 0 auto;width:100%;height:405px}.ad-middle-content{gap:8px}.ad-banner.ad-banner-middle .ad-banner-title{font-size:14px}.ad-banner.ad-banner-middle .ad-banner-desc{font-size:12px}.ad-banner.ad-banner-middle .ad-banner-title{font-size:16px}.ad-banner-content-footer{flex-direction:column;align-items:stretch}.ad-footer-image-wrapper{flex:0 0 auto;width:100%;border-radius:10px 10px 0 0;min-height:110px}.ad-footer-left{padding:14px 16px}.ad-banner.ad-banner-footer .ad-banner-title{font-size:14px}}@media (max-width: 640px){.ad-banner-content-header{flex-direction:column}.ad-header-image-wrapper{width:100%;min-height:80px}.ad-header-left{padding:12px}.ad-banner.ad-banner-header .ad-banner-title{font-size:14px}.ad-banner.ad-banner-header .ad-banner-button{padding:6px 14px;font-size:12px}.ad-banner.ad-banner-middle{padding:12px;min-height:480px}.ad-middle-image-wrapper{flex:0 0 auto;width:100%;height:384px}.ad-middle-content{gap:6px}.ad-banner.ad-banner-middle .ad-banner-title{font-size:13px}.ad-banner.ad-banner-middle .ad-banner-button{padding:6px 16px;font-size:12px}.ad-banner.ad-banner-middle .ad-banner-title{font-size:15px}.ad-banner.ad-banner-middle .ad-banner-button{padding:8px 16px;font-size:12px}.ad-banner.ad-banner-footer{min-height:110px}.ad-banner-content-footer{flex-direction:column}.ad-footer-image-wrapper{width:100%;min-height:90px;border-radius:10px 10px 0 0}.ad-footer-left{padding:10px}.ad-banner.ad-banner-footer .ad-banner-title{font-size:13px}.ad-banner.ad-banner-footer .ad-banner-button{padding:6px 14px;font-size:12px}}.ad-carousel-wrapper{position:relative;display:flex;flex-direction:column}.ad-close-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .3s ease;z-index:11}.ad-close-btn:hover{background:rgba(0,0,0,.7);transform:scale(1.1)}.ad-close-btn:active{transform:scale(.95)}.product-center-page{min-height:calc(100vh - 64px);background:#fafafa}.product-center-main{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.product-center-topbar{background:white;border-bottom:1px solid #e8e8e8;padding:16px 20px;display:grid;grid-template-columns:1fr minmax(360px,720px) 1fr;align-items:center;gap:16px;flex-shrink:0}.product-center-topbar-spacer{height:1px}.product-center-search{display:flex;justify-content:center}.product-center-search .ant-input-affix-wrapper{width:100%;max-width:720px;border-radius:999px;overflow:hidden}.product-center-search .ant-input{border-radius:999px}.product-center-stats{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;color:#666;white-space:nowrap}.product-center-categories{background:white;border-bottom:1px solid #e8e8e8;padding:0 20px;flex-shrink:0}.product-center-categories-scroll{display:flex;overflow-x:auto}.product-center-category-item{padding:12px 16px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;color:#666;font-weight:400;font-size:14px;transition:all .3s}.product-center-category-item.active{border-bottom-color:#1890ff;color:#1890ff;font-weight:500}.tool-sidebar{border-right:1px solid #e8e8e8}.tool-nav-item{position:relative;transition:all .2s ease}.tool-nav-item:hover{background:#f0f9ff!important;border-left:3px solid #1890ff!important}.tool-nav-item:hover .tool-name{color:#1890ff!important;font-weight:500!important}.product-grid-container{display:grid!important;gap:0!important;margin:0!important}@media (max-width: 576px){.product-grid-container{grid-template-columns:1fr!important}}@media (min-width: 577px) and (max-width: 768px){.product-grid-container{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 769px) and (max-width: 992px){.product-grid-container{grid-template-columns:repeat(3,1fr)!important}}.product-center-tools .ant-row{margin:0!important}.product-center-tools .ant-col{padding:0!important}.product-center-tools .ant-card{border-radius:0!important;box-shadow:none!important}.product-center-tools .ant-card:hover{box-shadow:0 2px 8px #0000001a!important;z-index:1;position:relative}.product-center-tools .ant-card.product-card{overflow:hidden}.product-center-tools .ant-card.product-card .product-card-media{height:150px;margin:-24px -24px 18px;position:relative;transition:height .28s cubic-bezier(.2,.8,.2,1)}.product-center-tools .ant-card.product-card:hover .product-card-media{height:90px}.product-center-tools .ant-card.product-card .product-card-media-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.product-center-tools .ant-card.product-card .product-card-text{flex:1;min-height:0;overflow:hidden}.product-center-tools .ant-card.product-card .product-card-title,.product-center-tools .ant-card.product-card .product-card-desc{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.product-center-tools .ant-card.product-card .product-card-title{-webkit-line-clamp:2}.product-center-tools .ant-card.product-card .product-card-desc{-webkit-line-clamp:3}.product-center-tools .ant-card.product-card:hover .product-card-text{overflow:auto;padding-right:4px}.product-center-tools .ant-card.product-card:hover .product-card-title,.product-center-tools .ant-card.product-card:hover .product-card-desc{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.product-center-tools .ant-card.product-card .product-card-text::-webkit-scrollbar{width:6px}.product-center-tools .ant-card.product-card .product-card-text::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:999px}[data-theme=dark] .product-center-tools .ant-card.product-card .product-card-text::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)}.product-card-with-ad{grid-row-end:span 2!important}.product-card-with-ad .ant-card{min-height:640px!important}.product-card-with-ad .ant-card-body{display:flex!important;flex-direction:column!important;height:100%!important}.product-center-tools .ad-banner.ad-banner-middle{width:100%!important;margin:0!important;min-height:340px!important;max-height:360px!important;border-radius:8px!important;padding:18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.product-center-tools .ad-banner-content-middle{flex:1!important;display:flex!important;flex-direction:column!important;height:100%!important;gap:10px!important}.product-center-tools .ad-middle-image-wrapper{height:160px!important;flex-shrink:0!important}.product-center-tools .ad-middle-image{object-fit:cover!important;width:100%!important;height:100%!important}.product-center-tools .ad-middle-content{padding:12px 0!important;gap:10px!important;flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:120px!important}.product-center-tools .ad-middle-content .ad-middle-text{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important}.product-center-tools .ad-banner.ad-banner-middle .ad-banner-title{font-size:14px!important;-webkit-line-clamp:3!important;line-height:1.4!important;margin-bottom:6px!important}.product-center-tools .ad-banner.ad-banner-middle .ad-banner-desc{font-size:13px!important;-webkit-line-clamp:4!important;line-height:1.4!important;margin-bottom:8px!important}.product-center-tools .ad-banner.ad-banner-middle .ad-banner-company{font-size:12px!important;color:#999!important;margin-bottom:8px!important}.product-center-tools .ad-banner.ad-banner-middle .ad-banner-button{padding:10px 18px!important;font-size:13px!important;margin-top:auto!important;flex-shrink:0!important;align-self:flex-start!important;min-height:36px!important}@media (max-width: 768px){.tool-sidebar{display:none!important}.product-center-topbar{display:flex;flex-direction:column;align-items:stretch;gap:12px}.product-center-topbar-spacer{display:none}.product-center-search{justify-content:stretch}.product-center-search .ant-input-affix-wrapper{max-width:none}.product-center-stats{justify-content:flex-end}}.product-center-tools{background:#f5f5f5;padding:16px 20px 24px;box-sizing:border-box}@media (max-width: 576px){.product-center-topbar{padding:14px 16px}.product-center-categories{padding:0 16px}.product-center-category-item{padding:10px 12px}.product-center-tools{padding:12px 12px 18px}}@media (max-width: 992px) and (min-width: 769px){.tool-sidebar{width:240px!important}}@media (min-width: 1400px){.tool-sidebar{width:320px!important}}.subscription-page{min-height:calc(100vh - 465px);background-color:transparent}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.subscription-card{box-shadow:0 1px 4px #00000014;border-radius:8px;transition:all .3s ease;border-left:4px solid #d9d9d9}.subscription-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.subscription-card .ant-card-head{border-bottom:none;padding:12px 16px}.subscription-card .ant-card-body{padding:16px}@media (max-width: 768px){.subscriptions-grid{grid-template-columns:1fr}}.subscription-card.active{border-left-color:#52c41a}.subscription-card.expired{border-left-color:#ff4d4f;opacity:.8}.subscription-card.expiring-soon{border-left-color:#ff7a45}.license-page{min-height:calc(100vh - 465px);background-color:transparent}.licenses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.license-card{box-shadow:0 1px 4px #00000014;border-radius:8px;transition:all .3s ease;border-left:4px solid #d9d9d9}.license-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.license-card .ant-card-head{border-bottom:none;padding:12px 16px}.license-card .ant-card-body{padding:16px}.license-card code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}@media (max-width: 768px){.licenses-list{grid-template-columns:1fr}}.license-card.valid{border-left-color:#52c41a}.license-card.expired{border-left-color:#ff4d4f;opacity:.8}.license-card.revoked{border-left-color:#faad14;opacity:.7}.trial-page{min-height:calc(100vh - 465px);background-color:transparent}.trial-overview-card{box-shadow:0 1px 4px #00000014;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.trial-overview-card .ant-statistic-title{color:#ffffffb3}.trial-overview-card .ant-card-body{padding:24px}@media (max-width: 768px){.trial-page{padding:12px!important}.trial-overview-card{margin-bottom:16px!important}}.billing-page{min-height:calc(100vh - 465px);background-color:transparent}.billing-page .ant-table{background:white}.billing-page .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.billing-detail-modal .ant-modal-body,.billing-detail-drawer .ant-drawer-body{padding-top:12px}.billing-detail-drawer.ant-drawer-left .ant-drawer-content-wrapper{max-width:1200px;min-width:880px}.billing-detail-drawer code{background:#f5f5f5;padding:2px 6px;border-radius:4px}.billing-ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.billing-ellipsis-code{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.billing-ellipsis-multi{max-width:100%}.billing-ellipsis-line{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-strong{font-weight:600}.billing-muted{font-size:12px;color:#8c8c8c}.billing-detail-usage-scroll{margin-top:8px;max-height:420px;overflow:auto;border:1px solid #f0f0f0;border-radius:8px}@media (max-width: 768px){.billing-detail-drawer.ant-drawer .ant-drawer-content-wrapper{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;min-width:unset!important}.billing-detail-usage-scroll{max-height:320px}}.billing-filter-card{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.billing-filter-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0000000f}.billing-filter-card.active{border-bottom-width:3px!important;border-bottom-style:solid!important}.billing-filter-card.active.active-paid{border-bottom-color:#10b981!important}.billing-filter-card.active.active-unpaid{border-bottom-color:#ef4444!important}.billing-filter-card.active.active-refund{border-bottom-color:#f59e0b!important}.billing-filter-card.active.active-deduct{border-bottom-color:#8b5cf6!important}.billing-detail-modal code{background:#f5f5f5;padding:2px 6px;border-radius:4px}@media (max-width: 768px){.billing-page{padding:12px!important}.billing-page .ant-table{font-size:12px}.billing-detail-modal .ant-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}}.payment-page{min-height:calc(100vh - 465px)}.order-info-card{box-shadow:0 1px 4px #00000014;border-radius:8px}.order-info-card .ant-card-head{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px 8px 0 0}.order-info-card .ant-card-head .ant-card-head-title{color:#fff;font-size:16px;font-weight:600}.payment-method-card{box-shadow:0 1px 4px #00000014;border-radius:8px}.payment-method-card .ant-card-head{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px 8px 0 0}.payment-method-card .ant-card-head .ant-card-head-title{color:#fff;font-size:16px;font-weight:600}.payment-pending-card{box-shadow:0 1px 4px #00000014;border-radius:8px}.payment-pending-card .ant-card-head{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:8px 8px 0 0}.payment-pending-card .ant-card-head .ant-card-head-title{color:#fff;font-size:16px;font-weight:600}.payment-success-card{box-shadow:0 1px 4px #00000014;border-radius:8px}.payment-success-card .ant-card-head{background:linear-gradient(135deg,#52c41a 0%,#85ce61 100%);border-radius:8px 8px 0 0}.payment-success-card .ant-card-head .ant-card-head-title{color:#fff;font-size:16px;font-weight:600}@media (max-width: 768px){.payment-page{padding:20px 12px!important}.order-info-card,.payment-method-card,.payment-pending-card,.payment-success-card{margin-bottom:16px}}.recharge-page .recharge-right{padding-left:16px;border-left:1px solid #f0f0f0;height:100%}@media (max-width: 768px){.recharge-page .recharge-right{padding-left:0;border-left:none;padding-top:16px;border-top:1px solid #f0f0f0}}.related-tools-section{width:100%;margin:3rem 0 2rem;padding:0 2rem;background:transparent;box-sizing:border-box}.related-tools-header{margin-bottom:2rem;text-align:center}.related-tools-header h2{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0;text-align:center}.related-tools-header p{font-size:.95rem;color:#999;margin:.5rem 0 0;text-align:center;font-weight:400}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%}.tool-card{display:flex;align-items:center;justify-content:center;padding:1.25rem;border:1px solid #f0f0f0;border-radius:8px;background:#ffffff;cursor:pointer;transition:all .3s ease;box-sizing:border-box;box-shadow:0 2px 8px #00000014;height:100%}.tool-card:hover{background:#ffffff;border-color:#e0e0e0;box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.tool-name{font-size:14px;font-weight:500;color:#262626;margin:0;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1200px){.related-tools-section{margin:2.5rem 0 1.5rem;padding:0 1.5rem}.related-tools-header h2{font-size:1.5rem}.related-tools-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tool-card{padding:1rem}.tool-name{font-size:13px}}@media (max-width: 992px){.related-tools-section{margin:2rem 0 1.5rem;padding:0 1rem}.related-tools-header h2{font-size:1.25rem}.related-tools-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-card{padding:.875rem}.tool-name{font-size:12px}}@media (max-width: 768px){.related-tools-section{margin:1.5rem 0 1rem;padding:0 .75rem}.related-tools-header h2{font-size:1.1rem}.related-tools-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tool-card{padding:.75rem}.tool-name{font-size:11px}}@media (max-width: 480px){.related-tools-section{margin:1.25rem 0 .75rem;padding:0 .5rem}.related-tools-header h2{font-size:1rem}.related-tools-grid{gap:.5rem;grid-template-columns:1fr}.tool-card{padding:.65rem}.tool-name{font-size:10px}}.pdf-text-comparison-container{width:100%;margin:0;padding:2rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box}@media (max-width: 768px){.pdf-text-comparison-container{padding:1rem 0}.pdf-tool-inner{padding:0 .75rem}}.upload-section{background:white;padding:40px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 0 30px}.file-input-group{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.file-upload-area{display:flex;flex-direction:column;gap:12px}.upload-label{font-weight:600;color:#333;font-size:.95rem}.upload-dropzone{border:2px dashed #d9d9d9;border-radius:12px;padding:40px 20px;background:#fafafa;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-dropzone:hover{border-color:#1890ff;background:#f0f8ff}.upload-dropzone.drag-over{border-color:#1890ff;background:#e6f7ff;border-style:solid;box-shadow:0 0 0 4px #1890ff1a}.upload-dropzone.has-file{border-color:#52c41a;background:#f6ffed;border-style:solid}.upload-dropzone.has-file:hover{background:#f0fbe8}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.upload-icon{width:64px;height:64px;color:#bfbfbf;stroke-width:1.5}.upload-dropzone:hover .upload-icon,.upload-dropzone.drag-over .upload-icon{color:#1890ff}.upload-text{display:flex;flex-direction:column;gap:8px}.primary-text{font-size:1rem;font-weight:600;color:#333}.secondary-text{font-size:.85rem;color:#999}.file-selected{display:flex;align-items:center;gap:16px;width:100%}.file-icon{width:48px;height:48px;color:#52c41a;flex-shrink:0}.file-info{flex:1;min-width:0;text-align:left}.file-info .file-name{font-size:.95rem;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.file-size{font-size:.85rem;color:#999;margin-top:4px}.remove-file-btn{width:32px;height:32px;border-radius:50%;background:#ff4d4f;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;flex-shrink:0}.remove-file-btn:hover{background:#cf1322;transform:scale(1.1)}.file-input-wrapper{display:flex;flex-direction:column;gap:10px}.file-input-wrapper label{font-weight:600;color:#333;font-size:.95rem}.file-input-wrapper input[type=file]{padding:12px;border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .3s ease}.file-input-wrapper input[type=file]:hover{border-color:#1890ff;background:#f0f8ff}.feature-tips{margin:3rem 0 0;padding:3rem 2rem;background:white;border-radius:16px;box-shadow:0 2px 12px #00000014}.feature-tips ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.feature-tips li{background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;padding:1.25rem;transition:all .3s;cursor:default;line-height:1.6;color:#333}.error-message{background:#fff2f0;color:#ff4d4f;padding:15px 20px;border-radius:8px;border-left:4px solid #ff4d4f;margin:20px 0;font-size:.95rem}.compare-button{width:100%;padding:15px;background:linear-gradient(135deg,#1890ff 0%,#096dd9 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1890ff4d}.compare-button:hover:not(:disabled){background:linear-gradient(135deg,#096dd9 0%,#0050b3 100%);box-shadow:0 6px 16px #1890ff66;transform:translateY(-2px)}.compare-button:disabled{background:#d9d9d9;cursor:not-allowed;box-shadow:none}.stats-control-bar{display:flex;justify-content:space-between;align-items:center;background:white;padding:15px 25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 0 20px;flex-wrap:nowrap;gap:20px}.stats-section{display:flex;align-items:center;gap:25px}.navigation-controls{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.navigation-controls>button{width:36px;height:36px;background:#f5f5f5;color:#666;border:1px solid #d9d9d9;border-radius:4px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.navigation-controls>button:hover:not(:disabled){background:#1890ff;color:#fff;border-color:#1890ff}.navigation-controls>button:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;opacity:.5}.stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;border-radius:0;background:transparent;border:none}.stat-item.added,.stat-item.deleted{background:transparent;border:none}.stat-item .label{font-size:.75rem;color:#999;font-weight:400}.stat-item .value{font-size:1.2rem;font-weight:600;color:#333}.stat-item.added .value{color:#52c41a}.stat-item.deleted .value{color:#ff4d4f}.comparison-view{display:grid;grid-template-columns:1fr 2px 1fr;gap:0;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin:0 0 30px;min-height:900px}.canvas-pane{overflow:auto;padding:20px;background:#fafafa;display:flex;flex-direction:column}.pane-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;margin:0 0 20px;padding:15px;border-bottom:2px solid #f0f0f0;border-radius:8px 8px 0 0;z-index:10;box-shadow:0 2px 4px #0000000d}.pane-header h3{margin:0;color:#1a1a1a;font-size:1.2rem;flex:1}.clear-pane-btn{padding:6px 12px;background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-pane-btn:hover{background:#ff4d4f;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ff4d4f4d}.canvas-wrapper{display:flex;justify-content:center;background:white;border-radius:8px;padding:30px;box-shadow:0 1px 3px #0000001a;min-height:800px}.canvas-wrapper canvas{display:block;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a}.page-info{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:#333}.page-info input{width:50px;height:36px;padding:6px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:.95rem;font-weight:500;background:white}.page-info input:focus{outline:none;border-color:#1890ff}.difference-indicator{color:#ff4d4f;font-weight:500;padding:6px 12px;background:#fff2f0;border-radius:4px;border:1px solid #ffccc7;font-size:.85rem}.zoom-controls{display:flex;flex-direction:row;align-items:center;gap:8px;background:white;padding:0;border-radius:0;border:none}.zoom-controls button{width:32px;height:32px;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#666}.zoom-controls button:hover:not(:disabled){background:#e6e6e6;border-color:#bfbfbf;color:#333}.zoom-controls .reset-btn{width:auto;height:32px;padding:0 10px;font-size:.8rem;white-space:nowrap}.zoom-value{min-width:45px;text-align:center;font-weight:500;font-size:.85rem;color:#333;padding:0}.new-compare-btn{padding:10px 20px;background:white;color:#1890ff;border:2px solid #1890ff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.new-compare-btn:hover{background:#1890ff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d}.divider{background:linear-gradient(180deg,#e6e6e6 0%,#d9d9d9 50%,#e6e6e6 100%);width:2px}.canvas-pane::-webkit-scrollbar{width:8px;height:8px}.canvas-pane::-webkit-scrollbar-track{background:#f1f1f1}.canvas-pane::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.canvas-pane::-webkit-scrollbar-thumb:hover{background:#555}.action-buttons{display:flex;justify-content:center;gap:20px;margin-top:30px}.reupload-section{background:#fff7e6;padding:20px;border-radius:12px;border:2px dashed #ffa940;margin:20px 0;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.reupload-section .file-input-wrapper{flex:1;min-width:250px}.reupload-section .compare-button{flex-shrink:0;margin:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1050;color:#fff}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{margin-top:20px;font-size:1.1rem}@media (max-width: 1024px){.comparison-view{grid-template-columns:1fr;grid-template-rows:auto 2px auto}.divider{width:100%;height:2px;background:linear-gradient(90deg,#e6e6e6 0%,#d9d9d9 50%,#e6e6e6 100%)}.file-input-group{grid-template-columns:1fr}.control-bar{flex-direction:column}.page-navigation{flex-wrap:wrap}}.pdf-text-comparison-container .tool-introduction{background:white;border-radius:12px;padding:2.5rem;margin:2rem 0 0;box-shadow:0 2px 8px #0000000f;width:100%;box-sizing:border-box}.pdf-text-comparison-container .tool-introduction h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.pdf-text-comparison-container .tool-introduction h2:first-child{margin-top:0}.pdf-text-comparison-container .tool-introduction p{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:1rem;text-align:justify}.pdf-text-comparison-container .usage-steps{padding-left:1.5rem;margin:1.5rem 0}.pdf-text-comparison-container .usage-steps li{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:1rem}.pdf-text-comparison-container .usage-steps strong{color:#1a1a1a;font-weight:600}.pdf-text-comparison-container .faq-section{margin-top:1.5rem}.pdf-text-comparison-container .faq-item{margin-bottom:1.5rem;padding:1.25rem;background:#fafafa;border-radius:8px;border-left:4px solid #4a90e2}.pdf-text-comparison-container .faq-item h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.pdf-text-comparison-container .faq-item p{font-size:.9rem;color:#555;line-height:1.7;margin:0}@media (max-width: 768px){.pdf-text-comparison-container .tool-introduction{padding:1.5rem}.pdf-text-comparison-container .tool-introduction h2{font-size:1.25rem}.pdf-text-comparison-container .usage-steps{padding-left:1rem}}.pdf-watermark-container{width:100%;margin:0;min-height:100vh;background:transparent;padding:2rem 0;box-sizing:border-box}.pdf-tool-inner{padding:0 2rem}@media (max-width: 1200px){.pdf-tool-inner{padding:0 1.5rem}}@media (max-width: 992px){.pdf-tool-inner{padding:0 1rem}}@media (max-width: 768px){.pdf-watermark-container{padding:1rem 0}.pdf-tool-inner{padding:0 .75rem}}@media (max-width: 480px){.pdf-tool-inner{padding:0 .5rem}}.watermark-content{display:grid;grid-template-columns:450px 1fr;gap:2rem;width:100%;margin:0;padding:0;box-sizing:border-box}.watermark-config{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;height:fit-content;min-width:0}.watermark-preview{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000012;display:flex;flex-direction:column;position:sticky;top:2rem;max-height:calc(100vh - 4rem);min-width:0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:.75rem}.preview-header h3{margin:0;font-size:1.25rem;color:#333}.preview-header-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.preview-tip{font-size:.875rem;color:#666;background:#f0f7ff;padding:.25rem .75rem;border-radius:12px}.zoom-controls{display:flex;align-items:center;gap:.5rem;background:#f9fafb;padding:.375rem;border-radius:8px;border:1px solid #e5e7eb}.zoom-controls button{width:32px;height:32px;border:none;background:white;color:#374151;border-radius:6px;cursor:pointer;font-size:1.125rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db}.zoom-controls button:hover:not(:disabled){background:#5B9FED;color:#fff;border-color:#5b9fed;transform:scale(1.05)}.zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.zoom-controls .reset-btn{padding:0 .75rem;width:auto;font-size:.875rem;font-weight:500}.zoom-value{min-width:48px;text-align:center;font-size:.875rem;font-weight:600;color:#1f2937}.preview-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;background:#f9f9f9;border-radius:12px;padding:1rem;min-height:500px;min-width:0}.preview-canvas{display:block;max-width:100%;height:auto;box-shadow:0 2px 8px #00000026;border-radius:4px}.preview-placeholder{text-align:center;color:#999}.preview-icon{width:80px;height:80px;margin:0 auto 1rem;opacity:.3}.preview-placeholder p{margin:0;font-size:1rem}.section-item{margin-bottom:1.2rem}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.section-number{width:24px;height:24px;background:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.section-header h3{margin:0;font-size:.95rem;font-weight:600;color:#333}.upload-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-dropzone:hover{border-color:#4a90e2;background:#f0f7ff}.upload-dropzone.drag-over{border-color:#4a90e2;background:#e6f2ff;transform:scale(1.01)}.upload-dropzone.has-file{border-color:#10b981;background:#f0fdf4}.upload-icon{width:40px;height:40px;margin:0 auto .75rem;color:#4a90e2}.upload-text{color:#6b7280}.primary-text{font-size:.9rem;font-weight:500;margin-bottom:.25rem;color:#374151}.secondary-text{font-size:.8rem;color:#9ca3af}.file-selected{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:white;border-radius:8px}.file-icon{width:32px;height:32px;color:#10b981;flex-shrink:0}.file-info{flex:1;text-align:left}.file-name{font-weight:500;font-size:.85rem;color:#1f2937;margin-bottom:.25rem;word-break:break-word}.file-size{font-size:.75rem;color:#6b7280}.remove-file-btn{width:28px;height:28px;border:none;background:#fee2e2;color:#dc2626;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover{background:#fecaca;transform:scale(1.1)}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.type-btn{padding:.65rem 1rem;border:2px solid #e5e7eb;background:white;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:#6b7280;transition:all .2s ease}.type-btn:hover{border-color:#4a90e2;color:#4a90e2}.type-btn.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.text-input{width:100%;padding:.65rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.85rem;transition:all .2s ease;box-sizing:border-box}.text-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.image-upload-area{display:flex;flex-direction:column;gap:.5rem}.image-select-btn{padding:.65rem 1rem;border:2px solid #e5e7eb;background:white;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:#6b7280;transition:all .2s ease;text-align:left}.image-select-btn:hover{border-color:#4a90e2;color:#4a90e2}.image-preview-mini{margin-top:.5rem;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem;background:#f9f9f9}.image-preview-mini img{max-width:100%;max-height:80px;display:block;margin:0 auto}.style-config{display:flex;flex-direction:column;gap:.65rem}.config-row{display:flex;flex-direction:column;gap:.4rem}.config-row label{font-size:.8rem;font-weight:500;color:#374151}.color-picker-wrapper{display:flex;align-items:center;gap:.5rem;border:2px solid #e5e7eb;border-radius:8px;padding:.4rem .6rem;background:white}.color-preview{width:28px;height:28px;border-radius:4px;border:2px solid #e5e7eb;flex-shrink:0}.color-input{flex:1;border:none;font-size:.8rem;padding:.25rem;min-width:0}.color-input:focus{outline:none}.color-selector{width:36px;height:28px;border:none;cursor:pointer;border-radius:4px}.select-input{width:100%;padding:.6rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.8rem;background:white;cursor:pointer;transition:all .2s ease}.select-input:focus{outline:none;border-color:#4a90e2}.input-with-unit{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background:white}.input-with-unit input{flex:1;border:none;padding:.6rem .75rem;font-size:.8rem;min-width:0}.input-with-unit input:focus{outline:none}.input-with-unit .unit{padding:0 .6rem;font-size:.75rem;color:#6b7280;background:#f9fafb;font-weight:500}.error-message{padding:.75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.8rem;margin-top:.75rem}.feature-tips{width:100%;margin:3rem 0 0;padding:3rem 2rem;background:white;border-radius:16px;box-shadow:0 2px 12px #00000014}.feature-tips h3{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 2rem;text-align:center}.feature-tips ul{margin:0;padding-left:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.feature-tips li{background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;padding:1.25rem;transition:all .3s;cursor:default;line-height:1.6;color:#333;font-size:.9rem}.feature-tips li:hover{border-color:#4a90e2;background:#f8fbff;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.feature-tips strong{color:#4a90e2;font-weight:600;display:block;margin-bottom:.5rem;font-size:1.05rem}.action-buttons{display:flex;gap:.75rem;margin-top:1.5rem}.add-watermark-btn,.clear-btn{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-watermark-btn{background:#4a90e2;color:#fff;box-shadow:0 2px 4px #4a90e233}.add-watermark-btn:hover:not(:disabled){background:#357abd;box-shadow:0 4px 8px #4a90e24d}.add-watermark-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{background:#f3f4f6;color:#6b7280}.clear-btn:hover:not(:disabled){background:#e5e7eb}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{color:#fff;font-size:1.125rem;margin-top:1.5rem;font-weight:500}@media (max-width: 1200px){.watermark-content{grid-template-columns:1fr}.watermark-preview{position:relative;top:0;max-height:600px}}@media (max-width: 768px){.watermark-header h1{font-size:1.75rem}.watermark-config,.watermark-preview{padding:1.5rem}.action-buttons{flex-direction:column}.type-selector{grid-template-columns:1fr}.preview-header{flex-direction:column;align-items:flex-start}.preview-header-right{width:100%;justify-content:space-between}.zoom-controls{flex:1}.feature-tips{padding:1.25rem 1.5rem;margin:1.5rem 0 0}.feature-tips ul{grid-template-columns:1fr}}.pdf-watermark-container .tool-introduction{background:white;border-radius:12px;padding:2.5rem;margin:2rem 0 0;box-shadow:0 2px 8px #0000000f;width:100%;box-sizing:border-box}.pdf-watermark-container .tool-introduction h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.pdf-watermark-container .tool-introduction h2:first-child{margin-top:0}.pdf-watermark-container .tool-introduction p{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:1rem;text-align:justify}.pdf-watermark-container .tool-introduction .feature-tips{background:transparent;padding:0;margin:1.5rem 0 0;box-shadow:none;max-width:100%}.pdf-watermark-container .tool-introduction .feature-tips h3{display:none}.pdf-watermark-container .tool-introduction .feature-tips ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pdf-watermark-container .tool-introduction .feature-tips li{background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;padding:1rem;transition:all .3s;cursor:default;line-height:1.6;color:#333}.pdf-watermark-container .tool-introduction .feature-tips li:hover{border-color:#4a90e2;background:#f8fbff;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.pdf-watermark-container .tool-introduction .feature-tips strong{color:#4a90e2;font-weight:600;display:inline}.pdf-watermark-container .usage-steps{padding-left:1.5rem;margin:1.5rem 0}.pdf-watermark-container .usage-steps li{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:1rem}.pdf-watermark-container .usage-steps li ul{margin-top:.5rem;margin-left:1rem}.pdf-watermark-container .usage-steps li ul li{margin-bottom:.5rem}.pdf-watermark-container .usage-steps strong{color:#1a1a1a;font-weight:600}.pdf-watermark-container .faq-section{margin-top:1.5rem}.pdf-watermark-container .faq-item{margin-bottom:1.5rem;padding:1.25rem;background:#fafafa;border-radius:8px;border-left:4px solid #4a90e2}.pdf-watermark-container .faq-item h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.pdf-watermark-container .faq-item p{font-size:.9rem;color:#555;line-height:1.7;margin:0}@media (max-width: 768px){.pdf-watermark-container .tool-introduction{padding:1.5rem}.pdf-watermark-container .tool-introduction h2{font-size:1.25rem}.pdf-watermark-container .usage-steps{padding-left:1rem}}.image-tool-container{width:100%;padding:2rem 0;background:#fafafa;min-height:100vh}.image-tool-inner{width:100%;margin:0;padding:0 clamp(16px,2vw,48px);box-sizing:border-box}@media (max-width: 1200px){.image-tool-inner{padding:0 1.5rem}}@media (max-width: 992px){.image-tool-inner{padding:0 1rem}}@media (max-width: 768px){.image-tool-container{padding:1rem 0}.image-tool-inner{padding:0 .75rem}}@media (max-width: 480px){.image-tool-inner{padding:0 .5rem}}.tool-header{text-align:center;margin-bottom:2.5rem}.tool-title{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem;color:#1a1a1a}.tool-title svg{color:#4a90e2}.tool-title h1{font-size:2rem;font-weight:600;margin:0}.tool-description{font-size:1rem;color:#666;max-width:700px;margin:0 auto;line-height:1.6}.tool-settings-panel{background:white;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.settings-group{display:flex;flex-direction:column;gap:.75rem}.setting-label{font-size:.9rem;font-weight:500;color:#333;display:flex;align-items:center;gap:.5rem}.setting-hint{font-size:.8rem;color:#999;font-weight:400;margin-left:auto}.quality-control{display:flex;align-items:center;gap:1rem}.quality-slider{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4a90e2;cursor:pointer;transition:all .2s}.quality-slider::-webkit-slider-thumb:hover{background:#3a7bc8;transform:scale(1.1)}.quality-value{min-width:50px;text-align:right;font-weight:600;color:#4a90e2}.dimension-input,.color-text-input{padding:.6rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;transition:all .2s}.dimension-input:focus,.color-text-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.format-select{padding:.6rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;background:white;cursor:pointer;transition:all .2s}.format-select:focus{outline:none;border-color:#4a90e2}.mode-selector{display:flex;gap:.75rem}.mode-btn{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:white;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500;display:flex;flex-direction:column;gap:.25rem}.mode-btn:hover{border-color:#4a90e2;background:#f8fbff}.mode-btn.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.mode-detail{font-size:.75rem;opacity:.8;font-weight:400}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.format-btn{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:white;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.format-btn:hover{border-color:#4a90e2;background:#f8fbff}.format-btn.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.alpha-badge{position:absolute;top:.25rem;right:.25rem;font-size:.65rem;padding:.15rem .35rem;background:#52c41a;color:#fff;border-radius:3px}.color-picker-group{display:flex;gap:.75rem;align-items:center}.color-input{width:60px;height:40px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.upload-area{background:white;border:2px dashed #d0d0d0;border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:2rem}.upload-area:hover{border-color:#4a90e2;background:#f8fbff}.upload-area.large{padding:4rem 2rem}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#666}.upload-label svg{color:#4a90e2;opacity:.7}.upload-label h3{font-size:1.25rem;color:#333;margin:0}.upload-label p{margin:0;font-size:.95rem;color:#999}.action-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover:not(:disabled){background:#3a7bc8;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e8e8e8}.btn-danger{background:#ff4d4f;color:#fff}.btn-danger:hover{background:#e63e40}.btn-secondary.small,.btn-primary.small{padding:.4rem .8rem;font-size:.85rem}.btn-primary.full,.btn-secondary.full{width:100%;justify-content:center}.summary-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-around;align-items:center;box-shadow:0 4px 15px #667eea4d}.summary-card.big-compress{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.summary-item{text-align:center;display:flex;flex-direction:column;gap:.5rem}.summary-item span{font-size:.9rem;opacity:.9}.summary-item strong{font-size:1.5rem;font-weight:600}.summary-item.highlight strong{font-size:2rem}.summary-stat{display:flex;align-items:center;gap:1rem}.stat-label{font-size:.9rem;opacity:.9}.stat-value{font-size:1.5rem;font-weight:600}.image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem}.image-item{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s;display:flex;flex-direction:column}.image-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.image-item.big{grid-column:span 1}.image-preview{position:relative;width:100%;height:200px;background:#f5f5f5;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-badge{position:absolute;top:.75rem;right:.75rem;background:#52c41a;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #52c41a66}.image-info{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.image-name{font-size:.95rem;font-weight:500;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dimension-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.dimension{font-family:monospace;background:#f5f5f5;padding:.25rem .5rem;border-radius:4px}.dimension.compressed{background:#e6f7ff;color:#1890ff}.arrow{color:#999}.size-comparison{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.85rem}.size-item{display:flex;align-items:center;gap:.35rem}.size-label{color:#999}.size-value{font-weight:600;font-family:monospace;color:#666}.size-value.compressed{color:#52c41a}.compress-ratio{background:#f6ffed;color:#52c41a;padding:.25rem .6rem;border-radius:12px;font-weight:600;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.compress-ratio.success{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff}.status-badge{align-self:flex-start;padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge[data-status=pending]{background:#f0f0f0;color:#666}.status-badge[data-status=processing]{background:#e6f7ff;color:#1890ff}.status-badge[data-status=completed]{background:#f6ffed;color:#52c41a}.status-badge[data-status=error]{background:#fff1f0;color:#ff4d4f}.format-conversion{display:flex;align-items:center;gap:.75rem}.format-badge{padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase}.format-badge.source{background:#f0f0f0;color:#666}.format-badge.target{background:#e6f7ff;color:#1890ff}.arrow-icon{color:#999}.image-actions{padding:0 1rem 1rem;display:flex;gap:.5rem}.btn-download,.btn-remove{flex:1;padding:.6rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-download{background:#4a90e2;color:#fff}.btn-download:hover{background:#3a7bc8}.btn-remove{background:#f5f5f5;color:#666}.btn-remove:hover{background:#ff4d4f;color:#fff}.tool-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #e8e8e8}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-item svg{color:#4a90e2;flex-shrink:0;margin-top:.25rem}.feature-item h4{margin:0 0 .5rem;font-size:1rem;color:#333}.feature-item p{margin:0;font-size:.9rem;color:#666;line-height:1.5}.image-tool-container.editor{padding:1.5rem}.editor-workspace{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;margin-bottom:2rem}.editor-sidebar{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1.5rem;height:fit-content;position:sticky;top:1.5rem}.editor-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.tab-btn{padding:.75rem;border:2px solid #e8e8e8;border-radius:8px;background:white;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.85rem;color:#666}.tab-btn:hover{border-color:#4a90e2;background:#f8fbff}.tab-btn.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.editor-controls{flex:1;overflow-y:auto;max-height:60vh}.control-section{display:flex;flex-direction:column;gap:1rem}.control-section h4{margin:0 0 .5rem;font-size:.95rem;color:#333}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ratio-btn{padding:.5rem;border:2px solid #e8e8e8;border-radius:6px;background:white;cursor:pointer;font-size:.85rem;transition:all .2s}.crop-controls{display:flex;flex-direction:column;gap:.75rem}.control-item{display:flex;flex-direction:column;gap:.5rem}.control-item label{font-size:.85rem;color:#666;display:flex;align-items:center;gap:.5rem}.control-item input[type=range]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.control-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#4a90e2;cursor:pointer}.filter-btn{padding:.75rem;border:2px solid #e8e8e8;border-radius:8px;background:white;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem}.filter-btn:hover{border-color:#4a90e2}.filter-btn.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.filter-preview{width:60px;height:40px;border-radius:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.filter-preview[data-filter=grayscale]{filter:grayscale(100%)}.filter-preview[data-filter=sepia]{filter:sepia(100%)}.filter-preview[data-filter=vintage]{filter:sepia(50%) contrast(110%)}.filter-preview[data-filter=cold]{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.filter-preview[data-filter=warm]{background:linear-gradient(135deg,#f2994a,#f2c94c)}.filter-preview[data-filter=dramatic]{background:linear-gradient(135deg,#000,#434343)}.rotate-controls{display:flex;gap:.5rem}.editor-actions{display:flex;flex-direction:column;gap:.75rem}.editor-canvas-area{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;min-height:500px}.canvas-wrapper{position:relative;max-width:100%;max-height:70vh}.preview-image{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 4px 12px #0000001a}.crop-overlay{position:absolute;border:2px solid #4a90e2;background:rgba(74,144,226,.1);box-shadow:0 0 0 9999px #00000080;z-index:10}.crop-border{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #4a90e2;pointer-events:none}.crop-handle{position:absolute;background:#fff;border:2px solid #4a90e2;z-index:20;transition:all .15s ease}.crop-handle:hover{background:#4a90e2;transform:scale(1.2)}.crop-handle:active{background:#357abd;border-color:#357abd}.crop-handle.corner{width:12px;height:12px;border-radius:50%}.crop-handle.edge{background:#4a90e2;border:1px solid #fff}.crop-handle.edge.n,.crop-handle.edge.s{width:40px;height:6px;border-radius:3px}.crop-handle.edge.e,.crop-handle.edge.w{width:6px;height:40px;border-radius:3px}.crop-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.grid-line{position:absolute;background:rgba(255,255,255,.5)}.crop-overlay.dragging .crop-grid{opacity:.3}.image-tool-container.color-picker{padding:1.5rem}.color-picker-workspace{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;margin-bottom:2rem}.image-section{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.image-viewer{position:relative;border-radius:8px;overflow:hidden;margin-bottom:1rem}.pickable-image{width:100%;cursor:crosshair;display:block;border-radius:8px}.color-tooltip{background:white;padding:.5rem;border-radius:6px;box-shadow:0 2px 12px #0003;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.tooltip-color{width:24px;height:24px;border-radius:4px;border:2px solid white;box-shadow:0 0 0 1px #0000001a}.image-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#999;font-size:.9rem}.colors-section{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;max-height:80vh}.selected-color-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem}.color-preview.large{width:100px;height:100px;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.color-details{flex:1}.color-details h3{margin:0 0 1rem;font-size:1rem;color:#333}.color-values{display:flex;flex-direction:column;gap:.75rem}.color-value-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f8f8f8;border-radius:6px;font-size:.85rem}.color-value-item .label{font-weight:600;color:#666;min-width:40px}.color-value-item .value{flex:1;font-family:monospace;color:#333}.copy-btn{padding:.35rem .6rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#3a7bc8}.copy-btn.small{padding:.25rem .4rem}.dominant-colors-section,.palettes-section{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.dominant-colors-section h3,.palettes-section h3{margin:0 0 1rem;font-size:1rem;color:#333;display:flex;align-items:center;gap:.5rem}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.color-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #f0f0f0;border-radius:8px;cursor:pointer;transition:all .2s}.color-item:hover{border-color:#4a90e2;background:#f8fbff}.color-preview{width:60px;height:60px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.color-hex{font-family:monospace;font-size:.85rem;font-weight:600;color:#333}.palette-card{margin-bottom:1rem;padding:1rem;border:1px solid #f0f0f0;border-radius:8px;transition:all .2s}.palette-card:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e21a}.palette-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.palette-header h4{margin:0;font-size:.9rem;color:#333}.palette-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.palette-color{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s;padding:.5rem;border-radius:6px}.palette-color:hover{background:#f8f8f8;transform:scale(1.05)}.palette-color-preview{width:100%;height:50px;border-radius:6px;box-shadow:0 2px 6px #0000001a}.palette-color-hex{font-size:.7rem;font-family:monospace;color:#666}.image-tool-container.folder-mode{padding:1rem 0;background:transparent}.image-tool-container .related-tools-section,.image-tool-container .feature-introduction{padding-left:0;padding-right:0}@media (min-width: 1600px){.folder-workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(360px,440px);gap:1.25rem}.image-tool-inner{padding:0 3rem}}.tool-header.compact{margin-top:1.5rem;margin-bottom:1.5rem;padding:1rem;background:transparent;border-radius:0}.tool-header.compact .tool-title h1{font-size:1.5rem}.tool-header.compact .tool-description{font-size:.9rem}.folder-workspace{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(300px,380px);gap:1rem;min-height:calc(100vh - 200px);align-items:stretch}.folder-workspace>.file-list-panel,.folder-workspace>.preview-panel,.folder-workspace>.settings-panel{min-width:0}.file-list-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;height:100%}.icon-btn{padding:.4rem;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#666}.icon-btn:hover{background:#4a90e2;color:#fff;transform:translateY(-1px)}.icon-btn.danger:hover{background:#ff4d4f}.batch-actions{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;display:flex;gap:.5rem}.btn-primary.sm,.btn-secondary.sm{padding:.5rem .75rem;font-size:.85rem;flex:1}.stats-summary{padding:.75rem 1rem;background:#f8f8f8;display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #f0f0f0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem}.stat-item .label{color:#999}.stat-item .value{font-weight:600;font-size:.85rem;color:#333}.stat-item .value.success{color:#52c41a}.stat-item.highlight{background:#e6f7ff;padding:.35rem .6rem;border-radius:6px}.thumbnail-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.thumbnail-list::-webkit-scrollbar{width:6px}.thumbnail-list::-webkit-scrollbar-track{background:#f5f5f5}.thumbnail-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.thumbnail-list::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.empty-state{padding:3rem 1rem;text-align:center;color:#999}.empty-state svg{color:#d0d0d0;margin-bottom:1rem}.empty-state p{font-size:.85rem;margin:0}.thumbnail-item{display:flex;gap:.75rem;padding:.75rem;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;background:white;position:relative}.thumbnail-item:hover{border-color:#4a90e2;background:#f8fbff;transform:translate(2px)}.thumbnail-item.selected{border-color:#4a90e2;background:#e6f7ff;box-shadow:0 2px 8px #4a90e226}.thumb-preview{width:60px;height:60px;border-radius:6px;overflow:hidden;background:#f5f5f5;flex-shrink:0;position:relative}.thumb-checkbox{position:absolute;top:.35rem;left:.35rem;width:18px;height:18px;cursor:pointer;z-index:10;accent-color:#4a90e2}.thumbnail-item.multi-selected{background:#fff7e6;border-color:#ffa940}.thumbnail-item.multi-selected.selected{background:linear-gradient(135deg,#e6f7ff 0%,#fff7e6 100%);border-color:#4a90e2}.processing-badge{position:absolute;top:.25rem;right:.25rem;background:#1890ff;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.processing-badge .spin{animation:spin 1s linear infinite}.success-badge{position:absolute;top:.25rem;right:.25rem;background:#52c41a;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.thumb-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.thumb-name{font-size:.85rem;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-size,.thumb-format,.thumb-status{font-size:.75rem;color:#999}.compress-rate{color:#52c41a;font-weight:600;margin-left:.25rem}.remove-btn{position:absolute;top:.5rem;right:.5rem;background:rgba(255,255,255,.9);border:none;border-radius:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;color:#999}.thumbnail-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#ff4d4f;color:#fff}.thumb-actions{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:all .2s}.thumbnail-item:hover .thumb-actions{opacity:1}.action-btn{background:rgba(255,255,255,.95);border:1px solid #e0e0e0;border-radius:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000001a}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.action-btn.rename-btn:hover{background:#4a90e2;color:#fff;border-color:#4a90e2}.action-btn.compress-btn:hover{background:#faad14;color:#fff;border-color:#faad14}.action-btn.download-btn{background:rgba(74,144,226,.95);color:#fff;border-color:#4a90e2}.action-btn.download-btn:hover{background:#357abd;border-color:#357abd}.action-btn.remove-btn:hover{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.preview-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;min-height:500px;height:100%}.settings-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;height:100%}.processing-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden}.empty-preview svg{color:#d0d0d0}.preview-area{flex:1;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.preview-header h3,.preview-header h4{margin:0;font-size:1rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.format-indicator{display:flex;align-items:center;gap:.5rem;margin:0 1rem}.image-preview-box{flex:1;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:8px;overflow:hidden;position:relative;min-height:400px}.image-preview-box .preview-image{max-width:100%;max-height:calc(100vh - 400px);object-fit:contain;border-radius:4px}.image-preview-box .processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff}.image-preview-box .processing-overlay svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-details{margin-top:1rem;padding:1rem;background:#f8f8f8;border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.detail-row .label{color:#999;font-weight:500}.detail-row .value{color:#333;font-weight:600;font-family:monospace}.detail-row .value.success{color:#52c41a}.detail-row.highlight{background:#e6f7ff;padding:.5rem .75rem;border-radius:6px}.detail-row.highlight .label{color:#666}.detail-row.highlight .value{color:#1890ff;font-weight:700}.settings-area{padding:1.5rem;border-top:1px solid #f0f0f0;background:#fafafa;max-height:calc(100vh - 200px);overflow-y:auto}.settings-area::-webkit-scrollbar-track{background:#f5f5f5}.settings-area h4{margin:0 0 1rem;font-size:.95rem;color:#333;display:flex;align-items:center;gap:.5rem}.setting-item{margin-bottom:1rem}.setting-item label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.setting-item .value{color:#4a90e2;font-weight:600}.setting-item .setting-hint{font-size:.8rem;color:#888;line-height:1.5;margin:0;padding:.5rem;background:#f8f9fa;border-left:3px solid #4a90e2;border-radius:4px}.slider{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#4a90e2;cursor:pointer;transition:all .2s}.slider::-webkit-slider-thumb:hover{background:#3a7bc8;transform:scale(1.1)}.input-sm,.select-sm{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem;transition:all .2s}.input-sm:focus,.select-sm:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.select-sm{background:white;cursor:pointer}.format-select{width:100%;padding:.6rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem;background:white;cursor:pointer;transition:all .2s;font-family:inherit}.format-select:hover{border-color:#4a90e2}.format-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.format-select optgroup{font-weight:600;font-size:.9rem;color:#333;background:#f5f5f5;padding:.5rem}.format-select option{padding:.5rem .75rem;font-size:.85rem;color:#555}.format-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.format-option{padding:.75rem;border:2px solid #e8e8e8;border-radius:8px;background:white;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:.25rem}.format-option:hover{border-color:#4a90e2;background:#f8fbff}.format-option.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.alpha-tag{font-size:.7rem;padding:.15rem .35rem;background:#52c41a;color:#fff;border-radius:3px}.format-option.active .alpha-tag{background:rgba(255,255,255,.3)}.color-picker{display:flex;gap:.5rem;align-items:center}.color-picker .color-input{width:50px;height:36px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.folder-workspace.editor-layout{grid-template-columns:300px 1fr}.processing-panel.editor-panel{display:flex;flex-direction:column}.editor-toolbar{padding:1rem;border-bottom:1px solid #f0f0f0;display:flex;gap:.5rem}.tool-tab{flex:1;padding:.75rem;border:2px solid #e8e8e8;border-radius:8px;background:white;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.8rem;color:#666}.tool-tab:hover{border-color:#4a90e2;background:#f8fbff}.tool-tab.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.editor-preview{flex:1;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.editor-controls{padding:1.5rem;border-top:1px solid #f0f0f0;background:#fafafa;max-height:400px;overflow-y:auto}.ratio-btn{padding:.5rem;border:2px solid #e8e8e8;border-radius:6px;background:white;cursor:pointer;font-size:.8rem;transition:all .2s}.ratio-btn:hover{border-color:#4a90e2}.ratio-btn.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.filter-option{padding:.75rem;border:2px solid #e8e8e8;border-radius:8px;background:white;cursor:pointer;transition:all .2s;font-size:.85rem;text-align:center}.filter-option:hover{border-color:#4a90e2}.filter-option.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.rotate-buttons{display:flex;gap:.5rem}.rotate-buttons .btn-secondary{flex:1;padding:.75rem;font-size:.85rem}@media (max-width: 1400px){.folder-workspace{grid-template-columns:260px 1fr 340px}}@media (max-width: 1280px){.folder-workspace{grid-template-columns:minmax(240px,260px) minmax(0,1fr)}.folder-workspace>.settings-panel{grid-column:1 / -1}}@media (max-width: 1024px){.folder-workspace{grid-template-columns:1fr;min-height:auto}.file-list-panel,.settings-panel{position:static;max-height:400px}.folder-workspace.editor-layout,.editor-workspace{grid-template-columns:1fr}.editor-sidebar{position:static}.color-picker-workspace{grid-template-columns:1fr}}@media (max-width: 768px){.image-tool-container{padding:1rem}.tool-settings-panel,.image-list,.tool-features{grid-template-columns:1fr}.action-bar{flex-direction:column}.action-bar button{width:100%}.format-selector,.ratio-buttons{grid-template-columns:repeat(2,1fr)}.editor-toolbar{display:grid;grid-template-columns:repeat(2,1fr)}}.feature-introduction{margin-top:3rem;padding:3rem 2rem;background:transparent;border-radius:0;box-shadow:none}.intro-header h2{margin:0 0 .75rem;font-size:2rem;font-weight:600;color:#1a1a1a}.intro-subtitle{font-size:1.1rem;color:#4a90e2;margin:0;font-weight:500}.intro-description{text-align:center;max-width:800px;margin:0 auto 3rem}.intro-description p{font-size:1rem;line-height:1.8;color:#666;margin:0}.supported-formats h3{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 2rem;text-align:center}.formats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.format-card{background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;padding:1.25rem;transition:all .3s;cursor:default}.format-card:hover{border-color:#4a90e2;background:#f8fbff;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.format-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.format-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);color:#fff;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:uppercase;flex-shrink:0;box-shadow:0 2px 8px #4a90e24d}.format-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#333;flex:1}.format-header .alpha-badge{position:static;font-size:.7rem;padding:.2rem .5rem;background:#52c41a;color:#fff;border-radius:4px;font-weight:600}.format-desc{font-size:.9rem;line-height:1.6;color:#666;margin:0}@media (max-width: 768px){.feature-introduction{padding:2rem 1rem}.intro-header h2{font-size:1.5rem}.intro-subtitle{font-size:1rem}.formats-grid{grid-template-columns:1fr}}.folder-workspace{display:grid;grid-template-columns:260px 1fr 340px;gap:.75rem;min-height:calc(100vh + 80px);align-items:stretch}.file-list-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;width:auto;min-width:0;height:100%;max-height:calc(100vh + 80px)}.panel-header{padding:1rem;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.panel-header h3{margin:0;font-size:1rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;gap:.35rem}.icon-btn{padding:.4rem;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#e8e8e8}.icon-btn.danger:hover{background:#ffebee;color:#f5222d}.batch-actions{padding:.75rem;border-bottom:1px solid #f0f0f0}.thumbnail-list{flex:1;overflow-y:auto;padding:.75rem}.empty-state{padding:2rem 1rem;text-align:center;color:#999;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state svg{font-size:48px;color:#d0d0d0}.empty-state p{margin:0;font-size:.85rem}.thumbnail-item{padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:flex;gap:.75rem;align-items:center;min-height:100px}.thumbnail-item:hover{background:#f0f0f0}.thumbnail-item.selected{background:#e6f7ff;border:1px solid #1890ff}.thumb-preview{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;background:#fff;flex-shrink:0}.thumb-preview img{width:100%;height:100%;object-fit:cover}.success-badge{position:absolute;top:-4px;right:-4px;background:#52c41a;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.thumb-info{flex:1;min-width:0}.thumb-name{font-size:.85rem;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-status{font-size:.75rem;color:#999;margin-top:.25rem}.crop-info{font-size:.7rem;color:#52c41a;margin-top:.25rem}.remove-btn{padding:.3rem;background:transparent;border:none;color:#999;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-btn:hover{color:#f5222d}.preview-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;min-height:400px;height:100%;max-height:calc(100vh + 80px)}.empty-preview{padding:4rem 2rem;text-align:center;color:#999;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-preview svg{color:#d0d0d0;font-size:64px}.empty-preview h3{margin:0;font-size:1.25rem;color:#666}.empty-preview p{margin:0;font-size:.95rem}.upload-actions{display:flex;gap:1rem;margin-top:1rem}.preview-area{flex:1;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;overflow-x:hidden}.editor-toolbar{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.tool-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:#666;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tool-tab:hover{background:#f5f5f5;color:#333}.tool-tab.active{background:#1890ff;color:#fff;border-bottom:none;padding-bottom:.5rem}.editor-preview{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.preview-header h4{margin:0;font-size:1rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.preview-actions{display:flex;gap:.5rem}.canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:8px;overflow:hidden}.preview-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.crop-overlay{position:absolute;border:2px solid #1890ff;box-shadow:0 0 0 999999px #0000004d;transition:all .05s}.crop-handle{position:absolute;background:#1890ff;border:1px solid white;box-shadow:0 2px 4px #0003}.crop-handle.corner{width:10px;height:10px;border-radius:50%}.crop-handle.edge{width:10px;height:10px;border-radius:2px}.crop-border{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #1890ff;box-sizing:border-box}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0}.grid-line{position:absolute;background:rgba(24,144,255,.3)}.settings-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;width:auto;min-width:0;height:100%;max-height:calc(100vh + 80px)}.settings-panel .editor-toolbar{display:flex;gap:.25rem;padding:.75rem;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-wrap:wrap}.settings-panel .tool-tab{flex:1;min-width:70px;padding:.4rem .6rem;font-size:.85rem}.settings-area{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden}.settings-area h4{display:none}.settings-area::-webkit-scrollbar{width:6px}.settings-area::-webkit-scrollbar-track{background:transparent}.settings-area::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.settings-area::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.settings-area h4{margin:0 0 1rem;font-size:.95rem;color:#333;display:flex;align-items:center;gap:.5rem;font-weight:600}.control-panel{display:flex;flex-direction:column;gap:1rem}.setting-item{margin:0}.setting-item:last-child{margin-bottom:0}.setting-item label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#666;margin-bottom:.75rem;font-weight:500;gap:.5rem}.slider{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#1890ff;cursor:pointer;transition:all .2s;border:2px solid white;box-shadow:0 2px 4px #0003}.slider::-webkit-slider-thumb:hover{background:#0050b3;transform:scale(1.2)}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1890ff;cursor:pointer;transition:all .2s;border:2px solid white;box-shadow:0 2px 4px #0003}.slider::-moz-range-thumb:hover{background:#0050b3;transform:scale(1.2)}.ratio-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ratio-btn{padding:.6rem;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s}.ratio-btn:hover{border-color:#1890ff;color:#1890ff}.ratio-btn.active{background:#1890ff;color:#fff;border-color:#1890ff}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.filter-option{padding:.75rem;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s;text-align:center}.filter-option:hover{border-color:#1890ff;color:#1890ff}.filter-option.active{background:#1890ff;color:#fff;border-color:#1890ff}.rotate-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.btn-primary,.btn-secondary{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.btn-primary{background:#1890ff;color:#fff}.btn-primary:hover{background:#0050b3}.btn-primary.full{width:100%}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #d9d9d9}.btn-secondary:hover{border-color:#1890ff;color:#1890ff}.btn-secondary.sm{padding:.4rem .8rem;font-size:.85rem}.btn-secondary.full{width:100%}.feature-introduction{margin-top:3rem;padding:2rem;background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f}.intro-header{text-align:center;margin-bottom:2rem}.intro-header h2{margin:0 0 .5rem;font-size:1.75rem;color:#333;font-weight:600}.intro-subtitle{margin:0;font-size:.95rem;color:#999}.intro-description{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.intro-description p{margin:0;font-size:.95rem;color:#666;line-height:1.6}.supported-formats{margin-top:2rem}.supported-formats h3{margin:0 0 1.5rem;font-size:1.25rem;color:#333;font-weight:600}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.format-card{padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #1890ff;transition:all .2s}.format-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.format-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.format-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1890ff;color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;flex-shrink:0}.format-header h4{margin:0;font-size:1rem;color:#333;font-weight:600}.format-desc{margin:0;font-size:.85rem;color:#666;line-height:1.5}@media (max-width: 1200px){.folder-workspace{grid-template-columns:250px 1fr 340px;gap:1rem}}@media (max-width: 1024px){.folder-workspace{grid-template-columns:1fr;min-height:auto}.file-list-panel,.settings-panel,.preview-panel{width:100%;min-width:0;max-height:none}.file-list-panel{max-height:300px}.preview-panel{min-height:400px}.settings-panel{max-height:500px}.formats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.image-tool-container{padding:1rem}.folder-workspace{gap:1rem}.file-list-panel{max-height:250px}.preview-panel{min-height:300px}.settings-panel{max-height:450px}.editor-toolbar{flex-wrap:wrap}.ratio-buttons,.filter-grid,.rotate-buttons{grid-template-columns:repeat(2,1fr)}.formats-grid{grid-template-columns:1fr}}.fullscreen-toggle-btn{color:#666;transition:all .3s ease;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center}.fullscreen-toggle-btn:hover{color:#1890ff;background:rgba(24,144,255,.1);transform:scale(1.1)}.fullscreen-toggle-btn:active{transform:scale(.95)}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1000;background:white;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-container .fullscreen-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:white;flex-shrink:0;z-index:1001}.fullscreen-container .fullscreen-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a;flex-shrink:0}.fullscreen-container .fullscreen-content{flex:1;overflow:hidden;display:flex;padding:0}.fullscreen-container .json-formatter-content,.fullscreen-container .jsonpath-query-content,.fullscreen-container .json-editor-content,.fullscreen-container .json-viewer-content{display:flex;flex-direction:column;height:100%;width:100%;padding:0;background:transparent}.fullscreen-container .ant-row{width:100%;height:100%}.fullscreen-container .ant-col{height:100%;overflow:hidden}.fullscreen-container .json-panel,.fullscreen-container .jsonpath-panel{border-radius:0;height:100%;margin-bottom:0;padding:12px}.fullscreen-container .json-tree-view,.fullscreen-container .result-tree,.fullscreen-container .json-textarea,.fullscreen-container .result-textarea{flex:1;min-height:0}@media (prefers-color-scheme: dark){.fullscreen-container{background:#262626}.fullscreen-container .fullscreen-header{background:#323232;border-bottom-color:#404040}.fullscreen-container .fullscreen-header h3{color:#e0e0e0}.fullscreen-container .json-panel,.fullscreen-container .jsonpath-panel{background:#323232}}@media (max-width: 768px){.fullscreen-container .fullscreen-header{padding:8px 12px}.fullscreen-container .fullscreen-header h3{font-size:14px}.fullscreen-container .json-panel,.fullscreen-container .jsonpath-panel{padding:8px}}.json-formatter-page{width:100%;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 65px)}.tool-title{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem;color:#555}.tool-title h1{font-size:1.75rem;font-weight:600;margin:0;color:#555}.tool-description{font-size:.95rem;color:#666;line-height:1.6;margin:0 auto;text-align:center;max-width:100%}.ad-banner.mb-4 .ad-banner-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:40px 48px;text-decoration:none;gap:32px;min-height:180px}.ad-banner.mb-4:hover{box-shadow:0 4px 20px #0000001f;border-color:#e8e8e8}.ad-banner.mb-4 .ad-banner-left{display:flex;align-items:center;gap:28px;flex:1;min-width:0}.ad-banner.mb-4 .ad-banner-icon{width:120px;height:120px;flex-shrink:0;border-radius:16px;overflow:hidden;background:#f8f8f8;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0;box-shadow:0 4px 12px #0000000f}.ad-banner.mb-4 .ad-banner-icon img{width:100%;height:100%;object-fit:cover}.ad-banner.mb-4 .ad-banner-text{flex:1;min-width:0}.ad-banner.mb-4 .ad-banner-title{font-size:26px;font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ad-banner.mb-4 .ad-banner-desc{font-size:15px;color:#555;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-banner.mb-4 .ad-banner-company{font-size:13px;color:#999;margin-top:10px;display:inline-block;font-weight:500}.ad-banner.mb-4 .ad-banner-button{background:#1a1a1a;color:#fff;padding:16px 40px;border-radius:10px;font-size:16px;font-weight:700;white-space:nowrap;border:none;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 16px #00000026}.ad-banner.mb-4 .ad-banner-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ad-banner.my-4{background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f0}.ad-banner.my-4 .ad-banner-content{display:flex;align-items:center;justify-content:space-between;padding:40px 48px;text-decoration:none;gap:32px;min-height:200px}.ad-banner.my-4:hover{box-shadow:0 4px 20px #0000001f;border-color:#e8e8e8}.ad-banner.my-4 .ad-banner-left{display:flex;align-items:center;gap:28px;flex:1;min-width:0;padding:0;background:transparent;border-radius:0}.ad-banner.my-4 .ad-banner-icon{width:140px;height:140px;flex-shrink:0;border-radius:16px;overflow:hidden;background:#f8f8f8;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000f}.ad-banner.my-4 .ad-banner-icon img{width:100%;height:100%;object-fit:cover}.ad-banner.my-4 .ad-banner-text{flex:1;min-width:0}.ad-banner.my-4 .ad-banner-title{font-size:24px;font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-banner.my-4 .ad-banner-desc{font-size:15px;color:#555;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-banner.my-4 .ad-banner-company{font-size:13px;color:#999;margin-top:10px;display:inline-block}.ad-banner.my-4 .ad-banner-button{background:#1a1a1a;color:#fff;padding:16px 40px;border-radius:10px;font-size:16px;font-weight:700;white-space:nowrap;border:none;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin:0;box-shadow:0 4px 16px #00000026}.ad-banner.my-4 .ad-banner-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ad-banner.mt-4{background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f0}.ad-banner.mt-4 .ad-banner-content{display:flex;align-items:center;justify-content:space-between;padding:36px 48px;text-decoration:none;gap:32px;min-height:160px}.ad-banner.mt-4:hover{box-shadow:0 4px 20px #0000001f;border-color:#e8e8e8}.ad-banner.mt-4 .ad-banner-left{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.ad-banner.mt-4 .ad-banner-icon{width:100px;height:100px;flex-shrink:0;border-radius:16px;overflow:hidden;background:#f8f8f8;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000f}.ad-banner.mt-4 .ad-banner-icon img{width:100%;height:100%;object-fit:cover}.ad-banner.mt-4 .ad-banner-text{flex:1;min-width:0}.ad-banner.mt-4 .ad-banner-title{font-size:20px;font-weight:800;color:#1a1a1a;margin:0 0 8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-banner.mt-4 .ad-banner-desc{font-size:14px;color:#555;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-banner.mt-4 .ad-banner-company{font-size:12px;color:#999;margin-top:8px;display:inline-block}.ad-banner.mt-4 .ad-banner-button{background:#1a1a1a;color:#fff;padding:14px 36px;border-radius:10px;font-size:15px;font-weight:700;white-space:nowrap;border:none;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 16px #00000026}.ad-banner.mt-4 .ad-banner-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ad-banner-image{width:100%;height:auto;display:block;max-height:300px;object-fit:cover}.ad-banner-text-only{color:#1a1a1a;padding:24px;text-align:left}.ad-banner-text-only h3{font-size:18px;font-weight:800;margin:0 0 8px;color:#1a1a1a}.ad-banner-text-only p{font-size:14px;line-height:1.6;margin:0 0 8px;color:#555}.ad-banner-text-only .ad-company{font-size:12px;color:#999}.ad-banner.mb-4 .ad-banner-text-only{background:white;padding:40px 48px;border-radius:12px;position:relative;z-index:1}.ad-banner.mb-4 .ad-banner-text-only h3{font-size:28px;font-weight:800;margin:0 0 16px}.ad-banner.mb-4 .ad-banner-text-only p{font-size:16px;margin:0 0 12px}.ad-banner.my-4 .ad-banner-text-only{background:white;padding:40px 48px;border-radius:12px}.ad-banner.my-4 .ad-banner-text-only h3{font-size:26px;font-weight:800;margin:0 0 14px}.ad-banner.my-4 .ad-banner-text-only p{font-size:15px;margin:0 0 10px}.ad-banner.mt-4 .ad-banner-text-only{background:white;padding:36px 48px;border-radius:12px}.ad-banner.mt-4 .ad-banner-text-only h3{font-size:22px;font-weight:800;margin:0 0 10px}.ad-banner.mt-4 .ad-banner-text-only p{font-size:14px;margin:0 0 8px}.ad-space{max-width:100%;display:flex;justify-content:flex-end}.ad-placeholder{background:#f5f5f5;border:2px dashed #d9d9d9;border-radius:8px;padding:1.5rem;display:flex;align-items:center;justify-content:center;min-width:300px;max-width:600px;min-height:120px;transition:all .3s;width:fit-content}.ad-placeholder:hover{border-color:#4a90e2;background:#f8fbff}.ad-content{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:white;border:1px solid #e8e8e8;border-radius:8px;padding:16px 20px;transition:all .3s;box-shadow:0 2px 8px #0000000f;min-width:400px;max-width:600px;gap:16px}.ad-content:hover{box-shadow:0 4px 16px #0000001f;border-color:#d0d0d0;transform:translateY(-2px)}.ad-image{max-width:100%;height:auto;display:block;border-radius:8px}.ad-composite{display:flex;align-items:center;gap:16px;flex:1}.ad-composite-icon{width:48px;height:48px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f5f5f5}.ad-composite-icon img{width:100%;height:100%;object-fit:cover}.ad-composite-content{flex:1;min-width:0}.ad-composite-title{font-size:15px;font-weight:500;color:#1a1a1a;margin:0 0 4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-composite-desc{font-size:12px;color:#666;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-composite-company{font-size:11px;color:#999;margin-top:4px;display:block}.ad-button{background:#1a1a1a;color:#fff;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;border:none;cursor:pointer;transition:all .3s;flex-shrink:0}.ad-button:hover{background:#333;transform:scale(1.05)}.ad-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1.5rem;border-radius:8px;min-width:300px;max-width:500px}.ad-text h3{margin:0 0 .5rem;font-size:16px;font-weight:600;color:#fff}.ad-text p{margin:0 0 .5rem;font-size:13px;line-height:1.5;opacity:.95;color:#fff}.ad-text .ad-company{font-size:11px;opacity:.8;font-weight:500}.json-formatter-content{display:flex;flex-direction:column;margin:0 20px}.json-formatter-content .ant-row{display:flex;width:100%;height:auto;overflow:visible}.json-formatter-content .ant-col{display:flex;flex-direction:column;height:auto;overflow:visible}.json-panel{background:white;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;height:100%}.json-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:8px}.panel-title{font-size:16px;font-weight:600;color:#1a1a1a}.json-panel-header .ant-btn-sm.ant-btn-icon-only{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.json-panel-header .ant-btn-sm.ant-btn-icon-only:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.json-panel-header .ant-radio-group-small .ant-radio-button-wrapper{height:24px;line-height:22px;padding:0 10px;font-size:12px}.json-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border-radius:8px;border:1px solid #e0e0e0;background:#fafafa;transition:all .3s;flex:1;resize:none;overflow:auto}.json-textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;background:white}.json-tree-view{background:#f8fbff;border:1px solid #d0e7ff;border-radius:8px;flex:1;overflow:auto}.json-tree-view [role=treeitem],.json-tree-view .w-json-view-node-value,.json-tree-view .w-json-view-node-key,.json-tree-view span{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.json-tree-view .w-json-view-text,.json-tree-view .w-json-view-string{white-space:normal;word-break:break-word}.tree-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:#fafafa;border-radius:8px}.json-tree-view::-webkit-scrollbar{width:8px;height:8px}.json-tree-view::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.json-tree-view::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.json-tree-view::-webkit-scrollbar-thumb:hover{background:#555}.validation-result{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.validation-result.valid{background:#f0fdf4;border:1px solid #86efac;color:#16a34a}.validation-result.invalid{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.validation-result .anticon{font-size:18px}.usage-section{background:white;border-radius:12px;padding:2rem;margin-top:2rem;box-shadow:0 2px 8px #0000000f}.section-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1.5rem;text-align:center}.feature-item{text-align:center;padding:1.5rem;background:#fafafa;border-radius:8px;height:100%;transition:all .3s}.feature-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.feature-item h4{font-size:1rem;font-weight:600;margin:12px 0 8px;color:#1a1a1a}.feature-item p{font-size:.875rem;color:#666;line-height:1.6;margin:0}@media (max-width: 992px){.json-formatter-page{padding:1.5rem 1rem}.ad-banner.mb-4 .ad-banner-content{flex-direction:column;align-items:stretch;padding:20px 24px;min-height:auto}.ad-banner.mb-4 .ad-banner-left{flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:12px}.ad-banner.mb-4 .ad-banner-icon{width:60px;height:60px}.ad-banner.mb-4 .ad-banner-title{font-size:18px}.ad-banner.mb-4 .ad-banner-desc{font-size:13px;-webkit-line-clamp:2}.ad-banner.mb-4 .ad-banner-button{width:100%;text-align:center;padding:12px 20px}.ad-banner.my-4 .ad-banner-content{flex-direction:column;padding:0;min-height:auto}.ad-banner.my-4 .ad-banner-left{flex-direction:row;align-items:center;width:100%;border-radius:12px 12px 0 0;padding:16px}.ad-banner.my-4 .ad-banner-icon{width:60px;height:60px}.ad-banner.my-4 .ad-banner-button{width:100%;margin:12px;border-radius:12px 12px 0 0}.ad-banner.mt-4 .ad-banner-content{flex-direction:column;align-items:stretch;padding:16px 20px;min-height:auto}.ad-banner.mt-4 .ad-banner-left{flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:8px}.ad-banner.mt-4 .ad-banner-icon{width:56px;height:56px}.ad-banner.mt-4 .ad-banner-title{font-size:15px}.ad-banner.mt-4 .ad-banner-desc{font-size:12px;-webkit-line-clamp:2}.ad-banner.mt-4 .ad-banner-button{width:100%;text-align:center;padding:10px 16px}.tool-title h1{font-size:1.5rem}.json-textarea{font-size:12px}.json-panel{margin-bottom:1rem}}@media (max-width: 640px){.ad-banner.mb-4 .ad-banner-content{padding:16px}.ad-banner.mb-4 .ad-banner-left{gap:12px}.ad-banner.mb-4 .ad-banner-icon{width:50px;height:50px}.ad-banner.mb-4 .ad-banner-title{font-size:16px}.ad-banner.mb-4 .ad-banner-button{padding:10px 20px;font-size:13px}.ad-banner.my-4 .ad-banner-left{padding:12px}.ad-banner.my-4 .ad-banner-icon{width:48px;height:48px}.ad-banner.mt-4 .ad-banner-content{padding:12px 16px}.ad-banner.mt-4 .ad-banner-icon{width:48px;height:48px}}.tool-introduction{background:white;border-radius:12px;padding:2.5rem;margin:2rem 2rem 0;box-shadow:0 2px 8px #0000000f}.usage-steps{padding-left:1.5rem;margin:1.5rem 0}.usage-steps li{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:1rem}.usage-steps strong{color:#1a1a1a;font-weight:600}.faq-section{margin-top:1.5rem}.faq-item{margin-bottom:1.5rem;padding:1.25rem;background:#fafafa;border-radius:8px;border-left:4px solid #4a90e2}.faq-item h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.faq-item p{font-size:.9rem;color:#555;line-height:1.7;margin:0}@media (max-width: 768px){.tool-introduction{padding:1.5rem}.tool-introduction h2{font-size:1.25rem}.usage-steps{padding-left:1rem}}.json-textarea::-webkit-scrollbar{width:8px;height:8px}.json-textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.json-textarea::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.json-textarea::-webkit-scrollbar-thumb:hover{background:#555}.ant-space .ant-btn{transition:all .3s;border-radius:6px}.ant-space .ant-btn-primary{background:#4a90e2;border-color:#4a90e2}.ant-space .ant-btn-primary:hover{background:#357abd;border-color:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.ant-space .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ant-space .ant-btn-dangerous:hover{box-shadow:0 4px 12px #dc26264d}.ant-dropdown-menu-item{padding:10px 16px;font-size:14px;transition:all .2s}.ant-dropdown-menu-item:hover{background-color:#f0f7ff}.ant-dropdown-menu-item .anticon{margin-right:8px;color:#4a90e2}.fullscreen-container .json-formatter-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.fullscreen-container .json-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;margin-bottom:0}.fullscreen-container .json-panel-header{flex-shrink:0;margin-bottom:1rem;padding-bottom:.75rem}.fullscreen-container .json-textarea{flex:1;border:1px solid #e0e0e0;resize:none;overflow:auto}.fullscreen-container .json-tree-view{flex:1;min-height:auto;max-height:none;overflow:auto}.fullscreen-container .tree-placeholder{flex:1;min-height:auto;display:flex;align-items:center;justify-content:center}.jsonpath-query-page{width:100%;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 65px)}.ad-banner{overflow:hidden;transition:all .3s ease;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}.ad-banner:hover{transform:translateY(-4px)}.ad-banner.mb-4{margin-bottom:1.5rem}.ad-banner.my-4{margin:1.5rem 0}.ad-banner.mt-4{margin-top:1.5rem}.ad-banner.mb-4{background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f0;position:relative;overflow:hidden}.ad-banner.mb-4:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:rgba(0,0,0,.02);border-radius:50%;transform:translate(50px,-50px)}.jsonpath-query-content{width:100%;margin:0 20px}.json-panel,.jsonpath-panel{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;display:flex;flex-direction:column;height:700px}.json-panel-header,.jsonpath-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;background:white;flex-shrink:0}.json-textarea{flex:1;overflow:auto!important;border:none!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;resize:none}.json-textarea:focus{outline:none}.error-message{padding:12px 16px;background:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7;border-radius:4px;margin:12px 16px 0;font-size:13px;flex-shrink:0}.jsonpath-input-section{padding:16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.jsonpath-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.jsonpath-label-row label{font-weight:600;font-size:14px;color:#262626;margin:0}.result-count{font-size:13px;color:#666;font-weight:400}.jsonpath-input-wrapper{display:flex;flex-direction:column;gap:8px}.jsonpath-input-wrapper input{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace}.query-result-section{padding:16px;display:flex;flex-direction:column;flex:1;overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.result-title{font-weight:600;font-size:14px;color:#262626}.result-content{flex:1;overflow:hidden;border:1px solid #f0f0f0;border-radius:4px;background:white;display:flex;flex-direction:column}.result-textarea{flex:1;overflow:auto!important;border:none!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;resize:none}.result-textarea:focus{outline:none}.result-tree{padding:12px;background:white;border-radius:4px;overflow:auto;flex:1}.result-tree [role=treeitem],.result-tree .w-json-view-node-value,.result-tree .w-json-view-node-key,.result-tree span{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.result-tree .w-json-view-text,.result-tree .w-json-view-string{white-space:normal;word-break:break-word}.result-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center}.jsonpath-reference{padding:16px}.jsonpath-reference h4{margin:16px 0 8px;font-size:14px;font-weight:600;color:#262626}.jsonpath-reference ul{margin:0 0 16px;padding-left:20px;list-style:disc}.jsonpath-reference li{margin:6px 0;font-size:13px;color:#595959}.jsonpath-reference code{background:#f5f5f5;padding:2px 6px;border-radius:2px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#c41d7f}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px}.example-item{padding:12px;background:#f9f9f9;border:1px solid #f0f0f0;border-radius:4px;cursor:pointer;transition:all .3s ease}.example-item:hover{background:#f0f5ff;border-color:#1890ff;box-shadow:0 2px 4px #0000001a}.example-item code{display:block;word-break:break-all;font-size:12px;margin-bottom:6px;color:#1890ff}.example-item p{margin:0;font-size:12px;color:#666}.examples-table{margin:16px 0;overflow-x:auto}.examples-table table{width:100%;border-collapse:collapse;font-size:13px}.examples-table thead{background:#fafafa}.examples-table th{padding:12px;text-align:left;font-weight:600;color:#262626;border-bottom:2px solid #f0f0f0}.examples-table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#595959}.examples-table tbody tr:hover{background:#f9f9f9}.examples-table code{background:#f5f5f5;padding:3px 8px;border-radius:2px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#c41d7f}@media (max-width: 768px){.tool-header{padding:0}.tool-title{flex-direction:column;gap:8px}.tool-title h1{font-size:24px}.tool-description{font-size:14px}.jsonpath-query-content{padding:12px}.json-panel,.jsonpath-panel{height:500px}.examples-grid{grid-template-columns:1fr}.tool-introduction{padding:20px}.tool-introduction h2{font-size:18px}.json-panel-header,.jsonpath-panel-header{flex-wrap:wrap}.examples-table{font-size:12px}.examples-table th,.examples-table td{padding:8px}}@media (prefers-color-scheme: dark){.jsonpath-query-page{background:transparent}.tool-title,.tool-title h1{color:#e0e0e0}.tool-description{color:#999}.json-panel,.jsonpath-panel,.tool-introduction{background:#262626;color:#e0e0e0}.json-panel-header,.jsonpath-panel-header{background:#323232;border-color:#404040}.panel-title{color:#e0e0e0}.json-textarea,.result-textarea{background:#323232;color:#e0e0e0;border:none!important}.error-message{background:#3d1f1f;border-color:#633}.result-content{background:#323232;border-color:#404040}.result-tree{background:#323232}.result-empty{color:#666}.example-item{background:#323232;border-color:#404040}.example-item:hover{background:#3a4a5a;border-color:#1890ff}.examples-table thead{background:#323232}.examples-table th{color:#e0e0e0;border-color:#404040}.examples-table td{border-color:#404040;color:#b0b0b0}.examples-table tbody tr:hover{background:#323232}.tool-introduction h2{color:#e0e0e0;border-color:#667eea}.tool-introduction p,.feature-list li,.usage-steps li{color:#b0b0b0}.feature-list strong,.usage-steps strong{color:#e0e0e0}}.json-editor-page{min-height:100vh;background-color:transparent;width:100%;margin:0 auto;padding:2rem 1rem}.editor-toolbar{display:none}.editor-container{padding:0;height:auto;overflow:visible;margin:0 2rem 24px;display:flex}.editor-container>.ant-row{display:flex;width:100%;height:auto;overflow:visible}.editor-column,.tree-column{height:auto;display:flex;flex-direction:column;overflow:visible}.fullscreen-container .editor-container{height:calc(100vh - 280px);overflow:hidden;display:flex}.fullscreen-container .editor-container>.ant-row{display:flex;width:100%;height:100%;overflow:hidden}.fullscreen-container .editor-column,.fullscreen-container .tree-column{height:100%;display:flex;flex-direction:column;overflow:hidden}.editor-panel,.tree-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.json-editor{flex:1;border:none!important;border-radius:0;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;resize:none;line-height:1.6}.json-editor:focus{box-shadow:none}.tree-item.selected{background-color:#e6f7ff}.tree-item-content{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;gap:8px;cursor:pointer;transition:background-color .2s}.tree-item-left{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden;min-width:0}.key-name{color:#1890ff;font-weight:500;white-space:nowrap;cursor:pointer;padding:2px 4px;border-radius:2px;transition:background-color .2s}.key-name:hover{background-color:#e6f7ff}.value-preview{color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;padding:2px 4px;border-radius:2px;transition:background-color .2s}.value-preview:hover{background-color:#f0f0f0}.tree-edit-inline{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.tree-edit-inline input{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px}.tree-item-actions{display:flex;gap:2px;align-items:center;flex-shrink:0;flex-wrap:wrap}.tree-item-actions button{padding:0 4px!important;height:24px;min-width:24px;font-size:12px;line-height:1}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#8c8c8c;font-size:14px;min-height:200px}@media (max-width: 768px){.editor-container{height:auto;display:flex;flex-direction:column}.editor-column,.tree-column{height:350px;margin-bottom:16px}.page-header h1{font-size:22px}.editor-toolbar{flex-direction:column}.editor-toolbar button{width:100%}.tree-item-actions{flex-wrap:wrap}}@media (prefers-color-scheme: dark){.json-editor-page{background-color:#141414}.page-header{background:linear-gradient(135deg,#434343 0%,#000000 100%)}.editor-panel,.tree-panel{background:#1f1f1f;border-color:#303030}.panel-header,.panel-header-with-toolbar{background-color:#262626;color:#f5f5f5;border-color:#303030}.json-editor{background-color:#1f1f1f!important;color:#f5f5f5;border-color:#303030!important}.tree-container{background-color:#1f1f1f}.tree-item-content:hover{background-color:#262626}.tree-item.selected{background-color:#164463}.key-name{color:#177ddc}.key-name:hover{background-color:#164463}.value-preview{color:#a8a8a8}.value-preview:hover{background-color:#262626}.error-message{background-color:#58181c;border-left-color:#ff7875;color:#ff7875}.empty-state{color:#a8a8a8}.tree-edit-inline input{background-color:#262626!important;color:#f5f5f5;border-color:#303030!important}}.json-viewer-page{min-height:100vh;background-color:transparent;width:100%;margin:0 auto;padding:2rem 1rem}.viewer-container{padding:0;height:500px;overflow:visible;margin:0 2rem 24px;display:flex}.viewer-container>.ant-row{display:flex;width:100%;height:100%;overflow:visible}.input-column,.tree-column{height:100%;display:flex;flex-direction:column;overflow:visible}.fullscreen-container .viewer-container{height:calc(100vh - 280px);overflow:hidden;display:flex}.fullscreen-container .viewer-container>.ant-row{display:flex;width:100%;height:100%;overflow:hidden}.fullscreen-container .input-column,.fullscreen-container .tree-column{height:100%;display:flex;flex-direction:column;overflow:hidden}.input-panel,.tree-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-weight:600;font-size:14px;color:#262626;flex-shrink:0;background-color:#fafafa}.panel-header-with-input-toolbar{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;background-color:#fafafa}.panel-header-with-input-toolbar>div{font-weight:600;font-size:14px;color:#262626}.search-container{padding:12px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0;background-color:#fff}.search-input{border-radius:4px}.json-input{flex:1;border:none!important;border-radius:0;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;resize:none;line-height:1.6}.json-input:focus{box-shadow:none}.error-message{padding:12px 16px;background-color:#fff2f0;border-left:3px solid #ff4d4f;color:#ff4d4f;font-size:13px;line-height:1.5;margin:0;flex-shrink:0}.tree-container{flex:1;overflow-y:auto;padding:12px 0;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px}.tree-container::-webkit-scrollbar{width:8px}.tree-container::-webkit-scrollbar-track{background:#f1f1f1}.tree-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.tree-container::-webkit-scrollbar-thumb:hover{background:#555}.tree-item{padding:2px 0;-webkit-user-select:none;user-select:none}.tree-item-content{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;gap:8px;cursor:pointer;transition:background-color .2s;border-radius:2px}.tree-item-content:hover{background-color:#f5f5f5}.tree-toggle,.tree-toggle-placeholder{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:#595959;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-toggle:hover{color:#262626}.tree-label{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden;min-width:0}.key-name{color:#1890ff;font-weight:500;white-space:nowrap}.value-preview{color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-copy{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;color:#8c8c8c;opacity:0;transition:opacity .2s,color .2s}.tree-item-content:hover .value-copy{opacity:1}.value-copy:hover{color:#1890ff}.empty-state{display:flex;align-items:center;justify-content:center;min-height:150px;color:#8c8c8c}@media (max-width: 768px){.viewer-container{height:auto;display:flex;flex-direction:column}.input-column,.tree-column{height:350px;margin-bottom:16px}.page-header h1{font-size:22px}.panel-header-with-toolbar{flex-direction:column;align-items:flex-start}.search-input{width:100%}}@media (prefers-color-scheme: dark){.json-viewer-page{background-color:#141414}.page-header{background:linear-gradient(135deg,#434343 0%,#000000 100%)}.input-panel,.tree-panel{background:#1f1f1f;border-color:#303030}.panel-header,.panel-header-with-toolbar,.panel-header-with-input-toolbar{background-color:#262626;color:#f5f5f5;border-color:#303030}.search-container{background-color:#1f1f1f;border-color:#303030}.json-input{background-color:#1f1f1f!important;color:#f5f5f5;border-color:#303030!important}.tree-container{background-color:#1f1f1f}.tree-item-content:hover{background-color:#262626}.key-name{color:#177ddc}.value-preview,.value-copy{color:#a8a8a8}.value-copy:hover{color:#177ddc}.error-message{background-color:#58181c;border-left-color:#ff7875;color:#ff7875}.empty-state{color:#a8a8a8}}.feature-list{list-style:disc;padding-left:24px;margin:16px 0}.feature-list li{margin:8px 0;font-size:14px;color:#595959;line-height:1.6}.feature-list code{background:#f5f5f5;padding:2px 6px;border-radius:2px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#c41d7f}.usage-steps{list-style:decimal;padding-left:24px;margin:16px 0}.usage-steps li{margin:10px 0;font-size:14px;color:#595959;line-height:1.6}.usage-steps code{background:#f5f5f5;padding:2px 6px;border-radius:2px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#c41d7f}.tool-recommendations{background:white;padding:40px;border-radius:8px;margin-top:24px;box-shadow:0 2px 8px #0000001a}.tool-recommendations h2{font-size:20px;font-weight:600;margin:0 0 24px;color:#262626;border-bottom:2px solid #667eea;padding-bottom:8px}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.recommendation-card{padding:20px;background:white;border:1px solid #f0f0f0;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease}.recommendation-card:hover{background:#e6f7ff;border-color:#1890ff;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.card-icon{font-size:32px;margin-bottom:12px}.card-title{font-size:14px;font-weight:600;color:#262626;margin-bottom:8px}.card-desc{font-size:12px;color:#8c8c8c}@media (prefers-color-scheme: dark){.tool-introduction{background:#262626;color:#e0e0e0}.tool-introduction h2{color:#e0e0e0;border-color:#667eea}.tool-introduction p,.feature-list li,.usage-steps li{color:#b0b0b0}.feature-list strong,.usage-steps strong{color:#e0e0e0}.tool-recommendations{background:#262626;color:#e0e0e0}.tool-recommendations h2{color:#e0e0e0;border-color:#667eea}.recommendation-card{background:#323232;border-color:#404040;color:#b0b0b0}.recommendation-card:hover{background:#3a4a5a;border-color:#1890ff}.card-title{color:#e0e0e0}.card-desc{color:#a8a8a8}}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#a626a4}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#50a14f}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#986801}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#c18401}.json-yaml-converter-page{width:100%;margin:0 auto;padding:2rem 1rem;background:transparent}.tool-header{margin-bottom:1.5rem;padding:0;position:relative;z-index:1}.converter-container{padding:0 1rem;height:500px;overflow:visible;margin:0 20px 24px;display:flex}.converter-container>.ant-row{display:flex;width:100%;height:100%;overflow:visible}.input-panel,.output-panel{border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header-with-toolbar{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.converter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border:none!important;border-radius:0;padding:16px;flex:1;resize:none;overflow:auto;transition:all .3s;color:#262626}.converter-textarea:focus{box-shadow:none}.output-code-block{color:#383a42;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;padding:16px;margin:0;flex:1;overflow:auto;border-radius:0 0 6px 6px;border:none;white-space:pre;word-wrap:normal}.output-code-block::-webkit-scrollbar-thumb{border-radius:4px}.error-message{color:#ff4d4f;background:transparent;padding:12px 16px;border-radius:0 0 6px 6px;font-size:13px;border-top:1px solid #ffccc7}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1050;display:flex;flex-direction:column;overflow:hidden}.fullscreen-header{background:transparent;border-bottom:1px solid #f0f0f0;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:60px;box-shadow:0 2px 8px #0000000f}.tool-introduction{background:transparent;border-radius:6px;padding:2.5rem;margin:2rem 20px 0;box-shadow:none}@media (max-width: 992px){.json-yaml-converter-page{padding:1.5rem 1rem}.tool-title h1{font-size:24px}.converter-textarea{font-size:12px}.panel-header-with-toolbar{padding:10px 12px}}@media (max-width: 768px){.json-yaml-converter-page{padding:1rem .5rem}.tool-title{flex-direction:column;gap:.5rem}.tool-title h1{font-size:20px}.converter-container{padding:0 .5rem}.tool-introduction{padding:1.5rem}.tool-introduction h2{font-size:1.25rem}.feature-list,.usage-steps{padding-left:1rem}}.converter-textarea::-webkit-scrollbar-track{background:transparent;border-radius:4px}.converter-textarea::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.converter-textarea::-webkit-scrollbar-thumb:hover{background:transparent}.json-sql-converter-page{min-height:100vh;background-color:transparent;width:100%;margin:0 auto;padding:2rem 1rem}.converter-container{padding:0 2rem;height:500px;overflow:visible;margin:0 0 24px;display:flex;box-sizing:border-box}.converter-container>.ant-row{display:flex;width:100%;height:100%;overflow:visible;margin-left:0!important;margin-right:0!important}.input-column,.output-column{height:100%;display:flex;flex-direction:column;overflow:visible}.converter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border:none!important;border-radius:0;padding:16px;flex:1;resize:none;overflow:auto;background:#fafafa;transition:all .3s;color:#262626}.converter-textarea:focus{background:white;box-shadow:none}.output-code-block{background:white;color:#383a42;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;padding:16px;margin:0;flex:1;overflow:auto;border-radius:0 0 6px 6px;border:none;white-space:pre;word-wrap:normal}.output-code-block code{background:transparent;color:inherit;font-family:inherit;font-size:inherit;padding:0}.output-code-block::-webkit-scrollbar{width:8px;height:8px}.output-code-block::-webkit-scrollbar-track{background:#f5f5f5}.output-code-block::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.output-code-block::-webkit-scrollbar-thumb:hover{background:#999}.error-message{color:#ff4d4f;background:#fff1f0;padding:12px 16px;border-radius:0 0 6px 6px;font-size:13px;border-top:1px solid #ffccc7}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#fafafa;z-index:1050;display:flex;flex-direction:column;overflow:hidden}.fullscreen-header{background:white;border-bottom:1px solid #f0f0f0;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:60px;box-shadow:0 2px 8px #0000000f}.fullscreen-header h3{margin:0;font-size:1rem;font-weight:600;color:#1a1a1a}.fullscreen-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.fullscreen-container .converter-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.fullscreen-container .input-panel,.fullscreen-container .output-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;margin-bottom:0}.fullscreen-container .converter-textarea{flex:1;border:none;resize:none;overflow:auto}.tool-introduction{background:white;border-radius:6px;padding:2.5rem;margin:2rem 2rem 0;box-shadow:0 1px 3px #00000014}.tool-introduction h2{font-size:1.5rem;font-weight:600;color:#262626;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.tool-introduction p{font-size:.95rem;color:#595959;line-height:1.8;margin-bottom:1rem;text-align:justify}.feature-list{margin:1.5rem 0;padding-left:1.5rem}.feature-list li{font-size:.95rem;color:#595959;line-height:1.8;margin-bottom:1rem}.feature-list strong{color:#262626;font-weight:600}.usage-steps{margin:1.5rem 0;padding-left:1.5rem}.usage-steps li{font-size:.95rem;color:#595959;line-height:1.8;margin-bottom:1rem}.usage-steps strong{color:#262626;font-weight:600}.ant-space .ant-btn{transition:all .3s;border-radius:4px}.ant-space .ant-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001f}@media (max-width: 992px){.json-sql-converter-page{padding:1.5rem 1rem}.tool-title h1{font-size:24px}.converter-container{padding:0 1rem;margin:0 0 24px}.converter-textarea{font-size:12px}.panel-header-with-toolbar{padding:10px 12px;flex-wrap:wrap}}@media (max-width: 768px){.json-sql-converter-page{padding:1rem .5rem}.tool-title{flex-direction:column;gap:.5rem}.tool-title h1{font-size:20px}.converter-container{padding:0 .5rem;height:auto}.input-column,.output-column{height:400px;margin-bottom:16px}.tool-introduction{padding:1.5rem}.tool-introduction h2{font-size:1.25rem}.feature-list,.usage-steps{padding-left:1rem}}.converter-textarea::-webkit-scrollbar{width:8px;height:8px}.converter-textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.converter-textarea::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.converter-textarea::-webkit-scrollbar-thumb:hover{background:#999}@media (min-width: 641px){.converter-container{padding:0 1rem;margin:0 auto 24px}.input-panel,.output-panel{height:500px}}@media (prefers-color-scheme: dark){.converter-page{background-color:#1a1a1a}.tool-header,.converter-container{background:transparent}.input-panel,.output-panel,.tool-introduction{background:#262626;border-color:#404040}.tool-title h1,.tool-introduction h2,.feature-list strong,.usage-steps strong{color:#e8e8e8}.tool-description,.tool-introduction p,.feature-list li,.usage-steps li,.output-code-block{color:#b8b8b8}.panel-header-with-toolbar{background-color:#2a2a2a;border-color:#404040}.converter-textarea,.output-code-block{background-color:#1f1f1f;color:#e8e8e8;border-color:#404040}.error-message{background-color:#3d2d2b;border-color:#7a4a48;color:#f99}.hljs{background-color:#1f1f1f!important;color:#e8e8e8!important}.fullscreen-container{background:#1a1a1a}.fullscreen-header{background-color:#262626;border-color:#404040}.fullscreen-header h3{color:#e8e8e8}.output-panel:has(.language-tag.javascript){border-left-color:#ffb366}}.tool-header{margin-bottom:1.5rem;padding:0 1rem;background:transparent}.converter-container{padding:0;margin:0;width:100%}.converter-container>.ant-row>.ant-col{flex:1!important;min-width:0!important;display:flex;flex-direction:column;overflow:hidden}.input-panel,.output-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden}.converter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border:none!important;border-radius:0;resize:none;padding:12px;flex:1;overflow-y:auto;overflow-x:auto}.output-code-block{flex:1;background-color:#f8f8f8;border:none;margin:0;padding:12px;overflow-y:auto;overflow-x:auto;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;line-height:1.5;color:#333;white-space:pre}.output-panel:has(.language-tag.xml){border-left:4px solid #b37feb}.fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background-color:#fafafa;gap:12px;flex-shrink:0}.fullscreen-header h3{margin:0;font-size:16px;color:#333}.fullscreen-content{flex:1;overflow:hidden;padding:16px;display:flex;flex-direction:column}.fullscreen-content .converter-container{flex:1;height:100%;margin:0!important;padding:0!important;display:flex}.fullscreen-content .converter-container>.ant-row{flex:1;width:100%;flex-wrap:nowrap!important}.fullscreen-content .converter-container>.ant-row>.ant-col{flex:1 1 auto!important;min-width:0!important}.tool-introduction{background:white;padding:40px;border-radius:8px;margin:24px 1rem 0;box-shadow:0 2px 8px #0000001a}@media (max-width: 992px){.tool-introduction{padding:20px}.tool-title h1{font-size:24px}.panel-header-with-toolbar{flex-direction:column;align-items:flex-start}}@media (min-width: 641px){.converter-container{padding:0 1rem;margin:0 auto 24px}.input-panel,.output-panel{height:100%}.converter-container>.ant-row{height:calc(100vh - 260px)}}@media (max-width: 640px){.converter-page{padding:1rem 0}.tool-header{padding:0 .5rem;margin-bottom:1rem}.tool-title h1{font-size:20px}.tool-title{gap:.5rem}.tool-description{font-size:13px}.converter-container{padding:0 .5rem;margin:0}.converter-container>.ant-row{height:500px!important}.input-panel,.output-panel{border-radius:4px;height:500px}.panel-header-with-toolbar{padding:10px 12px}.converter-textarea,.output-code-block{font-size:12px}.tool-introduction{padding:16px;border-radius:4px;margin:16px .5rem 0}.tool-introduction h2{font-size:16px;margin:16px 0 8px}.tool-introduction p{font-size:13px;margin:0 0 10px}.feature-list li,.usage-steps li{font-size:13px}}@media (prefers-color-scheme: dark){.converter-page{background-color:#1a1a1a}.tool-header,.converter-container{background:transparent}.input-panel,.output-panel,.tool-introduction{background:#262626;border-color:#404040}.tool-title h1,.tool-introduction h2,.feature-list strong,.usage-steps strong{color:#e8e8e8}.tool-description,.tool-introduction p,.feature-list li,.usage-steps li,.output-code-block{color:#b8b8b8}.panel-header-with-toolbar{background-color:#2a2a2a;border-color:#404040}.converter-textarea,.output-code-block{background-color:#1f1f1f;color:#e8e8e8;border-color:#404040}.error-message{background-color:#3d2d2b;border-color:#7a4a48;color:#f99}.hljs{background-color:#1f1f1f!important;color:#e8e8e8!important}.fullscreen-container{background:#1a1a1a}.fullscreen-header{background-color:#262626;border-color:#404040}.fullscreen-header h3{color:#e8e8e8}.output-panel:has(.language-tag.xml){border-left-color:#b37feb}}.converter-page{min-height:100vh;background-color:transparent;width:100%;margin:0 auto;padding:2rem 0}.tool-header{margin-bottom:1.5rem;padding:0 1rem;background:transparent;position:relative;z-index:1}.converter-container{width:100%;padding:0;margin:0}.converter-container .ant-tabs{width:100%;height:100%}.converter-container .ant-tabs-content-holder,.converter-container .ant-tabs-tabpane{height:100%}.converter-container>.ant-row{display:flex!important;width:100%!important;flex-wrap:nowrap!important;overflow:hidden;height:500px}.converter-row{display:flex!important;width:100%!important;gap:8px!important;flex-wrap:nowrap!important;overflow:hidden;height:500px}.converter-container>.ant-row>.ant-col,.converter-container .converter-row>.ant-col{flex:1!important;min-width:0!important;display:flex;flex-direction:column;overflow:hidden}.converter-col{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.input-panel,.output-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden;height:500px;width:100%}.panel-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;width:100%;min-width:0;display:flex;flex-direction:column;gap:12px}.panel-content>div{min-width:0;width:100%}.panel-content input,.panel-content textarea,.panel-content .ant-select{width:100%!important;min-width:0!important;word-break:break-word}.converter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border:none!important;border-radius:0;resize:none;padding:12px;flex:1;overflow-y:auto;overflow-x:auto;background:white;width:100%;min-width:0;word-break:break-word}.output-code-block{flex:1;background-color:#f8f8f8;border:none;margin:0;padding:12px;overflow-y:auto;overflow-x:auto;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;line-height:1.5;color:#333;white-space:pre-wrap;word-break:break-word;width:100%;min-width:0}.output-panel:has(.language-tag.curl){border-left:4px solid #003eff}.error-message{background-color:#fff2f0;border-top:1px solid #ffccc7;color:#ff7875;padding:12px;font-size:13px;border-radius:0 0 6px 6px}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:white;display:flex;flex-direction:column;z-index:1050}.fullscreen-header{padding:16px 20px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;background:#fafafa;flex-shrink:0}.fullscreen-header h2{margin:0;font-size:18px;font-weight:600;color:#262626}.fullscreen-content{flex:1;overflow:hidden;padding:0;height:100%}.fullscreen-container .converter-container,.fullscreen-container .converter-row,.fullscreen-container .input-panel,.fullscreen-container .output-panel{height:100%}@media (min-width: 641px){.converter-container{padding:0 1rem;margin:0 auto 24px;height:auto}.converter-container>.ant-row,.converter-row{height:calc(100vh - 260px)}.input-panel,.output-panel{height:100%}.converter-textarea,.output-code-block{font-size:13px}}@media (max-width: 640px){.converter-page{padding:1rem 0}.tool-header{padding:0 .5rem;margin-bottom:1rem}.tool-title h1{font-size:20px}.tool-title{gap:.5rem}.tool-description{font-size:13px}.converter-container{padding:0 .5rem;margin:0}.converter-container>.ant-row,.converter-row{height:500px;flex-wrap:nowrap!important}.input-panel,.output-panel{border-radius:4px;height:500px}.panel-header-with-toolbar{padding:10px 12px}.converter-textarea,.output-code-block{font-size:12px}}@media (prefers-color-scheme: dark){.converter-page{background-color:#1a1a1a}.tool-header,.converter-container{background:transparent}.input-panel,.output-panel{background:#262626;border-color:#404040}.tool-title h1{color:#e8e8e8}.tool-description{color:#b8b8b8}.panel-header-with-toolbar{background-color:#2a2a2a;border-color:#404040;color:#e8e8e8}.panel-title{color:#e8e8e8}.converter-textarea,.output-code-block{background-color:#1f1f1f;color:#e8e8e8;border-color:#404040}.error-message{background-color:#3d2d2b;border-color:#7a4a48;color:#f99}.output-panel:has(.language-tag.curl){border-left-color:#003eff}.fullscreen-header{background:#2a2a2a;border-color:#404040;color:#e8e8e8}.fullscreen-header h2{color:#e8e8e8}.fullscreen-container{background:#1a1a1a}}.tool-introduction{background:white;border-radius:12px;padding:2.5rem;margin:2rem 1rem 0;box-shadow:0 2px 8px #0000000f;position:relative;z-index:1}.tool-introduction .feature-list{padding-left:1.5rem;margin:1.5rem 0;list-style-type:disc}.tool-introduction .feature-list li{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:.75rem}.tool-introduction .feature-list strong{color:#1a1a1a;font-weight:600}.tool-introduction .usage-steps{padding-left:1.5rem;margin:1.5rem 0;list-style-type:decimal}.tool-introduction .usage-steps li{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:.75rem}.tool-introduction .usage-steps strong{color:#1a1a1a;font-weight:600}@media (max-width: 768px){.tool-introduction{padding:1.5rem;margin:1.5rem .5rem 0}.tool-introduction h2{font-size:1.25rem}.tool-introduction .feature-list,.tool-introduction .usage-steps{padding-left:1rem}}@media (prefers-color-scheme: dark){.tool-introduction{background:#262626;color:#e8e8e8}.tool-introduction h2{color:#e8e8e8;border-bottom-color:#404040}.tool-introduction p{color:#b8b8b8}.tool-introduction .feature-list strong,.tool-introduction .usage-steps strong{color:#e8e8e8}.tool-introduction .feature-list li,.tool-introduction .usage-steps li{color:#b8b8b8}}.converter-page{background-color:transparent;width:100%;margin:0 auto;padding:2rem 1rem}.tool-header{margin-bottom:1.5rem;padding:0;background:transparent;position:relative;z-index:1}.tool-title h1{font-size:28px;font-weight:600;margin:0;color:#262626}.converter-container{padding:0 2rem;height:auto;overflow:visible;margin:0 0 24px;display:block;width:100%;box-sizing:border-box}.converter-container>.ant-row{display:flex;margin-left:0!important;margin-right:0!important;height:auto;overflow:visible;background:transparent}.converter-container .ant-tabs,.converter-container .ant-tabs-content-holder,.converter-container .ant-tabs-content{height:auto!important;overflow:visible!important}.converter-container .ant-tabs-tabpane{position:static!important}.input-column,.output-column,.middle-column,.input-panel,.output-panel{height:auto;display:flex;flex-direction:column;overflow:hidden;min-width:0}.converter-container>.ant-row>.ant-col:nth-child(1),.converter-container>.ant-row>.ant-col:nth-child(2){flex:1;min-width:0}.converter-container>.ant-row>.ant-col:nth-child(3){flex:1}.input-panel,.output-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header,.panel-header-with-toolbar{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-weight:600;font-size:14px;color:#262626;flex-shrink:0;background-color:#fafafa;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header{flex-wrap:wrap}.panel-header-with-toolbar{flex-wrap:nowrap}.panel-title-label{display:flex;align-items:center;gap:6px}.language-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.language-tag.json{background-color:#e6f7ff;color:#0050b3}.language-tag.javascript{background-color:#fff7e6;color:#ad6800}.language-tag.xml{background-color:#f6e8ff;color:#531dab}.language-tag.ruby{background-color:#fff1f0;color:#a4161a}.language-tag.sql{background-color:#e6f7ff;color:#0050b3}.language-tag.curl{background-color:#e6f4ff;color:#003eff}.language-tag.java{background-color:#fff7e6;color:#ad6800}.language-tag.go{background-color:#e6f7ff;color:#0050b3}.language-tag.python{background-color:#fff7e6;color:#ad6800}.language-tag.rust{background-color:#ffe6cc;color:#b22c0a}.language-tag.cpp{background-color:#f0f5ff;color:#003eff}.language-tag.yaml{background-color:#f9e8ff;color:#531dab}.language-tag.postman{background-color:#fff2f0;color:#a4161a}.converter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border:none!important;border-radius:0;resize:none;padding:12px;flex:1}.converter-textarea:focus{box-shadow:none!important;outline:none}.output-code-block{flex:1;background-color:#f8f8f8;border:none;margin:0;padding:12px;overflow-y:auto;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;line-height:1.5;color:#333}.output-code-block code{color:inherit;font-family:inherit}.output-panel:has(.language-tag.javascript){border-left:4px solid #ffb366}.error-message{background-color:#fff2f0;border-top:1px solid #ffccc7;color:#ff7875;padding:12px;font-size:13px;border-radius:0 0 6px 6px;margin-top:8px}.fullscreen-header>div{display:flex;gap:8px;align-items:center}.fullscreen-close-btn{padding:6px 12px;height:32px;font-size:14px}.fullscreen-content .converter-container{flex:1;height:100%;margin:0!important;padding:0!important;display:flex;overflow:hidden}.fullscreen-content .converter-container>.ant-row{flex:1;height:100%}.fullscreen-content .input-panel,.fullscreen-content .output-panel{height:100%}@media (max-width: 1200px){.converter-container{padding:0 1.5rem;margin:0 0 24px}.tool-introduction{margin:24px 1.5rem 0}}@media (max-width: 992px){.tool-introduction{padding:20px;margin:24px 1rem 0}.tool-title h1{font-size:24px}.converter-container{padding:0 1rem;margin:0 0 24px}.input-column,.output-column{min-height:350px}.panel-header-with-toolbar{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.converter-container{padding:0 .75rem;margin:0 0 16px}.tool-introduction{margin:16px .75rem 0}}@media (max-width: 640px){.converter-page{padding:1rem .5rem}.tool-header{padding:0 .5rem;margin-bottom:1rem}.tool-title h1{font-size:20px}.tool-title{gap:.5rem}.tool-description{font-size:13px}.converter-container{padding:0 .75rem;margin:0 0 16px}.input-column,.output-column{min-height:300px}.input-panel,.output-panel{border-radius:4px}.panel-header-with-toolbar{padding:10px 12px}.converter-textarea,.output-code-block{font-size:12px}.tool-introduction{padding:16px;border-radius:4px;margin:16px .75rem 0}.tool-introduction h2{font-size:16px;margin:16px 0 8px}.tool-introduction p{font-size:13px;margin:0 0 10px}.feature-list li,.usage-steps li{font-size:13px}}@media (max-width: 480px){.converter-container{padding:0 .5rem;margin:0 0 16px}.tool-introduction{margin:16px .5rem 0}}.hljs{background-color:#f8f8f8!important;color:#333!important}.hljs-string{color:#d73a49!important}.hljs-number,.hljs-literal{color:#005cc5!important}.hljs-attr{color:#6f42c1!important}.hljs-keyword{color:#d73a49!important}.hljs-function{color:#6f42c1!important}@media (prefers-color-scheme: dark){.converter-page{background-color:#1a1a1a}.tool-header,.converter-container,.input-panel,.output-panel,.tool-introduction{background:#262626;border-color:#404040}.tool-title h1,.tool-introduction h2,.feature-list strong,.usage-steps strong{color:#e8e8e8}.tool-description,.tool-introduction p,.feature-list li,.usage-steps li,.output-code-block{color:#b8b8b8}.panel-header-with-toolbar{background-color:#2a2a2a;border-color:#404040}.converter-textarea,.output-code-block{background-color:#1f1f1f;color:#e8e8e8;border-color:#404040}.error-message{background-color:#3d2d2b;border-color:#7a4a48;color:#f99}.hljs{background-color:#1f1f1f!important;color:#e8e8e8!important}.fullscreen-container{background:#1a1a1a}.fullscreen-header{background-color:#262626;border-color:#404040}.fullscreen-header h3{color:#e8e8e8}.output-panel:has(.language-tag.javascript){border-left-color:#ffb366}}.sql-language-converter-page{width:100%;margin:0 auto;padding:2rem 1rem;background-color:transparent}.sql-language-converter-page .tool-header{margin-bottom:1.5rem;padding:0;background:transparent}.sql-language-converter-page .tool-title-section{text-align:center;max-width:800px;margin:0 auto}.sql-language-converter-page .tool-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.sql-language-converter-page .tool-title h1{font-size:28px;margin:0;font-weight:600;color:#333}.sql-language-converter-page .tool-description{font-size:14px;color:#666;margin:0;line-height:1.6}.sql-language-converter-page .converter-container{background:transparent;padding:0 2rem;border-radius:0;margin:0 0 30px;box-shadow:none;box-sizing:border-box}.sql-language-converter-page .converter-container>.ant-row{margin-left:0!important;margin-right:0!important}.sql-language-converter-page .input-column,.sql-language-converter-page .output-column{min-height:400px}.sql-language-converter-page .input-panel,.sql-language-converter-page .output-panel{background:white;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;height:100%}.sql-language-converter-page .panel-header-with-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fafafa;border-bottom:1px solid #e8e8e8;flex-wrap:wrap;gap:8px}.sql-language-converter-page .converter-textarea{flex:1;resize:none;border:none!important;border-radius:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:12px}.sql-language-converter-page .converter-textarea:focus{box-shadow:none!important}.sql-language-converter-page .output-code-block{flex:1;background-color:#f8f8f8;border:none;margin:0;padding:12px;overflow-y:auto;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5;color:#333}.sql-language-converter-page .output-code-block code{color:inherit;font-family:inherit}.sql-language-converter-page .error-message{background-color:#fff2f0;border-top:1px solid #ffccc7;color:#ff7875;padding:12px;font-size:13px;border-radius:0 0 6px 6px;margin-top:8px}.sql-language-converter-page .fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1050;display:flex;flex-direction:column}.sql-language-converter-page .fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background-color:#fafafaeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sql-language-converter-page .fullscreen-header h3{margin:0;font-size:16px;color:#333}.sql-language-converter-page .fullscreen-content{flex:1;overflow:hidden;padding:16px}.sql-language-converter-page .converter-content{height:100%}.sql-language-converter-page .tool-introduction{background:white;padding:40px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:0 2rem}.sql-language-converter-page .tool-introduction h2{font-size:20px;font-weight:600;color:#333;margin:30px 0 12px;border-bottom:2px solid #4a90e2;padding-bottom:8px}.sql-language-converter-page .tool-introduction h2:first-child{margin-top:0}.sql-language-converter-page .tool-introduction p{font-size:14px;line-height:1.8;color:#666;margin:0 0 16px}.sql-language-converter-page .feature-list{list-style:none;padding:0;margin:0 0 16px}.sql-language-converter-page .feature-list li{font-size:14px;line-height:1.8;color:#666;margin-bottom:12px;padding-left:24px;position:relative}.sql-language-converter-page .feature-list li:before{content:"✓";position:absolute;left:0;color:#4a90e2;font-weight:700}.sql-language-converter-page .feature-list strong{color:#333}.sql-language-converter-page .usage-steps{list-style:none;padding:0;margin:0 0 16px;counter-reset:step-counter}.sql-language-converter-page .usage-steps li{font-size:14px;line-height:1.8;color:#666;margin-bottom:12px;padding-left:32px;position:relative;counter-increment:step-counter}.sql-language-converter-page .usage-steps li:before{content:counter(step-counter);position:absolute;left:0;width:24px;height:24px;background-color:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sql-language-converter-page .usage-steps strong{color:#333}@media (max-width: 992px){.sql-language-converter-page .tool-introduction{padding:20px;margin:0 1rem}.sql-language-converter-page .tool-title h1{font-size:24px}.sql-language-converter-page .converter-container{padding:0 1rem;margin:0 0 24px}.sql-language-converter-page .input-column,.sql-language-converter-page .output-column{min-height:350px}.sql-language-converter-page .panel-header-with-toolbar{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.sql-language-converter-page{padding:1rem .5rem}.sql-language-converter-page .tool-title h1{font-size:20px}.sql-language-converter-page .tool-description{font-size:13px}.sql-language-converter-page .converter-container{padding:0 .75rem;margin:0 0 16px}.sql-language-converter-page .input-column,.sql-language-converter-page .output-column{min-height:300px}.sql-language-converter-page .input-panel,.sql-language-converter-page .output-panel{border-radius:4px}.sql-language-converter-page .panel-header-with-toolbar{padding:10px 12px}.sql-language-converter-page .converter-textarea,.sql-language-converter-page .output-code-block{font-size:12px}.sql-language-converter-page .tool-introduction{padding:16px;border-radius:4px;margin:0 .75rem}.sql-language-converter-page .tool-introduction h2{font-size:16px;margin:20px 0 10px}.sql-language-converter-page .tool-introduction p{font-size:13px;margin:0 0 12px}.sql-language-converter-page .feature-list li,.sql-language-converter-page .usage-steps li{font-size:13px}}.sql-language-converter-page .hljs{background-color:#f8f8f8!important;color:#333!important}.sql-language-converter-page .hljs-string{color:#d73a49!important}.sql-language-converter-page .hljs-number,.sql-language-converter-page .hljs-literal{color:#005cc5!important}.sql-language-converter-page .hljs-attr{color:#6f42c1!important}.sql-language-converter-page .hljs-keyword{color:#d73a49!important}.sql-language-converter-page .hljs-function{color:#6f42c1!important}@media (prefers-color-scheme: dark){.sql-language-converter-page{background-color:transparent}.sql-language-converter-page .input-panel,.sql-language-converter-page .output-panel,.sql-language-converter-page .tool-introduction{background:#262626;border-color:#404040}.sql-language-converter-page .tool-title h1,.sql-language-converter-page .tool-introduction h2,.sql-language-converter-page .feature-list strong,.sql-language-converter-page .usage-steps strong{color:#e8e8e8}.sql-language-converter-page .tool-description,.sql-language-converter-page .tool-introduction p,.sql-language-converter-page .feature-list li,.sql-language-converter-page .usage-steps li,.sql-language-converter-page .output-code-block{color:#b8b8b8}.sql-language-converter-page .panel-header-with-toolbar{background-color:#2a2a2a;border-color:#404040}.sql-language-converter-page .converter-textarea,.sql-language-converter-page .output-code-block{background-color:#1f1f1f;color:#e8e8e8;border-color:#404040}.sql-language-converter-page .error-message{background-color:#3d2d2b;border-color:#7a4a48;color:#f99}.sql-language-converter-page .hljs{background-color:#1f1f1f!important;color:#e8e8e8!important}}.timestamp-converter-container{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:100%}.left-panel,.right-panel{display:flex;flex-direction:column;gap:8px;padding:1rem;background:white;border-radius:6px;overflow:hidden}.left-panel .panel-header-with-toolbar,.right-panel .panel-header-with-toolbar{flex-shrink:0}.left-panel>div:not(.panel-header-with-toolbar),.right-panel>div:not(.panel-header-with-toolbar),.left-panel>input,.right-panel>input{flex:1;min-width:0}.left-panel input,.right-panel input{flex-shrink:0}.left-panel>:last-child,.right-panel>:last-child{margin-bottom:0}@media (max-width: 768px){.timestamp-converter-container{grid-template-columns:1fr}}.input-panel,.output-panel{padding:1rem;background:white;border-radius:6px;display:flex;flex-direction:column;gap:8px}.input-panel>input{flex-shrink:0;min-height:auto}.output-panel>input{flex-grow:1;min-height:auto}.output-code-block{flex:1;padding:12px;background:#f5f5f5;border-radius:4px;border:1px solid #e8e8e8;overflow-y:auto;overflow-x:auto;word-break:break-all;white-space:pre-wrap;min-height:120px;color:#333}.panel-header-with-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e8e8e8}.panel-title{font-weight:600;font-size:14px;color:#333}.panel-toolbar{display:flex;gap:12px;align-items:center}.panel-toolbar svg{font-size:14px;color:#666;transition:color .2s}.panel-toolbar svg:hover{color:#1890ff}.fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e8e8e8;flex-shrink:0;background:white}.fullscreen-header h2{margin:0;font-size:18px;font-weight:600}.fullscreen-content{flex:1;padding:1rem;overflow:auto;height:100%}@media (min-width: 768px){.input-panel,.output-panel{max-height:500px}.output-code-block{max-height:400px}}@media (max-width: 767px){.input-panel,.output-panel{min-height:500px}.timestamp-converter-container{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.input-panel,.output-panel{background:#1f1f1f}.output-code-block{background:#141414;border-color:#303030;color:#e8e8e8}.panel-header-with-toolbar{border-bottom-color:#303030}.panel-title{color:#e8e8e8}.panel-toolbar svg{color:#999}.panel-toolbar svg:hover{color:#1890ff}}.converter-container{padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px}@media (min-width: 641px){.converter-container{padding:0 1rem;margin:0 auto 24px}}@media (max-width: 640px){.converter-container{padding:0 .5rem;margin:0}}.mode-selection-panel{background:white;padding:1rem;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;flex-shrink:0;position:relative;z-index:1}@media (max-width: 640px){.mode-selection-panel{padding:.75rem;border-radius:4px}}.converter-row{display:flex!important;width:100%!important;gap:8px!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important}@media (max-width: 640px){.converter-row{height:500px!important}}@media (min-width: 641px){.converter-row{height:calc(100vh - 260px)!important}}.converter-col{flex:0 0 calc(50% - 4px)!important;width:calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100%!important}.input-panel,.output-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0;width:100%;height:100%}@media (max-width: 640px){.input-panel,.output-panel{border-radius:4px}}.panel-header-with-toolbar{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-weight:600;font-size:14px;color:#262626;flex-shrink:0;background-color:#fafafa;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.panel-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-weight:600;color:#262626}.panel-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.panel-toolbar .ant-btn{padding:4px 8px;height:28px;font-size:12px;border-radius:4px}.panel-toolbar .ant-btn-icon-only{width:28px}@media (max-width: 640px){.panel-header-with-toolbar{padding:10px 12px}}.converter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border:none!important;border-radius:0;resize:none;padding:12px;flex:1;overflow-y:auto;overflow-x:auto;min-height:0}@media (max-width: 640px){.converter-textarea{font-size:12px}}.output-code-block{flex:1;background-color:#f8f8f8;border:none;margin:0;padding:12px;overflow-y:auto;overflow-x:auto;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;line-height:1.5;color:#333;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;min-width:0;min-height:0}@media (max-width: 640px){.output-code-block{font-size:12px}}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background:white;display:flex;flex-direction:column;z-index:1050;height:100vh;width:100vw}.fullscreen-header{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background-color:#fafafa}.fullscreen-header h2{margin:0;font-size:16px;font-weight:600;color:#262626}.fullscreen-content{flex:1;overflow:hidden;padding:16px}@media (prefers-color-scheme: dark){.converter-page{background-color:#1a1a1a}.input-panel,.output-panel{background:#262626;border-color:#404040}.panel-header-with-toolbar{background-color:#2a2a2a;border-color:#404040;color:#e8e8e8}.converter-textarea,.output-code-block{background-color:#1f1f1f;color:#e8e8e8;border-color:#404040}.output-code-block{background-color:#1f1f1f}.fullscreen-header{background-color:#2a2a2a;border-color:#404040}.fullscreen-container{background:#262626}.mode-selection-panel{background:#262626;border-color:#404040}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.toolbar-actions{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px}.markdown-editor-container{display:flex;width:100%!important;gap:8px!important;flex-wrap:nowrap!important;overflow:hidden;height:500px}@media (min-width: 641px){.markdown-editor-container{height:calc(100vh - 260px)}}.markdown-col{flex:0 0 calc(50% - 4px)!important;width:calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;min-width:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100%!important}.markdown-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0;width:100%;height:100%}.markdown-toolbar{padding:8px 12px;border-bottom:1px solid #f0f0f0;background-color:#fafafa;flex-shrink:0;display:flex;align-items:center;gap:4px;overflow-x:auto}.markdown-toolbar::-webkit-scrollbar{height:4px}.markdown-toolbar::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:2px}.markdown-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border:none!important;border-radius:0;resize:none;padding:12px;flex:1;overflow-y:auto;overflow-x:auto;min-height:0}@media (max-width: 640px){.markdown-textarea{font-size:12px}}.markdown-preview{flex:1;background-color:#f8f8f8;border:none;margin:0;padding:12px;overflow-y:auto;overflow-x:auto;font-size:13px;line-height:1.6;color:#333;min-width:0;min-height:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin:16px 0 8px;font-weight:600;color:#262626}.markdown-preview h1{font-size:28px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.markdown-preview h2{font-size:24px}.markdown-preview h3{font-size:20px}.markdown-preview h4{font-size:16px}.markdown-preview h5{font-size:14px}.markdown-preview h6{font-size:13px;color:#666}.markdown-preview p{margin:8px 0;line-height:1.6}.markdown-preview ul,.markdown-preview ol{margin:8px 0 8px 24px;padding:0}.markdown-preview li{margin:4px 0}.markdown-preview blockquote{border-left:4px solid #4a90e2;margin:8px 0;padding:8px 12px;background-color:#f0f7ff;color:#262626}.markdown-preview code{background-color:#f2f2f2;border-radius:3px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;color:#d63200}.markdown-preview pre{background-color:#1e1e1e!important;border-radius:4px;padding:12px!important;overflow-x:auto;margin:12px 0;line-height:1.6!important}.markdown-preview pre code{background-color:transparent!important;padding:0!important;border-radius:0;display:block!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace!important;font-size:13px!important;line-height:1.6!important;color:#d4d4d4!important}.markdown-preview .hljs-attr,.markdown-preview .hljs-attribute{color:#9cdcfe!important}.markdown-preview .hljs-literal{color:#569cd6!important}.markdown-preview .hljs-meta{color:#858585!important}.markdown-preview .hljs-meta-string{color:#ce9178!important}.markdown-preview .hljs-number{color:#b5cea8!important}.markdown-preview .hljs-regexp,.markdown-preview .hljs-string{color:#ce9178!important}.markdown-preview .hljs-type{color:#4ec9b0!important}.markdown-preview .hljs-link{color:#9cdcfe!important}.markdown-preview .hljs-selector-id,.markdown-preview .hljs-selector-class,.markdown-preview .hljs-selector-attr,.markdown-preview .hljs-selector-pseudo{color:#d7ba7d!important}.markdown-preview .hljs-template-tag,.markdown-preview .hljs-template-variable{color:#4ec9b0!important}.markdown-preview .hljs-variable{color:#9cdcfe!important}.markdown-preview .hljs-comment,.markdown-preview .hljs-quote{color:#6a9955!important}.markdown-preview .hljs-doctag{color:#608b4e!important}.markdown-preview .hljs-keyword{color:#569cd6!important}.markdown-preview .hljs-formula{color:#d4d4d4!important}.markdown-preview .hljs-name,.markdown-preview .hljs-section,.markdown-preview .hljs-tag{color:#569cd6!important}.markdown-preview .hljs-class,.markdown-preview .hljs-title{color:#4ec9b0!important}.markdown-preview .hljs-params{color:#d4d4d4!important}.markdown-preview .hljs-built_in,.markdown-preview .hljs-builtin-name{color:#4ec9b0!important}.markdown-preview .hljs-symbol,.markdown-preview .hljs-bullet,.markdown-preview .hljs-code{color:#d4d4d4!important}.markdown-preview .hljs-addition{color:#b5cea8!important}.markdown-preview .hljs-deletion{color:#ce9178!important}.markdown-preview .hljs-emphasis{color:#d4d4d4!important;font-style:italic!important}.markdown-preview .hljs-strong{color:#d4d4d4!important;font-weight:700!important}.markdown-preview .hljs-function{color:#dcdcaa!important}.markdown-preview .hljs-function .hljs-params{color:#d4d4d4!important}.markdown-preview table{border-collapse:collapse;width:100%;margin:12px 0}.markdown-preview table th,.markdown-preview table td{border:1px solid #d9d9d9;padding:8px 12px;text-align:left}.markdown-preview table th{background-color:#fafafa;font-weight:600}.markdown-preview table tr:nth-child(2n){background-color:#fafafa}.markdown-preview a{color:#4a90e2;text-decoration:none;cursor:pointer}.markdown-preview a:hover{text-decoration:underline}.markdown-preview img{max-width:100%;height:auto;margin:8px 0;border-radius:4px}.markdown-preview hr{border:none;border-top:2px solid #f0f0f0;margin:16px 0}.markdown-preview strong{font-weight:600}.markdown-preview em{font-style:italic}.markdown-preview del{text-decoration:line-through;color:#999}.markdown-fullscreen-content{display:flex;width:100%;height:100%;gap:8px;overflow:hidden}.markdown-editor-section,.markdown-preview-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.section-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-weight:600;font-size:14px;color:#262626;background-color:#fafafa;flex-shrink:0}@media (prefers-color-scheme: dark){.markdown-panel{background:#262626;border-color:#404040}.markdown-toolbar{background-color:#2a2a2a;border-color:#404040}.markdown-textarea{background-color:#1f1f1f;color:#e8e8e8;border-color:#404040}.markdown-preview{background-color:#1f1f1f;color:#e8e8e8}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:#e8e8e8}.markdown-preview blockquote{background-color:#1a3a52;color:#b8d4e8;border-left-color:#4a90e2}.markdown-preview code{background-color:#2d2d2d;color:#f08080}.markdown-preview table th{background-color:#2a2a2a}.markdown-preview table tr:nth-child(2n){background-color:#2a2a2a}.markdown-preview table th,.markdown-preview table td{border-color:#404040}.markdown-preview a{color:#5ba3d0}.markdown-preview hr{border-top-color:#404040}.markdown-preview del{color:#666}.section-header{background-color:#2a2a2a;border-color:#404040;color:#e8e8e8}.fullscreen-header{background-color:#2a2a2a;border-color:#404040}.fullscreen-container{background:#262626}}@media (max-width: 640px){.markdown-panel{border-radius:4px}.markdown-toolbar{padding:8px}}.pdf-ms-container{width:100%;margin:0;padding:2rem 0;min-height:calc(100vh - 65px);background:transparent;box-sizing:border-box}.pdf-ms-inner{padding:0 2rem}@media (max-width: 1200px){.pdf-ms-inner{padding:0 1.5rem}}@media (max-width: 992px){.pdf-ms-inner{padding:0 1rem}}@media (max-width: 768px){.pdf-ms-container{padding:1rem 0}.pdf-ms-inner{padding:0 .75rem}}@media (max-width: 480px){.pdf-ms-inner{padding:0 .5rem}}.pdf-ms-header{text-align:center;margin-bottom:1rem}.pdf-ms-title{margin:0;font-size:1.75rem;font-weight:650;color:#1f2937}.pdf-ms-subtitle{margin:.35rem auto 0;color:#6b7280;line-height:1.6;max-width:980px}.pdf-ms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:rgba(255,255,255,.85);border:1px solid rgba(229,231,235,.9);border-radius:14px;box-shadow:0 8px 24px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pdf-ms-toolbar-left,.pdf-ms-toolbar-right{display:flex;align-items:center;gap:10px}.pdf-ms-zoom{display:flex;align-items:center;gap:6px;padding:6px;border-radius:12px;border:1px solid #e5e7eb;background:white}.pdf-ms-zoom-value{width:56px;text-align:center;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none}.pdf-ms-tabs{display:flex;gap:8px}.pdf-ms-tab-btn{height:34px;padding:0 12px;border-radius:10px;border:1px solid #e5e7eb;background:white;color:#374151;font-weight:600;cursor:pointer;transition:all .15s ease}.pdf-ms-tab-btn.active{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61f;color:#1d4ed8}.pdf-ms-workspace{margin-top:14px;padding:18px;background:rgba(255,255,255,.9);border:1px solid rgba(229,231,235,.9);border-radius:18px;box-shadow:0 14px 40px #0f172a14;min-height:520px}.pdf-ms-dropzone{height:480px;border:2px dashed #cbd5e1;border-radius:16px;background:rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.pdf-ms-dropzone.drag-over{border-color:#3b82f6;background:rgba(59,130,246,.06);box-shadow:0 0 0 6px #3b82f614}.pdf-ms-dropzone-title{font-weight:700;color:#334155}.pdf-ms-dropzone-hint{font-size:12px}.pdf-ms-grid{--ms-scale: 1;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(260px * var(--ms-scale)),1fr));gap:14px}.pdf-ms-thumb{border-radius:14px;border:1px solid rgba(229,231,235,.95);background:rgba(255,255,255,.92);box-shadow:0 8px 20px #0f172a0f;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pdf-ms-thumb:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0f172a1a;border-color:#dbeafe}.pdf-ms-thumb.selected{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f624,0 16px 28px #0f172a1a}.pdf-ms-thumb-img{width:100%;display:block;background:#f8fafc}.pdf-ms-thumb-meta{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pdf-ms-thumb-caption{font-weight:650;color:#111827}.pdf-ms-thumb-subcaption{color:#6b7280;font-size:12px}.pdf-ms-inline-input{width:260px}.pdf-ms-muted{color:#6b7280}@media (max-width: 992px){.pdf-ms-toolbar{flex-direction:column;align-items:stretch}.pdf-ms-toolbar-left,.pdf-ms-toolbar-right{justify-content:space-between;flex-wrap:wrap}.pdf-ms-inline-input{width:100%}}@media (max-width: 480px){.pdf-ms-title{font-size:1.35rem}.pdf-ms-workspace{padding:14px}}.pdf-ms-introduction{width:100%;margin:3rem 0 2rem;padding:2.5rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 16px #0000000f}@media (max-width: 768px){.pdf-ms-introduction{padding:1.5rem}}.pdf-ms-introduction h2{font-size:1.5rem;font-weight:600;color:#111827;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #3b82f6}.pdf-ms-introduction h2:first-child{margin-top:0}.pdf-ms-introduction h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin:1.5rem 0 .75rem}.pdf-ms-introduction p{font-size:.95rem;line-height:1.8;color:#4b5563;margin-bottom:1rem}.pdf-ms-usage-steps{list-style:none;counter-reset:step-counter;padding:0;margin:1.5rem 0}.pdf-ms-usage-steps li{counter-increment:step-counter;position:relative;padding:1rem 1rem 1rem 3.5rem;margin-bottom:1rem;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6;font-size:.95rem;line-height:1.8;color:#4b5563}.pdf-ms-usage-steps li:before{content:counter(step-counter);position:absolute;left:1rem;top:1rem;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.pdf-ms-usage-steps strong{color:#1f2937;font-weight:600}.pdf-ms-use-cases{list-style:none;padding:0;margin:1.5rem 0}.pdf-ms-use-cases li{position:relative;padding:.75rem 0 .75rem 2rem;margin-bottom:.75rem;font-size:.95rem;line-height:1.8;color:#4b5563}.pdf-ms-use-cases li:before{content:"✓";position:absolute;left:0;top:.75rem;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.pdf-ms-use-cases strong{color:#1f2937;font-weight:600}.pdf-ms-faq-section{margin:1.5rem 0}.pdf-ms-faq-item{padding:1.5rem;margin-bottom:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.pdf-ms-faq-item h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.pdf-ms-faq-item p{font-size:.95rem;line-height:1.8;color:#4b5563;margin:0}@media (max-width: 768px){.pdf-ms-introduction{padding:2rem 1.5rem;margin:2rem 0 1.5rem}.pdf-ms-introduction h2{font-size:1.3rem}.pdf-ms-usage-steps li{padding-left:3rem}.pdf-ms-usage-steps li:before{width:28px;height:28px;font-size:.85rem}}@media (max-width: 480px){.pdf-ms-introduction{padding:1.5rem 1rem}.pdf-ms-introduction h2{font-size:1.2rem}.pdf-ms-introduction h3{font-size:1rem}.pdf-ms-usage-steps li{padding:.75rem .75rem .75rem 2.5rem;font-size:.9rem}.pdf-ms-usage-steps li:before{width:24px;height:24px;left:.75rem;font-size:.8rem}.pdf-ms-use-cases li{padding-left:1.5rem;font-size:.9rem}.pdf-ms-faq-item{padding:1rem}.pdf-ms-faq-item h3{font-size:.95rem}.pdf-ms-faq-item p{font-size:.9rem}}[data-theme=dark] .pdf-ms-title{color:#e5e7eb}[data-theme=dark] .pdf-ms-subtitle{color:#e5e7ebb8}[data-theme=dark] .pdf-ms-toolbar,[data-theme=dark] .pdf-ms-workspace{background:rgba(17,24,39,.75);border-color:#374151e6}[data-theme=dark] .pdf-ms-zoom,[data-theme=dark] .pdf-ms-tab-btn{background:rgba(17,24,39,.9);border-color:#374151e6;color:#e5e7eb}[data-theme=dark] .pdf-ms-zoom-value{color:#e5e7eb}[data-theme=dark] .pdf-ms-tab-btn.active{border-color:#3b82f6cc;color:#93c5fd}[data-theme=dark] .pdf-ms-dropzone{background:rgba(17,24,39,.55);border-color:#94a3b880;color:#e2e8f0cc}[data-theme=dark] .pdf-ms-dropzone-title{color:#e2e8f0}[data-theme=dark] .pdf-ms-thumb{background:rgba(17,24,39,.75);border-color:#374151f2}[data-theme=dark] .pdf-ms-thumb-caption{color:#e5e7eb}[data-theme=dark] .pdf-ms-thumb-subcaption{color:#e5e7ebb8}[data-theme=dark] .pdf-ms-introduction{background:rgba(17,24,39,.75);border-color:#374151e6}[data-theme=dark] .pdf-ms-introduction h2{color:#e5e7eb;border-bottom-color:#3b82f6}[data-theme=dark] .pdf-ms-introduction h3{color:#e5e7eb}[data-theme=dark] .pdf-ms-introduction p{color:#e5e7ebd9}[data-theme=dark] .pdf-ms-usage-steps li{background:rgba(30,41,59,.5);color:#e5e7ebd9}[data-theme=dark] .pdf-ms-usage-steps strong{color:#e5e7eb}[data-theme=dark] .pdf-ms-use-cases li{color:#e5e7ebd9}[data-theme=dark] .pdf-ms-use-cases strong{color:#e5e7eb}[data-theme=dark] .pdf-ms-faq-item{background:rgba(30,41,59,.5);border-color:#374151e6}[data-theme=dark] .pdf-ms-faq-item h3{color:#e5e7eb}[data-theme=dark] .pdf-ms-faq-item p{color:#e5e7ebd9}.pdf-tool-container{width:100%;margin:0;padding:2rem;background:#fafafa;min-height:calc(100vh - 65px);box-sizing:border-box}.pdf-tool-container.use-app-bg{background:transparent}.pdf-tool-header{text-align:center;margin-bottom:1.5rem}.pdf-tool-title{font-size:1.75rem;font-weight:600;color:#555;margin:0 0 .5rem}.pdf-tool-description{font-size:.95rem;color:#666;margin:0 auto;text-align:center;max-width:100%;line-height:1.6}.pdf-tool-content{display:flex;gap:1.5rem;max-width:100%;margin:0}.pdf-img-page .pdf-tool-content.pdf-img-vertical{flex-direction:column;gap:14px}.pdf-img-page .pdf-img-preview-panel,.pdf-img-page .pdf-img-info{width:100%}.pdf-img-page .info-card{margin-bottom:0}.pdf-tool-main{flex:1;min-width:0;position:relative}.pdf-tool-sidebar{width:320px;flex-shrink:0}.upload-zone{background:white;border:2px dashed #d9d9d9;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;box-shadow:0 2px 8px #0000000f}.upload-zone:hover{border-color:#40a9ff;background:#f6f8fb}.upload-zone.drag-over{border-color:#1890ff;background:#e6f7ff;box-shadow:0 0 0 8px #1890ff1a}.upload-zone.has-file{border-color:#52c41a;background:#f6ffed}.upload-icon{font-size:3rem;color:#40a9ff;margin-bottom:.75rem;transition:all .3s ease}.upload-zone.drag-over .upload-icon{transform:scale(1.2);color:#1890ff}.upload-text{margin-bottom:1rem}.upload-primary{font-size:1rem;font-weight:500;color:#1a1a1a;margin:.25rem 0}.upload-secondary{font-size:.9rem;color:#999;margin:.2rem 0 0}.upload-filename{font-size:.95rem;font-weight:500;color:#1a1a1a;margin:.25rem 0;word-break:break-all}.upload-size{font-size:.85rem;color:#999;margin:.2rem 0 0}.upload-button{display:inline-block;padding:.65rem 1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;margin-top:.5rem}.upload-button:hover{box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.upload-button:active{transform:translateY(0)}.result-zone{background:white;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px #00000014}.result-icon{font-size:4rem;color:#52c41a;margin-bottom:1rem}.result-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:.5rem 0}.result-filename{font-size:.95rem;color:#666;margin:.5rem 0 1.5rem;word-break:break-all}.download-button{min-width:200px}.progress-container{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border-radius:12px;z-index:10}.progress-container p,.progress-container .ant-progress{display:none}.info-card{background:white;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.info-card h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a;font-weight:600}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:.5rem 0;color:#666;font-size:.95rem;line-height:1.5}.info-card li:before{content:"✓ ";color:#52c41a;font-weight:700;margin-right:.5rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-buttons .ant-btn{height:40px;font-size:.95rem}.pdf-img-preview-panel{background:rgba(255,255,255,.92);border:1px solid rgba(229,231,235,.9);border-radius:14px;box-shadow:0 10px 26px #0f172a14;overflow:hidden}.pdf-img-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(229,231,235,.9);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pdf-img-toolbar-left{min-width:0}.pdf-img-file-name{font-weight:650;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-img-meta{margin-top:4px;font-size:12px;color:#6b7280}.pdf-img-toolbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.pdf-img-grid-scroll{max-height:560px;overflow:auto;padding:16px}.pdf-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.pdf-img-card{display:flex;flex-direction:column;align-items:center;gap:10px}.pdf-img-card-inner{width:100%;border-radius:14px;border:1px solid rgba(229,231,235,.95);background:rgba(255,255,255,.95);box-shadow:0 8px 20px #0f172a0f;overflow:hidden;position:relative}.pdf-img-card-img{width:100%;display:block;background:#f8fafc}.pdf-img-card-placeholder{width:100%;height:280px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.pdf-img-muted{color:#9ca3af;font-size:13px}.pdf-img-card-number{font-weight:650;color:#111827}.pdf-img-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(17,24,39,.35);opacity:0;transition:opacity .18s ease}.pdf-img-card-inner:hover .pdf-img-card-overlay{opacity:1}.pdf-img-card-download{width:56px;height:56px;border-radius:14px;border:none;background:rgba(255,255,255,.92);color:#2563eb;display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:0 10px 24px #0f172a38;transition:transform .12s ease}.pdf-img-card-download:hover{transform:translateY(-1px)}.pdf-img-card-download:disabled{opacity:.5;cursor:not-allowed}.pdf-img-hint{padding:12px 16px 16px;color:#6b7280;font-size:13px}[data-theme=dark] .pdf-img-preview-panel{background:rgba(17,24,39,.75);border-color:#374151e6}[data-theme=dark] .pdf-img-toolbar{background:rgba(17,24,39,.7);border-bottom-color:#374151e6}[data-theme=dark] .pdf-img-file-name{color:#e5e7eb}[data-theme=dark] .pdf-img-meta,[data-theme=dark] .pdf-img-hint{color:#e5e7ebbf}[data-theme=dark] .pdf-img-card-inner{background:rgba(17,24,39,.75);border-color:#374151f2}[data-theme=dark] .pdf-img-card-number{color:#e5e7eb}[data-theme=dark] .pdf-img-card-placeholder{background:rgba(30,41,59,.7)}[data-theme=dark] .pdf-img-card-download{background:rgba(17,24,39,.9);color:#93c5fd}@media (max-width: 768px){.pdf-img-grid-scroll{max-height:520px;padding:12px}.pdf-img-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pdf-img-card-placeholder{height:220px}}.feature-section{max-width:100%;margin:2rem 0 0;padding:2rem;background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f}.feature-section h2{text-align:center;font-size:1.5rem;margin:0 0 1.5rem;color:#1a1a1a;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{text-align:center;padding:1.5rem}.feature-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-item h4{font-size:1rem;margin:.5rem 0;color:#1a1a1a;font-weight:600}.feature-item p{font-size:.9rem;color:#666;margin:.25rem 0 0;line-height:1.5}.feature-section.feature-section-modern{padding:2.25rem 2rem}.feature-section.feature-section-modern .feature-section-header{margin-bottom:1.5rem}.feature-section.feature-section-modern h2{margin-bottom:.5rem}.feature-section.feature-section-modern .feature-section-subtitle{margin:0;text-align:center;color:#8c8c8c;font-size:.95rem;line-height:1.6}.feature-section.feature-section-modern .feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.feature-section.feature-section-modern .feature-card{display:flex;align-items:flex-start;gap:.9rem;padding:1.1rem 1.25rem;border-radius:14px;border:1px solid #f0f0f0;background:linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%);box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-section.feature-section-modern .feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000014;border-color:#e6f4ff}.feature-section.feature-section-modern .feature-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:20px;box-shadow:0 6px 14px #0000001f}.feature-section.feature-section-modern .feature-card-icon--blue{background:linear-gradient(135deg,#1890ff 0%,#69c0ff 100%)}.feature-section.feature-section-modern .feature-card-icon--gold{background:linear-gradient(135deg,#faad14 0%,#ffd666 100%)}.feature-section.feature-section-modern .feature-card-icon--green{background:linear-gradient(135deg,#52c41a 0%,#95de64 100%)}.feature-section.feature-section-modern .feature-card-icon--purple{background:linear-gradient(135deg,#722ed1 0%,#b37feb 100%)}.feature-section.feature-section-modern .feature-card-body{min-width:0}.feature-section.feature-section-modern .feature-card-body h4{margin:0;font-size:1.02rem;color:#1a1a1a;font-weight:600;line-height:1.35}.feature-section.feature-section-modern .feature-card-body p{margin:.35rem 0 0;color:#666;font-size:.92rem;line-height:1.55}@media (max-width: 1200px){.pdf-tool-container{padding:2rem 1.5rem}.pdf-tool-content{margin:0}.feature-section{margin:2rem 0 0}}@media (max-width: 1024px){.pdf-tool-content{flex-direction:column;gap:1.5rem}.pdf-tool-sidebar{width:100%}.pdf-img-page .pdf-tool-content.pdf-img-vertical{gap:12px}.pdf-tool-title{font-size:1.5rem}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.pdf-tool-container{padding:2rem 1rem}.pdf-tool-content{margin:0}.feature-section{margin:2rem 0 0}}@media (max-width: 768px){.pdf-tool-container{padding:1rem .75rem}.pdf-tool-header{margin-bottom:1rem}.pdf-tool-title{font-size:1.25rem}.pdf-tool-description{font-size:.9rem}.pdf-tool-content{margin:0;padding:0;gap:1rem}.pdf-img-page .pdf-tool-content.pdf-img-vertical{gap:10px}.upload-zone{padding:1.5rem}.upload-icon{font-size:2.5rem}.upload-primary{font-size:.95rem}.feature-section{margin:1.5rem 0;padding:1.5rem}.feature-section h2{font-size:1.25rem;margin-bottom:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-item{padding:1rem}.feature-icon{font-size:2rem}}@media (max-width: 480px){.pdf-tool-container{padding:1rem .5rem}.pdf-tool-content{margin:0}.feature-section{margin:1.25rem 0 .75rem}.pdf-tool-title{font-size:1.1rem}.upload-zone{padding:1rem}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-primary{font-size:.9rem}.upload-button{width:100%;padding:.6rem 1rem}.result-icon{font-size:2.5rem}.result-title{font-size:1rem}.info-card{padding:1rem;margin-bottom:1rem}.info-card h3{font-size:.95rem;margin-bottom:.75rem}.info-card li{font-size:.85rem;padding:.3rem 0}.action-buttons .ant-btn{height:36px;font-size:.85rem}}.pdf-tool-container .ad-banner-header,.pdf-tool-container .ad-banner-middle,.pdf-tool-container .ad-banner-footer{margin:1.5rem 0}.unicode-converter-content{display:flex;flex-direction:row;gap:16px;margin:0 20px;height:calc(100vh - 260px);min-height:500px}.unicode-col{flex:1;display:flex;flex-direction:column;min-width:0}.unicode-panel{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;height:100%}.panel-header{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.panel-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.panel-divider{width:1px;height:16px;background:#e0e0e0;margin:0 4px}.action-icon{color:#4a90e2;transition:all .3s ease;font-size:16px}.action-icon:hover{color:#2563eb;transform:scale(1.1)}.action-convert{color:#10b981;font-weight:600}.action-convert:hover{color:#059669}.unicode-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;border-radius:8px;border:1px solid #e0e0e0;background:#fafafa;transition:all .3s;flex:1;resize:none;overflow:auto}.unicode-textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;background:white}.output-textarea{background:#f8fbff;border-color:#d0e7ff}.output-textarea:focus{background:#f0f7ff}.unicode-textarea::-webkit-scrollbar{width:8px;height:8px}.unicode-textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.unicode-textarea::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.unicode-textarea::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 992px){.unicode-converter-content{height:auto;min-height:600px;flex-direction:column}.unicode-col{min-height:300px}.unicode-panel{margin-bottom:1rem}.panel-header{flex-wrap:wrap;gap:8px}}@media (max-width: 640px){.unicode-converter-content{min-height:500px;margin:0 8px}.unicode-panel{padding:1rem}.unicode-textarea{font-size:12px}.panel-header{font-size:14px}.panel-toolbar{gap:8px}.action-icon{font-size:14px!important}}.fullscreen-container .unicode-converter-content{display:flex;flex-direction:row;gap:16px;height:100%;overflow:hidden;padding:1.5rem}.fullscreen-container .unicode-col{flex:1;min-width:0;height:100%}.fullscreen-container .unicode-panel,.fullscreen-container .unicode-textarea{height:100%}@media (max-width: 768px){.fullscreen-container .unicode-converter-content{flex-direction:column;padding:1rem}.fullscreen-container .unicode-panel{min-height:250px}.fullscreen-conversion-buttons{flex-direction:column}.fullscreen-conversion-buttons .ant-btn{width:100%}}.tool-introduction{background:white;border-radius:12px;padding:2.5rem;margin:2rem 20px 0;box-shadow:0 2px 8px #0000000f;position:relative;z-index:1}.tool-introduction h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.tool-introduction p{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:1rem;text-align:justify}.feature-list{margin:1rem 0 1.5rem 2rem;padding:0;list-style-type:none}.feature-list li{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.feature-list strong{color:#1a1a1a;font-weight:600}@media (max-width: 768px){.tool-introduction{padding:1.5rem}.tool-introduction h2{font-size:1.25rem}.feature-list{margin:1rem 0 1.5rem 1.5rem}.feature-list li{font-size:.9rem;padding-left:1.25rem}}.properties-yaml-converter-page{background:transparent;min-height:100vh}.tool-header{background:transparent;padding:12px 20px;text-align:center;color:#262626;margin-bottom:0}.tool-title-section{max-width:1200px;margin:0 auto}.tool-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:4px}.tool-title h1{font-size:24px;font-weight:700;margin:0;color:#262626}.tool-description{font-size:16px;color:#666;margin:0;line-height:1.5}.converter-container{padding:0 2rem;margin:24px 0;height:auto;width:100%;box-sizing:border-box}.converter-container>.ant-row{margin-left:0!important;margin-right:0!important}.input-panel,.output-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;display:flex;flex-direction:column}.input-column,.output-column{min-height:auto}.panel-header,.panel-header-with-toolbar{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-weight:600;font-size:14px;color:#262626;background:#fafafa}.panel-header-with-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.converter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;padding:12px 16px;flex:1;border:none;resize:none;background:white;color:#262626}.converter-textarea::placeholder{color:#bfbfbf}.output-code-block{flex:1;padding:12px 16px;margin:0;background:white;border:none;overflow:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;color:#262626}.output-code-block code{background:none;padding:0;color:inherit}.error-message{padding:8px 16px;background:#fff2f0;color:#ff4d4f;border-top:1px solid #ffccc7;font-size:12px;white-space:pre-wrap;word-break:break-all}.tool-introduction{background:white;padding:40px;border-radius:8px;margin:40px 16px;box-shadow:0 2px 8px #00000014}.tool-introduction h2{font-size:20px;font-weight:600;color:#333;margin:30px 0 12px;border-bottom:2px solid #4a90e2;padding-bottom:8px}.tool-introduction p{font-size:14px;line-height:1.8;color:#666;margin:0 0 16px}.feature-list li{font-size:14px;line-height:1.8;color:#666;margin:8px 0;padding-left:24px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:#4a90e2;font-weight:700}.feature-list code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:monospace;color:#d63031}.usage-steps li{font-size:14px;line-height:1.8;color:#666;margin:12px 0;padding-left:30px;position:relative;counter-increment:step-counter}.usage-steps li:before{content:counter(step-counter);position:absolute;left:0;width:20px;height:20px;background:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#fafafa;z-index:1050;display:flex;flex-direction:column;overflow:hidden;height:100vh;width:100vw}.fullscreen-header{padding:16px 24px;background:white;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.fullscreen-header h3{font-size:16px;font-weight:600;margin:0;color:#262626}.fullscreen-content{flex:1;overflow:hidden;display:flex;flex-direction:column;height:100%;padding:16px}.converter-content{height:100%;display:flex;overflow:hidden}.fullscreen-container .converter-container{height:100%;padding:0!important;overflow:hidden;flex:1}.fullscreen-container .ant-row{display:flex;height:100%;overflow:hidden}.fullscreen-container .ant-col{display:flex;flex-direction:column;height:100%;overflow:hidden}.fullscreen-container .input-panel,.fullscreen-container .output-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;margin-bottom:0;border-radius:0;box-shadow:none}.fullscreen-container .panel-body{display:flex;flex-direction:column;flex:1;overflow:hidden;margin-bottom:0}.fullscreen-container .converter-textarea{flex:1;border:none;resize:none;overflow:auto;border-radius:0;padding:12px 16px}.fullscreen-container .output-code-block{flex:1;overflow:auto;border-radius:0;padding:12px 16px}@media (prefers-color-scheme: dark){.properties-yaml-converter-page{background:transparent}.tool-header{background:linear-gradient(135deg,#434aa3 0%,#5a3a7a 100%)}.converter-container{background:#141414}.input-panel,.output-panel{background:#1f1f1f;box-shadow:0 2px 8px #00000073}.panel-header,.panel-header-with-toolbar{background:#262626;color:#e8e8e8;border-bottom-color:#303030}.converter-textarea{background:#1f1f1f;color:#e8e8e8}.converter-textarea::placeholder{color:#595959}.output-code-block{background:#1f1f1f;color:#e8e8e8}.error-message{background:#2f1515;color:#ff7875;border-top-color:#ff4d4f}.tool-introduction{background:#1f1f1f;box-shadow:0 2px 8px #00000073}.tool-introduction h2{color:#e8e8e8;border-bottom-color:#4a90e2}.tool-introduction p,.feature-list li{color:#b3b3b3}.feature-list code{background:#262626;color:#ff85c0}.fullscreen-header{background:#262626;border-bottom-color:#303030;color:#e8e8e8}.fullscreen-content{background:#141414}}@media (max-width: 1024px){.converter-container{height:auto;min-height:600px}.tool-title h1{font-size:24px}.tool-description{font-size:14px}.input-column,.output-column{min-height:400px}.panel-header-with-toolbar{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 768px){.tool-header{padding:24px 16px}.tool-title{gap:12px}.tool-title h1{font-size:20px}.tool-description{font-size:14px}.converter-container{margin:16px 0;padding:0 .75rem;height:600px}.converter-textarea,.output-code-block{font-size:12px}.panel-header-with-toolbar{padding:10px 12px;gap:8px}.tool-introduction{padding:24px;margin:24px .75rem}.tool-introduction h2{font-size:16px}.tool-introduction p,.feature-list li{font-size:13px}.input-column,.output-column{min-height:300px}}@media (max-width: 576px){.tool-header{padding:20px 12px}.tool-title{flex-direction:column;gap:8px}.tool-title h1{font-size:18px}.converter-container{height:500px}.input-column,.output-column{min-height:250px}.fullscreen-header{padding:12px 16px}.fullscreen-content{padding:12px}}.chart-tool-page{min-height:100vh;background-color:transparent;width:100%;margin:0 auto;padding:2rem 0}.tool-title-section{max-width:100%}.tool-title{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem;color:#262626;font-size:28px;font-weight:600}.tool-description{font-size:14px;color:#8c8c8c;line-height:1.6;margin:0 auto;text-align:center;max-width:100%}.chart-tool-page .ant-row{height:auto;min-height:500px}.chart-tool-page .ant-col{height:auto;display:flex;flex-direction:column}.config-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:500px;overflow:hidden}.config-panel .ant-tabs{display:flex;flex-direction:column;height:100%}.config-panel .ant-tabs-content-holder{flex:1;overflow:auto}.tab-content{padding:16px;overflow-y:auto}.quick-actions{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.table-wrapper{flex:1;overflow:auto;border-radius:4px;border:1px solid #f0f0f0}.table-wrapper .ant-table{margin-bottom:0}.column-header{display:flex;align-items:center;gap:8px}.column-header input{font-size:12px!important}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;font-size:14px;color:#262626;margin-bottom:8px}.form-group .ant-select{width:100%}.checkbox-group{margin:12px 0}.chart-output-panel{background:white;border-radius:6px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:500px;overflow:hidden}.panel-header-with-toolbar{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;background-color:#fafafa}.panel-header-with-toolbar>div{font-weight:600;font-size:14px;color:#262626}.chart-container{flex:1;width:100%;min-height:300px;padding:16px}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background:white;z-index:1050;display:flex;flex-direction:column;height:100vh;width:100vw}.fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background-color:#fafafa;gap:12px;flex-wrap:wrap;flex-shrink:0}.fullscreen-header h3{margin:0;font-size:16px;color:#333;flex:1;min-width:150px}.fullscreen-content{flex:1;overflow:hidden;padding:16px;display:flex;flex-direction:column;height:100%}.fullscreen-content .chart-container{flex:1;height:100%;width:100%}.tool-introduction{background:white;padding:40px;border-radius:8px;margin:24px 2rem 0;box-shadow:0 2px 8px #0000001a}.tool-introduction h2{font-size:20px;font-weight:600;margin:24px 0 12px;color:#262626;border-bottom:2px solid #667eea;padding-bottom:8px}.tool-introduction h2:first-child{margin-top:0}.tool-introduction p{font-size:14px;color:#595959;line-height:1.8;margin:0 0 16px}.feature-list{list-style:none;padding:0;margin:0 0 16px}.feature-list li{font-size:14px;line-height:1.8;color:#595959;margin-bottom:12px;padding-left:24px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.feature-list strong{color:#262626}.usage-steps{list-style:none;padding:0;margin:0 0 16px;counter-reset:step-counter}.usage-steps li{font-size:14px;line-height:1.8;color:#595959;margin-bottom:12px;padding-left:32px;position:relative;counter-increment:step-counter}.usage-steps li:before{content:counter(step-counter);position:absolute;left:0;width:24px;height:24px;background-color:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.usage-steps strong{color:#262626}@media (max-width: 1200px){.tool-introduction{margin:24px 1.5rem 0}}@media (max-width: 992px){.tool-introduction{padding:20px;margin:24px 1rem 0}.tool-title{font-size:24px}.config-panel,.chart-output-panel{height:350px;margin-bottom:16px}}@media (max-width: 768px){.tool-introduction{margin:16px .75rem 0}.config-panel,.chart-output-panel{height:350px;margin-bottom:16px}}@media (max-width: 640px){.chart-tool-page{padding:1rem 0}.tool-header{padding:0;margin-bottom:1rem}.tool-title{font-size:20px}.tool-description{font-size:13px}.config-panel,.chart-output-panel{border-radius:4px;height:300px;margin-bottom:16px}.tab-content{padding:12px}.tool-introduction{padding:16px;border-radius:4px;margin:16px .75rem 0}.tool-introduction h2{font-size:16px;margin:16px 0 8px}.tool-introduction p{font-size:13px;margin:0 0 10px}.feature-list li,.usage-steps li{font-size:13px}}@media (max-width: 480px){.tool-introduction{margin:16px .5rem 0}}@media (prefers-color-scheme: dark){.chart-tool-page{background-color:#1a1a1a}.tool-header,.config-panel,.chart-output-panel,.tool-introduction{background:#262626;border-color:#404040}.tool-title,.tool-introduction h2,.feature-list strong,.usage-steps strong{color:#e8e8e8}.tool-description,.tool-introduction p,.feature-list li,.usage-steps li{color:#b8b8b8}.chart-header{background-color:#2a2a2a;border-color:#404040}.chart-header h3{color:#e8e8e8}.config-panel .ant-tabs-tab{color:#b8b8b8}.config-panel .ant-tabs-tab-active{color:#e8e8e8}.quick-actions,.table-wrapper{border-color:#404040}.form-group label{color:#e8e8e8}.fullscreen-container{background:#1a1a1a}.fullscreen-header{background-color:#262626;border-color:#404040}.fullscreen-header h3{color:#e8e8e8}}.query-panel{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.query-input-section{border:1px solid #f0f0f0;border-radius:8px;padding:16px;background-color:#fafafa}.query-input-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.query-input-section .section-header label{font-weight:500;color:#333;margin:0}.ip-input{font-size:14px}.ip-input.ant-input{border:1px solid #d9d9d9;padding:8px 12px}.query-button-section{margin:8px 0}.query-button-section button{height:36px;font-size:14px}.query-result-section{border:1px solid #f0f0f0;border-radius:8px;padding:16px;background-color:#fff;min-height:200px}.query-result-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.query-result-section .section-header label{font-weight:500;color:#333;margin:0}.result-card,.error-card,.empty-card{border:1px solid #f0f0f0;border-radius:4px}.result-card{background-color:#fff;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005}.error-card{background-color:#fef2f2;border-color:#ffebee}.empty-card{background-color:#fafafa;border-color:#f0f0f0;text-align:center;padding:40px 20px}.result-item{margin-bottom:12px}.item-label{display:flex;align-items:center;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.item-value{font-size:16px;color:#1890ff;font-family:Courier New,monospace;word-break:break-all;background-color:#f5f5f5;padding:8px 12px;border-radius:4px;border-left:3px solid #1890ff}.info-row{display:flex;align-items:center;padding:8px 0;font-size:14px;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{min-width:80px;font-weight:500;color:#666;margin-right:12px}.info-row span:not(.info-label){color:#333;flex:1}.fullscreen-button-section{text-align:right;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.tool-info{margin-top:50px;padding:30px;background-color:#fff;border-radius:8px;border:1px solid #f0f0f0}.tool-info h2{font-size:20px;font-weight:600;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.info-section{margin-bottom:28px}.info-section h3{font-size:15px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center}.info-section p{font-size:14px;line-height:1.8;color:#666;margin-bottom:0}.info-section ul,.info-section ol{font-size:14px;line-height:1.8;color:#666;margin:0;padding-left:20px}.info-section li{margin-bottom:8px}.info-section strong{color:#333}.tool-recommendations{margin-top:40px;padding:30px 0}.tool-recommendations h2{font-size:20px;font-weight:600;margin-bottom:20px}.recommendation-card{border:1px solid #f0f0f0;border-radius:8px;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#1890ff}.recommendation-card .tool-name{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.recommendation-card .tool-desc{font-size:12px;color:#999;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background:white;z-index:1050;display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background-color:#fafafa;flex-shrink:0;height:auto}.fullscreen-header h2{font-size:18px;font-weight:600;color:#333;margin:0}.fullscreen-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;height:100%}@media (max-width: 768px){.query-panel{gap:16px}.query-input-section,.query-result-section{padding:12px}.info-row{flex-direction:column;align-items:flex-start}.info-label{min-width:auto;margin-right:0;margin-bottom:4px}.tool-info{padding:20px}.tool-info h2{font-size:18px}.info-section h3{font-size:14px}.info-section p,.info-section ul,.info-section ol{font-size:13px}.recommendation-card{border:1px solid #f0f0f0}.recommendation-card .tool-name{font-size:13px}.recommendation-card .tool-desc{font-size:11px}}@media (max-width: 480px){.query-panel{gap:12px}.query-input-section,.query-result-section{padding:10px;border-radius:6px}.query-input-section .section-header label,.query-result-section .section-header label{font-size:13px}.ip-input,.item-label{font-size:12px}.item-value{font-size:13px}.info-row{font-size:12px}.info-label{min-width:70px;font-size:12px}.tool-info{padding:15px;margin-top:30px}.tool-info h2{font-size:16px;margin-bottom:16px}.info-section{margin-bottom:20px}.info-section h3{font-size:13px;margin-bottom:8px}.info-section p,.info-section ul,.info-section ol{font-size:12px;line-height:1.6}.info-section li{margin-bottom:6px}.recommendation-card .tool-name{font-size:12px;margin-bottom:6px}.recommendation-card .tool-desc{font-size:10px}}.webcheck-panel{padding:20px;background:white;border-radius:8px}.check-input-section{margin-bottom:16px}.url-input{font-size:14px}.check-button-section{margin-bottom:20px}.progress-section{margin:20px 0;padding:16px;background:#f5f5f5;border-radius:6px;border-left:4px solid #1890ff}.progress-header{margin-bottom:12px}.progress-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.elapsed-time{display:inline-block;padding:4px 12px;background:white;border-radius:4px;font-size:13px;color:#666;border:1px solid #e8e8e8}.results-container{animation:fadeIn .3s ease-in}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.result-card{border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 2px 4px #0000000a;transition:all .3s ease}.result-card:hover{box-shadow:0 4px 8px #00000014}.summary-card{border:1px solid #f0f0f0;border-radius:8px;background:#fafafa}.stat-item{text-align:center;padding:16px 0}.stat-label{font-size:12px;color:#666;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;line-height:1}.stat-value.success{color:#52c41a}.stat-value.error{color:#ff4d4f}.stat-value.warning{color:#faad14}.check-results{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.check-column{display:flex;flex-direction:column;gap:16px}.info-card{border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 2px 4px #0000000a;transition:all .3s ease}.info-card:hover{box-shadow:0 4px 8px #00000014}.info-card .ant-card-head{padding:12px 16px;border-bottom:1px solid #f0f0f0;background:transparent}.card-title{display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:500;font-size:14px}.info-card .ant-card-body{padding:12px 16px}.info-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.info-item:last-child{margin-bottom:0}.info-item .label{font-weight:500;color:#333;font-size:13px;flex-shrink:0;min-width:80px}.info-item .value{color:#666;font-size:13px;word-break:break-word;flex:1;text-align:right}.error-card{border:1px solid #fff1f0;background:#fff1f0}.empty-card{border:1px solid #f0f0f0;background:#fafafa}.fullscreen-button-section{display:flex;justify-content:center}.tool-info{background:white;padding:40px;border-radius:8px;margin:24px 20px 0;box-shadow:0 2px 8px #0000001a}.tool-info h2{font-size:20px;font-weight:600;margin:24px 0 12px;color:#262626;border-bottom:2px solid #1890ff;padding-bottom:8px}.tool-info h2:first-child{margin-top:0}.tool-info h3{font-size:15px;font-weight:600;margin:16px 0 8px;color:#262626}.tool-info p{font-size:14px;color:#595959;line-height:1.8;margin:0 0 16px}.info-section{margin-bottom:24px}.info-section ul,.info-section ol{font-size:14px;color:#595959;line-height:1.8;margin:0 0 16px 20px;padding:0}.info-section li{margin-bottom:8px;padding-left:0}.info-section li strong{color:#262626}.tool-recommendations{background:white;padding:40px;border-radius:8px;margin:24px 20px 0;box-shadow:0 2px 8px #0000001a}.tool-recommendations h2{font-size:20px;font-weight:600;margin:0 0 24px;color:#262626;border-bottom:2px solid #1890ff;padding-bottom:8px}.recommendation-card{background:white;border:1px solid #f0f0f0;border-radius:6px;padding:16px;transition:all .3s ease;cursor:pointer;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.recommendation-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#1890ff;transform:translateY(-2px)}.tool-name{font-size:14px;font-weight:600;color:#262626;margin:0 0 8px}.tool-desc{font-size:13px;color:#8c8c8c;margin:0;line-height:1.6}@media (max-width: 992px){.tool-info,.tool-recommendations{padding:20px}.tool-info h2,.tool-recommendations h2{font-size:18px}}@media (max-width: 640px){.tool-info,.tool-recommendations{padding:16px;border-radius:4px;margin:16px .5rem 0}.tool-info h2,.tool-recommendations h2{font-size:16px;margin:16px 0 8px}.tool-info h3{font-size:14px;margin:12px 0 6px}.tool-info p{font-size:13px;margin:0 0 10px}.info-section ul,.info-section ol{font-size:13px}.recommendation-card{padding:12px}.tool-name{font-size:13px;margin:0 0 6px}.tool-desc{font-size:12px}}@media (max-width: 768px){.webcheck-panel{padding:12px}.check-column{gap:12px}.info-card{border-radius:4px}.info-card .ant-card-head,.info-card .ant-card-body{padding:10px 12px}.info-item .label{font-size:12px;min-width:70px}.info-item .value{font-size:12px}.stat-value{font-size:18px}.summary-card{border-radius:6px}}@media (max-width: 480px){.webcheck-panel{padding:8px}.check-column{gap:8px}.info-item{flex-direction:column;gap:4px}.info-item .label,.info-item .value{text-align:left}.stat-item{padding:12px 0}.stat-value{font-size:16px}}@media (prefers-color-scheme: dark){.webcheck-panel{background:#141414}.progress-section{background:#1f1f1f;border-left-color:#177ddc}.elapsed-time{background:#262626;color:#b0b0b0;border-color:#434343}.summary-card{background:#1f1f1f;border-color:#434343}.info-card{border-color:#434343}.info-card .ant-card-head{border-color:#434343;background:#1f1f1f}.info-card .ant-card-body{background:#141414}.result-card{border-color:#434343}.card-title,.info-item .label{color:#e8e8e8}.info-item .value{color:#b0b0b0}.error-card{background:#2f1515;border-color:#58181c}.empty-card{background:#1f1f1f;border-color:#434343}.tool-info{background:transparent}.tool-info h2,.tool-info h3{color:#e8e8e8}.tool-info p,.tool-info li{color:#b0b0b0}.tool-recommendations{background:transparent}.recommendation-card{background:#1f1f1f;border-color:#434343}.tool-name{color:#e8e8e8}.tool-desc{color:#b0b0b0}}.examples-section{background:white;padding:2rem 1rem;margin:0 2rem 24px;box-sizing:border-box}.examples-title{font-size:16px;font-weight:600;color:#262626;margin:0 0 1.5rem}.tool-features-section{background:white;padding:2rem 1rem;margin:0 2rem 24px;border-bottom:1px solid #f0f0f0;box-sizing:border-box}.features-container{width:100%}.features-intro{color:#595959;line-height:1.8}.features-title{font-size:18px;font-weight:600;color:#262626;margin:0 0 24px;padding-bottom:12px;border-bottom:3px solid #1890ff;display:inline-block}.feature-item{margin-bottom:24px}.feature-item:last-child{margin-bottom:0}.feature-heading{font-size:14px;font-weight:600;color:#262626;margin:0 0 12px;display:flex;align-items:center;gap:8px}.feature-icon-emoji{font-size:18px;display:inline-flex;align-items:center}.feature-description{font-size:13px;color:#595959;margin:0;line-height:1.6}.feature-list{margin:8px 0 0;padding-left:20px;list-style:disc;font-size:13px;color:#595959}.feature-list li{margin-bottom:8px;line-height:1.6}.feature-list li strong{color:#262626;font-weight:600}.feature-list code{background:#f5f5f5;border:1px solid #f0f0f0;border-radius:3px;padding:2px 6px;font-size:12px;color:#1890ff;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.visual-editor{display:flex;flex-direction:column;gap:12px;padding:12px}.editor-row{display:flex;flex-direction:column;gap:4px}.editor-row label{font-size:12px;font-weight:500;color:#262626}.editor-row input{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.converter-content{padding:12px;flex:1;overflow-y:auto}.result-content{padding:0;display:flex;flex-direction:column;gap:0}.result-item{padding:12px}.result-item-label{font-size:12px;font-weight:600;color:#262626;margin-bottom:8px}.result-item-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;padding:8px;color:#262626;word-break:break-all}.code-block code{color:#1890ff}.description-block pre{margin:0;line-height:1.5;white-space:pre-wrap}.execution-times{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.execution-time-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f9f9f9;border-left:3px solid #1890ff;font-size:12px;line-height:1.4}.time-index{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#e6f7ff;border-radius:50%;font-size:11px;font-weight:600;color:#1890ff;flex-shrink:0}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.example-card{cursor:pointer;border-radius:6px;transition:all .3s ease}.example-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px);border-color:#1890ff}.example-card .ant-card-body{padding:12px}.example-card code{font-size:11px;color:#1890ff;background:#f9f9f9;padding:4px 6px;border-radius:3px;display:block;word-break:break-all}.guide-content{font-size:13px;color:#595959;line-height:1.6}.guide-content h4{font-size:13px;font-weight:600;color:#262626;margin:12px 0 8px}.guide-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.guide-table td{padding:6px;border:1px solid #f0f0f0;background:#fafafa}.guide-table tr:first-child td{font-weight:600;background:#f5f5f5}.guide-list{padding-left:16px;list-style:disc;margin:8px 0}.guide-list li{margin-bottom:4px;font-size:12px}.guide-list code{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:3px;padding:2px 4px;font-size:11px;color:#1890ff;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tool-recommendations-section{background:white;padding:2rem 1rem;margin:0 2rem 24px;box-sizing:border-box}.recommendations-title{font-size:16px;font-weight:600;color:#262626;margin:0 0 1.5rem;padding-bottom:12px;border-bottom:3px solid #1890ff;display:inline-block}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.recommendation-item{display:flex;gap:12px;padding:16px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer}.recommendation-item:hover{background:#f5f5f5;border-color:#e6e6e6;box-shadow:0 2px 8px #0000000f;transform:translateY(-2px)}.recommendation-icon{font-size:24px;min-width:30px;display:flex;align-items:center;justify-content:center}.recommendation-content{flex:1}.recommendation-name{margin:0 0 6px;font-size:14px;font-weight:600;color:#262626}.recommendation-desc{margin:0;font-size:13px;color:#8c8c8c;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1200px){.examples-section,.tool-features-section,.tool-recommendations-section{margin-left:1.5rem;margin-right:1.5rem}}@media (max-width: 992px){.examples-section,.tool-features-section,.tool-recommendations-section{margin-left:1rem;margin-right:1rem}.features-title{font-size:16px}.feature-heading{font-size:13px}.feature-icon-emoji{font-size:16px}.feature-description,.feature-list{font-size:12px}}@media (max-width: 768px){.examples-section,.tool-features-section,.tool-recommendations-section{margin-left:.75rem;margin-right:.75rem}.examples-section{padding:1.5rem .75rem}.examples-title{font-size:14px}.tool-features-section{padding:1.5rem .75rem}.features-title{font-size:14px;margin-bottom:1rem}.feature-item{margin-bottom:1rem}.feature-heading{font-size:12px}.feature-icon-emoji{font-size:14px}.feature-description{font-size:11px}.feature-list{font-size:11px;margin-top:4px}.feature-list li{margin-bottom:4px}.examples-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.editor-row input{font-size:12px}.result-item-value{font-size:11px}.tool-recommendations-section{padding:1.5rem .75rem}.recommendations-title{font-size:14px}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.recommendation-item{padding:12px}.recommendation-icon{font-size:20px}.recommendation-name{font-size:13px}.recommendation-desc{font-size:12px}}@media (max-width: 480px){.examples-section,.tool-features-section,.tool-recommendations-section{margin-left:.5rem;margin-right:.5rem}}@media (prefers-color-scheme: dark){.examples-section{background:#141414}.tool-features-section{background:#141414;border-bottom-color:#434343}.features-title{color:#e6e6e6;border-bottom-color:#1890ff}.feature-heading{color:#e6e6e6}.feature-description,.feature-list{color:#b3b3b3}.feature-list li strong{color:#e6e6e6}.feature-list code{background:#262626;border-color:#434343;color:#61dafb}.visual-editor{background:#141414}.editor-row label,.result-item-label{color:#e6e6e6}.result-item-value{background:#262626;border-color:#434343;color:#e6e6e6}.code-block code{color:#61dafb}.execution-time-item{background:#262626;border-left-color:#61dafb}.time-index{background:#1f1f1f;border-color:#434343;color:#61dafb}.example-card{background:#1f1f1f;border-color:#434343}.example-card code{background:#262626;border-color:#434343;color:#61dafb}.guide-content{color:#b3b3b3}.guide-content h4{color:#e6e6e6}.guide-table td{background:#262626;border-color:#434343;color:#e6e6e6}.guide-table tr:first-child td{background:#1f1f1f}.guide-list code{background:#262626;border-color:#434343;color:#61dafb}.tool-recommendations-section{background:#141414}.recommendations-title{color:#e6e6e6;border-bottom-color:#1890ff}.recommendation-item{background:#262626;border-color:#434343}.recommendation-item:hover{background:#303030;border-color:#595959}.recommendation-name{color:#e6e6e6}.recommendation-desc{color:#b3b3b3}}.ppt-generator-page{width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding-bottom:0;margin-top:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.ppt-generator-page.ppt-home-background{background:transparent}.ppt-content{max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;flex:1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto}.ppt-home-container{width:100%;height:100%;background:transparent;border-radius:0;box-shadow:none;margin:0;padding:40px 20px;display:flex;flex-direction:column;overflow:hidden}.ppt-hero-section{text-align:center;margin-bottom:60px}.ppt-hero-title{font-size:36px;font-weight:700;color:#262626;line-height:1.4;margin:0}.ppt-hero-title .highlight{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ppt-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:100%}.ppt-mode-card{background:white;border-radius:12px;padding:32px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 2px 8px #00000014}.ppt-mode-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:var(--mode-color)}.mode-icon-wrapper{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--mode-color) 0%,var(--mode-color) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.9}.ppt-mode-card:hover .mode-icon-wrapper{opacity:1;transform:scale(1.1)}.mode-icon{font-size:28px;color:#fff}.mode-name{font-size:16px;font-weight:600;color:#262626;margin:0}.ppt-input-container{width:100%;max-width:980px;min-height:calc(100vh - 84px);min-height:calc(100dvh - 84px);background:white;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014;margin:10px auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.ppt-mode-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.header-content{flex:1}.mode-title{font-size:24px;font-weight:700;color:#262626;margin:0 0 8px}.mode-description{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.ppt-input-area{margin-bottom:24px;position:relative}.input-textarea{width:100%;border:1px solid #d9d9d9!important;border-radius:8px;padding:16px!important;font-size:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical;transition:all .3s}.input-textarea:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff1a}.input-footer{display:flex;justify-content:flex-end;margin-top:8px;padding-right:4px}.char-count{font-size:12px;color:#8c8c8c}.ppt-upload-area{margin-bottom:32px}.ant-upload-dragger{border-radius:8px!important;border:2px dashed #d9d9d9!important;background:#fafafa!important;padding:48px!important;transition:all .3s;cursor:pointer}.ant-upload-dragger:hover{border-color:#1890ff!important;background:#f5f9ff!important}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{font-size:48px;color:#1890ff}.upload-title{font-size:16px;font-weight:600;color:#262626;margin:0}.upload-subtitle{font-size:13px;color:#8c8c8c;margin:0;line-height:1.5}.file-preview{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-radius:8px;margin-top:12px}.file-icon{font-size:18px;color:#1890ff}.file-name{font-size:13px;color:#262626;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppt-notes-section{background:#f0f5ff;border-left:4px solid #1890ff;padding:16px 20px;border-radius:4px;margin-bottom:24px}.note-item{font-size:13px;color:#0050b3;margin:0 0 8px;line-height:1.6}.note-item:last-child{margin-bottom:0}.ppt-params-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;align-items:flex-end;position:relative;z-index:100;pointer-events:auto}.param-select{width:120px;min-width:120px;position:relative;z-index:101;pointer-events:auto}.param-select .ant-select-selector{border-radius:6px!important;height:32px!important;cursor:pointer!important}.param-select .ant-select-dropdown{z-index:1050!important;pointer-events:auto!important}.param-select .ant-select-selector:hover{border-color:#40a9ff!important}.param-select-wide{width:160px!important;min-width:160px!important;position:relative;z-index:101;pointer-events:auto}.ant-select-dropdown{min-width:0!important;max-width:calc(100vw - 24px)!important;z-index:1050!important;pointer-events:auto!important}.param-select-wide .ant-select-dropdown{min-width:0!important;max-width:calc(100vw - 24px)!important;z-index:1050!important}.ppt-control-row{display:flex;justify-content:flex-end;align-items:flex-end;gap:16px;margin-top:24px;position:relative;z-index:10;pointer-events:auto}.ppt-action-bar{display:flex;justify-content:flex-start;align-items:flex-end;padding:0;gap:12px;margin-top:12px}.action-controls{display:flex;gap:8px;align-items:center}.ppt-control-row .ant-btn{color:#8c8c8c;border:none;font-size:16px;background:transparent!important}.ppt-control-row .ant-btn:hover{color:#1890ff;background:transparent!important}.ppt-control-row .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}.ppt-control-row .ant-btn-text,.ppt-control-row .ant-btn-text:hover{background:transparent!important}.generate-btn{height:32px;width:32px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important;color:#fff!important;transition:all .3s;font-size:16px}.reference-upload-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px!important;color:#8c8c8c;border:1px solid #d9d9d9!important;border-radius:6px;font-size:14px;transition:all .3s}.reference-upload-btn:hover{color:#1890ff;border-color:#1890ff!important;background:#f5f9ff!important}.reference-file-name{font-size:12px;color:#52c41a;padding:0 8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppt-reference-upload{margin-bottom:32px}.reference-upload-label{font-size:13px;font-weight:600;color:#262626;margin-bottom:12px}.reference-dragger{border-radius:8px!important;border:2px dashed #d9d9d9!important;background:#fafafa!important;transition:all .3s}.reference-dragger:hover{border-color:#1890ff!important;background:#f5f9ff!important}.ppt-template-section{margin-bottom:32px}.template-section-title{font-size:13px;font-weight:600;color:#262626;margin-bottom:16px}.ppt-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-height:none;overflow:visible;padding-right:0}.ppt-template-grid::-webkit-scrollbar{width:6px}.ppt-template-grid::-webkit-scrollbar-track{background:transparent}.ppt-template-grid::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.template-card{background:white;border:2px solid #f0f0f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s;display:flex;align-items:flex-start;gap:12px;min-height:100px;justify-content:flex-start}.template-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.template-card.selected{background:#e6f7ff;border-color:#1890ff;box-shadow:0 4px 12px #1890ff40}.template-icon{font-size:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.template-content{flex:1;display:flex;flex-direction:column;gap:4px}.template-name{font-size:14px;font-weight:600;color:#262626;margin:0;line-height:1.4}.template-desc{font-size:12px;color:#8c8c8c;margin:0;line-height:1.4;display:block}.ppt-action-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;gap:16px}.ppt-action-bar .ant-space{display:flex;gap:8px}.ppt-action-bar .ant-btn{color:#8c8c8c;border:none;font-size:16px;background:transparent!important}.ppt-action-bar .ant-btn:hover{color:#1890ff;background:transparent!important}.ppt-action-bar .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}.ppt-action-bar .ant-btn-text,.ppt-action-bar .ant-btn-text:hover{background:transparent!important}.generate-btn{padding:6px 28px;height:36px;font-size:14px;font-weight:600;border-radius:6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important;color:#fff!important;display:flex;align-items:center;gap:8px;transition:all .3s}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66!important}.generation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000}.generation-modal{background:white;border-radius:12px;padding:48px;text-align:center;box-shadow:0 4px 32px #00000026;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box}.generation-text{font-size:16px;color:#262626;margin:24px 0;font-weight:500}.generation-modal .ant-progress{margin-top:24px}.outline-preview-page{width:100%;max-width:980px;height:calc(100vh - 84px);height:calc(100dvh - 84px);background:white;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;margin:10px auto;overflow:hidden;box-sizing:border-box}.outline-preview-header{display:flex;align-items:center;gap:16px;padding:20px 32px;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:flex-start}.back-to-edit-btn{flex-shrink:0;color:#8c8c8c!important;font-size:14px!important}.back-to-edit-btn:hover{color:#262626!important}.outline-main-title{margin:0;font-size:18px;font-weight:600;flex:1}.outline-subtitle{margin:0;font-size:14px;color:#8c8c8c;flex:0 0 auto}.outline-next-btn{flex-shrink:0}.outline-meta{flex:1}.outline-main-title{font-size:24px;font-weight:700;color:#262626;margin:0 0 8px}.outline-subtitle{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.outline-preview-body{flex:1;overflow-y:auto;padding:32px;min-height:0}.outline-footer{display:none}.template-selection-page{width:100%;max-width:1100px;height:calc(100vh - 84px);height:calc(100dvh - 84px);background:#f8f9fb;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;margin:10px auto;overflow:hidden;box-sizing:border-box}.template-page-header{background:white;display:flex;align-items:center;gap:16px;padding:20px 32px;border-bottom:1px solid #f0f0f0;flex-shrink:0;box-shadow:0 1px 4px #0000000a;justify-content:space-between}.back-btn{flex-shrink:0;color:#8c8c8c!important;font-size:14px!important}.back-btn:hover{color:#262626!important}.template-page-title{display:none}.template-page-title h2{font-size:24px;font-weight:700;color:#262626;margin:0 0 8px}.template-page-title p{font-size:14px;color:#8c8c8c;margin:0}.template-header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.template-header-actions .ant-btn{font-size:16px;padding:6px 12px}.template-header-actions .ant-btn-primary{color:#fff;background-color:#1890ff;border-color:#1890ff}.template-header-actions .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.template-filter-bar{background:white;border-bottom:1px solid #f0f0f0;padding:20px 32px;flex-shrink:0;max-height:200px;overflow-y:auto;box-shadow:0 1px 4px #0000000a}.filter-group{margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group:last-child{margin-bottom:0}.filter-label{display:inline-block;font-size:13px;font-weight:600;color:#262626;min-width:50px;flex-shrink:0}.filter-tags{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-tag{padding:6px 14px;font-size:13px;color:#595959;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:16px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-weight:500}.filter-tag:hover{border-color:#1890ff;color:#1890ff;background:#f5f9ff}.filter-tag.active{background:#1890ff;color:#fff;border-color:#1890ff}.template-main-wrapper{flex:1;display:flex;gap:20px;padding:24px 32px;min-height:0;overflow:hidden}.template-list-panel{flex:0 0 auto;width:60%;max-width:800px;overflow-y:auto;overflow-x:hidden;padding:0;margin:0}.template-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:0}.template-card-simple{position:relative;aspect-ratio:16 / 9;background:white;border:2px solid #e8e8e8;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;margin:0;padding:0}.template-card-simple img{width:100%;height:100%;object-fit:cover}.template-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.template-card-simple:hover{border-color:#1890ff;box-shadow:0 8px 20px #1890ff26;transform:translateY(-3px)}.template-card-simple.selected{border-color:#1890ff;box-shadow:0 8px 20px #1890ff40}.template-card-checkmark{position:absolute;top:6px;right:6px;width:32px;height:32px;background:#1890ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 2px 8px #1890ff66}.template-preview-panel{flex:1;display:flex;flex-direction:column;background:white;border-radius:8px;border:1px solid #e8e8e8;overflow:hidden;min-height:0}.template-preview-content{flex:1;padding:24px 0;display:flex;flex-direction:column;overflow-y:auto;gap:0;min-height:0;box-sizing:border-box}.preview-cover{width:calc(100% - 48px);margin:0 auto;aspect-ratio:16 / 9;background:#f5f5f5;border-radius:6px;overflow:hidden;flex-shrink:0;min-height:150px;max-height:200px}.preview-cover img{width:100%;height:100%;object-fit:cover}.preview-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bfbfbf;font-size:14px}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 24px;width:100%;flex-shrink:0;box-sizing:border-box}.preview-grid-item{aspect-ratio:16 / 9;background:#f5f5f5;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:none;box-shadow:none}.preview-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.preview-grid-item.empty{display:flex;align-items:center;justify-content:center;border:1px dashed #d9d9d9;background:#fafafa}.template-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bfbfbf;padding:20px}.template-grid-sentinel{height:1px;margin-top:24px}.template-detail-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.template-cover{width:100%;aspect-ratio:16 / 9;background:#f5f5f5;border-radius:8px;overflow:hidden;margin-bottom:14px;max-height:140px;flex-shrink:0}.template-cover img{width:100%;height:100%;object-fit:cover}.template-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bfbfbf;font-size:14px}.template-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;flex-shrink:0}.preview-item{aspect-ratio:1 / 1;background:#f5f5f5;border-radius:6px;overflow:hidden;max-height:110px}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item.empty{display:flex;align-items:center;justify-content:center;border:1px dashed #d9d9d9}.preview-placeholder{color:#bfbfbf;font-size:12px}.template-info-detail{background:#fafafa;padding:12px;border-radius:6px;flex-shrink:0;margin-top:auto}.info-item{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.info-item label{color:#8c8c8c;font-weight:500}.info-item span{color:#262626;font-weight:600}.template-detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bfbfbf}.template-detail-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.template-detail-empty p{font-size:14px;margin:0}@media (max-width: 1200px){.template-main-wrapper{gap:16px;padding:20px 24px}.template-list-panel{width:55%;max-width:700px}}@media (max-width: 992px){.template-main-wrapper{flex-direction:column;gap:16px;padding:20px 24px}.template-list-panel{width:100%;max-width:none;grid-template-columns:repeat(3,1fr);max-height:300px;border-bottom:1px solid #f0f0f0;padding-bottom:16px}.template-preview-panel{width:100%;max-height:400px}.template-page-header,.outline-preview-header{padding:20px 24px}.template-filter-bar{padding:12px 24px;max-height:280px}.filter-label{min-width:40px;margin-right:8px}.outline-preview-body{padding:20px 24px}.outline-footer{padding:16px 24px}}@media (max-width: 768px){.template-main-wrapper{padding:16px}.template-list-panel{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.template-card-small{aspect-ratio:4 / 5}.template-card-small img{height:60%}.template-card-small-title{font-size:12px}.template-meta-tag{font-size:10px}.template-page-header,.outline-preview-header{padding:16px}.template-filter-bar{padding:12px 16px;max-height:250px}.filter-label{display:block;min-width:auto;margin-right:0;margin-bottom:8px}.filter-tags{display:flex;flex-wrap:wrap}.filter-tag{padding:4px 10px;font-size:11px}.outline-preview-body{padding:16px}.template-page-title h2,.outline-main-title{font-size:18px}.outline-footer{flex-direction:column;gap:12px;align-items:flex-end}}@media (max-width: 480px){.template-main-wrapper{padding:12px}.template-list-panel{grid-template-columns:repeat(2,1fr);gap:10px}.template-card-small{aspect-ratio:3 / 4}.template-card-small img{height:60%}.template-card-small-title{font-size:11px}.template-meta-tag{font-size:9px}.template-page-header,.outline-preview-header{padding:12px}.template-filter-bar{padding:10px 12px;max-height:220px}.filter-label{font-size:11px;display:block;margin-bottom:6px}.filter-tag{padding:3px 8px;font-size:10px;border-radius:12px}.outline-preview-body,.outline-footer{padding:12px}}.template-page-header,.outline-preview-header{padding:16px}.template-filter-bar{padding:12px 16px;max-height:250px}.filter-label{display:block;min-width:auto;margin-right:0;margin-bottom:8px}.filter-tags{display:flex;flex-wrap:wrap}.filter-tag{padding:4px 10px;font-size:11px}.outline-preview-body{padding:16px}.template-page-title h2,.outline-main-title{font-size:18px}.outline-footer{flex-direction:column;gap:12px;align-items:flex-end}@media (max-width: 480px){.template-main-wrapper{flex-direction:column}.template-list-panel{flex:0 0 auto;max-height:140px;border-right:none;border-bottom:1px solid #f0f0f0;padding:6px;overflow-x:auto;overflow-y:visible}.template-list-grid{grid-template-columns:repeat(4,1fr);gap:4px;flex-wrap:nowrap}.template-detail-panel{flex:1;padding:6px}.template-cover{aspect-ratio:16 / 10;margin-bottom:8px;max-height:100px}.template-preview-grid{gap:4px;margin-bottom:8px}.template-info-detail{padding:6px}.info-item{padding:2px 0;font-size:9px}.template-detail-empty .empty-icon{font-size:32px;margin-bottom:8px}.template-detail-empty p{font-size:12px}}.template-info-huge .template-pages{font-size:10px}.template-page-header,.outline-preview-header{padding:12px}.template-filter-bar{padding:10px 12px;max-height:220px}.filter-label{font-size:11px;display:block;margin-bottom:6px}.filter-tag{padding:3px 8px;font-size:10px;border-radius:12px}.template-grid-wrapper,.outline-preview-body,.outline-footer{padding:12px}.placeholder-icon{font-size:48px}.selected-badge-huge{width:36px;height:36px;font-size:18px}@media (prefers-color-scheme: dark){.outline-preview-page,.template-selection-page{background:#262626}.outline-preview-header,.template-page-header{border-bottom-color:#434343}.outline-main-title,.template-page-title h2{color:#fff}.outline-subtitle,.template-page-title p{color:#a6a6a6}.template-card-huge{background:#1f1f1f;border-color:#434343}.template-card-huge:hover{border-color:#1890ff}.template-card-huge.selected{background:#0a2644}.template-preview-huge{background:#1f1f1f}.template-preview-huge.template-preview-placeholder{background:linear-gradient(135deg,#2d2d2d 0%,#1f1f1f 100%)}.template-info-huge h4{color:#fff}.template-info-huge .template-pages{color:#a6a6a6}.template-grid-wrapper,.outline-preview-body{background:#262626}.template-filter-bar{background:#1f1f1f;border-bottom-color:#434343}.template-list-panel{background:#1f1f1f;border-right-color:#434343}.template-card-small{border-color:#434343;background:#2d2d2d}.template-card-small.selected{border-color:#1890ff}.template-card-small.selected:after{background:#1890ff}.template-detail-panel{background:#262626;color:#fff}.template-cover{background:#2d2d2d}.template-no-image{color:#595959}.preview-item{background:#2d2d2d}.preview-item.empty{border-color:#434343}.preview-placeholder{color:#595959}.template-info-detail{background:#2d2d2d}.info-item label{color:#a6a6a6}.info-item span{color:#fff}.template-detail-empty{color:#595959}.template-detail-empty .empty-icon{opacity:.3}.filter-tag{background:#2d2d2d;border-color:#434343;color:#d9d9d9}.filter-tag:hover{border-color:#1890ff;color:#1890ff}.filter-tag.active{background:#1890ff;color:#fff;border-color:#1890ff}.filter-label{color:#fff}.template-page-footer,.outline-footer{border-top-color:#434343;background:#1f1f1f}}.prompt-placeholder{background-color:#fff7e6!important;color:#ff7a45!important;padding:2px 6px!important;border-radius:3px!important;font-weight:600!important}.outline-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid #f0f0f0;align-items:flex-start}.outline-item:last-child{border-bottom:none}.outline-number{flex-shrink:0;width:24px;height:24px;background:#e6f7ff;color:#0050b3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.outline-text{flex:1;font-size:14px;color:#262626;line-height:1.5}.outline-preview-modal .ant-modal-header{border-bottom:1px solid #f0f0f0}.outline-preview-content{max-height:60vh;overflow-y:auto}.outline-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #1890ff}.outline-meta h3{font-size:16px;font-weight:600;color:#262626;margin:0 0 4px}.outline-subtitle{font-size:13px;color:#8c8c8c;margin:0}.outline-body{margin-top:16px}.chapter-label{display:flex;gap:12px;align-items:center}.chapter-number{font-size:12px;font-weight:600;color:#1890ff;min-width:60px}.chapter-title{font-size:14px;font-weight:500;color:#262626;flex:1}.chapter-actions{display:flex;gap:8px}.chapter-contents{padding:12px 0}.chapter-contents ul{margin:0;padding:0 0 0 24px;list-style:disc}.chapter-contents li{font-size:13px;color:#595959;margin:8px 0;line-height:1.5}.content-item{display:flex!important;justify-content:space-between;align-items:center;margin:8px 0!important;padding:8px 12px;background:#fafafa;border-radius:4px;transition:all .2s ease}.content-item:hover{background:#f0f0f0}.content-item span{flex:1;margin-left:8px;color:#262626;font-size:13px}.content-actions{display:flex;gap:4px;flex-shrink:0}.outline-actions{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.template-selection-container{padding:20px 0}.template-header{margin-bottom:24px;text-align:center}.template-header h3{font-size:18px;font-weight:600;color:#262626;margin:0 0 8px}.template-header p{font-size:13px;color:#8c8c8c;margin:0}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px;max-height:400px;overflow-y:auto;padding:8px 0}.template-card{position:relative;background:white;border:2px solid #f0f0f0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.template-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-card.selected{border-color:#1890ff;background:#f6f8ff;box-shadow:0 4px 12px #1890ff33}.template-preview{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:#fafafa}.template-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.selected-badge{position:absolute;top:8px;right:8px;background:#1890ff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;opacity:0;transition:opacity .3s ease}.template-card.selected .selected-badge{opacity:1}.template-info{padding:12px;flex:1;display:flex;flex-direction:column;justify-content:center}.template-info h4{font-size:12px;font-weight:600;color:#262626;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.template-color,.template-industry{font-size:10px;color:#fff;background:#1890ff;padding:2px 6px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-industry{background:#52c41a}.template-pages{font-size:11px;color:#8c8c8c;margin:0}.template-style{font-size:11px;color:#8c8c8c;display:inline-block;background:#f5f5f5;padding:2px 6px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-actions{text-align:center;border-top:1px solid #f0f0f0;padding-top:12px;margin-top:12px}.outline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}@media (max-width: 992px){.ppt-content{padding:24px 16px}.ppt-hero-title{font-size:28px}.ppt-input-container{padding:24px}.ppt-modes-grid{grid-template-columns:repeat(2,1fr);gap:16px}.ppt-template-grid{grid-template-columns:repeat(3,1fr);gap:12px}.template-icon{font-size:32px;width:32px;height:32px}.ppt-params-section{flex-direction:row;gap:8px;margin-bottom:24px;align-items:center}.param-select{width:auto;flex:1}.reference-upload-btn{flex-shrink:0}.ppt-control-row{margin-top:0;justify-content:flex-start;flex-wrap:wrap}.action-controls{flex-direction:row;gap:8px;width:100%}.generate-btn{height:32px;width:32px}.generation-modal{min-width:320px;padding:32px}}@media (max-width: 768px){.ppt-content{padding:16px 12px}.ppt-hero-title{font-size:24px}.ppt-hero-section{margin-bottom:40px}.ppt-input-container{padding:20px;border-radius:12px}.ppt-modes-grid{grid-template-columns:1fr}.ppt-mode-header{flex-direction:column;gap:8px}.ppt-template-grid{grid-template-columns:repeat(2,1fr);gap:12px}.template-icon{font-size:28px;width:28px;height:28px}.ppt-params-section{flex-direction:column;gap:8px;margin-bottom:24px}.param-select,.reference-upload-btn{width:100%}.mode-title{font-size:20px}.ppt-control-row{margin-top:0;justify-content:flex-start;flex-wrap:wrap}.action-controls{flex-direction:row;gap:8px;width:100%}.generate-btn{height:32px;width:32px}.generation-modal{min-width:280px;padding:24px}.ant-upload-dragger{padding:32px!important}.upload-icon{font-size:36px}}@media (max-width: 480px){.ppt-content{padding:12px}.ppt-hero-section{margin-bottom:24px}.ppt-hero-title{font-size:20px}.ppt-modes-grid{gap:12px}.ppt-mode-card{padding:20px 16px;text-align:center}.mode-icon-wrapper{width:48px;height:48px;margin:0 auto 12px}.mode-icon{font-size:24px}.mode-name{font-size:14px}.ppt-template-grid{grid-template-columns:repeat(2,1fr);gap:10px}.template-icon{font-size:24px;width:24px;height:24px}.template-name{font-size:12px}.template-desc{font-size:11px}.template-card{min-height:80px;padding:12px 8px}.ppt-input-container{padding:16px}.mode-title{font-size:18px}.ppt-template-grid{grid-template-columns:repeat(2,1fr);max-height:300px}.ppt-notes-section{padding:12px 16px}.note-item{font-size:12px}.generation-modal{min-width:calc(100vw - 32px)}.ppt-params-section{flex-direction:column;gap:8px}.reference-upload-btn{width:100%}}@media (max-width: 480px){.ppt-home-container{padding:24px 12px}.ppt-hero-section{margin-bottom:32px}.ppt-hero-title{font-size:26px}.ppt-modes-grid{gap:14px}.ppt-input-container,.outline-preview-page,.template-selection-page{margin:10px 12px;padding:16px;border-radius:12px;height:auto;min-height:calc(100dvh - 84px)}.outline-preview-body{padding:16px}.template-page-header,.template-filter-bar{padding:14px}.template-header-actions .ant-btn{padding:6px 10px}.ppt-params-section{gap:10px}.param-select,.param-select-wide{width:100%!important;min-width:0!important}.generation-modal{padding:24px}}@media (prefers-color-scheme: dark){.ppt-generator-page{background:linear-gradient(135deg,#1f1f1f 0%,#2d2d2d 100%)}.ppt-input-container{background:#262626}.ppt-hero-title,.mode-name{color:#fff}.ppt-mode-card{background:#333333;box-shadow:0 2px 8px #00000073}.ppt-mode-card:hover{box-shadow:0 12px 24px #000000a6}.input-textarea{background:#1f1f1f;color:#fff;border-color:#434343!important}.input-textarea:focus{border-color:#1890ff!important}.mode-title{color:#fff}.mode-description,.char-count,.note-item{color:#a6a6a6}.ppt-params-section{background:#1f1f1f}.param-label{color:#fff}.template-card{background:#1f1f1f;border-color:#434343;color:#fff}.template-card:hover{background:#2d2d2d}.template-card.selected{background:#1890ff;border-color:#1890ff}.template-info h4,.template-meta{color:#fff}.template-pages{color:#a6a6a6}.template-name{color:#fff}.template-desc{color:#a6a6a6}.generation-modal{background:#262626}.generation-text{color:#fff}.outline-item{border-bottom-color:#434343}.outline-text{color:#fff}.ppt-mode-header{border-bottom-color:#434343}.ppt-action-bar{border-top-color:#434343}.ppt-upload-area .ant-upload-dragger{background:#1f1f1f!important;border-color:#434343!important}.ppt-upload-area .ant-upload-dragger:hover{background:#2d2d2d!important}.file-preview{background:#1f1f1f}.ppt-notes-section{background:rgba(24,144,255,.1)}}.ppt-editor-page{display:flex;flex-direction:column;height:100vh;background:#f5f5f5;overflow:hidden}.ppt-editor-fullscreen{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f5;z-index:1050;overflow:hidden}.editor-toolbar-office{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;border-bottom:1px solid #d9d9d9;padding:6px 12px;gap:0;flex-shrink:0;min-height:40px;overflow-x:auto;overflow-y:hidden}.toolbar-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.toolbar-left-section{flex:1;justify-content:flex-start;min-width:0}.toolbar-right-section{justify-content:flex-end;flex-shrink:0}.toolbar-row .ant-btn{font-size:12px;height:28px;padding:0 8px;flex-shrink:0}.toolbar-row .ant-divider-vertical{background-color:#d9d9d9;opacity:.5;margin:0 4px;flex-shrink:0}.toolbar-row .ant-slider{margin:0 8px;flex-shrink:0}.toolbar-row .ant-slider .ant-slider-track{background-color:#1890ff}.toolbar-row .ant-slider .ant-slider-handle{background-color:#1890ff;border-color:#1890ff}.color-picker-panel{padding:8px;width:200px}.color-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.color-preset{width:40px;height:40px;border-radius:4px;border:2px solid #ddd;cursor:pointer;transition:all .2s}.color-preset:hover{border-color:#1890ff;transform:scale(1.1)}.main-editor{display:flex;flex:1;gap:0;overflow:hidden}.editor-canvas-wrapper{flex:1;display:flex;justify-content:center;align-items:flex-start;background:#e8e8e8;overflow:auto;position:relative}.editor-canvas-wrapper>div{display:flex;justify-content:center}.editor-canvas{background:#ffffff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px #0000001a;cursor:crosshair;display:block}.editor-canvas:focus{outline:2px solid #1890ff}.editor-sidebar{width:300px;background:#ffffff;border-left:1px solid #e8e8e8;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.editor-sidebar .ant-tabs{height:100%;display:flex;flex-direction:column}.editor-sidebar .ant-tabs-content{flex:1;overflow-y:auto;padding:12px}.slides-panel{display:flex;flex-direction:column;gap:8px;padding:8px 0}.slide-thumbnail{position:relative;aspect-ratio:16 / 12;background:#f0f0f0;border:2px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .3s ease;overflow:hidden}.slide-thumbnail:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff26;transform:scale(1.02)}.slide-thumbnail.active{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff33}.slide-preview-content{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:linear-gradient(135deg,#f5f5f5 0%,#fafafa 100%)}.slide-number{font-size:10px;color:#999;font-weight:600}.slide-preview-text{font-size:11px;color:#666;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.design-panel{padding:12px 0}.design-section{padding:12px 0;border-bottom:1px solid #f0f0f0}.design-section label{display:block;font-size:12px;font-weight:600;color:#333;margin-bottom:8px}.design-section input[type=color]{cursor:pointer;transition:transform .2s}.design-section input[type=color]:hover{transform:scale(1.1)}@media (max-width: 1200px){.editor-sidebar{width:250px}.editor-canvas{max-width:90%;max-height:90%}}@media (max-width: 992px){.main-editor{flex-direction:column}.editor-canvas-wrapper{flex:1;min-height:50%}.editor-sidebar{width:100%;height:250px;border-left:none;border-top:1px solid #e8e8e8}.slides-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.slide-thumbnail{aspect-ratio:auto;height:60px}}@media (max-width: 768px){.editor-toolbar-office{flex-direction:column;gap:4px;min-height:auto}.toolbar-left-section,.toolbar-right-section{width:100%;flex:1!important}.toolbar-row .ant-btn{font-size:11px;height:26px;padding:0 6px}.editor-canvas-wrapper{padding:10px}.editor-sidebar{height:200px}}@media (prefers-color-scheme: dark){.ppt-editor-page,.ppt-editor-fullscreen{background:#1f2937}.editor-toolbar-office,.editor-sidebar{background:#111827;border-color:#374151}.design-section label{color:#e5e7eb}.editor-canvas-wrapper{background:#0f1419}.editor-canvas{background:#1f2937;border-color:#374151}.slide-thumbnail{background:#111827;border-color:#374151}.slide-thumbnail:hover{border-color:#1890ff}.slide-preview-content{background:linear-gradient(135deg,#111827 0%,#0f1419 100%)}.slide-preview-text,.slide-number{color:#d1d5db}.design-section{border-color:#374151}}.ppt-editor-fullscreen .editor-toolbar-office{height:auto}.ppt-editor-fullscreen .editor-canvas-wrapper{padding:40px}.ppt-editor-fullscreen .editor-sidebar{width:320px;height:auto}.image-ai-page{width:100%;min-height:100%;background:transparent;display:flex;justify-content:center;align-items:flex-start}.image-ai-inner{width:100%;max-width:1300px;margin:12px auto;padding:0 12px 16px;display:flex;flex-direction:column}.image-ai-header{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.title-block{text-align:center}.title-block h1{margin:0;font-size:22px;font-weight:700}.title-sub{margin:4px 0 0;font-size:13px;color:#8c8c8c}.model-tag{border-radius:999px}.image-ai-main{display:grid;grid-template-columns:1fr;gap:12px;flex:1}.image-pane,.chat-pane{min-height:0}.image-upload-card,.image-hints-card,.chat-card{background:#f5f7fb;border-radius:12px;box-shadow:0 1px 6px #0000000a}.image-upload-card{padding:14px;margin-bottom:10px}.image-hints-card{padding:14px 16px 12px}.hints-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.hints-icon{color:#fa8c16}.hints-title{font-size:13px;font-weight:500;color:#595959}.hints-list{margin:0;padding-left:16px;font-size:12px;color:#8c8c8c}.hints-list li+li{margin-top:2px}.image-upload-card .ant-upload-dragger{padding:12px 14px!important;background:#fafafa!important}.upload-visual{display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;background:#f0f0f0;min-height:180px}.image-preview-wrapper{position:relative;width:100%}.image-preview{width:100%;display:block;object-fit:cover}.image-preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.32),transparent 40%);pointer-events:none}.image-upload-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.upload-big-icon{font-size:48px;color:#bfbfbf}.upload-text-block{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.upload-title-row{display:flex;flex-direction:column}.upload-title{font-size:14px;font-weight:500;color:#262626}.upload-tip{font-size:12px;color:#8c8c8c}.upload-file-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.file-name{max-width:180px;font-size:12px;color:#595959;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:#bfbfbf}.image-pane{display:none}.chat-card{padding:14px 16px 10px;display:flex;flex-direction:column;min-height:520px;height:calc(100vh - 180px)}.chat-body{flex:1;min-height:0;margin-bottom:8px;display:flex;flex-direction:column}.chat-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#8c8c8c;font-size:13px}.chat-empty-sub{margin-top:4px;font-size:12px;color:#bfbfbf}.chat-messages{flex:1;overflow-y:auto;padding:10px 8px;border-radius:12px;background:#f5f5f5}.wx-msg-row{display:flex;align-items:flex-end;gap:8px;margin:10px 0}.wx-msg-row-user{flex-direction:row-reverse}.wx-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.wx-msg-row-ai .wx-avatar{background:#ffffff;border:1px solid #e5e7eb;color:#111827}.wx-msg-row-user .wx-avatar{background:#1677ff;color:#fff}.wx-bubble{max-width:min(720px,78%);padding:10px 12px;border-radius:12px;position:relative;font-size:13px;line-height:1.6;word-break:break-word}.wx-bubble-ai{background:#ffffff;border:1px solid #e5e7eb;color:#111827}.wx-bubble-user{background:#95ec69;color:#111827}.wx-bubble-ai:after{content:"";position:absolute;left:-8px;bottom:10px;border:8px solid transparent;border-right-color:#fff}.wx-bubble-user:after{content:"";position:absolute;right:-8px;bottom:10px;border:8px solid transparent;border-left-color:#95ec69}.wx-bubble-image{background:transparent!important;border:none!important;padding:0!important}.wx-bubble-image:after{display:none!important}.wx-image-thumb{width:140px;height:140px;border-radius:18px;overflow:hidden;background:#f3f4f6;box-shadow:0 8px 22px #0000001a;cursor:pointer}.wx-image-thumb-img{width:100%;height:100%;display:block;object-fit:cover}.wx-image-preview-mask{display:inline-flex;align-items:center;gap:6px;font-weight:600}.wx-image-action-row{display:flex;justify-content:center;margin-top:10px}.wx-image-action-btn.ant-btn{height:44px;padding:0 24px;border-radius:22px;border:none;background:#f0f0f0;color:#262626;font-size:16px;font-weight:600}.wx-image-action-btn.ant-btn:hover{background:#e6e6e6}.wx-bubble-content{white-space:pre-wrap}.wx-bubble-actions{display:flex;justify-content:flex-end;margin-top:4px}.bubble-markdown p{margin:0 0 8px}.bubble-markdown p:last-child{margin-bottom:0}.bubble-markdown ul,.bubble-markdown ol{margin:6px 0;padding-left:18px}.bubble-markdown pre{background:rgba(0,0,0,.04);padding:10px;border-radius:10px;overflow:auto}.chat-quick-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.chat-input-row{margin-top:8px}.chat-input-shell{background:#ffffff;border-radius:18px;padding:10px 14px;box-shadow:0 6px 20px #00000014;display:flex;flex-direction:column;gap:8px}.chat-input-shell-with-image{border:1px solid #1890ff}.chat-input-image-row{display:flex;align-items:center;gap:8px}.chat-input-thumb{position:relative;width:48px;height:48px;overflow:visible;cursor:pointer}.chat-thumb-image{width:48px;height:48px;border-radius:12px;overflow:hidden}.chat-thumb-image .ant-image,.chat-thumb-image .ant-image-img{width:48px;height:48px;display:block}.chat-thumb-image .ant-image-img{object-fit:cover;border-radius:12px}.chat-thumb-preview-mask{display:inline-flex;align-items:center;gap:6px;font-weight:600}.chat-thumb-close{position:absolute;top:-12px;right:-12px;width:28px;height:28px;border-radius:999px;border:3px solid #ffffff;background:#ff4d4f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 6px 16px #0000002e}.chat-thumb-close svg{font-size:18px}.chat-thumb-close:hover{background:#ff7875}.chat-input-image-tag{border-radius:999px;padding:2px 12px;font-size:12px}.chat-input-textarea .ant-input,.chat-input-textarea textarea{border:none!important;box-shadow:none!important;padding:0;resize:none}.chat-input-textarea .ant-input:focus,.chat-input-textarea .ant-input-focused,.chat-input-textarea textarea:focus{border:none!important;box-shadow:none!important}.chat-input-footer{display:flex;align-items:center;justify-content:space-between}.chat-input-tools{display:flex;align-items:center;gap:8px}.chat-upload-file-name{font-size:12px;color:#595959;max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-input-actions{display:flex;align-items:center;gap:8px}.chat-input-mode-toggle{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#8c8c8c}.chat-input-send-btn{box-shadow:0 4px 12px #1890ff80}.related-tools-wrapper{margin-top:10px}.focus-mode-toggle{position:fixed;right:16px;top:16px;bottom:auto;transform:none;z-index:1060;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);color:#1677ff;box-shadow:0 10px 24px #0000001f}.focus-mode-toggle:hover{background:rgba(255,255,255,1);border-color:#1677ff59}.image-ai-page.focus-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#f5f7fb}.image-ai-page.focus-mode .image-ai-inner{max-width:100%;margin:0;padding:0;height:100vh}.image-ai-page.focus-mode .image-ai-main{height:100vh;gap:0}.image-ai-page.focus-mode .chat-pane{height:100vh}.image-ai-page.focus-mode .chat-card{height:100vh;min-height:100vh;border-radius:0;box-shadow:none;padding:12px 12px 10px}.image-ai-page.focus-mode .chat-messages{border-radius:12px}@media (max-width: 992px){.image-ai-main{grid-template-columns:1fr}.image-ai-inner{max-width:100%}.wx-image-thumb{width:130px;height:130px}}@media (max-width: 480px){.wx-image-thumb{width:120px;height:120px;border-radius:16px}}.model-tryon-modal .tool-modal-header-decor.model-decor{background-image:url(/images/shops/models/model-header.png)}.model-tryon-modal .tool-modal-main.model-modal-main{margin-bottom:12px}.model-tryon-modal .model-examples-row{margin-top:16px;margin-bottom:16px;padding-top:0;padding-bottom:0}.model-tryon-modal .model-examples-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,160px));gap:10px;justify-content:center}.model-tryon-modal .model-example-group{cursor:pointer;border-radius:10px;overflow:hidden;background:white;border:none}.model-tryon-modal .model-example-overlap{position:relative;width:100%;padding-top:100%;overflow:hidden;background:white;transition:transform .2s ease}.model-tryon-modal .model-example-group:hover .model-example-overlap{transform:scale(1.06)}.model-tryon-modal .model-example-main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.model-tryon-modal .model-example-small-image{position:absolute;bottom:6px;right:6px;width:30%;height:30%;object-fit:cover;border-radius:6px;border:2px solid white}.model-tryon-modal .model-modal-main .upload-box{height:100%;min-height:240px;border:none;padding:0;background:transparent}.model-tryon-modal .model-modal-main .upload-dragger{min-height:180px;border:2px dashed #e5e7eb!important}.model-tryon-modal .model-modal-main .upload-dragger.ant-upload-drag:hover{border-color:#8b5cf6!important}.model-tryon-modal .model-modal-main .upload-preview-wrapper{padding-top:100%;background:white}.model-tryon-modal.chat-mode .tool-modal-content{padding-top:16px}.chat-view-container{display:flex;flex-direction:column;height:600px;margin-top:16px;background:#f5f5f5;border-radius:12px;overflow:hidden}.chat-messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8c8c8c}.chat-empty-state p{margin-top:16px;font-size:14px}.chat-message{display:flex;gap:12px;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user-message{flex-direction:row-reverse}.message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.chat-message.user-message .message-avatar{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.message-content-wrapper{flex:1;max-width:70%;display:flex;flex-direction:column;gap:4px}.chat-message.user-message .message-content-wrapper{align-items:flex-end}.message-content{padding:12px 16px;border-radius:12px;background:white;box-shadow:0 1px 2px #0000000d;word-wrap:break-word}.chat-message.user-message .message-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.message-content.error-message{background:#fff1f0;color:#cf1322;border:1px solid #ffccc7}.message-images{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.message-text{font-size:14px;line-height:1.6}.message-time{font-size:12px;color:#8c8c8c;padding:0 4px}.chat-input-area{padding:16px;background:white;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.chat-input-controls{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px}.chat-enhance-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f5f5;border-radius:6px;font-size:13px;color:#595959}.chat-enhance-toggle .enhance-icon{font-size:14px;color:#faad14}.chat-input-area .ant-input{border-radius:8px;padding:8px 12px;font-size:14px}.chat-input-area .ant-btn{height:auto;padding:8px 20px;border-radius:8px;align-self:flex-end}.chat-messages-area::-webkit-scrollbar{width:6px}.chat-messages-area::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.chat-messages-area::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#b0b0b0}@media (max-width: 768px){.model-tryon-modal .model-examples-grid{grid-template-columns:repeat(auto-fit,minmax(120px,140px));gap:8px}.model-tryon-modal .model-example-small-image{width:32%;height:32%;bottom:5px;right:5px;border-radius:5px}.model-tryon-modal .model-modal-main .upload-box{min-height:200px}.model-tryon-modal .model-modal-main .upload-dragger{min-height:160px}.chat-view-container{height:500px}.message-content-wrapper{max-width:80%}.message-avatar{width:32px;height:32px;font-size:16px}.chat-input-area{padding:12px}}@media (max-width: 480px){.model-tryon-modal .model-examples-grid{grid-template-columns:repeat(auto-fit,minmax(100px,120px));gap:6px}.model-tryon-modal .model-example-small-image{width:32%;height:32%;bottom:4px;right:4px;border-radius:4px}.model-tryon-modal .model-modal-main .upload-box{min-height:160px}.model-tryon-modal .model-modal-main .upload-dragger{min-height:120px}.chat-view-container{height:450px}.message-content-wrapper{max-width:85%}.message-content{padding:10px 12px;font-size:13px}.message-avatar{width:28px;height:28px;font-size:14px}.chat-input-area{padding:10px;gap:8px}.message-images .ant-image{width:80px!important;height:80px!important}}.marketing-poster-modal .tool-modal-header-decor.marketing-decor{background-image:url(/images/shops/markets/market-header.png)}.marketing-poster-modal .marketing-upload-dragger{border:none!important;background:transparent!important;padding:0!important}.marketing-poster-modal .marketing-upload-dragger.ant-upload-drag,.marketing-poster-modal .marketing-upload-dragger .ant-upload-drag{border:2px dashed #e5e7eb!important;border-radius:16px;background:#fbfbff;padding:0}.marketing-poster-modal .marketing-upload-dragger.ant-upload-drag:hover,.marketing-poster-modal .marketing-upload-dragger .ant-upload-drag:hover{border-color:#8b5cf6!important}.marketing-poster-modal .marketing-upload-dragger:before,.marketing-poster-modal .marketing-upload-dragger:after,.marketing-poster-modal .marketing-upload-dragger .ant-upload-drag:before,.marketing-poster-modal .marketing-upload-dragger .ant-upload-drag:after{content:none!important;display:none!important}.marketing-poster-modal .marketing-upload-inner{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 12px}.marketing-poster-modal .marketing-upload-icon{font-size:42px;color:#8a8fa3}.marketing-poster-modal .marketing-upload-tip{font-size:14px;color:#6b7280}.marketing-poster-modal .marketing-examples{margin-top:16px}.marketing-poster-modal .marketing-examples-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,160px));gap:10px;justify-content:center}.marketing-poster-modal .marketing-example-card{cursor:pointer;border-radius:10px;overflow:hidden;background:white;border:none;outline:none}.marketing-poster-modal .marketing-example-card:focus,.marketing-poster-modal .marketing-example-card:focus-visible{outline:none;box-shadow:none}.marketing-poster-modal .marketing-example-image{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#ffffff;transition:transform .2s ease}.marketing-poster-modal .marketing-example-card:hover .marketing-example-image{transform:scale(1.06)}.marketing-poster-modal .marketing-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}.marketing-poster-modal .marketing-preview-frame{position:relative;border-radius:16px;border:1px dashed #e5e7eb;overflow:hidden;background:#fbfbff;min-height:240px;display:flex;align-items:center;justify-content:center}.marketing-poster-modal .marketing-preview-image{max-width:92%;max-height:260px}.marketing-poster-modal .marketing-preview-image .ant-image-img{max-width:100%;max-height:260px;object-fit:contain}.marketing-poster-modal .marketing-preview-mask{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.marketing-poster-modal .marketing-preview-empty{color:#6b7280}.marketing-poster-modal .marketing-preview-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:10px;background:rgba(0,0,0,.45);color:#fff}.marketing-poster-modal .marketing-preview-close:hover{background:rgba(0,0,0,.6);color:#fff}.marketing-poster-modal .marketing-form-panel{padding:0}.marketing-poster-modal .marketing-field{display:flex;flex-direction:column}.marketing-poster-modal .marketing-field-title{font-size:16px;font-weight:600;color:#111827}.marketing-poster-modal .marketing-field-copy{margin-top:14px}.marketing-poster-modal .marketing-field-subtitle{display:block;margin-top:6px;font-size:12px}.marketing-poster-modal .marketing-copy-textarea{margin-top:8px;border-radius:12px;padding:10px 12px;font-size:13px}.marketing-poster-modal .marketing-style-dropdown .ant-select-item{padding:10px 12px;font-size:14px}@media (max-width: 768px){.marketing-poster-modal .marketing-two-col{grid-template-columns:1fr}.marketing-poster-modal .marketing-upload-inner{min-height:180px}}@media (max-width: 480px){.marketing-poster-modal .marketing-examples-grid{grid-template-columns:repeat(auto-fit,minmax(120px,140px));gap:8px}}.background-generate-modal .tool-modal-header-decor.background-decor{background-image:url(/images/shops/backgroud/backgroud-header.png);width:360px;height:260px;top:-110px;right:36px}.background-generate-modal .background-modal-main .upload-box{height:100%;min-height:260px;border:none;padding:0;background:transparent}.background-generate-modal .background-modal-main .upload-dragger{min-height:220px;border:2px dashed #e5e7eb!important}.background-generate-modal .background-modal-main .upload-dragger.ant-upload-drag:hover{border-color:#8b5cf6!important}.background-generate-modal .background-modal-main .upload-preview-wrapper{padding-top:78%}.background-generate-modal .background-modal-main .upload-preview-image,.background-generate-modal .background-modal-main .upload-preview-wrapper .ant-image img{object-fit:contain}.background-generate-modal .examples-label{font-size:12px;color:#9ca3af}.background-generate-modal .bg-examples-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,200px));gap:10px;justify-content:center}.background-generate-modal .bg-example-group{cursor:pointer;border-radius:12px;overflow:hidden;background:transparent}.background-generate-modal .bg-example-overlap{position:relative;width:100%;padding-top:62%;overflow:hidden;background:transparent;transition:transform .2s ease}.background-generate-modal .bg-example-group:hover .bg-example-overlap{transform:scale(1.06)}.background-generate-modal .bg-example-main-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.background-generate-modal .bg-example-small-image{position:absolute;bottom:8px;right:8px;width:34%;height:34%;object-fit:cover;border-radius:10px;border:2px solid #fff}@media (max-width: 768px){.background-generate-modal .tool-modal-header-decor.background-decor{width:260px;height:200px;right:18px;top:-96px}.background-generate-modal .background-modal-main .upload-box{min-height:220px}.background-generate-modal .background-modal-main .upload-dragger{min-height:180px}.background-generate-modal .bg-examples-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}}@media (max-width: 480px){.background-generate-modal .tool-modal-header-decor.background-decor{width:210px;height:170px;right:10px;top:-86px}.background-generate-modal .background-modal-main .upload-box{min-height:190px}.background-generate-modal .background-modal-main .upload-dragger{min-height:150px}}.stylemimic-modal .tool-modal-header-decor.style-decor{background-image:url(/images/shops/stylemimic/stylemimic-header.png);width:360px;height:260px;top:-110px;right:36px}.stylemimic-modal .stylemimic-modal-main .upload-box{height:100%;min-height:260px;border:none;padding:0;background:transparent}.stylemimic-modal .stylemimic-modal-main .upload-dragger{min-height:220px;border:2px dashed #e5e7eb!important}.stylemimic-modal .stylemimic-modal-main .upload-dragger.ant-upload-drag:hover{border-color:#8b5cf6!important}.stylemimic-modal .stylemimic-modal-main .upload-preview-wrapper{padding-top:78%}.stylemimic-modal .stylemimic-modal-main .upload-preview-image,.stylemimic-modal .stylemimic-modal-main .upload-preview-wrapper .ant-image img{object-fit:contain}.stylemimic-modal .examples-label{font-size:12px;color:#9ca3af}.stylemimic-modal .stylemimic-examples-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,200px));gap:10px;justify-content:center}.stylemimic-modal .stylemimic-example-group{cursor:pointer;border-radius:12px;overflow:hidden;background:transparent}.stylemimic-modal .stylemimic-example-overlap{position:relative;width:100%;padding-top:62%;overflow:hidden;background:transparent;transition:transform .2s ease}.stylemimic-modal .stylemimic-example-group:hover .stylemimic-example-overlap{transform:scale(1.06)}.stylemimic-modal .stylemimic-example-main-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.stylemimic-modal .stylemimic-example-small-image{position:absolute;bottom:8px;right:8px;width:34%;height:34%;object-fit:cover;border-radius:10px;border:2px solid #fff}@media (max-width: 768px){.stylemimic-modal .tool-modal-header-decor.style-decor{width:260px;height:200px;right:18px;top:-96px}.stylemimic-modal .stylemimic-modal-main .upload-box{min-height:220px}.stylemimic-modal .stylemimic-modal-main .upload-dragger{min-height:180px}.stylemimic-modal .stylemimic-examples-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}}@media (max-width: 480px){.stylemimic-modal .tool-modal-header-decor.style-decor{width:210px;height:170px;right:10px;top:-86px}.stylemimic-modal .stylemimic-modal-main .upload-box{min-height:190px}.stylemimic-modal .stylemimic-modal-main .upload-dragger{min-height:150px}}.translate-modal .tool-modal-header-decor.translate-decor{background-image:url(/images/shops/translate/translate-header.png);width:360px;height:260px;top:-110px;right:36px;z-index:1;pointer-events:none}.translate-modal .translate-upload-wrapper{margin-top:-14px;position:relative;z-index:2}.translate-modal .translate-dragger{border:none!important;background:transparent!important;padding:0!important}.translate-modal .translate-dragger.ant-upload-drag,.translate-modal .translate-dragger .ant-upload-drag{border:2px dashed #e5e7eb!important;border-radius:16px;background:#fbfbff;padding:0;min-height:220px}.translate-modal .translate-dragger.ant-upload-drag:hover,.translate-modal .translate-dragger .ant-upload-drag:hover{border-color:#e5e7eb!important}.translate-modal .translate-dragger.translate-dragger-filled.ant-upload-drag,.translate-modal .translate-dragger.translate-dragger-filled .ant-upload-drag{padding:18px;background:#fff}.translate-modal .translate-dragger.translate-dragger-filled .ant-upload-btn{display:block!important;height:auto!important}.translate-modal .translate-dragger.translate-dragger-filled .ant-upload-drag-container{width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.translate-modal .translate-dragger:before,.translate-modal .translate-dragger:after,.translate-modal .translate-dragger .ant-upload-drag:before,.translate-modal .translate-dragger .ant-upload-drag:after{content:none!important;display:none!important}.translate-modal .translate-empty-inner{height:100%;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.translate-modal .translate-empty-icon{font-size:34px;color:#9ca3af}.translate-modal .translate-empty-tip{color:#6b7280;font-size:14px}.translate-modal .translate-empty-btn{height:44px;padding:0 28px;border-radius:10px}.translate-modal .translate-thumb-list{width:100%;display:flex;align-items:flex-start;align-content:flex-start;gap:16px;flex-wrap:wrap}.translate-modal .translate-thumb-item{width:150px;display:flex;align-items:flex-start}.translate-modal .translate-thumb-list .ant-upload,.translate-modal .translate-thumb-list .ant-upload-select,.translate-modal .translate-thumb-list .ant-upload-wrapper{display:block}.translate-modal .translate-thumb-item.translate-thumb-item-add{align-items:flex-start}.translate-modal .translate-add-upload{display:block}.translate-modal .translate-add-upload,.translate-modal .translate-add-upload .ant-upload,.translate-modal .translate-add-upload .ant-upload-select{line-height:0;vertical-align:top}.translate-modal .translate-thumb-imgwrap{position:relative;width:150px;height:150px;border-radius:14px;overflow:hidden;background:#f3f4f6}.translate-modal .translate-thumb-image,.translate-modal .translate-thumb-imgwrap .ant-image{width:100%;height:100%}.translate-modal .translate-thumb-imgwrap .ant-image-img{width:100%;height:100%;object-fit:cover}.translate-modal .translate-thumb-mask{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.translate-modal .translate-thumb-close{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#111827;background:rgba(255,255,255,.9);border-radius:999px}.translate-modal .translate-thumb-close:hover{background:#fff}.translate-modal .translate-add-tile{width:150px;height:150px;border-radius:14px;border:2px dashed #d1d5db;background:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.translate-modal .translate-add-tile:hover{border-color:#cbd5e1}.translate-modal .translate-add-plus{font-size:26px;color:#69b1ff}.translate-modal .translate-add-text{font-size:14px;color:#69b1ff}.translate-modal .translate-divider{height:1px;background:#eef2f7;margin:18px 0 10px}.translate-modal .examples-label{font-size:12px;color:#9ca3af}.translate-modal .translate-examples-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,160px));gap:6px;justify-content:center}.translate-modal .translate-example-card{cursor:pointer;border-radius:10px;overflow:hidden;background:#ffffff;border:none;padding:0;outline:none}.translate-modal .translate-example-card:focus,.translate-modal .translate-example-card:focus-visible{outline:none;box-shadow:none}.translate-modal .translate-example-image{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#ffffff;display:block;transition:transform .2s ease}.translate-modal .translate-example-card:hover .translate-example-image{transform:scale(1.06)}.translate-modal .translate-lang-panel{margin-top:18px;padding:18px 18px 14px;border:2px dashed #d1d5db;border-radius:12px;background:#fff}.translate-modal .translate-lang-title{display:block;margin-bottom:12px}.translate-modal .translate-lang-list{display:flex;flex-wrap:wrap;gap:12px}.translate-modal .translate-lang-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid transparent;background:#f3f4f6;color:#111827;cursor:pointer;font-size:14px}.translate-modal .translate-lang-pill:hover{background:#eef2ff}.translate-modal .translate-lang-pill.active{border-color:#8b5cf6;background:#eef2ff;color:#4c1d95}.translate-modal .translate-lang-flag{font-size:16px}@media (max-width: 768px){.translate-modal .tool-modal-header-decor.translate-decor{width:260px;height:200px;right:18px;top:-96px}.translate-modal .translate-dragger{min-height:180px}.translate-modal .translate-examples-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}}@media (max-width: 480px){.translate-modal .tool-modal-header-decor.translate-decor{width:210px;height:170px;right:10px;top:-86px}.translate-modal .translate-thumb-item,.translate-modal .translate-thumb-imgwrap,.translate-modal .translate-add-tile{width:130px;height:130px}}.ai-chat-panel{height:100%;display:flex;flex-direction:column;border-radius:22px;background:#ffffff;border:1px solid #eef2f7;box-shadow:0 18px 60px #0f172a14;overflow:hidden;min-height:0}.ai-chat-header{flex-shrink:0;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.ai-chat-titlebar{display:flex;align-items:center;gap:10px;min-width:0}.ai-chat-back{width:56px;height:48px;border-radius:14px;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#111827;box-shadow:none}.ai-chat-back:hover{background:rgba(0,0,0,.03);box-shadow:0 12px 30px #0f172a1f}.ai-chat-title{font-size:16px;font-weight:800;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-header-actions{display:flex;gap:10px}.ai-chat-header-action{width:56px;height:48px;border:none;background:transparent;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#111827}.ai-chat-header-action:hover{background:rgba(0,0,0,.03);box-shadow:0 12px 30px #0f172a1f}.ai-chat-header-action-icon{font-size:18px;line-height:1}.ai-chat-header-action-label{font-size:12px;line-height:1;color:#6b7280}.ai-chat-body{flex:1;min-height:0;padding:16px 20px;overflow:auto;background:#f9fafb}.ai-chat-hint{padding:14px 16px;border-radius:12px;background:#ffffff;border:1px solid #e5e7eb;color:#6b7280;font-size:13px;line-height:1.6;margin-bottom:16px}.ai-chat-msg{margin:12px 0;display:flex;flex-direction:column}.ai-chat-msg.is-user{align-items:flex-end}.ai-chat-msg.is-assistant{align-items:flex-start}.ai-chat-msg-bubble{max-width:85%;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.65;word-break:break-word}.ai-chat-msg.is-user .ai-chat-msg-bubble{background:#f3f4f6;border:1px solid #e5e7eb;color:#1f2937;box-shadow:none}.ai-chat-msg.is-assistant .ai-chat-msg-bubble{background:#ffffff;border:1px solid #e5e7eb;color:#1f2937;box-shadow:0 1px 3px #0000000d}.ai-chat-msg-bubble h1,.ai-chat-msg-bubble h2,.ai-chat-msg-bubble h3,.ai-chat-msg-bubble h4{margin:12px 0 8px;font-weight:700;line-height:1.4;color:#1f2937}.ai-chat-msg-bubble h1{font-size:18px}.ai-chat-msg-bubble h2{font-size:16px}.ai-chat-msg-bubble h3{font-size:15px}.ai-chat-msg-bubble h4{font-size:14px}.ai-chat-msg-bubble p{margin:6px 0;line-height:1.65;color:#374151}.ai-chat-msg-bubble ul,.ai-chat-msg-bubble ol{margin:8px 0;padding-left:20px}.ai-chat-msg-bubble li{margin:4px 0;line-height:1.6;color:#374151}.ai-chat-msg-bubble blockquote{margin:10px 0;padding:10px 14px;border-left:3px solid #9e08f2;background:#f9fafb;border-radius:6px;font-style:normal;color:#4b5563}.ai-chat-msg.is-user .ai-chat-msg-bubble blockquote{border-left-color:#9ca3af;background:#f3f4f6;color:#1f2937}.ai-chat-msg-bubble pre{margin:10px 0;padding:0;border-radius:8px;overflow:hidden;background:#282c34;box-shadow:0 1px 3px #0000001a}.ai-chat-msg-bubble code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.ai-chat-msg-bubble pre code{display:block;padding:14px;overflow-x:auto;line-height:1.5;color:#abb2bf}.ai-chat-msg-bubble :not(pre)>code{padding:2px 6px;border-radius:4px;background:#f3f4f6;color:#9e08f2;font-size:12px}.ai-chat-msg.is-user .ai-chat-msg-bubble :not(pre)>code{background:#e5e7eb;color:#4b5563}.ai-chat-msg-bubble table{width:100%;margin:12px 0;border-collapse:collapse;border-radius:8px;overflow:hidden;font-size:13px}.ai-chat-msg-bubble table th,.ai-chat-msg-bubble table td{padding:8px 12px;border:1px solid #e5e7eb;text-align:left}.ai-chat-msg-bubble table th{background:#f9fafb;font-weight:600;color:#374151}.ai-chat-msg-bubble table tr:nth-child(2n){background:#f9fafb}.ai-chat-msg-bubble a{color:#9e08f2;text-decoration:none;border-bottom:1px solid rgba(158,8,242,.3);transition:border-color .2s}.ai-chat-msg-bubble a:hover{border-bottom-color:#9e08f2}.ai-chat-msg.is-user .ai-chat-msg-bubble a{color:#fff;border-bottom-color:#ffffff80}.ai-chat-msg.is-user .ai-chat-msg-bubble a:hover{border-bottom-color:#fff}.ai-chat-msg-bubble hr{margin:16px 0;border:none;border-top:1px solid #e5e7eb}.ai-chat-msg.is-user .ai-chat-msg-bubble hr{border-top-color:#ffffff4d}.ai-chat-msg-bubble>div:hover .image-hover-actions{opacity:1!important}.ai-chat-msg-meta{margin-top:6px;font-size:11px;color:#9aa3b2}.generated-image-container{margin-top:10px;position:relative;display:flex;gap:10px;flex-wrap:wrap;max-width:100%}.generated-image-container img{max-width:160px;max-height:160px;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:block;object-fit:cover}.image-hover-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.generated-image-container:hover .image-hover-actions{opacity:1}.image-action-btn{background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:13px;transition:background .2s ease;white-space:nowrap}.image-action-btn:hover{background:rgba(24,144,255,.9)!important}.ai-collapsible-section{margin:12px 0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#ffffff}.ai-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;background:#f9fafb;transition:background .2s;-webkit-user-select:none;user-select:none}.ai-collapsible-header:hover{background:#f3f4f6}.ai-collapsible-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#9e08f2}.ai-collapsible-icon{font-size:16px;color:#9e08f2}.ai-collapsible-arrow{font-size:14px;color:#9ca3af;transition:transform .2s}.ai-collapsible-arrow.expanded{transform:rotate(180deg)}.ai-collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.ai-collapsible-content.expanded{max-height:1000px;padding:12px 14px;border-top:1px solid #e5e7eb}.ai-collapsible-content ul{margin:0;padding-left:20px}.ai-collapsible-content li{margin:6px 0;line-height:1.6;color:#4b5563}.ai-progress-tip{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:10px 0;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e}.ai-progress-tip .anticon{font-size:16px;color:#f59e0b}.ai-chat-footer{flex-shrink:0;padding:12px;border-top:1px solid #f1f5f9}.ai-chat-composer{border-radius:18px;border:none;background:#ffffff;padding:10px}.ai-chat-upload-preview{display:flex;align-items:flex-start;gap:10px;margin:2px 2px 10px;flex-wrap:wrap}.ai-chat-preview-item{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb}.ai-chat-preview-thumb{width:100%;height:100%;object-fit:cover;display:block}.ai-chat-preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(17,24,39,.28);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;cursor:pointer;pointer-events:none;z-index:2}.ai-chat-preview-item:hover .ai-chat-preview-mask{opacity:1;pointer-events:auto}.ai-chat-preview-icon{color:#fff;font-size:20px}.ai-chat-preview-close{position:absolute;right:6px;top:6px;width:26px;height:26px;border-radius:999px;border:none;background:rgba(17,24,39,.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.ai-chat-preview-close:hover{background:rgba(17,24,39,.7)}.ai-chat-input{width:100%;padding:6px!important;font-size:14px;line-height:1.6;border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}.ai-chat-input:focus,.ai-chat-input:focus-within{border:none!important;box-shadow:none!important;outline:none!important}.ai-chat-input :where(.ant-input),.ai-chat-input :where(textarea){resize:none;border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}.ai-chat-input :where(.ant-input):focus,.ai-chat-input :where(.ant-input-focused),.ai-chat-input :where(textarea):focus{border:none!important;box-shadow:none!important;outline:none!important}.ai-chat-required-tip{margin:4px 6px 0;font-size:12px;color:#fa8c16;line-height:1.2}.ai-chat-composer-divider{height:1px;background:#f1f5f9;margin:8px 4px}.ai-chat-composer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-chat-composer-left{display:flex;align-items:center;gap:10px;min-width:0}.ai-chat-pill{height:36px;padding:0 10px;border-radius:14px;border:1px solid #eef2f7;background:#ffffff;color:#111827;display:inline-flex;align-items:center;gap:8px}.ai-chat-pill .ant-switch-checked{background:#b794f6!important}.ai-chat-pill .ant-switch-checked:hover:not(.ant-switch-disabled){background:#b794f6!important}.ai-chat-pill-icon{font-size:16px;color:#b794f6}.ai-chat-pill-icon-img{width:18px;height:18px;object-fit:contain}.ai-chat-pill-label{font-size:12px;font-weight:400;color:#111827}.ai-chat-enhance{flex-shrink:0}button.ai-chat-upload{cursor:pointer}button.ai-chat-upload:hover{background:rgba(0,0,0,.03)}.ai-chat-send{width:36px;height:36px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #0f172a1a}.ai-chat-send .anticon{font-size:16px}.ai-chat-send.is-idle{background:#eef2ff!important;border-color:transparent!important;color:#11182759!important}.ai-chat-send.is-active{background:#b794f6!important;border-color:transparent!important;color:#fff!important}.ai-chat-send.is-active:hover{background:#b794f6!important}.ai-chat-send.is-idle:disabled,.ai-chat-send.is-idle.ant-btn[disabled]{opacity:1!important;cursor:not-allowed}.alpha-canvas-page{width:100%;min-height:calc(100vh - 65px);background:#f5f6fa;display:flex;flex-direction:column}.alpha-canvas-header{height:72px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.alpha-header-left,.alpha-header-right{pointer-events:auto}.alpha-header-left{display:flex;align-items:center;gap:12px}.alpha-task-pill{height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid #eef2f7;box-shadow:0 10px 30px #0f172a0f}.alpha-task-title{font-size:15px;font-weight:600;color:#111827}.alpha-task-suffix{color:#6b7280;font-weight:600}.alpha-task-expand{color:#111827;font-size:13px;font-weight:500}.alpha-header-right{display:flex;align-items:center;gap:10px}.alpha-collect-pill{height:44px;padding:0;display:inline-flex;align-items:center;gap:10px;border-radius:14px;background:transparent;border:none}.alpha-collect-label{font-size:13px;color:#111827;font-weight:500}.alpha-export-btn{height:44px;border-radius:14px;padding:0 14px;background:transparent;border:1px solid #eef2f7;color:#111827}.alpha-export-btn:hover{background:rgba(255,255,255,.7)!important;border-color:#eef2f7!important;color:#111827!important}.alpha-canvas-workspace{position:relative;flex:1;overflow:hidden;margin-top:-72px;padding-top:72px}.alpha-stage-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;overscroll-behavior:none}.alpha-stage-shell.hand{cursor:grab}.alpha-stage{position:absolute;left:0;top:0;transform-origin:0 0;background:transparent!important;border-radius:0!important}.alpha-stage-inner{position:relative;width:100%;height:100%;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.alpha-layer{position:absolute;border-radius:0;overflow:visible;-webkit-user-select:none;user-select:none}.alpha-layer.selected{outline:2px solid rgba(124,58,237,.7);outline-offset:2px}.alpha-layer-img{width:100%;height:100%;object-fit:contain;display:block;background:transparent}.alpha-layer-loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(124,58,237,.85) 0%,rgba(99,102,241,.85) 100%);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.alpha-layer-loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.alpha-layer-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:alpha-spin .8s linear infinite}@keyframes alpha-spin{to{transform:rotate(360deg)}}.alpha-layer-loading-text{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.alpha-layer-loading-label{font-size:16px;font-weight:500;color:#ffffffe6;letter-spacing:.5px}.alpha-selection{position:absolute;border:2px solid #7c3aed;border-radius:6px;pointer-events:auto;box-sizing:border-box;background:transparent}.alpha-multi-selection{position:absolute;border:2px solid rgba(124,58,237,.9);border-radius:6px;box-sizing:border-box;background:transparent;pointer-events:auto}.alpha-handle.tl,.alpha-handle.tr,.alpha-handle.bl,.alpha-handle.br{cursor:nwse-resize;pointer-events:auto}.alpha-handle{position:absolute;width:12px;height:12px;background:#ffffff;border:2px solid #7c3aed;border-radius:2px}.alpha-handle.tl{left:-7px;top:-7px}.alpha-handle.tr{right:-7px;top:-7px}.alpha-handle.bl{left:-7px;bottom:-7px}.alpha-handle.br{right:-7px;bottom:-7px}.alpha-handle.tm{left:50%;top:-7px;transform:translate(-50%)}.alpha-handle.bm{left:50%;bottom:-7px;transform:translate(-50%)}.alpha-handle.ml{left:-7px;top:50%;transform:translateY(-50%)}.alpha-handle.mr{right:-7px;top:50%;transform:translateY(-50%)}.alpha-size-badge{position:absolute;top:-42px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid #eef2f7;font-weight:600;color:#111827;box-shadow:0 12px 36px #0f172a1a}.alpha-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.alpha-chat-floating{position:absolute;left:16px;top:16px;width:420px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);pointer-events:auto}.alpha-chat-floating.open{height:min(720px,calc(100% - 32px))}.alpha-chat-floating.collapsed{width:auto;height:auto}.alpha-chat-collapsed-bar{height:60px;padding:0 14px;border-radius:22px;border:1px solid #eef2f7;background:rgba(255,255,255,.96);box-shadow:0 18px 60px #0f172a1f;display:inline-flex;align-items:center;gap:12px}.alpha-chat-collapsed-back{width:56px;height:48px;border-radius:14px;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#111827;box-shadow:none}.alpha-chat-collapsed-back:hover{background:rgba(0,0,0,.03);box-shadow:0 12px 30px #0f172a1f}.alpha-chat-collapsed-title{font-size:16px;font-weight:800;color:#111827;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.alpha-chat-collapsed-down{font-size:14px;color:#6b7280;transform:translateY(1px)}.alpha-chat-collapsed-divider{width:1px;height:28px;background:#eef2f7;margin-left:4px}.alpha-chat-collapsed-expand{height:48px;padding:0 14px;border-radius:14px;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:800;color:#111827;box-shadow:none}.alpha-chat-collapsed-expand:hover{background:rgba(0,0,0,.03);box-shadow:0 12px 30px #0f172a1f}.alpha-side-menu{position:absolute;width:172px;padding:8px;border-radius:16px;background:rgba(255,255,255,.98);border:1px solid #eef2f7;box-shadow:0 18px 60px #0f172a24;pointer-events:auto}.alpha-side-menu-item{width:100%;height:40px;padding:0 10px;border:none;background:transparent;text-align:left;border-radius:12px;color:#111827;cursor:pointer;display:flex;align-items:center;gap:8px}.alpha-side-menu-icon{width:18px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:#111827}.alpha-side-menu-label{font-size:13px;font-weight:400}.alpha-side-menu-item:hover{background:#f3f4f6}.alpha-toolbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid #eef2f7;box-shadow:0 14px 40px #0f172a1f}.alpha-tool-btn{width:56px;height:44px;border:none;background:transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#111827;cursor:pointer}.alpha-tool-btn span{font-size:11px;color:#6b7280;line-height:1}.alpha-tool-btn.active{background:#f5f3ff}.alpha-tool-btn.active span{color:#7c3aed}.alpha-zoombar{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;height:44px;display:inline-flex;align-items:center;gap:2px;padding:4px 6px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid #eef2f7;box-shadow:0 14px 40px #0f172a1f;max-width:calc(100vw - 24px);box-sizing:border-box}.alpha-zoombar :where(.ant-btn){width:32px;height:32px}.alpha-zoom-text{width:52px;text-align:center;font-weight:600;color:#111827;font-size:12px}.alpha-bottom-left-tip{position:fixed;left:16px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:10;color:#c0c4d6;font-size:12px;max-width:calc(100vw - 36px)}.alpha-layer-popover-overlay :where(.ant-popover-inner){border-radius:18px;padding:0;overflow:hidden}.alpha-layer-popover{width:360px;max-width:min(360px,calc(100vw - 24px));background:#ffffff}.alpha-layer-popover-header{padding:12px 12px 8px;border-bottom:1px solid #f1f5f9}.alpha-layer-popover-title{font-size:14px;font-weight:600;color:#111827}.alpha-layer-popover-list{padding:8px;max-height:360px;overflow:auto}.alpha-layer-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;cursor:pointer}.alpha-layer-row:hover{background:#f3f4f6}.alpha-layer-row.active{background:#f5f3ff}.alpha-layer-row.muted{opacity:.5}.alpha-layer-thumb{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#ffffff;border:1px solid #eef2f7}.alpha-layer-name{flex:1;font-size:13px;font-weight:400;color:#111827}.alpha-layer-eye{width:32px;height:32px;border-radius:10px;border:none;background:transparent;cursor:pointer;color:#111827}.alpha-layer-eye:hover{background:rgba(0,0,0,.04)}@media (max-width: 992px){.alpha-task-pill{display:none}.alpha-export-btn{padding:0 12px}}.alpha-layer-wanx21-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.alpha-layer-wanx21-loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);opacity:.95;animation:wanx21-pulse 2s ease-in-out infinite}@keyframes wanx21-pulse{0%,to{opacity:.95}50%{opacity:.85}}.alpha-layer-wanx21-loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.wanx21-loading-spinner{width:56px;height:56px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:wanx21-spin 1s linear infinite;box-shadow:0 0 20px #ffffff4d}@keyframes wanx21-spin{to{transform:rotate(360deg)}}.alpha-layer-wanx21-loading-text{font-size:16px;font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.2)}.wanx21-loading-spinner:not(.alpha-layer-wanx21-loading .wanx21-loading-spinner){width:16px;height:16px;border-width:2px;box-shadow:none;flex-shrink:0}.image-hover-actions{opacity:0;transition:opacity .2s ease}*:hover>.image-hover-actions{opacity:1!important}.alpha-translate-modal .ant-modal-content{border-radius:16px;overflow:hidden}.alpha-translate-modal .ant-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0}.alpha-translate-modal .ant-modal-title{font-size:16px;font-weight:600;color:#1f2937}.alpha-translate-modal .ant-modal-body{padding:24px}.alpha-translate-lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.alpha-translate-lang-item{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;border-radius:12px;background:#ffffff;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.alpha-translate-lang-item:hover{border-color:#60a5fa;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa26}.alpha-translate-lang-item.selected{border-color:#3b82f6;background:#dbeafe;box-shadow:0 0 0 3px #3b82f61a}.alpha-translate-lang-label{font-size:14px;font-weight:500;color:#374151}.alpha-translate-lang-item.selected .alpha-translate-lang-label{color:#1e40af;font-weight:600}@media (max-width: 768px){.alpha-translate-lang-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.alpha-translate-lang-item{height:44px;padding:0 12px}.alpha-translate-lang-label{font-size:13px}}@media (max-width: 480px){.alpha-translate-lang-grid{grid-template-columns:repeat(2,1fr);gap:8px}.alpha-translate-lang-item{height:42px;padding:0 10px}.alpha-translate-lang-label{font-size:12px}}.design-tool-page{width:100%;margin:0 auto;padding:2rem 0;background:transparent;min-height:calc(100vh - 65px);box-sizing:border-box}.design-tool-content{width:100%;padding:0 2rem;box-sizing:border-box}.tool-header{margin-bottom:1.5rem;padding:0;background:transparent}.tool-title-section{width:100%;text-align:center}.tool-title{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem;color:#262626}.tool-title h1{font-size:1.9rem;font-weight:600;margin:0;color:#262626}.tool-description{font-size:.95rem;color:#595959;line-height:1.7;margin:0 auto;max-width:720px}.prompt-input-container{width:100%;max-width:980px;margin:2rem auto;background:#ffffff;border-radius:20px;padding:20px 24px;box-shadow:0 4px 16px #0000000f;border:none;box-sizing:border-box}.uploaded-images-preview{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.preview-image-item{position:relative;width:100px;height:100px;border-radius:12px;overflow:hidden;background:#f5f5f5;cursor:pointer}.preview-thumb{width:100%;height:100%;object-fit:cover}.preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;cursor:pointer}.preview-image-item:hover .preview-mask{opacity:1}.preview-icon{color:#fff;font-size:20px;pointer-events:none}.preview-close{position:absolute;top:6px;right:6px;color:#fff;font-size:14px;cursor:pointer;background:rgba(0,0,0,.5);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:2}.preview-close:hover{background:rgba(0,0,0,.7)}.prompt-textarea{border:none!important;box-shadow:none!important;outline:none!important;font-size:.95rem;padding:0!important;resize:none;background:transparent!important}.prompt-textarea:focus,.prompt-textarea:hover,.prompt-textarea.ant-input-focused{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important;border-color:transparent!important}.prompt-textarea::placeholder{color:#bfbfbf}.prompt-input-container .ant-input,.prompt-input-container .ant-input:focus,.prompt-input-container .ant-input:hover,.prompt-input-container .ant-input-focused{border:none!important;box-shadow:none!important;outline:none!important;border-color:transparent!important}.prompt-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.prompt-actions-left{display:flex;gap:8px;align-items:center}.prompt-actions-right{display:flex;align-items:center}.action-btn-icon{display:inline-flex;align-items:center;gap:6px;color:#1f2937;font-size:.9rem;padding:6px 12px;border-radius:8px;border:1px solid #e8e8e8;background:#fafafa;height:auto}.action-btn-icon:hover{color:#1f2937;border-color:#9e08f2;background:#f5f3ff}.action-btn-icon .anticon{font-size:16px;color:#9e08f2}.action-btn-icon img{width:18px;height:18px;object-fit:contain}.action-btn-icon .ant-switch-checked{background:#b794f6!important}.action-btn-icon .ant-switch-checked:hover:not(.ant-switch-disabled){background:#b794f6!important}.send-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:8px}.send-btn-icon .anticon{font-size:16px}.send-btn-icon.ant-btn-default{background:#f5f5f5!important;border-color:#f5f5f5!important;color:#bfbfbf!important;cursor:not-allowed}.send-btn-icon.ant-btn-default:hover{background:#f5f5f5!important;border-color:#f5f5f5!important;color:#bfbfbf!important}.send-btn-icon.ant-btn-primary{background:#b794f6!important;border-color:transparent!important;box-shadow:0 2px 8px #b794f64d!important;color:#fff!important}.send-btn-icon.ant-btn-primary:hover{background:#b794f6!important;border-color:transparent!important;box-shadow:0 2px 8px #b794f64d!important}.send-btn-icon.ant-btn-primary:not(:disabled):not(.ant-btn-disabled){background:#b794f6!important;border-color:transparent!important;color:#fff!important}.send-btn-icon.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{background:#b794f6!important;border-color:transparent!important}.tool-tabs{width:100%;margin:0 0 2.5rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.tool-tab{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#ffffff;border-radius:14px;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s ease;height:80px;overflow:hidden}.tool-tab:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.tool-tab:hover .tool-tab-icon{transform:rotate(25deg) translate(30px,5px) scale(1.03)}.tool-tab-text{flex:1;text-align:left;padding-right:8px;min-width:0}.tool-tab-title{font-size:.9rem;font-weight:600;color:#262626;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-tab-icon{position:relative;width:85px;height:85px;flex-shrink:0;transform:rotate(30deg) translate(30px,5px);transition:transform .3s ease}.tool-tab-icon img{width:100%;height:100%;object-fit:cover;border-radius:10px}.tool-tab-desc{font-size:.85rem;color:#6b7280;margin-top:2px}.example-section{width:100%;margin:0}.example-header{font-size:.85rem;font-weight:400;margin:0 0 2rem;color:#8c8c8c;text-align:center;display:flex;align-items:center;justify-content:center;gap:16px}.example-header:before,.example-header:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#d9d9d9,transparent)}.example-header:before{background:linear-gradient(to right,transparent,#d9d9d9)}.example-header:after{background:linear-gradient(to left,transparent,#d9d9d9)}.example-card{border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0f172a0f;border:none;transition:all .3s ease;cursor:pointer}.example-card:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #0f172a1f;border:none}.example-card.ant-card,.example-card.ant-card:hover{border:none!important}.example-card .ant-card-body{padding:0;border-radius:20px}.example-image-placeholder{width:100%;padding-top:75%;position:relative;background:#ffffff;border-radius:16px;overflow:hidden}.example-image-placeholder img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.example-title{padding:14px 16px 16px;font-size:.95rem;font-weight:500;color:#111827}.tool-upload-modal{overflow:visible!important}.ant-modal-mask{background-color:#000000d9!important}.tool-upload-modal+.ant-modal-mask{background-color:#000000d9!important}.tool-upload-modal .ant-modal,.tool-upload-modal .ant-modal-wrap{overflow:visible!important}.tool-upload-modal .ant-modal-content{border-radius:24px;padding:0;overflow:visible!important}.tool-upload-modal .ant-modal-body{padding:20px 24px 16px;overflow:hidden;border-radius:24px}.tool-upload-modal .ant-modal-close{top:20px;right:24px;z-index:1000}.tool-modal-content{position:relative;overflow:visible}.tool-modal-header-decor{position:absolute;top:-100px;right:60px;width:280px;height:240px;background-size:contain;background-position:center bottom;background-repeat:no-repeat;z-index:0;pointer-events:none}.tool-modal-header-decor.background-decor{background-image:url(/images/shops/背景图生成.png)}.tool-modal-header-decor.style-decor{background-image:url(/images/shops/风格模仿.png)}.tool-modal-header-decor.translate-decor{background-image:url(/images/shops/图片翻译.png)}.tool-modal-title{margin-bottom:4px}.tool-modal-subtitle{margin-bottom:16px;color:#6b7280}.tool-modal-main{margin-top:6px;position:relative;z-index:10}.tool-modal-main.single{margin-top:10px}.examples-label{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:#6b7280;margin-bottom:10px}.examples-label:before,.examples-label:after{content:"";flex:1;height:1px;background:#f3f4f6}.upload-box{border-radius:16px;border:1px dashed #e5e7eb;padding:12px;background:#fbfbff;display:flex;flex-direction:column}.upload-box-header{display:flex;flex-direction:column;margin-bottom:8px;flex-shrink:0}.upload-desc{font-size:12px}.upload-dragger{background:#fff;border-radius:14px!important;flex:1;min-height:0}.upload-dragger.ant-upload-drag:hover{border-color:#8b5cf6}.upload-inner{padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.upload-icon{font-size:28px;color:#d1d5db}.upload-tip{margin:0;font-size:12px;color:#6b7280}.upload-preview-wrapper{position:relative;width:100%;padding-top:66%;border-radius:12px;overflow:hidden;background:white}.upload-preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.upload-preview-wrapper .ant-image{position:absolute;top:0;left:0;width:100%;height:100%}.upload-preview-wrapper .ant-image img{width:100%;height:100%;object-fit:cover}.upload-preview-close{position:absolute;top:6px;right:6px;z-index:2;color:#fff;background:rgba(0,0,0,.45)}.upload-preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#f9fafb;font-size:13px;background-image:linear-gradient(to top,rgba(0,0,0,.55),transparent)}.examples-row{margin-top:16px;padding-top:0}.examples-label{font-size:12px;color:#9ca3af}.examples-thumbnails{margin-top:8px;display:flex;gap:8px}.example-thumb{width:56px;height:56px;border-radius:12px;overflow:hidden;background-color:#e5e7eb}.example-thumb-image{width:100%;height:100%;object-fit:cover}.tool-modal-footer{padding:14px 24px 20px;border-top:1px solid #f3f4f6}.tool-modal-primary-btn{width:100%;border-radius:999px;background:#7c3aed;border-color:#7c3aed}.tool-modal-primary-btn:hover,.tool-modal-primary-btn:focus{background:#6d28d9;border-color:#6d28d9}.translate-step-two{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:8px}.translate-lang-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.translate-lang-tag{cursor:pointer;border-radius:999px;background:#f3f4ff;border:1px solid #e5e7eb}.translate-lang-tag.active{background:#eef2ff;border-color:#7c3aed;color:#1f2937}.lang-flag{margin-right:4px}.design-canvas-page{width:100%;min-height:calc(100vh - 65px);background:#f5f5f7;display:flex;flex-direction:column}.canvas-header{padding:16px 32px 12px;display:flex;justify-content:space-between;align-items:center}.canvas-header-left{display:flex;align-items:center;gap:16px}.canvas-task-info{display:flex;flex-direction:column;gap:2px}.canvas-task-title{font-size:1rem;font-weight:600;color:#111827}.canvas-task-subtitle{font-size:.85rem;color:#6b7280}.canvas-task-tags{margin-top:4px}.canvas-header-right{display:flex;gap:8px}.canvas-body{flex:1;display:grid;grid-template-columns:280px minmax(0,1fr) 220px;gap:16px;padding:8px 32px 16px}.canvas-left-panel{display:flex;flex-direction:column;gap:12px}.canvas-prompt-card,.canvas-ai-card{background:#ffffff;border-radius:16px;padding:16px;box-shadow:0 6px 18px #0f172a0f}.canvas-prompt-title{font-size:.95rem;font-weight:600;margin-bottom:6px}.canvas-prompt-text,.canvas-ai-text{font-size:.85rem;color:#4b5563}.canvas-main{background:#e5e7eb;border-radius:24px;padding:12px;display:flex;align-items:center;justify-content:center}.canvas-main-inner{width:100%;height:100%;background:#f9fafb;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px}.canvas-image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0f172a38}.canvas-image-wrapper.primary{max-width:70%}.canvas-image-wrapper.secondary{max-width:28%}.canvas-image{display:block;width:100%;height:auto}.canvas-size-tag{position:absolute;top:12px;left:50%;transform:translate(-50%);background:rgba(17,24,39,.85);color:#f9fafb;font-size:12px;padding:4px 10px;border-radius:999px}.canvas-right-panel{display:flex;justify-content:flex-start}.canvas-tool-group{background:#ffffff;border-radius:20px;padding:12px 10px;box-shadow:0 6px 18px #0f172a0f;display:flex;flex-direction:column;gap:6px}.canvas-tool-item{padding:6px 10px;border-radius:999px;font-size:.85rem;color:#374151;cursor:default}.canvas-tool-item:hover{background:#f3f4ff}.canvas-footer{padding:10px 32px 16px;display:flex;justify-content:space-between;align-items:center}.canvas-footer-left{display:flex;gap:8px}.canvas-footer-right{display:flex;gap:6px;align-items:center}.canvas-zoom-text{font-size:.8rem;color:#4b5563}@media (max-width: 992px){.design-tool-content{padding:0 1rem}.tool-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-tab{padding:14px 18px;min-height:65px}.tool-tab-icon{width:75px;height:75px}.canvas-body{grid-template-columns:1fr}.canvas-left-panel{order:2}.canvas-right-panel{order:3}}@media (max-width: 768px){.design-tool-page{padding:1.5rem 0}.design-tool-content{padding:0 .75rem}.tool-title h1{font-size:1.5rem}.prompt-input-container{margin:1.5rem auto;padding:16px 18px;border-radius:16px}.preview-image-item{width:80px;height:80px;border-radius:10px}.prompt-textarea{font-size:.9rem}.prompt-actions-left{flex-wrap:wrap}.action-btn{font-size:.85rem;padding:5px 10px}.tool-tabs{grid-template-columns:repeat(2,1fr);gap:12px}.tool-tab{padding:12px 16px;min-height:60px;gap:10px}.tool-tab-icon{width:68px;height:68px}.tool-tab-title{font-size:.85rem}.tool-upload-modal .ant-modal-body{padding:20px 18px 16px}.translate-step-two{grid-template-columns:1fr}}@media (max-width: 480px){.design-tool-content{padding:0 .5rem}.prompt-input-container{margin:1rem auto;padding:14px 16px;border-radius:14px}.preview-image-item{width:70px;height:70px;border-radius:8px}.preview-close{width:18px;height:18px;font-size:12px}.prompt-actions{flex-direction:row;justify-content:space-between}.prompt-actions-left{flex:1}.prompt-actions-right{flex-shrink:0}.action-btn-icon{font-size:.85rem;padding:5px 10px}.send-btn-icon{width:34px;height:34px}.tool-tabs{gap:10px}.tool-tab{padding:10px 14px;min-height:55px;gap:8px}.tool-tab-icon{width:60px;height:60px}.tool-tab-icon img{border-radius:8px}.tool-tab-title{font-size:.8rem}}.ant-layout-sider{box-shadow:2px 0 8px #0000001a}.ant-layout-header{box-shadow:0 2px 8px #0000001a}.ant-menu-inline .ant-menu-item{height:auto!important;min-height:90px!important;line-height:normal!important;padding:16px 0!important;margin:8px 0!important}.ant-menu-inline .ant-menu-item-selected{background-color:#e6f7ff!important}.ant-menu-inline .ant-menu-item-selected:after{display:none}.ant-menu-inline .ant-menu-item:hover{background-color:#f5f5f5}.ant-menu-inline .ant-menu-item .ant-menu-title-content{margin-left:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center}.ant-menu-item .anticon{color:#595959}.ant-menu-item-selected .anticon{color:#1890ff}.ant-menu-item-selected .ant-menu-title-content{color:#1890ff;font-weight:500}.stat-card{border-top:4px solid #1890ff;border-radius:8px;transition:all .3s}.stat-card:hover{box-shadow:0 2px 12px #1890ff26;transform:translateY(-2px)}.ant-table{font-size:14px}.ant-table-cell{padding:12px 16px}.ant-table-row:hover>td{background-color:#fafafa}.ant-tag{padding:4px 12px;border-radius:4px}.font-mono{font-family:Courier New,monospace;letter-spacing:.5px}.font-mono.text-sm{font-size:12px}.ant-drawer-header{background-color:#fafafa;border-bottom:1px solid #e8e8e8}.ant-drawer-title{font-weight:600;font-size:16px}.ant-button{border-radius:4px;transition:all .3s}.ant-button:hover{transform:translateY(-1px)}.ant-card{border-radius:8px;box-shadow:0 1px 4px #00000014;border:1px solid #f0f0f0}.ant-card-head{background-color:#fafafa;border-bottom:1px solid #e8e8e8;padding:16px}.ant-card-body{padding:16px}.ant-statistic-title{color:#8c8c8c;font-size:14px}.ant-statistic-content{font-size:24px;font-weight:600}.ant-form-item{margin-bottom:16px}.ant-form-item-label>label{font-weight:500;color:#262626}.ant-input,.ant-input-number,.ant-select-selector{border-radius:4px;border-color:#d9d9d9}.ant-input:focus,.ant-input-number:focus,.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}@media (max-width: 768px){.ant-layout-sider{width:100%;height:auto}.ant-layout-content{margin:16px!important}.ant-table-cell{padding:8px 12px;font-size:12px}.ant-statistic-content{font-size:18px}}.admin-content-container{width:100%;max-width:1280px;margin:0 auto}.recharts-surface{background-color:transparent}.recharts-text{font-size:12px}.ant-menu-dark{background-color:#001529}.ant-menu-dark .ant-menu-item-selected{background-color:#1890ff!important}.ant-spin{text-align:center;vertical-align:middle}.ant-empty{padding:24px 0}.ant-empty-description{color:#999}.ant-pagination-item-active{background-color:#1890ff;border-color:#1890ff}.ant-pagination-item-active a{color:#fff}.ant-input-search-icon{color:#999}.ant-tabs-tab{margin:0 16px 0 0}.ant-tabs-tab-active{color:#1890ff}.ant-tabs-ink-bar{background-color:#1890ff}.ant-picker{width:100%}.ant-modal-header{background-color:#fafafa;border-bottom:1px solid #e8e8e8}.ant-modal-title{font-weight:600;font-size:16px}.status-active{color:#52c41a}.status-inactive{color:#999}.status-error{color:#ff4d4f}.status-warning{color:#faad14}.amount-positive{color:#52c41a;font-weight:600}.amount-negative{color:#ff4d4f;font-weight:600}.row-highlight{background-color:#fafafa}.spacing-small{margin:8px}.spacing-medium{margin:16px}.spacing-large{margin:24px}.admin-order-detail-drawer .ant-drawer-body{padding-top:12px;background:#fafafa}.admin-order-detail-loading{padding:24px;text-align:center}.admin-order-detail{display:flex;flex-direction:column;gap:12px}.admin-order-detail-section{background:#ffffff;border:1px solid #f0f0f0;border-radius:12px;padding:16px}.admin-order-detail-section-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.admin-order-detail-section-title{font-weight:600;color:#262626}.admin-order-detail-hint{color:#8c8c8c;font-size:12px;text-align:right}.admin-order-detail-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.admin-order-detail-amount{font-weight:700;font-size:18px;color:#ff4d4f}.admin-order-detail-usage-scroll{margin-top:8px;max-height:420px;overflow:auto;border:1px solid #f0f0f0;border-radius:10px}.admin-order-detail-usage-scroll .ant-table{border-radius:10px;overflow:hidden}.admin-order-detail-drawer code{background:#f5f5f5;padding:2px 6px;border-radius:4px}.admin-order-detail-actions{background:#ffffff;border:1px solid #f0f0f0;border-radius:12px;padding:12px}@media (max-width: 768px){.admin-order-detail-section{padding:12px}.admin-order-detail-usage-scroll{max-height:320px}}body,html{background:linear-gradient(180deg,#f1f5f9 0%,#e2e8f0 100%)!important;background-attachment:fixed!important}.App{text-align:center;background:linear-gradient(180deg,#f1f5f9 0%,#e2e8f0 100%)!important;min-height:100vh}.ant-layout,.ant-layout-content{background:transparent!important}.ant-layout-header{padding:0!important}.ant-menu-horizontal{border-bottom:none!important;background:transparent!important}.ant-menu-horizontal>.ant-menu-item:hover{color:#2d3748!important;border-bottom-color:transparent!important}.ant-menu-horizontal>.ant-menu-item-selected{color:#3b82f6!important;border-bottom-color:#3b82f6!important}.ant-menu-horizontal>.ant-menu-item{border-bottom:2px solid transparent!important}.ant-menu-horizontal:after{display:none!important}.ant-carousel .slick-dots{bottom:30px!important}.ant-carousel .slick-dots li button{width:12px!important;height:12px!important;border-radius:50%!important;background:rgba(255,255,255,.5)!important}.ant-carousel .slick-dots li.slick-active button{background:white!important}.ant-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f!important}.ant-btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;border:none!important;box-shadow:0 4px 14px #3b82f640!important;border-radius:8px!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%)!important;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659!important}.ant-form-item-label>label{color:#374151!important;font-weight:500!important}.ant-input:focus,.ant-input-focused{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#3b82f6!important}.ant-select-focused .ant-select-selector{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}.ant-timeline-item-head{background-color:#3b82f6!important;border-color:#3b82f6!important}.ant-timeline-item-tail{border-left-color:#3b82f64d!important}.ant-statistic-content{color:inherit!important}.ant-tag{border-radius:12px!important}.ant-modal-header{border-bottom:1px solid #e5e7eb!important}.ant-modal-title{color:#3b82f6!important;font-weight:600!important}.ant-drawer-header{border-bottom:1px solid #e5e7eb!important}.ant-drawer-title{color:#3b82f6!important;font-weight:600!important}.ant-collapse-header{color:#374151!important;font-weight:500!important}.ant-collapse-item-active .ant-collapse-header{color:#3b82f6!important}.ant-table-thead>tr>th{background:#f9fafb!important;color:#374151!important;font-weight:600!important;border-bottom:1px solid #e5e7eb!important}.content-container{width:100%;margin:0 auto;padding:0 40px}@media (max-width: 768px){.content-container{padding:0 20px}.ant-card{margin:10px!important}.ant-col{margin-bottom:20px}.ant-statistic-content-value{font-size:2rem!important}.ant-timeline-item-content{margin-left:20px!important}}@media (max-width: 576px){.ant-card-body{padding:16px!important}.ant-statistic-content-value{font-size:1.5rem!important}.ant-btn-lg{height:40px!important;padding:8px 20px!important;font-size:14px!important}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading{animation:pulse 1.5s ease-in-out infinite}.popular-plan{position:relative;transform:scale(1.05)}.popular-plan:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:inherit;z-index:-1}.ant-modal-body::-webkit-scrollbar,.ant-drawer-body::-webkit-scrollbar{width:6px}.ant-modal-body::-webkit-scrollbar-track,.ant-drawer-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ant-modal-body::-webkit-scrollbar-thumb,.ant-drawer-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ant-modal-body::-webkit-scrollbar-thumb:hover,.ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);color:#1a202c;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.glass-effect{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.gradient-text{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-button{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;color:#fff;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #3b82f640}.tech-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.tech-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.tech-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;border-color:#d1d5db}@media (max-width: 768px){.tech-card{padding:20px;margin:10px}.tech-button{padding:10px 20px;font-size:14px}}