*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--green:#10b981;--green-dark:#059669;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--radius:12px;--radius-lg:16px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a}body{background:var(--gray-100);color:var(--gray-800);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;line-height:1.5}.app-container{max-width:800px;margin:0 auto;padding:0 16px}.header{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 50%,#1e3a5f 100%);padding:32px 0 40px;position:relative;overflow:hidden}.header .app-container{z-index:2;position:relative}.header-content{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.header-icon{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.header-icon svg{width:32px;height:32px;color:var(--primary)}.header-text h1{color:#fff;margin-bottom:4px;font-size:26px;font-weight:700}.header-text p{color:#fffc;font-size:14px}.header-slogan{color:#ffffffe6;text-align:right;z-index:2;font-size:14px;font-style:italic;line-height:1.6;position:absolute;top:24px;right:24px}.header-leaves{z-index:1;background:radial-gradient(circle at 70% 30%,#10b9814d 0%,#0000 60%);border-radius:50%;width:160px;height:160px;position:absolute;top:-20px;right:-20px}.header-leaves:before{content:"";background:linear-gradient(135deg,#10b98166 0%,#10b9811a 100%);border-radius:50% 0 50% 50%;width:80px;height:80px;position:absolute;top:40px;right:20px;transform:rotate(-30deg)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;margin-bottom:16px;padding:20px}.card-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-icon svg{color:#fff;width:22px;height:22px}.card-icon-user{background:linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%)}.card-icon-setting{background:linear-gradient(135deg, var(--gray-600) 0%, var(--gray-700) 100%)}.card-icon-preview{background:linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%)}.card-title-group{flex:1}.card-title-group h2{color:var(--gray-800);margin-bottom:2px;font-size:17px;font-weight:600}.card-title-group p{color:var(--gray-500);font-size:13px}.input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input-group{flex:1;min-width:100px;position:relative}.input-group .input-icon{width:16px;height:16px;color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-group input,.input-group select{border:1px solid var(--gray-200);border-radius:var(--radius);width:100%;color:var(--gray-800);appearance:none;cursor:pointer;background:#fff;padding:10px 12px 10px 36px;font-size:14px;transition:border-color .15s}.input-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.input-group input:focus,.input-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.checkbox-wrapper{cursor:pointer;color:var(--gray-700);white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--gray-300);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;transform:rotate(45deg)translate(-1px,-1px)}.btn-add{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.btn-add:hover{background:var(--primary-dark)}.btn-add svg{width:18px;height:18px}.leap-hint{border-radius:var(--radius);color:var(--gray-600);background:#eff6ff;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.leap-hint svg{width:18px;height:18px;color:var(--primary);flex-shrink:0;margin-top:1px}.members-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.member-item{background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-100);align-items:center;gap:12px;padding:12px 14px;display:flex}.member-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.member-info{color:var(--gray-700);flex:1;font-size:14px}.member-delete{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:all .15s}.member-delete:hover{background:var(--gray-200);color:#ef4444}.member-count{justify-content:flex-end;margin-top:12px;display:flex}.member-count-badge{background:var(--gray-100);color:var(--gray-600);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.member-count-badge svg{width:16px;height:16px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.setting-item label{color:var(--gray-600);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.select-wrapper,.input-wrapper{position:relative}.select-wrapper .input-icon,.input-wrapper .input-icon{width:16px;height:16px;color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.select-wrapper select,.input-wrapper input{border:1px solid var(--gray-200);border-radius:var(--radius);width:100%;color:var(--gray-800);appearance:none;cursor:pointer;background:#fff;padding:10px 12px 10px 36px;font-size:14px;transition:border-color .15s}.select-wrapper select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.select-wrapper select:focus,.input-wrapper input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.help-icon{background:var(--gray-300);color:#fff;cursor:help;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:600;display:inline-flex}.preview-count{color:var(--primary);background:#dbeafe;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.preview-container{overflow-x:auto}.preview-table{border-collapse:collapse;width:100%}.preview-table th,.preview-table td{text-align:left;border-bottom:1px solid var(--gray-100);padding:14px 12px}.preview-table th{color:var(--gray-500);text-transform:uppercase;font-size:12px;font-weight:600}.preview-table td{color:var(--gray-700);font-size:14px}.preview-table tr:last-child td{border-bottom:none}.table-member{align-items:center;gap:10px;display:flex}.table-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.btn-import{color:var(--primary);border:1px solid var(--primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.btn-import:hover{background:var(--primary);color:#fff}.btn-import svg{width:14px;height:14px}.empty-state{text-align:center;color:var(--gray-400);padding:40px 16px;font-size:14px}.error-text{color:#ef4444;font-size:13px}.fallback-text{color:var(--gray-400);margin-left:4px;font-size:11px}.download-section{text-align:center;padding:24px 0 40px}.btn-download{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 40px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #2563eb4d}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-download:disabled{opacity:.5;cursor:not-allowed}.btn-download svg{width:20px;height:20px}.download-tip{color:var(--gray-500);justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:13px;display:flex}.wechat-tip{z-index:100;background:#fef3c7;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.wechat-tip p{color:var(--gray-700);font-size:13px}.btn-copy{border:1px solid var(--gray-300);cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px;font-size:13px}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:440px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3{font-size:18px;font-weight:600}.modal-close{color:var(--gray-400);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-close:hover{color:var(--gray-900)}.modal-body{padding:20px}.guide-item{margin-bottom:24px}.guide-item:last-child{margin-bottom:0}.guide-item h4{color:var(--gray-800);margin-bottom:10px;font-size:15px;font-weight:600}.guide-item ol{color:var(--gray-600);padding-left:20px;font-size:14px}.guide-item li{margin-bottom:6px}@media (width<=640px){.header{padding:24px 0 32px}.header-text h1{font-size:22px}.header-slogan{display:none}.app-container{padding:0 12px}.card{margin:0 0 12px;padding:16px}.input-row{flex-direction:column}.input-group{width:100%;min-width:auto}.btn-add{justify-content:center;width:100%}.settings-grid{grid-template-columns:1fr}.preview-table th:nth-child(4),.preview-table td:nth-child(4){display:none}.btn-download{justify-content:center;width:calc(100% - 32px)}}@media (prefers-color-scheme:dark){body{background:#111827}.card{background:#1f2937}.member-item{background:#374151;border-color:#4b5563}.input-group input,.input-group select,.select-wrapper select,.input-wrapper input{color:#f9fafb;background:#374151;border-color:#4b5563}.checkbox-custom{border-color:#6b7280}.leap-hint{background:#1e3a5f}.card-title-group h2{color:#f9fafb}.card-title-group p,.preview-table th{color:#9ca3af}.preview-table td{color:#e5e7eb;border-color:#374151}}