:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--card-bg:rgba(255,255,255,.8);--card-border:rgba(226,232,240,.8);--text-main:#1e293b;--text-muted:#64748b;--shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--glass:rgba(255,255,255,.7);--glass-border:rgba(255,255,255,.3)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:1rem 2rem 2rem}.nav-section{border-bottom:1px solid var(--card-border);flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 0 1rem;display:flex}.footer-section{border-top:1px solid var(--card-border);text-align:center;margin-top:4rem;padding:2rem 0}.lang-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.75rem;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.lang-links-wrap{flex-wrap:wrap;justify-content:center;overflow-x:visible}.site-links{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.link{color:var(--text-muted);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:.25rem .5rem;font-size:.9rem;text-decoration:none;transition:all .2s}.link:hover{color:var(--primary-color);background:rgba(37,99,235,.05)}.link.active{color:var(--primary-color);font-weight:600}.site-link{color:var(--primary-color);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.site-link:hover{text-decoration:underline}header{text-align:center;margin-bottom:2rem}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.emoji{-webkit-text-fill-color:initial;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.tool-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:24px;margin-bottom:2rem;padding:1rem 2rem 5px}.ad-container{background:rgba(0,0,0,.02);border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:100px;margin:1.5rem 0;display:flex;overflow:hidden}.input-area{margin-bottom:1.5rem}.textarea-links{resize:vertical;border:1px solid #dcdfe6;border-radius:12px;width:100%;padding:12px;font-family:monospace;font-size:14px;height:350px!important}.toolbar-container{margin-bottom:1rem}.stats{color:#606266;gap:1.5rem;font-size:14px;display:flex}.stat-item b{color:var(--primary-color)}.download-link{color:var(--primary-color);font-size:13px;text-decoration:none;display:block}.download-link.secondary{color:#909399}.download-link:hover{text-decoration:underline}.table-container{background:#fff;border:1px solid #ebeef5;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.native-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.native-table th,.native-table td{word-break:break-all;border-bottom:1px solid #ebeef5;padding:12px}.native-table th{color:#909399;text-align:left;z-index:10;background-color:#f5f7fa;font-weight:600;position:sticky;top:0}.native-table tr:hover{background-color:#f0f9eb}.native-table tr:nth-child(2n){background-color:#fafafa}.status-tag{border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.status-tag.success{color:#67c23a;background:#f0f9eb;border:1px solid #e1f3d8}.status-tag.danger{color:#f56c6c;background:#fef0f0;border:1px solid #fde2e2}.status-tag.info{color:#909399;background:#f4f4f5;border:1px solid #e9e9eb}.truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:400px;display:block;overflow:hidden}@media (max-width:768px){.truncate-text{max-width:200px}}[v-cloak]{display:none}.el-button--primary{background:linear-gradient(135deg, var(--primary-color) 0%, #7c3aed 100%);border:none}.el-button--primary:hover{opacity:.9;transform:translateY(-1px)}.nav-arrow{backdrop-filter:blur(8px);cursor:pointer;z-index:2000;width:50px;height:50px;color:var(--primary-color);-ms-user-select:none;user-select:none;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);border-radius:50%;justify-content:center;align-items:center;font-size:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px rgba(0,0,0,.25)}.nav-arrow:hover{background:var(--primary-color);color:#fff;transform:translateY(-50%)scale(1.1)}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}.excel-btn{color:#fff!important;background-color:#217346!important;border-color:#217346!important}.excel-btn:hover{opacity:.9;background-color:#1e6a41!important}.article-section{text-align:left;line-height:1.8}.article-content h3{color:var(--primary-color);border-left:4px solid var(--primary-color);margin:1.5rem 0 1rem;padding-left:.75rem;font-size:1.4rem}.article-content ol,.article-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.scenarios p{background:rgba(37,99,235,.03);border:1px solid rgba(37,99,235,.1);border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem}.scenarios p strong{color:var(--primary-color)}.tutorial-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:1.5rem 0;padding:1.5rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.tutorial-box p{margin-bottom:.75rem;font-size:.95rem}.tutorial-box p:last-child{margin-bottom:0}.tutorial-box strong{color:var(--primary-color);font-weight:700}.solution-box{background:#f8fafc;border-left:4px solid #64748b;border-radius:0 12px 12px 0;margin:1rem 0;padding:1rem 1.5rem}.solution-box ol{margin-bottom:0!important}.features-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid;padding-left:0!important;list-style:none!important}.features-list li{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.toolbar-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.size-setter{align-items:center;gap:.5rem;display:flex}.size-setter-label{color:#606266;white-space:nowrap;font-size:14px}.size-setter-inputs{align-items:center;gap:.25rem;display:flex}.size-setter-unit{color:#909399;margin-left:.25rem;font-size:13px}.stats-row{border-top:1px dashed #ebeef5;justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.success-text{color:#67c23a}.fail-text{color:#f56c6c}.image-table-container{max-height:70vh;margin-top:20px;overflow-y:auto}.dialog-content-wrapper{justify-content:center;align-items:center;min-height:85vh;padding:20px;display:flex;position:relative}.dialog-img-container{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.preview-large-img{border-radius:8px;max-width:100%;max-height:75vh;box-shadow:0 8px 24px rgba(0,0,0,.2)}.image-slot{color:#909399;background:#f5f7fa;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.mt-2rem{margin-top:2rem!important}.mt-1-5rem{margin-top:1.5rem!important}.w-80{width:80px!important}.size-setter-unit-separator{color:#909399}#msgList{display:none}@media (max-width:640px){h1{font-size:1.8rem}.container,.tool-card{padding:1rem}}