:root{--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#eff6ff;--crop-color:#ff5a1f;--bg:#f8fafc;--card-bg:rgba(255,255,255,.85);--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow:0 10px 25px -5px rgba(0,0,0,.05), 0 8px 10px -6px rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.05);--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:linear-gradient(135deg,#f1f5f9 0%,#f8fafc 100%);flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans SC,sans-serif;line-height:1.5;display:flex}.app-container{flex-direction:column;flex-grow:1;width:100%;max-width:100%;padding:8px 12px;display:flex}.page-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:2px 12px 4px;display:flex}.lang-list{white-space:nowrap;border-bottom:1px solid rgba(226,232,240,.6);gap:10px;width:100%;padding:1px 0 3px;font-size:11px;display:flex;overflow-x:hidden}.page-header:hover .lang-list{overflow-x:auto}.lang-list a{color:var(--text-muted);transition:var(--transition);font-weight:500;text-decoration:none}.lang-list a:hover{color:var(--primary)}.lang-list::-webkit-scrollbar{height:3px}.lang-list::-webkit-scrollbar-track{background:0 0}.lang-list::-webkit-scrollbar-thumb{background:rgba(59,130,246,.2);border-radius:2px}.lang-list::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.4)}.brand{align-items:center;gap:14px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--primary) 0%, #60a5fa 100%);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:700;display:flex;box-shadow:0 4px 12px rgba(59,130,246,.3)}.brand-logo svg{width:24px;height:24px}.brand h1{letter-spacing:-.5px;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b,#3b82f6);-webkit-background-clip:text;font-size:22px;font-weight:700;line-height:1.35}.brand p{color:var(--text-muted);font-size:13px;line-height:1.4}.ad-container{justify-content:center;align-items:center;height:90px;display:flex;overflow:hidden}.upload-zone{background:var(--card-bg);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);border:2px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;margin:auto 0;padding:60px 20px;display:flex}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.upload-icon{background:var(--primary-light);width:64px;height:64px;color:var(--primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.upload-zone:hover .upload-icon{background:var(--primary);color:#fff;transform:scale(1.1)}.upload-text h3{margin-bottom:6px;font-size:18px;font-weight:600}.upload-text p{color:var(--text-muted);font-size:14px}.file-input{display:none}.workspace{flex-direction:column;gap:10px;width:100%;display:flex}.control-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5);flex-flow:wrap;align-items:center;gap:16px;width:100%;padding:10px 16px;display:flex}.panel-section{flex-direction:column;gap:6px;display:flex}.section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.inputs-row{align-items:center;gap:12px;display:flex}.input-item-compact{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f1f5f9;align-items:center;gap:6px;padding:6px 12px;display:flex}.input-item-compact label{color:var(--text-muted);font-size:12px;font-weight:700}.input-item-compact input[type=number]{text-align:right;width:70px;color:var(--text);background:0 0;border:none;outline:none;font-size:14px;font-weight:600}.reset-action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#f1f5f9;justify-content:center;align-items:center;display:inline-flex}.reset-action-btn:hover{color:var(--primary);background:#e2e8f0;border-color:#cbd5e1;transform:rotate(-30deg)}.reset-action-btn svg{display:block}.divider-v{background-color:var(--border);align-self:center;width:1px;height:36px}.settings-row{align-items:center;gap:20px;display:flex}.switch-container{cursor:pointer;-ms-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.switch-text{font-size:13px;font-weight:600}.setting-slider{align-items:center;gap:12px;display:flex}.slider-text{white-space:nowrap;font-size:13px;font-weight:600}.compact-slider{width:120px}.compact-btn{width:auto;padding:8px 16px;font-size:13px}.btn{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);box-shadow:var(--shadow-sm);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff}.btn-primary:hover{opacity:.95;box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}.btn-import{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.08);background:linear-gradient(135deg,#6366f1 0%,#d946ef 100%)}.btn-import:hover{opacity:.95;box-shadow:0 6px 16px rgba(217,70,239,.35)}.btn-import:active{transform:scale(.98)}.btn-secondary{border:1px solid var(--border);color:var(--text);background:#fff}.btn-secondary:hover{background:#f1f5f9}.canvas-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5);flex-direction:column;width:100%;padding:0;display:flex;overflow:hidden}.canvas-tip{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.checkerboard-container{border-radius:var(--radius-md);box-sizing:border-box;background-color:#fff;background-image:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:none;justify-content:center;align-items:center;width:100%;height:75vh;min-height:500px;padding:10px;display:flex;position:relative;overflow:hidden}.checkerboard-container.dragover{border:2px dashed var(--primary);background-color:var(--primary-light);box-shadow:inset 0 0 20px rgba(59,130,246,.15)}.compare-wrapper{border-radius:4px;max-width:100%;max-height:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.original-image{-ms-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:calc(75vh - 20px);display:block}.crop-overlay-box{box-sizing:border-box;cursor:move;box-shadow:0 0 0 9999px rgba(0,0,0,.6)}.crop-overlay-box:after{content:"";border:2px dashed var(--crop-color);box-sizing:border-box;pointer-events:none;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.crop-handle{background-color:var(--crop-color);z-index:10;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 2px 4px rgba(0,0,0,.2)}.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.handle-n{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.handle-e{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.handle-s{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.handle-w{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.cropped-overlay-image{object-fit:fill;width:100%;height:100%;transition:opacity .15s ease-in-out;display:block}.cropped-overlay-image.hover-hide:hover{opacity:0!important}.processing-spinner{backdrop-filter:blur(2px);background:rgba(255,255,255,.7);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.spinner{border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.page-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:auto;padding:8px 12px;font-size:12px}.page-footer a{color:var(--primary);text-decoration:none}.page-footer a:hover{text-decoration:underline}.article-section{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);max-width:100%;color:var(--text);z-index:1;background:rgba(255,255,255,.45);border:1px solid rgba(226,232,240,.8);margin:48px 12px 24px;padding:48px 36px;line-height:1.8;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px rgba(0,0,0,.05),0 10px 30px -10px rgba(0,0,0,.03),inset 0 1px rgba(255,255,255,.6)}.article-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);width:350px;height:350px;position:absolute;top:-100px;right:-100px}.article-section:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(255,90,31,.04) 0%,transparent 70%);width:450px;height:450px;position:absolute;bottom:-150px;left:-150px}.article-accent-line{background:linear-gradient(90deg, var(--primary) 0%, #60a5fa 50%, var(--crop-color) 100%);height:5px;position:absolute;top:0;left:0;right:0}.article-header{z-index:2;margin-bottom:40px;position:relative}.article-section h2{color:var(--text);background:linear-gradient(135deg, #0f172a 20%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;margin-bottom:16px;font-size:24px;font-weight:800;display:inline-flex}.article-section h2 .header-icon{color:var(--primary);filter:drop-shadow(0 2px 8px rgba(59,130,246,.2));animation:6s ease-in-out infinite pulseRotate}@keyframes pulseRotate{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(5deg)}}.article-header .subtitle{color:var(--text-muted);max-width:850px;font-size:15px;line-height:1.7}.steps-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid;position:relative}.step-card{border-radius:var(--radius-lg);background:rgba(255,255,255,.45);border:1px solid rgba(226,232,240,.8);flex-direction:column;gap:16px;padding:32px 28px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.01),0 2px 4px -1px rgba(0,0,0,.01)}.step-card:hover{background:rgba(255,255,255,.95);border-color:rgba(59,130,246,.3);transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(59,130,246,.05),0 10px 10px -5px rgba(0,0,0,.02)}.step-icon-container{border-radius:var(--radius-md);background:var(--primary-light);width:46px;height:46px;color:var(--primary);justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.8)}.step-card:hover .step-icon-container{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 4px 12px rgba(59,130,246,.25)}.step-num{-webkit-text-fill-color:transparent;-ms-user-select:none;user-select:none;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.02) 100%);-webkit-background-clip:text;font-size:54px;font-weight:900;line-height:1;transition:all .4s;position:absolute;top:16px;right:24px}.step-card:hover .step-num{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,rgba(59,130,246,.28) 0%,rgba(59,130,246,.05) 100%);-webkit-background-clip:text;transform:translateY(-4px)scale(1.08)}.step-card h4{color:var(--text);align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.step-card p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.65}.info-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:28px;display:grid;position:relative}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.article-section{padding:32px 20px}}.info-card{border-radius:var(--radius-lg);background:rgba(255,255,255,.45);border:1px solid rgba(226,232,240,.8);flex-direction:column;padding:36px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.01)}.info-card:hover{background:rgba(255,255,255,.95);border-color:rgba(203,213,225,.8);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.03),0 10px 10px -5px rgba(0,0,0,.01)}.info-card.highlight-card{background:linear-gradient(135deg,rgba(239,246,255,.45) 0%,rgba(219,234,254,.2) 100%);border-color:rgba(191,219,254,.7);animation:4s infinite alternate borderPulse;box-shadow:0 4px 20px rgba(59,130,246,.01)}.info-card.highlight-card:hover{border-color:var(--primary);background:linear-gradient(135deg,rgba(239,246,255,.85) 0%,rgba(219,234,254,.45) 100%);box-shadow:0 16px 32px rgba(59,130,246,.06)}@keyframes borderPulse{0%{border-color:rgba(191,219,254,.7);box-shadow:0 4px 20px rgba(59,130,246,.01)}to{border-color:rgba(59,130,246,.4);box-shadow:0 4px 25px rgba(59,130,246,.05)}}.info-title-area{align-items:center;gap:12px;margin-bottom:22px;display:flex}.info-title-icon{color:var(--primary);flex-shrink:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.info-card:hover .info-title-icon{transform:rotate(15deg)scale(1.12)}.info-card.highlight-card:hover .info-title-icon{color:var(--crop-color);transform:rotate(360deg)scale(1.15)}.info-card h3{color:var(--text);margin:0;font-size:18px;font-weight:700}.info-card p{color:#475569;margin-bottom:16px;font-size:14px;line-height:1.75}.info-card p:last-of-type{margin-bottom:0}.custom-list{margin:18px 0;padding-left:0;list-style:none}.custom-list li{color:#475569;margin-bottom:10px;padding-left:22px;font-size:13.5px;line-height:1.6;position:relative}.custom-list li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:10px;height:10px;transition:transform .3s;position:absolute;top:7px;left:2px;transform:rotate(90deg)}.info-card:hover .custom-list li:before{transform:rotate(90deg)translate(2px)}.custom-list li strong{color:var(--text)}.badge-row{color:#15803d;border-radius:var(--radius-md);background:rgba(22,163,74,.05);border:1px solid rgba(22,163,74,.15);align-items:flex-start;gap:10px;margin-top:auto;padding:12px 16px;font-size:13.5px;line-height:1.6;display:flex}.badge-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.operations-section{z-index:2;margin-bottom:48px;position:relative}.operations-header{margin-bottom:24px}.operations-section h3{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:20px;font-weight:700;display:inline-flex}.operations-section h3 .section-icon{color:var(--primary)}.section-desc{color:var(--text-muted);font-size:14px}.operations-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:24px;display:grid}@media (max-width:768px){.operations-grid{grid-template-columns:1fr}}.operation-card{border-radius:var(--radius-lg);background:rgba(255,255,255,.45);border:1px solid rgba(226,232,240,.8);padding:28px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.01)}.operation-card:hover{background:rgba(255,255,255,.95);border-color:rgba(203,213,225,.8);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.03),0 10px 10px -5px rgba(0,0,0,.01)}.operation-card .card-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.operation-card .card-title .icon{font-size:20px}.operation-card h4{color:var(--text);margin:0;font-size:16px;font-weight:700}.operation-card p{color:#475569;font-size:13.5px;line-height:1.7}.custom-list-numeric{flex-direction:column;gap:12px;margin:16px 0 0;padding-left:0;list-style:none;display:flex}.custom-list-numeric li{color:#475569;padding-left:28px;font-size:13px;line-height:1.65;position:relative}.custom-list-numeric li:before{content:"";background:var(--primary-light);width:18px;height:18px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:4px;left:2px;box-shadow:inset 0 1px rgba(255,255,255,.8)}.custom-list-numeric li:first-child:before{content:"1"}.custom-list-numeric li:nth-child(2):before{content:"2"}.custom-list-numeric li:nth-child(3):before{content:"3"}.custom-list-numeric li:nth-child(4):before{content:"4"}.custom-list-numeric li strong{color:var(--text)}.linkage-tip{color:#1e3a8a;border-radius:var(--radius-lg);background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);align-items:flex-start;gap:12px;padding:18px 24px;font-size:13.5px;line-height:1.75;display:flex}.linkage-icon{color:var(--primary);flex-shrink:0;margin-top:3px;animation:12s linear infinite spinSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.features-section-new{z-index:2;margin-top:48px;position:relative}.features-header-new{margin-bottom:28px}.features-section-new h3{color:var(--text);background:linear-gradient(135deg, #0f172a 20%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;margin-bottom:8px;font-size:22px;font-weight:800;display:inline-flex}.features-section-new h3 .section-icon{color:var(--primary);animation:8s ease-in-out infinite pulseRotate}.features-grid-new{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1200px){.features-grid-new{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid-new{grid-template-columns:1fr}}.feature-card-new{border-radius:var(--radius-lg);background:rgba(255,255,255,.45);border:1px solid rgba(226,232,240,.8);flex-direction:column;gap:16px;padding:32px 28px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.01)}.feature-card-new:hover{background:rgba(255,255,255,.95);border-color:rgba(59,130,246,.3);transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(59,130,246,.05),0 10px 10px -5px rgba(0,0,0,.02)}.card-icon-new{border-radius:var(--radius-md);background:var(--primary-light);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.8)}.feature-card-new:hover .card-icon-new{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 4px 12px rgba(59,130,246,.25)}.feature-card-new h4{color:var(--text);font-size:16px;font-weight:700}.feature-card-new p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.65}