.page{min-height:100vh;background:radial-gradient(80% 40% at 50% 20%,#ffec9e73,#ffec9e00 60%),linear-gradient(180deg,#ff8a00,#ff7a00 35%,#ff8f0f 65%,#ffa94d)}.banner{display:block;width:100%;height:auto;object-fit:cover}.container{max-width:860px;margin:0 auto;padding:16px 14px 24px;box-sizing:border-box}.alert-modal-overlay[data-v-584fc973]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.alert-modal-content[data-v-584fc973]{background:#fff;border-radius:16px;width:100%;max-width:320px;padding:24px;text-align:center;box-shadow:0 8px 32px #0003}.alert-icon[data-v-584fc973]{margin-bottom:16px}.alert-icon span[data-v-584fc973]{display:inline-block;width:48px;height:48px;border-radius:50%;font-size:24px;font-weight:700;line-height:48px;text-align:center}.success-icon[data-v-584fc973]{background:#10b981;color:#fff}.error-icon[data-v-584fc973]{background:#ef4444;color:#fff}.info-icon[data-v-584fc973]{background:#3b82f6;color:#fff}.alert-title[data-v-584fc973]{font-size:18px;font-weight:600;color:#333;margin-bottom:12px}.alert-message[data-v-584fc973]{font-size:14px;color:#666;line-height:1.5;margin-bottom:24px}.alert-actions[data-v-584fc973]{display:flex;gap:12px;justify-content:center}.alert-btn[data-v-584fc973]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-btn[data-v-584fc973]{background:#ff6b35;color:#fff}.confirm-btn[data-v-584fc973]:hover{background:#e55a2b}.cancel-btn[data-v-584fc973]{background:#f3f4f6;color:#666}.cancel-btn[data-v-584fc973]:hover{background:#e5e7eb}.share-preview-header[data-v-1d44383e]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.btn[data-v-1d44383e]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary[data-v-1d44383e],.btn-secondary[data-v-1d44383e],a.btn-primary[data-v-1d44383e],a.btn-secondary[data-v-1d44383e]{text-decoration:none}.leader-box[data-v-1d44383e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.leader-avatar[data-v-1d44383e]{width:72px;height:72px;border-radius:50%;object-fit:cover}.leader-info[data-v-1d44383e]{text-align:center}.leader-name[data-v-1d44383e]{font-weight:600;font-size:16px;color:#111}.leader-tip[data-v-1d44383e]{font-size:12px;color:var(--text-secondary, #666)}.leader-desc[data-v-1d44383e]{text-align:center;margin-top:8px;color:#333}.join-choice .modal-header .modal-title[data-v-1d44383e]{width:100%;text-align:center}.join-choice .modal-body[data-v-1d44383e]{display:flex;flex-direction:column;align-items:center}.group-section[data-v-1d44383e]{overflow:hidden}.group-info[data-v-1d44383e]{display:flex;flex-direction:column;gap:12px}.group-stats[data-v-1d44383e]{color:var(--text-secondary, #666);font-size:12px}.members-grid[data-v-1d44383e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;box-sizing:border-box}@media (min-width: 420px){.members-grid[data-v-1d44383e]{grid-template-columns:repeat(4,minmax(0,1fr))}}.member-item[data-v-1d44383e]{position:relative;border:1px solid var(--border-color, #eee);border-radius:10px;background:#fafafa;padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:0}.member-item.commander[data-v-1d44383e]{border-color:#ffb703;background:#fff8e6}.member-avatar[data-v-1d44383e]{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto}.member-name[data-v-1d44383e]{margin-top:6px;font-size:12px;color:#333;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badge[data-v-1d44383e]{position:absolute;top:6px;right:6px;background:#ffb703;color:#1f1f1f;border-radius:999px;padding:2px 6px}.badge-text[data-v-1d44383e]{font-size:10px;font-weight:600}.students-grid[data-v-1d44383e]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start;box-sizing:border-box}.cell[data-v-1d44383e]{display:flex;flex-direction:column;align-items:center;min-width:0}.avatar[data-v-1d44383e]{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto}.name[data-v-1d44383e]{margin-top:4px;font-size:12px;color:#333;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.students-scroll[data-v-1d44383e]{overflow:hidden}:root{--primary-orange: #ff6b35;--bg-gradient-start: #fff5f0;--bg-gradient-end: #fff;--accent-yellow: #ffd93d;--text-primary: #333;--text-secondary: #666;--border-light: #e0e0e0;--shadow-light: 0 2px 8px rgba(255, 107, 53, .1);--card-bg: #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.page{min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.container{max-width:480px;margin:0 auto;padding:16px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.banner{width:100%;height:auto;object-fit:contain}.section{margin-top:20px}.center{display:flex;justify-content:center;align-items:center;width:100%}.center .btn-primary{width:100%;max-width:200px;margin:0 auto;height:48px;border-radius:24px;border:none;font-size:16px;font-weight:600}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--card-bg);border-top:1px solid var(--border-light);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:12px;box-shadow:0 -2px 10px #0000001a;z-index:100}.btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--primary-orange),#ff8c5a);color:#fff;box-shadow:0 4px 12px #ff6b354d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.btn-secondary{background:var(--card-bg);color:var(--primary-orange);border:2px solid var(--primary-orange)}.btn-secondary:hover{background:var(--primary-orange);color:#fff}.input{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:16px;transition:border-color .2s ease;background:var(--card-bg)}.input:focus{outline:none;border-color:var(--primary-orange)}.card{background:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow-light);border:1px solid var(--border-light)}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:20px;text-align:center}.avatar{width:80px;height:80px;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover}.grid .cell{display:flex;flex-direction:column;align-items:center;gap:8px}.grid .cell .name{font-size:14px;color:var(--text-secondary);text-align:center}.countdown{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.countdown .num{background:linear-gradient(135deg,var(--primary-orange),#ff8c5a);color:#fff;padding:12px 8px;border-radius:8px;font-size:18px;font-weight:700;min-width:40px;text-align:center;box-shadow:0 2px 8px #ff6b354d;flex-shrink:0}.countdown .label{font-size:14px;color:var(--text-secondary);font-weight:500;flex-shrink:0}.students-scroll{height:192px;overflow:hidden;position:relative}.students-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;animation:none}.students-grid.scrolling{animation:scrollUp 8s linear infinite}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.students-grid .avatar{width:56px;height:56px;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover}.students-grid .name{font-size:11px;width:100%;text-align:center;display:block}.group-section{background:linear-gradient(135deg,#fff9f0,#fff);border:2px solid var(--primary-orange)}.group-info{display:flex;flex-direction:column;gap:20px}.group-stats{text-align:center}.stats-text{background:var(--primary-orange);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.member-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-light);position:relative}.member-item.commander{background:linear-gradient(135deg,#fff9f0,#fff);border:2px solid var(--accent-yellow);box-shadow:0 4px 12px #ffd93d4d}.member-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.member-name{font-size:14px;color:var(--text-primary);text-align:center;font-weight:500}.member-badge{position:absolute;top:8px;right:8px;background:var(--accent-yellow);color:var(--text-primary);padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;box-shadow:0 2px 4px #ffd93d4d}.badge-text{color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--card-bg);border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:var(--border-light);color:var(--text-primary)}.modal-body{padding:24px}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.contact-label{font-weight:500;color:var(--text-primary);min-width:80px}.contact-value{color:var(--text-secondary);flex:1}.copy-btn,.call-btn{padding:6px 12px;border:1px solid var(--primary-orange);border-radius:6px;background:var(--card-bg);color:var(--primary-orange);font-size:12px;cursor:pointer;transition:all .2s ease}.copy-btn:hover,.call-btn:hover,.call-btn{background:var(--primary-orange);color:#fff}.call-btn:hover{background:#e55a2b}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.modal-actions{display:flex;gap:16px;justify-content:center}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1;max-width:120px!important;height:44px!important;border-radius:22px!important;font-size:16px!important;font-weight:500!important;padding:0 20px!important}@media (max-width: 360px){.container{padding:12px}.card{padding:20px;margin-bottom:16px}.countdown{gap:8px}.countdown .num{padding:10px 6px;font-size:16px;min-width:36px}.countdown .label{font-size:12px}.students-scroll{height:168px}.students-grid .avatar{width:48px;height:48px}.students-grid .name{font-size:10px}.members-grid{grid-template-columns:repeat(3,1fr);gap:12px}.member-avatar{width:50px;height:50px}.modal-content{margin:16px}.modal-header{padding:16px 20px}.modal-body{padding:20px}}