.zw-wrap{width:100%;margin:0 auto;padding:4px 0 20px}
.zw-card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:20px;margin-bottom:16px}
.zw-head{display:flex;align-items:center;gap:10px}
.zw-head h2{flex:1;display:flex;align-items:center;gap:8px;margin:0;padding-bottom:10px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:600;color:#333}
.zw-head h2:before{content:"";display:inline-block;width:4px;height:16px;border-radius:2px;background:#ff6500}
.zw-card.zw-about h2{display:flex;align-items:center;gap:8px;margin:0;padding-bottom:10px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:600;color:#333}
.zw-card.zw-about h2:before{content:"";display:inline-block;width:4px;height:16px;border-radius:2px;background:#ff6500}
.zw-desc{color:#9499a0;font-size:13px;margin:12px 0 14px;line-height:1.7}
.zw-mode{display:flex;background:#f6f7f9;border-radius:8px;overflow:hidden;margin-bottom:16px}
.zw-mode-btn{flex:1;border:none;background:transparent;color:#61666d;padding:10px 0;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}
.zw-mode-btn.active{background:#ff6500;color:#fff;font-weight:500}
.zw-mode-btn:hover:not(.active){background:rgba(255,101,0,.08);color:#ff6500}
.zw-label{font-size:14px;font-weight:500;color:#333;margin-bottom:6px}
.zw-ta{margin-bottom:12px}
.zw-ta textarea{width:100%;min-height:100px;padding:10px 14px;font-size:15px;line-height:1.6;font-family:inherit;border:1px solid #dcdfe6;border-radius:8px;outline:none;resize:vertical;box-sizing:border-box;max-width:100%;transition:border-color .2s}
.zw-ta textarea:focus{border-color:#ff6500;box-shadow:0 0 0 2px rgba(255,101,0,.12)}
.zw-btns{display:flex;gap:10px;margin-bottom:16px}
.zw-btn{border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}
.zw-btn-primary{background:#ff6500;border:none;color:#fff}
.zw-btn-primary:hover{background:#e85a00;color:#fff}
.zw-btn-secondary{background:#f6f7f9;border:1px solid #dcdfe6;color:#61666d}
.zw-btn-secondary:hover{background:rgba(255,101,0,.08);border-color:#ff6500;color:#ff6500}
.zw-result-wrap{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}
.zw-result{flex:1;background:#f6f7f9;border-radius:8px;padding:16px;min-height:60px;font-size:16px;line-height:1.8;word-break:break-all}
.zw-result-note{font-size:13px;color:#9499a0}
.zw-result-ok{color:#52c41a;font-weight:600}
.zw-btn-copy{flex-shrink:0;background:#ff6500;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;font-family:inherit;transition:background .2s}
.zw-btn-copy:hover{background:#e85a00}
.zw-faq{color:#9499a0;font-size:13px;line-height:1.8}
.zw-faq p{margin:0}
.zw-faq h3{font-size:15px;margin:12px 0 4px;color:#61666d}
.night .zw-faq h3{color:#c3c9d2}
.night .zw-card{background:#222630;border-color:#3a3f48;box-shadow:none}
.night .zw-head h2,.night .zw-card.zw-about h2{color:#e6e8eb;border-color:#3a3f48}
.night .zw-desc{color:#9aa2ad}
.night .zw-mode{background:#1a1d24}
.night .zw-mode-btn{color:#9aa2ad}
.night .zw-mode-btn:hover:not(.active){background:#2b2f36;color:#ff8627}
.night .zw-label{color:#e6e8eb}
.night .zw-ta textarea{background:#181a1b;border-color:#444;color:#eee}
.night .zw-ta textarea:focus{border-color:#ff8627;box-shadow:0 0 0 2px rgba(255,134,39,.15)}
.night .zw-btn-secondary{background:#2b2f36;border-color:#3a3f48;color:#e6e8eb}
.night .zw-btn-secondary:hover{border-color:#ff8627;color:#ff8627;background:#1f2329}
.night .zw-result{background:#1a1d24;color:#e6e8eb}
.night .zw-result-note{color:#9aa2ad}
.night .zw-faq{color:#9aa2ad}
@media (max-width:640px){.zw-btns{flex-direction:column}.zw-btns .zw-btn{width:100%}.zw-result-wrap{flex-direction:column}.zw-result-wrap .zw-btn-copy{width:100%;text-align:center}.zw-card{padding:16px}}