:root{--purple:#724BFF;--purple-light:#A78BFA;--purple-dark:#583ED3;--purple-gradient:linear-gradient(135deg,#724BFF,#583ED3);--green:#28B894;--green-light:#32E6B9;--orange:#ff9500;--red:#ff3b30;--gray:#8e8e93;--bg:#252736;--bg-light:#2E3044;--surface:#252735;--surface-light:#352A6E;--surface-dark:#1E1B3A;--surface-elevated:rgba(255,255,255,0.04);--border:rgba(255,255,255,0.08);--border-light:rgba(114,75,255,0.2);--border-subtle:rgba(255,255,255,0.05);--text:#ffffff;--text-secondary:rgba(255,255,255,0.7);--text-dim:rgba(255,255,255,0.45);--shadow-sm:0 1px 2px rgba(0,0,0,0.15);--shadow-md:0 4px 12px rgba(0,0,0,0.2);--shadow-lg:0 8px 24px rgba(0,0,0,0.25)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes scroll-left{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.lines-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.line-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;gap:8px;font-size:13px;flex:0 0 auto;min-width:0}.line-item:hover{border-color:var(--purple-light);background:rgba(114,75,255,0.05)}.line-item.selected{border-color:var(--purple);background:rgba(114,75,255,0.15)}.line-item-name{font-weight:500;color:var(--text)}.line-item-region{color:var(--text-dim);font-size:12px}.line-item-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.line-item-badge.normal{background:rgba(40,184,148,0.2);color:var(--green)}.line-item-badge.warning{background:rgba(255,149,0,0.2);color:var(--orange)}.line-item-badge.congested{background:rgba(255,59,48,0.2);color:var(--red)}.line-section{margin-top:20px;margin-bottom:24px;padding:16px;background:rgba(0,0,0,0.08);border:1px solid var(--border-subtle);border-radius:12px}.line-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--text-secondary)}.current-line-info{margin-top:10px;padding:8px 12px;background:rgba(40,184,148,0.1);border:1px solid rgba(40,184,148,0.2);border-radius:6px;font-size:13px}.line-status{display:flex;align-items:center;gap:6px;color:var(--text)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.topbar{background:rgba(37,39,54,0.92);padding:0 20px;position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 1px 0 rgba(255,255,255,0.05)}.topbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;min-height:56px;padding:8px 0}.topbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.topbar-logo svg{width:32px;height:32px;flex-shrink:0}.topbar-logo img{width:32px;height:32px;flex-shrink:0;object-fit:contain}.topbar-logo span{font-size:17px;font-weight:700;background:linear-gradient(135deg,var(--purple-light),var(--green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{padding:8px 18px;border-radius:8px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.4;backdrop-filter:blur(8px)}.btn:hover{border-color:var(--border-light);color:var(--text);background:rgba(114,75,255,0.12);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--purple);border-color:rgba(114,75,255,0.6);color:#fff}.btn-primary:hover{background:#6341E6;border-color:rgba(114,75,255,0.8);box-shadow:0 4px 16px rgba(114,75,255,0.35);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--green);border-color:rgba(40,184,148,0.6);color:#fff}.btn-success:hover{background:#229E80;border-color:rgba(40,184,148,0.8);box-shadow:0 4px 16px rgba(40,184,148,0.35);transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-warning{background:var(--orange);border-color:rgba(255,149,0,0.6);color:#fff}.btn-warning:hover{background:#E68600;border-color:rgba(255,149,0,0.8);box-shadow:0 4px 16px rgba(255,149,0,0.35);transform:translateY(-1px)}.btn-warning:active{transform:translateY(0)}.btn-large{padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:32px 24px}.hero{text-align:center;padding:60px 20px;margin-bottom:40px;position:relative}.hero::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.hero-badges{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid}.badge-purple{background:rgba(108,77,255,0.08);border-color:rgba(108,77,255,0.2);color:var(--purple-light)}.badge-green{background:rgba(40,184,148,0.08);border-color:rgba(40,184,148,0.2);color:var(--green-light)}.badge-blue{background:rgba(0,122,255,0.08);border-color:rgba(0,122,255,0.2);color:#5ac8fa}.badge-orange{background:rgba(255,149,0,0.08);border-color:rgba(255,149,0,0.2);color:#ffaa33}.hero-icon{width:120px;height:120px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.hero-icon::before{content:'';position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(114,75,255,0.3) 0%,transparent 70%);border-radius:50%;z-index:0}.hero-icon img{width:120px;height:120px;object-fit:contain;position:relative;z-index:1}.hero h1{font-size:28px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#ffffff,rgba(255,255,255,0.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px}.hero p{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:40px}.card{background:var(--surface-elevated);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);transition:all .25s ease;backdrop-filter:blur(8px)}.card:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:0 12px 32px rgba(114,75,255,0.12);background:rgba(114,75,255,0.04)}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.card-icon.purple{background:rgba(114,75,255,0.1)}.card-icon.green{background:rgba(40,184,148,0.1)}.card-icon.orange{background:rgba(255,149,0,0.1)}.card h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text)}.card p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.card .btn{width:100%;justify-content:center;margin-top:auto;padding:10px 20px}.form-container{background:var(--surface-elevated);border-radius:16px;padding:40px;border:1px solid var(--border-subtle);max-width:800px;margin:0 auto;backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.form-header{text-align:center;margin-bottom:28px}.form-header h2{font-size:22px;font-weight:600;margin-bottom:8px}.form-header p{font-size:14px;color:var(--text-secondary)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:Consolas,"SF Mono",monospace;background:rgba(0,0,0,0.15);color:var(--text);outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(114,75,255,0.15);background:rgba(0,0,0,0.2)}.form-input::placeholder{color:var(--text-dim)}.form-input.large{padding:14px 18px;font-size:17px;letter-spacing:0.5px}.form-hint{font-size:12px;color:var(--text-dim);margin-top:6px}.hint-link{color:var(--purple-light);text-decoration:none;font-weight:500;transition:color 0.15s}.hint-link:hover{color:var(--purple);text-decoration:underline}.form-hint-actions{display:flex;align-items:center;gap:0;margin-top:10px}.hint-action{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);text-decoration:none;background:rgba(114,75,255,0.06);border:1px solid rgba(114,75,255,0.12);border-radius:6px;transition:all 0.2s ease}.hint-action:hover{color:var(--purple-light);background:rgba(114,75,255,0.12);border-color:rgba(114,75,255,0.25)}.hint-action-sep{width:1px;height:20px;background:var(--border);margin:0 8px}.form-tip{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:rgba(40,184,148,0.06);border:1px solid rgba(40,184,148,0.15);border-radius:8px;font-size:13px;color:var(--text-secondary)}.form-actions{margin-top:28px}.form-actions .btn{width:100%;justify-content:center;padding:14px 24px;font-size:15px;font-weight:600;border-radius:10px}.result-box{background:rgba(0,0,0,0.12);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;margin-top:20px;display:none;backdrop-filter:blur(4px)}.result-box.show{display:block}.result-label{font-size:12px;font-weight:500;color:var(--purple-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.result-value{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-elevated);border-radius:8px;border:1px solid var(--border-subtle)}.result-value span{flex:1;font-size:20px;font-weight:700;font-family:Consolas,"SF Mono",monospace;color:var(--text);word-break:break-all}.result-copy{flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;background:var(--purple);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s;white-space:nowrap}.result-copy:hover{background:var(--purple-light)}.result-warning{margin-top:16px;padding:12px;background:rgba(255,149,0,0.06);border:1px solid rgba(255,149,0,0.15);border-radius:8px;font-size:13px;color:var(--orange);display:flex;align-items:flex-start;gap:8px}.result-warning::before{content:"";flex-shrink:0;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9500' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cline x1='12' x2='12' y1='9' y2='13'/%3E%3Cline x1='12' x2='12.01' y1='17' y2='17'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.info-section{background:var(--surface-elevated);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);margin-top:32px;backdrop-filter:blur(4px)}.info-section h3{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.info-list{list-style:none}.info-list li{padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:14px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px}.info-list li:last-child{border-bottom:none}.info-list li::before{content:"•";color:var(--purple);font-weight:bold;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{background:rgba(0,0,0,0.12);border-radius:12px;padding:16px;text-align:center;border:1px solid var(--border-subtle)}.stat-value{font-size:24px;font-weight:700;color:var(--text);font-family:Consolas,"SF Mono",monospace}.stat-label{font-size:12px;color:var(--text-dim);margin-top:4px}.toast{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(-100px);padding:12px 24px;background:rgba(37,39,54,0.95);border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--text);z-index:1000;opacity:0;transition:all .3s;box-shadow:var(--shadow-lg);backdrop-filter:blur(20px)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.success{border-color:rgba(40,184,148,0.4)}.toast.error{border-color:rgba(255,59,48,0.4)}.footer{background:transparent;padding:24px 20px;text-align:center;margin-top:48px;border-top:1px solid var(--border-subtle)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.footer-brand{font-weight:600;background:linear-gradient(135deg,var(--purple-light),var(--green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-sep{opacity:0.3}.loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease}.loading-overlay.show{opacity:1;visibility:visible}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#724BFF;animation:spin 0.8s linear infinite}.loading-text{color:white;font-size:16px;margin-top:16px;text-align:center}.input-valid{border-color:var(--green)!important;box-shadow:0 0 0 2px rgba(40,184,148,0.2)!important}.input-invalid{border-color:var(--red)!important;box-shadow:0 0 0 2px rgba(255,59,48,0.2)!important}.validation-message{font-size:12px;margin-top:4px;display:none}.validation-message.show{display:block}.validation-message.success{color:var(--green)}.validation-message.error{color:var(--red)}.error-msg{background:rgba(255,59,48,0.06);border:1px solid rgba(255,59,48,0.15);border-radius:8px;padding:12px 16px;font-size:13px;color:var(--red);margin-bottom:16px;display:none}.error-msg.show{display:block}@media (min-width:1024px){.hero{padding:80px 20px}.hero h1{font-size:34px}.hero-icon{width:120px;height:120px;font-size:42px}.cards-grid{grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:28px}.form-container{padding:48px}.form-input.large{font-size:18px;padding:16px 20px}.form-header h2{font-size:24px}.stat-value{font-size:28px}}@media (max-width:768px){.topbar-inner{min-height:48px;padding:8px 16px}.topbar-logo span{font-size:15px}.topbar-nav{gap:4px}.topbar-nav .btn{padding:6px 12px;font-size:12px}.main{padding:20px 16px}.hero{padding:30px 16px}.hero h1{font-size:24px}.hero p{font-size:14px}.cards-grid{grid-template-columns:1fr}.form-container{padding:24px 20px}.form-header h2{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:20px}.btn{padding:7px 14px;font-size:12px}.btn-large{padding:10px 20px;font-size:14px}.line-section{padding:12px}.line-item{flex:1 1 calc(50% - 4px);min-width:0}.form-hint-actions{flex-wrap:wrap;gap:6px}.hint-action-sep{display:none}}@media (max-width:480px){.topbar-nav{flex-wrap:wrap;justify-content:center}.main{padding:16px 12px}.form-container{padding:20px 16px}.lines-list{flex-direction:column;gap:6px}.line-item{flex-wrap:wrap;padding:8px 12px;gap:6px}.line-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-item-region{order:3;width:100%;margin-top:2px}}#query-expiredPacksSection{margin-top:16px}#query-expiredPacksSection summary{cursor:pointer;padding:12px 16px;background:rgba(255,255,255,0.03);border-radius:8px;border:1px solid rgba(255,255,255,0.08);color:var(--text-dim);font-size:14px;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease;list-style:none}#query-expiredPacksSection summary::-webkit-details-marker{display:none}#query-expiredPacksSection summary:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.12)}#query-expiredPacksSection[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}#query-expiredPacksSection .details-arrow{transition:transform 0.2s ease}#query-expiredPacksSection[open] .details-arrow{transform:rotate(180deg)}#query-expiredPacksList{border:1px solid rgba(255,255,255,0.08);border-top:none;border-radius:0 0 8px 8px;background:rgba(0,0,0,0.1)}#query-expiredPacksList > div:last-child{border-bottom:none}#query-expiredPacksList .progress-container{opacity:0.5}#query-expiredPacksList .progress-bar{background:var(--gray)}code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-family:Consolas,"SF Mono",monospace;font-size:0.9em}.models-section{max-width:800px;margin:24px auto 0}.models-card{background:var(--surface-elevated);border-radius:16px;padding:32px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.models-header{text-align:center;margin-bottom:24px}.models-header h2{font-size:20px;font-weight:600;margin-bottom:8px}.models-header p{font-size:14px;color:var(--text-secondary)}.models-actions{display:flex;gap:12px;margin-bottom:20px}.models-actions .btn{flex:1}.models-preview{background:rgba(0,0,0,0.15);border-radius:10px;padding:16px;border:1px solid var(--border-subtle);max-height:200px;overflow-y:auto}.models-preview pre{margin:0;font-family:Consolas,"SF Mono",monospace;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.models-tutorial{margin-top:24px;padding:20px;background:rgba(108,77,255,0.04);border:1px solid rgba(108,77,255,0.1);border-radius:10px}.models-tutorial h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light)}.models-tutorial ol{margin:0;padding-left:20px;font-size:13px;color:var(--text-secondary);line-height:2}.btn-generate-config{background:linear-gradient(135deg,#FFC800,#E6B400);border-color:rgba(255,200,0,0.6);color:#000;font-weight:600}.btn-generate-config:hover{background:linear-gradient(135deg,#FFD633,#FFC800);box-shadow:0 4px 16px rgba(255,200,0,0.35);transform:translateY(-1px);border-color:rgba(255,200,0,0.8)}.btn-generate-config:active{transform:translateY(0)}.btn-query{background:linear-gradient(135deg,#007AFF,#0055D4);border-color:rgba(0,122,255,0.6);color:#fff;font-weight:600}.btn-query:hover{background:linear-gradient(135deg,#3395FF,#007AFF);box-shadow:0 4px 16px rgba(0,122,255,0.35);transform:translateY(-1px);border-color:rgba(0,122,255,0.8)}.btn-query:active{transform:translateY(0)}.quick-guide{margin-top:32px;background:var(--surface-elevated);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);box-shadow:0 4px 20px rgba(0,0,0,0.1);max-width:800px;margin-left:auto;margin-right:auto}.guide-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.guide-header h3{font-size:18px;font-weight:600;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}.guide-close{padding:6px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.guide-close:hover{background:var(--surface-elevated);border-color:var(--border-light);color:var(--text)}.guide-steps{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.guide-step{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(0,0,0,0.08);border-radius:12px;border:1px solid var(--border-subtle);flex:1;min-width:200px;max-width:250px;transition:all 0.2s ease}.guide-step:hover{background:rgba(114,75,255,0.06);border-color:var(--border-light);transform:translateY(-2px)}.guide-step-num{width:32px;height:32px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.guide-step-info{flex:1}.guide-step-info strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.guide-step-info p{font-size:12px;color:var(--text-secondary);margin:0}.guide-step-btn{padding:6px 12px;background:var(--purple);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none;white-space:nowrap}.guide-step-btn:hover{background:var(--purple-dark);transform:scale(1.05)}.guide-step-done{padding:6px 12px;background:rgba(40,184,148,0.15);border:1px solid rgba(40,184,148,0.3);border-radius:6px;color:var(--green);font-size:12px;font-weight:500;white-space:nowrap}.guide-step-arrow{color:var(--text-dim);flex-shrink:0}.quick-guide.hidden{display:none}.card-icon.blue{background:rgba(0,122,255,0.1)}.card-icon.yellow{background:rgba(255,200,0,0.1)}.client-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0}.client-card{background:rgba(0,0,0,0.1);border-radius:12px;padding:20px;border:1px solid var(--border-subtle);text-align:center;transition:all .2s ease}.client-card:hover{border-color:var(--border-light);background:rgba(114,75,255,0.04)}.client-icon{font-size:32px;margin-bottom:12px;display:flex;justify-content:center;align-items:center}.client-icon img{width:48px;height:48px;object-fit:contain}.client-card h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text)}.client-card p{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.client-tags{display:flex;justify-content:center;gap:8px}.tag{padding:4px 10px;border-radius:6px;font-size:11px;background:rgba(108,77,255,0.06);color:var(--purple-light);border:1px solid rgba(108,77,255,0.1)}.client-note{font-size:13px;color:var(--green);text-align:center;margin-top:12px;padding:10px;background:rgba(40,184,148,0.06);border-radius:8px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:rgba(0,0,0,0.08);border-radius:10px;border:1px solid var(--border-subtle);overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--border);background:rgba(0,0,0,0.12)}.faq-item summary{padding:14px 16px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background 0.15s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:18px;color:var(--text-dim);transition:transform 0.2s}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item summary:hover{background:var(--surface-light)}.faq-answer{padding:0 16px 16px;font-size:13px;color:var(--text-secondary);line-height:1.8}.faq-answer p{margin-bottom:8px}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:var(--purple-light);text-decoration:underline}.faq-answer code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:12px}.progress-container{background:rgba(255,255,255,0.06);border-radius:8px;height:12px;overflow:hidden}.progress-bar{background:rgb(114 75 255 / var(--un-bg-opacity,1));height:100%;border-radius:8px;transition:width 0.3s}.tutorial-section{margin-top:24px;padding:24px;background:rgba(108,77,255,0.04);border:1px solid rgba(108,77,255,0.08);border-radius:12px}.tutorial-section h3{font-size:16px;font-weight:600;margin-bottom:20px;color:var(--purple-light)}.tutorial-block{background:var(--surface-elevated);border-radius:10px;padding:20px;margin-bottom:16px;border:1px solid var(--border-subtle)}.tutorial-block:last-of-type{margin-bottom:0}.tutorial-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.tutorial-icon{font-size:24px;display:flex;align-items:center;flex-shrink:0}.tutorial-icon img{border-radius:6px}.tutorial-header h4{font-size:15px;font-weight:600;color:var(--text)}.tutorial-steps{display:flex;flex-direction:column;gap:12px}.tutorial-step{display:flex;gap:14px;align-items:flex-start}.step-number{width:28px;height:28px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;font-size:14px;color:var(--text);margin-bottom:4px}.step-content p{font-size:13px;color:var(--text-secondary);line-height:1.5}.step-content code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:12px}.tutorial-tip{margin-top:16px;padding:12px 16px;background:rgba(40,184,148,0.04);border:1px solid rgba(40,184,148,0.1);border-radius:8px}.tutorial-tip p{font-size:13px;color:var(--green-light);margin:0}.legal-section{background:transparent;border-top:1px solid var(--border-subtle);padding:32px 20px;margin-top:40px}.legal-inner{max-width:800px;margin:0 auto}.legal-section h4{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px}.legal-list{list-style:none;padding:0;margin:0 0 20px 0}.legal-list li{font-size:12px;color:var(--text-secondary);line-height:1.8;padding-left:16px;position:relative}.legal-list li::before{content:"•";position:absolute;left:0;color:var(--text-dim)}.legal-links{display:flex;justify-content:center;gap:8px;font-size:12px}.legal-links a{color:var(--purple-light);text-decoration:none;transition:color 0.15s}.legal-links a:hover{color:var(--purple);text-decoration:underline}.legal-sep{color:var(--text-dim)}.page-section{display:none}.page-section.active{display:block}.script-guide{margin-top:24px;padding:20px;background:rgba(108,77,255,0.04);border:1px solid rgba(108,77,255,0.1);border-radius:10px}.script-guide h4{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light);display:flex;align-items:center;gap:8px}.script-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.script-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(0,0,0,0.08);border-radius:8px;border:1px solid var(--border-subtle)}.script-step-num{width:28px;height:28px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.script-step-info{flex:1}.script-step-info strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.script-step-info p{font-size:13px;color:var(--text-secondary);margin:0}.script-note{padding:12px 16px;background:rgba(40,184,148,0.04);border:1px solid rgba(40,184,148,0.1);border-radius:8px}.script-note p{font-size:13px;color:var(--green-light);margin:0;display:flex;align-items:center;gap:8px}.script-section{padding:16px;background:rgba(0,0,0,0.08);border:1px solid var(--border-subtle);border-radius:10px}.script-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.script-section-header strong{font-size:14px;font-weight:600;color:var(--text)}.script-section-desc{font-size:13px;color:var(--text-secondary);margin:0 0 16px 0}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{background:var(--surface-elevated);border-color:var(--border-light);color:var(--text)}.topbar-nav .btn.active{background:var(--purple);border-color:rgba(114,75,255,0.6);color:#fff;box-shadow:0 2px 8px rgba(114,75,255,0.2)}.cards-grid .card{cursor:pointer}.cards-grid .card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(114,75,255,0.12)}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:-0.125em;fill:currentColor}.icon svg{width:100%;height:100%}.icon-sm{font-size:14px}.icon-md{font-size:16px}.icon-lg{font-size:20px}.icon-xl{font-size:24px}.config-methods{margin-bottom:24px}.method-tabs{display:flex;gap:8px;flex-wrap:wrap}.method-tab{padding:10px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.4;backdrop-filter:blur(8px)}.method-tab:hover{background:rgba(114,75,255,0.1);border-color:var(--border-light);color:var(--text)}.method-tab.active{background:var(--purple);border-color:rgba(114,75,255,0.6);color:#fff;box-shadow:0 2px 8px rgba(114,75,255,0.2)}.method-content{display:none}.method-content.active{display:block}.method-header{margin-bottom:20px}.method-header h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.method-header p{font-size:14px;color:var(--text-secondary)}.method-steps{margin-top:24px;padding:20px;background:rgba(108,77,255,0.04);border:1px solid rgba(108,77,255,0.08);border-radius:10px}.method-steps h4{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light)}.path-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.os-path{background:var(--surface-elevated);border-radius:8px;padding:16px;border:1px solid var(--border-subtle)}.os-path strong{display:block;font-size:14px;color:var(--text);margin-bottom:12px}.os-path ul{list-style:none;padding:0;margin:0}.os-path li{font-size:13px;color:var(--text-secondary);padding:6px 0;border-bottom:1px solid var(--border-subtle)}.os-path li:last-child{border-bottom:none}.os-path code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:12px;word-break:break-all}.ai-prompt-preview{background:rgba(0,0,0,0.15);border-radius:10px;padding:16px;border:1px solid var(--border-subtle);max-height:300px;overflow-y:auto}.ai-prompt-preview pre{margin:0;font-family:Consolas,"SF Mono",monospace;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.tip-box{margin-top:16px;padding:12px 16px;background:rgba(40,184,148,0.04);border:1px solid rgba(40,184,148,0.1);border-radius:8px}.tip-box p{font-size:13px;color:var(--green-light);margin:0;display:flex;align-items:center;gap:8px}.tutorial-card{background:var(--surface-elevated);border-radius:16px;border:1px solid var(--border-subtle);margin-bottom:24px;overflow:hidden;transition:all 0.3s ease}.tutorial-card:hover{border-color:var(--border-light);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.tutorial-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:rgba(0,0,0,0.1);border-bottom:1px solid var(--border-subtle)}.tutorial-card-icon{display:flex;gap:8px;align-items:center}.tutorial-card-icon img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.tutorial-card-header h4{font-size:18px;font-weight:600;color:var(--text);margin:0 0 4px 0}.tutorial-card-header p{font-size:13px;color:var(--text-dim);margin:0}.tutorial-card-body{padding:24px;display:flex;flex-direction:column;gap:16px}.tutorial-step-card{display:flex;gap:16px;align-items:flex-start;padding:16px;background:rgba(0,0,0,0.08);border-radius:12px;border:1px solid var(--border-subtle);transition:all 0.2s ease}.tutorial-step-card:hover{background:rgba(114,75,255,0.06);border-color:var(--border-light)}.step-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(114,75,255,0.3)}.step-info{flex:1}.step-info h5{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px 0}.step-info p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.step-paths{margin-top:10px;display:flex;flex-direction:column;gap:8px}.step-path{display:flex;align-items:center;gap:10px}.os-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.os-badge.win{background:rgba(0,122,255,0.15);color:#007AFF;border:1px solid rgba(0,122,255,0.2)}.os-badge.mac{background:rgba(255,149,0,0.15);color:#ff9500;border:1px solid rgba(255,149,0,0.2)}.step-path code{background:rgba(0,0,0,0.2);padding:6px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary);font-family:Consolas,"SF Mono",monospace;flex:1}.path-note{font-size:11px;color:var(--text-dim);padding:0 4px}.step-hint{font-size:12px;color:var(--text-dim);margin:8px 0 0 0;font-style:italic}.path-value{display:flex;align-items:center;gap:8px}.path-value code{flex:1}.copy-btn{padding:6px 8px;background:rgba(114,75,255,0.15);border:1px solid rgba(114,75,255,0.3);border-radius:6px;color:var(--purple-light);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:rgba(114,75,255,0.25);border-color:rgba(114,75,255,0.5);transform:scale(1.05)}.copy-btn:active{transform:scale(0.95)}.copy-btn .icon{width:14px;height:14px}.tutorial-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tutorial-header-bar h3{margin-bottom:0}.tutorial-mode{display:none}.tutorial-mode.active{display:block}.btn-sm{padding:6px 12px;font-size:12px}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{background:var(--surface-elevated);border-color:var(--border-light);color:var(--text)}.quick-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.quick-step{display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--surface-elevated);border-radius:10px;border:1px solid var(--border-subtle)}.quick-step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.quick-step-content{flex:1}.quick-step-content strong{display:block;font-size:15px;color:var(--text);margin-bottom:4px}.quick-step-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.path-section{margin-top:24px;padding:20px;background:rgba(108,77,255,0.04);border:1px solid rgba(108,77,255,0.08);border-radius:10px}.path-section h4{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light);display:flex;align-items:center;gap:8px}.path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.path-card{background:var(--surface-elevated);border-radius:10px;border:1px solid var(--border-subtle);overflow:hidden}.path-card-header{padding:12px 16px;background:rgba(0,0,0,0.1);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.path-card-content{padding:16px}.path-item{margin-bottom:12px}.path-item:last-child{margin-bottom:0}.path-label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}.path-item code{display:block;background:rgba(0,0,0,0.15);padding:8px 12px;border-radius:6px;font-size:13px;color:var(--text-secondary);word-break:break-all;font-family:Consolas,"SF Mono",monospace}