.crx-guide{--crx-text:#111827;--crx-muted:#6b7280;--crx-body:#374151;--crx-caption:#9ca3af;--crx-border:#e5e7eb;--crx-primary:#165dff;--crx-chrome-blue:#1a73e8;--crx-success:#00a63e;background:#fff;color:var(--crx-text);font-family:DM Sans,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}.crx-guide *,.crx-guide :after,.crx-guide :before{box-sizing:border-box}.crx-guide__inner{margin:0 auto;max-width:800px;padding:64px 32px 80px}.crx-guide__title{color:var(--crx-text);font-size:30px;font-weight:700;line-height:1.375;margin:0}.crx-guide__step{padding-top:48px}.crx-guide__step:first-of-type{padding-top:40px}.crx-guide__step-title{font-size:24px;font-weight:700;line-height:1.375;margin:0}.crx-guide__step-note{color:var(--crx-muted);font-size:16px;line-height:1.5;margin:4px 0 0}.crx-guide__step-desc{color:var(--crx-body);font-size:16px;line-height:1.5;margin:12px 0 0}.crx-guide__download-btn{align-items:center;background:var(--crx-primary);border-radius:16px;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:10px;margin-top:24px;min-height:52px;padding:14px 24px;text-decoration:none;transition:background .15s ease}.crx-guide__download-btn:hover{background:#0f4fe0}.crx-guide__download-btn--disabled,.crx-guide__download-btn--disabled:hover{background:#94b4ff;cursor:wait}.crx-guide__download-unavailable{color:#b45309;font-size:14px;line-height:1.5;margin:24px 0 0}.crx-guide__download-btn img{flex-shrink:0;height:20px;width:20px}.crx-browser{border:1px solid var(--crx-border);border-radius:16px;box-shadow:0 2px 16px #00000014;margin-top:24px;overflow:hidden}.crx-browser__chrome{align-items:center;background:#e8eaed;border-bottom:1px solid #d1d5db;display:flex;gap:8px;padding:10px 12px}.crx-browser__dots{display:flex;gap:6px}.crx-browser__dot{border-radius:999px;height:12px;width:12px}.crx-browser__dot--red{background:#ff5f56}.crx-browser__dot--yellow{background:#ffbd2e}.crx-browser__dot--green{background:#27c93f}.crx-browser__label{color:#5f6368;font-size:12px;padding-left:4px}.crx-browser__url-bar{display:flex;flex:1;justify-content:center;min-width:0}.crx-browser__url{background:#fff;border:1px solid #dadce0;border-radius:999px;color:#5f6368;font-family:Consolas,Courier New,monospace;font-size:11px;max-width:320px;overflow:hidden;padding:4px 16px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.crx-browser__body{background:#fff;padding:24px}.crx-browser__footer{background:#f9fafb;border-top:1px solid var(--crx-border);color:var(--crx-caption);font-size:12px;line-height:1.33;padding:9px 16px;text-align:center}.crx-flow{align-items:center;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:center;padding:32px 16px}.crx-flow__item{gap:8px}.crx-flow__icon,.crx-flow__item{align-items:center;display:flex;flex-direction:column}.crx-flow__icon{border:1.6px solid;border-radius:12px;font-size:24px;height:80px;justify-content:center;position:relative;width:64px}.crx-flow__icon--zip{background:#f9fafb;border-color:var(--crx-border)}.crx-flow__icon--folder{background:#fffbeb;border-color:#fcd34d}.crx-flow__icon--json{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-family:Consolas,monospace;font-size:10px;gap:2px}.crx-flow__icon-tag{font-size:10px;font-weight:700}.crx-flow__icon-tag--zip{color:var(--crx-muted)}.crx-flow__icon-tag--folder{color:#92400e}.crx-flow__icon-tag--json{color:#1e40af}.crx-flow__icon-corner{border-bottom-left-radius:12px;border-top-right-radius:10px;height:20px;position:absolute;right:0;top:0;width:20px}.crx-flow__icon-corner--zip{background:var(--crx-border)}.crx-flow__icon-corner--folder{background:#fcd34d}.crx-flow__icon-corner--json{background:#bfdbfe}.crx-flow__label{color:var(--crx-body);font-size:12px}.crx-flow__arrow{color:#d1d5db;font-size:24px;line-height:1}.crx-flow__caption{color:var(--crx-caption);font-size:12px;margin:8px 0 0;text-align:center;width:100%}.crx-copy{align-items:stretch;background:#f3f4f6;border:1px solid #d1d5db;border-radius:12px;display:inline-flex;margin-top:12px;overflow:hidden}.crx-copy__url{color:var(--crx-text);font-family:Consolas,Courier New,monospace;font-size:14px;line-height:20px;padding:8px 16px}.crx-copy__btn{align-items:center;background:#fff;border:none;border-left:1px solid #d1d5db;color:var(--crx-body);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px}.crx-copy__btn:hover{background:#f9fafb}.crx-copy__btn svg{flex-shrink:0;height:14px;width:14px}.crx-ext-header{align-items:center;border-bottom:1px solid var(--crx-border);display:flex;justify-content:space-between;padding-bottom:16px}.crx-ext-header__title{color:#202124;font-size:18px}.crx-devmode{align-items:center;display:flex;gap:12px}.crx-devmode__item{align-items:center;display:flex;flex-direction:column;gap:2px}.crx-toggle{background:#bdc1c6;border-radius:999px;height:24px;position:relative;width:44px}.crx-toggle--on{background:var(--crx-chrome-blue);box-shadow:0 0 #1a73e840}.crx-toggle__knob{background:#fff;border-radius:999px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000001a;height:20px;left:2px;position:absolute;top:2px;width:20px}.crx-toggle--on .crx-toggle__knob{left:22px}.crx-toggle__label{color:var(--crx-caption);font-size:10px}.crx-toggle__label--on{color:var(--crx-chrome-blue);font-weight:500}.crx-devmode__arrow{color:#d1d5db;font-size:14px}.crx-ext-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.crx-ext-toolbar__btn{border:1px solid #dadce0;border-radius:4px;color:var(--crx-chrome-blue);font-size:14px;padding:6px 12px;white-space:nowrap}.crx-ext-toolbar__btn--muted{color:#5f6368}.crx-ext-toolbar__spacer{flex:1}.crx-dropzone{align-items:center;background:#f0f7ff;border:1.6px dashed rgba(26,115,232,.5);border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-top:20px;min-height:160px;padding:32px 16px}.crx-dropzone__emoji{font-size:36px;line-height:1}.crx-dropzone__title{color:var(--crx-chrome-blue);font-size:14px;font-weight:500;margin:0}.crx-dropzone__hint{color:var(--crx-caption);font-size:12px;margin:0;text-align:center}.crx-ext-card{background:#fafafa;border:1px solid var(--crx-border);border-radius:16px;display:flex;gap:12px;margin-top:20px;padding:16px}.crx-ext-card__icon{align-items:center;background:linear-gradient(135deg,#165dff,#0aa9d8);border-radius:16px;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:900;height:56px;justify-content:center;width:56px}.crx-ext-card__body{flex:1;min-width:0}.crx-ext-card__head{align-items:center;display:flex;gap:12px;justify-content:space-between}.crx-ext-card__name{color:#202124;font-size:16px;font-weight:600;margin:0}.crx-ext-card__toggle{background:var(--crx-chrome-blue);border-radius:999px;flex-shrink:0;height:20px;position:relative;width:40px}.crx-ext-card__toggle-knob{background:#fff;border-radius:999px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000001a;height:16px;position:absolute;right:2px;top:2px;width:16px}.crx-ext-card__desc{color:#5f6368;font-size:12px;line-height:1.33;margin:4px 0 0}.crx-ext-card__success{align-items:center;color:var(--crx-success);display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:8px}.crx-ext-card__success svg{height:14px;width:14px}.crx-faq{padding-bottom:24px;padding-top:80px}.crx-faq__title{font-size:18px;font-weight:700;margin:0}.crx-faq__box{background:#eff6ff;border-radius:16px;margin-top:16px;padding:20px 24px}.crx-faq__list{list-style:none;margin:0;padding:0}.crx-faq__item{color:var(--crx-body);font-size:14px;line-height:1.625}.crx-faq__item+.crx-faq__item{margin-top:12px}.crx-faq__link{color:var(--crx-primary);font-weight:500;text-decoration:none}.crx-faq__link:hover{text-decoration:underline}.crx-unpacked{border-top:1px solid var(--crx-border);margin-top:32px;padding-top:24px}.crx-unpacked__title{font-size:16px;font-weight:600;margin:0 0 8px}.crx-unpacked__text{color:var(--crx-body);font-size:14px;line-height:1.625;margin:0}@media(max-width:640px){.crx-guide__inner{padding:40px 16px 64px}.crx-guide__title{font-size:24px}.crx-guide__step-title{font-size:20px}.crx-flow{gap:12px}.crx-flow__arrow{display:none}.crx-ext-header{align-items:flex-start;flex-direction:column;gap:12px}.crx-ext-toolbar__spacer{display:none}}
