:root{--primary-color: #0078d4;--primary-hover: #006abc;--primary-light: #eff6fc;--success-color: #107c41;--success-light: #dff6dd;--warning-color: #d83b01;--warning-light: #fed9cc;--text-main: #242424;--text-muted: #616161;--text-light: #8a8886;--bg-page: #f8f9fa;--bg-card: #ffffff;--border-color: #e0e0e0;--border-focus: #0078d4;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}@media (prefers-color-scheme: dark){:root{--primary-color: #2886de;--primary-hover: #4797e2;--primary-light: #162a3f;--success-color: #27ac5e;--success-light: #133321;--warning-color: #f7630c;--warning-light: #3d1b0f;--text-main: #f3f2f1;--text-muted: #b3b0ad;--text-light: #8a8886;--bg-page: #121212;--bg-card: #1e1e1e;--border-color: #333333;--border-focus: #2886de;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.container{width:100%;max-width:820px;margin:0 auto}.top-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px;width:100%}.lang-select-container{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 10px;font-size:13px;color:var(--text-muted)}.lang-select{background:transparent;border:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-main);cursor:pointer;outline:none}.lang-select option{background-color:var(--bg-card);color:var(--text-main)}.header-section{text-align:center;margin-bottom:36px}.logo-badge-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.app-icon{width:44px;height:44px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.app-title{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-main)}.header-subtitle{font-size:16px;color:var(--text-muted);max-width:600px;margin:0 auto 16px}.publisher-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-muted);box-shadow:var(--shadow-sm)}.verified-icon{color:var(--primary-color);width:16px;height:16px}.stepper-container{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:32px;padding:0 20px}.stepper-line{position:absolute;top:18px;left:50px;right:50px;height:3px;background-color:var(--border-color);z-index:1}.stepper-line-progress{position:absolute;top:18px;left:50px;width:0%;height:3px;background-color:var(--primary-color);z-index:2;transition:width .4s ease}.step-node{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:default}.step-circle{width:36px;height:36px;border-radius:50%;background-color:var(--bg-card);border:2px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease}.step-node.active .step-circle{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;box-shadow:0 0 0 4px var(--primary-light)}.step-node.completed .step-circle{border-color:var(--success-color);background-color:var(--success-color);color:#fff}.step-label{font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap}.step-node.active .step-label{color:var(--primary-color);font-weight:600}.step-node.completed .step-label{color:var(--success-color)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md);margin-bottom:24px;transition:border-color .2s,box-shadow .2s}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title-group{display:flex;align-items:center;gap:12px}.step-tag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:var(--radius-sm);background-color:var(--primary-light);color:var(--primary-color)}.card-title{font-size:20px;font-weight:600;color:var(--text-main)}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:4px 12px;border-radius:16px}.status-pending{background-color:var(--bg-page);color:var(--text-muted);border:1px solid var(--border-color)}.status-active{background-color:var(--primary-light);color:var(--primary-color)}.status-completed{background-color:var(--success-light);color:var(--success-color)}.status-error{background-color:var(--warning-light);color:var(--warning-color)}.card-body{color:var(--text-muted);font-size:14px;line-height:1.6}.card-body p{margin-bottom:14px}.feature-list{list-style:none;margin:16px 0;display:flex;flex-direction:column;gap:10px}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-main)}.feature-icon{color:var(--primary-color);flex-shrink:0;margin-top:3px}.card-actions{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-page);border-color:var(--text-light)}.btn-success{background-color:var(--success-color);color:#fff}.alert-box{padding:14px 18px;border-radius:var(--radius-sm);font-size:13px;margin-top:16px;display:flex;align-items:flex-start;gap:10px}.alert-info{background-color:var(--primary-light);color:var(--text-main);border-left:4px solid var(--primary-color)}.alert-success{background-color:var(--success-light);color:var(--text-main);border-left:4px solid var(--success-color)}.alert-error{background-color:var(--warning-light);color:var(--text-main);border-left:4px solid var(--warning-color)}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-card);margin-top:24px}.accordion-header{padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-card);font-size:14px;font-weight:600;color:var(--text-main);-webkit-user-select:none;user-select:none;transition:background-color .2s}.accordion-header:hover{background-color:var(--bg-page)}.accordion-content{padding:0 20px 20px;border-top:1px solid var(--border-color);display:none;font-size:13px;color:var(--text-muted)}.accordion.open .accordion-content{display:block;padding-top:16px}.accordion-chevron{transition:transform .2s}.accordion.open .accordion-chevron{transform:rotate(180deg)}.perm-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.perm-table th,.perm-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.perm-table th{background-color:var(--bg-page);color:var(--text-main);font-weight:600}.code-badge{font-family:Consolas,Monaco,Courier New,Courier,monospace;background-color:var(--bg-page);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--primary-color)}.code-box-container{position:relative;background-color:#1e1e1e;color:#d4d4d4;border-radius:var(--radius-sm);padding:14px 16px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;overflow-x:auto;margin-top:12px}.btn-copy-code{position:absolute;top:10px;right:10px;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:4px 10px;font-size:11px;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-copy-code:hover{background-color:#fff3}.deployment-guide{background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;margin-top:16px}.deployment-steps{margin-left:20px;margin-top:12px;display:flex;flex-direction:column;gap:8px}.deployment-steps li{color:var(--text-main);font-size:14px}.footer{margin-top:40px;text-align:center;font-size:12px;color:var(--text-light)}.footer a{color:var(--text-muted);text-decoration:none;margin:0 8px}.footer a:hover{color:var(--primary-color);text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;display:inline-block}