*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.home-container[data-v-f6baf643]{min-height:100vh;background:#f5f5f5}.navbar[data-v-f6baf643]{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-container[data-v-f6baf643]{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.navbar-brand h1[data-v-f6baf643]{margin:0;font-size:24px;color:#4caf50}.login-btn[data-v-f6baf643]{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.user-menu[data-v-f6baf643]{display:flex;align-items:center;gap:10px}.user-nickname[data-v-f6baf643]{font-size:14px;font-weight:500;color:#333}.live-stream-container[data-v-f6baf643]{display:flex;gap:20px;max-width:1400px;margin:0 auto;padding:20px;min-height:calc(100vh - 80px);background:#f5f5f5}.left-section[data-v-f6baf643]{flex:1;display:flex;flex-direction:column;gap:20px}.live-player[data-v-f6baf643]{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.stream-video[data-v-f6baf643]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.player-placeholder[data-v-f6baf643]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;color:#fff}.danmaku-container[data-v-f6baf643]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.danmaku-item[data-v-f6baf643]{position:absolute;white-space:nowrap;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:danmakuMove-f6baf643 linear forwards}@keyframes danmakuMove-f6baf643{0%{transform:translate(100%)}to{transform:translate(-100%)}}.broadcast-container[data-v-f6baf643]{position:absolute;top:10px;left:0;width:100%;height:30px;background:#0009;display:flex;align-items:center;overflow:hidden;z-index:10}.broadcast-text[data-v-f6baf643]{position:absolute;top:50%;white-space:nowrap;color:#ffeb3b;font-weight:700;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:broadcastMove-f6baf643 linear 20s infinite}@keyframes broadcastMove-f6baf643{0%{transform:translate(100%,-50%)}to{transform:translate(-100%,-50%)}}.stream-info[data-v-f6baf643]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.stream-title[data-v-f6baf643]{font-size:24px;font-weight:600;color:#333;margin:0 0 15px}.description-content[data-v-f6baf643]{margin-bottom:15px}.stream-description[data-v-f6baf643]{margin:0 0 15px;color:#666;line-height:1.5}.description-with-images[data-v-f6baf643]{display:flex;flex-direction:column;gap:15px}.images-container[data-v-f6baf643]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.description-image[data-v-f6baf643]{max-width:100%;max-height:300px;border-radius:8px;object-fit:cover;box-shadow:0 2px 5px #0000001a}.right-section[data-v-f6baf643]{width:400px;display:flex;flex-direction:column;height:calc(100vh - 180px)}.chat-section[data-v-f6baf643]{flex:1;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;min-height:0}.chat-section h3[data-v-f6baf643]{margin:0 0 15px;color:#333;font-size:16px}.chat-container[data-v-f6baf643]{flex:1;overflow-y:auto;padding:15px;background:#f9f9f9;border-radius:6px;margin-bottom:15px}.chat-message[data-v-f6baf643]{display:flex;gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e0e0e0;align-items:flex-start}.message-content[data-v-f6baf643]{flex:1}.message-header[data-v-f6baf643]{display:flex;justify-content:space-between;margin-bottom:5px}.message-username[data-v-f6baf643]{font-weight:500;font-size:14px;color:#333}.message-time[data-v-f6baf643]{font-size:12px;color:#999}.message-body[data-v-f6baf643]{font-size:14px;color:#333;line-height:1.4}.message-image[data-v-f6baf643]{max-width:100%;max-height:200px;border-radius:6px;margin-top:5px}.chat-input-container[data-v-f6baf643]{display:flex;flex-direction:column;gap:10px}.chat-input[data-v-f6baf643]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.chat-controls[data-v-f6baf643]{display:flex;gap:10px;align-items:center}.emoji-btn[data-v-f6baf643]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:16px}.send-btn[data-v-f6baf643]{padding:8px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.send-btn[data-v-f6baf643]:hover{background:#45a049}.emoji-picker[data-v-f6baf643]{position:absolute;bottom:100px;right:20px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 4px 12px #00000026;z-index:100}.emoji-grid[data-v-f6baf643]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.emoji-item[data-v-f6baf643]{font-size:20px;cursor:pointer;text-align:center;padding:5px;border-radius:4px}.emoji-item[data-v-f6baf643]:hover{background:#f0f0f0}@media(max-width:1024px){.live-stream-container[data-v-f6baf643]{flex-direction:column}.right-section[data-v-f6baf643]{width:100%;height:calc(100vh - 350px)}.chat-section[data-v-f6baf643]{height:100%}}@media(max-width:768px){.live-stream-container[data-v-f6baf643]{padding:10px 10px 80px;display:flex;flex-direction:column;height:calc(100vh - 60px)}.left-section[data-v-f6baf643]{flex:0 0 auto}.stream-info[data-v-f6baf643]{padding:15px}.stream-title[data-v-f6baf643]{font-size:20px}.right-section[data-v-f6baf643]{flex:1;width:100%;height:auto;min-height:200px}.chat-section[data-v-f6baf643]{padding:15px;height:100%;display:flex;flex-direction:column}.chat-container[data-v-f6baf643]{flex:1;overflow-y:auto}.chat-input-container[data-v-f6baf643]{flex:0 0 auto;margin-top:10px}.stream-info[data-v-f6baf643]{display:none}.video-container[data-v-f6baf643]{height:160px}.chat-input[data-v-f6baf643]{padding:12px 15px;width:100%;box-sizing:border-box}.chat-controls[data-v-f6baf643]{justify-content:flex-end;margin-top:10px}.send-btn[data-v-f6baf643]{padding:10px 24px}.bottom-nav[data-v-f6baf643]{padding:10px 0}.nav-item[data-v-f6baf643]{padding:5px 0}.nav-icon[data-v-f6baf643]{font-size:20px}.nav-text[data-v-f6baf643]{font-size:12px}}.bottom-nav[data-v-f6baf643]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fff;box-shadow:0 -2px 10px #0000001a;padding:10px 0;z-index:1000}.nav-item[data-v-f6baf643]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;cursor:pointer;transition:all .3s ease}.nav-item[data-v-f6baf643]:hover{background:#f5f5f5}.nav-item.active[data-v-f6baf643]{color:#4caf50}.nav-icon[data-v-f6baf643]{font-size:24px;margin-bottom:5px}.nav-text[data-v-f6baf643]{font-size:12px;color:#666}.nav-item.active .nav-text[data-v-f6baf643]{color:#4caf50}.login-container[data-v-c2b1bade]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card[data-v-c2b1bade]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #0000001a;max-width:400px;width:100%;text-align:center}.login-card h1[data-v-c2b1bade]{color:#333;margin-bottom:20px;font-size:24px}.login-desc[data-v-c2b1bade]{color:#666;margin-bottom:30px;font-size:16px}.line-login-section[data-v-c2b1bade]{margin-bottom:20px}.login-btn-container[data-v-c2b1bade]{margin-bottom:30px}.line-login-btn[data-v-c2b1bade]{display:inline-block;transition:transform .2s ease}.line-login-btn[data-v-c2b1bade]:hover{transform:scale(1.05)}.line-login-btn img[data-v-c2b1bade]{width:100%;max-width:55px}.line-login-disabled[data-v-c2b1bade]{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:20px;margin:20px 0;text-align:center}.line-login-disabled p[data-v-c2b1bade]{color:#666;margin:0}.login-tips[data-v-c2b1bade]{text-align:left;border-top:1px solid #eee;padding-top:20px}.login-tips p[data-v-c2b1bade]{color:#333;font-weight:500;margin-bottom:10px}.login-tips ul[data-v-c2b1bade]{list-style:none;padding:0;margin:0}.login-tips li[data-v-c2b1bade]{color:#666;margin-bottom:8px;padding-left:20px;position:relative}.login-tips li[data-v-c2b1bade]:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.login-container[data-v-78188a80]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card[data-v-78188a80]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #0000001a;max-width:400px;width:100%}.login-card h1[data-v-78188a80]{color:#333;margin-bottom:10px;font-size:24px;text-align:center}.login-desc[data-v-78188a80]{color:#666;margin-bottom:30px;font-size:16px;text-align:center}.login-form[data-v-78188a80]{margin-bottom:30px}.form-group[data-v-78188a80]{margin-bottom:20px}.form-group label[data-v-78188a80]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-input[data-v-78188a80]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s ease}.form-input[data-v-78188a80]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.login-btn[data-v-78188a80]{width:100%;padding:15px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.login-btn[data-v-78188a80]:hover:not(:disabled){background:#45a049}.login-btn[data-v-78188a80]:disabled{background:#ccc;cursor:not-allowed}.error-message[data-v-78188a80]{background:#ffebee;color:#c62828;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.login-tips[data-v-78188a80]{text-align:left;border-top:1px solid #eee;padding-top:20px}.login-tips p[data-v-78188a80]{color:#333;font-weight:500;margin-bottom:10px;font-size:14px}.login-tips ul[data-v-78188a80]{list-style:none;padding:0;margin:0}.login-tips li[data-v-78188a80]{color:#666;margin-bottom:8px;padding-left:20px;position:relative;font-size:13px}.login-tips li[data-v-78188a80]:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}@media(max-width:480px){.login-card[data-v-78188a80]{padding:30px 20px}.login-card h1[data-v-78188a80]{font-size:20px}.form-input[data-v-78188a80]{padding:10px 12px;font-size:14px}.login-btn[data-v-78188a80]{padding:12px;font-size:14px}}.user-center-container[data-v-7aa8de01]{max-width:1200px;margin:0 auto;padding:20px}.user-header[data-v-7aa8de01]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.user-info[data-v-7aa8de01]{display:flex;align-items:center;gap:20px}.user-avatar[data-v-7aa8de01]{width:100px;height:100px;border-radius:50%;object-fit:cover}.user-details h2[data-v-7aa8de01]{margin:0 0 10px;color:#333}.user-level[data-v-7aa8de01],.user-points[data-v-7aa8de01]{margin:0 0 5px;color:#666}.edit-btn[data-v-7aa8de01]{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.edit-btn[data-v-7aa8de01]:hover{background:#45a049}.user-content[data-v-7aa8de01]{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.tab-container[data-v-7aa8de01]{display:flex;border-bottom:1px solid #eee}.tab-btn[data-v-7aa8de01]{padding:15px 30px;border:none;background:none;cursor:pointer;font-size:16px;color:#666;border-bottom:2px solid transparent}.tab-btn[data-v-7aa8de01]:hover{color:#4caf50}.tab-btn.active[data-v-7aa8de01]{color:#4caf50;border-bottom-color:#4caf50}.tab-content[data-v-7aa8de01]{padding:30px}.profile-form[data-v-7aa8de01]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-7aa8de01]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-7aa8de01]{font-weight:500;color:#333}.form-group input[data-v-7aa8de01]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.submit-btn[data-v-7aa8de01]{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;width:fit-content}.submit-btn[data-v-7aa8de01]:hover{background:#45a049}.recharge-status[data-v-7aa8de01]{padding:5px 15px;border-radius:20px;font-size:14px;font-weight:500}.status-pending[data-v-7aa8de01]{background:#fff3cd;color:#856404}.status-success[data-v-7aa8de01]{background:#d4f1d9;color:#155724}.status-failed[data-v-7aa8de01]{background:#f8d7da;color:#721c24}.empty-state[data-v-7aa8de01]{text-align:center;padding:60px 20px;color:#999}.pagination[data-v-7aa8de01]{display:flex;justify-content:space-between;align-items:center;margin-top:30px;flex-wrap:wrap;gap:15px}.per-page-selector[data-v-7aa8de01]{display:flex;align-items:center;gap:8px}.per-page-select[data-v-7aa8de01]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.page-controls[data-v-7aa8de01]{display:flex;align-items:center;gap:15px}.pagination button[data-v-7aa8de01]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.pagination button[data-v-7aa8de01]:hover:not(:disabled){background:#f5f5f5}.pagination button[data-v-7aa8de01]:disabled{cursor:not-allowed}@media(max-width:768px){.user-center-container[data-v-7aa8de01]{padding:10px}.user-header[data-v-7aa8de01]{flex-direction:column;align-items:flex-start;padding:20px;gap:15px}.user-info[data-v-7aa8de01]{flex-direction:column;align-items:flex-start;gap:15px}.user-avatar[data-v-7aa8de01]{width:80px;height:80px}.tab-container[data-v-7aa8de01]{overflow-x:auto;white-space:nowrap}.tab-btn[data-v-7aa8de01]{padding:12px 20px;font-size:14px}.tab-content[data-v-7aa8de01]{padding:20px}.form-group input[data-v-7aa8de01],.form-group select[data-v-7aa8de01],.form-group textarea[data-v-7aa8de01]{font-size:14px}.withdrawal-item[data-v-7aa8de01]{padding:15px;flex-direction:column;align-items:flex-start;gap:10px}.withdrawal-form[data-v-7aa8de01]{padding:20px}.form-actions[data-v-7aa8de01]{flex-direction:column;gap:10px}.form-actions button[data-v-7aa8de01]{width:100%}}.withdrawal-section[data-v-7aa8de01]{display:flex;flex-direction:column;gap:30px}.withdrawal-form[data-v-7aa8de01]{padding:20px;border:1px solid #eee;border-radius:8px}.withdrawal-form h3[data-v-7aa8de01]{margin:0 0 20px;color:#333}.form-select[data-v-7aa8de01]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}.available-points[data-v-7aa8de01]{font-size:14px;color:#666;margin:5px 0 0}.withdrawal-list[data-v-7aa8de01]{display:flex;flex-direction:column;gap:15px}.withdrawal-list h3[data-v-7aa8de01]{margin:0 0 15px;color:#333}.withdrawal-item[data-v-7aa8de01]{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #eee;border-radius:8px}.withdrawal-info[data-v-7aa8de01]{display:flex;flex-direction:column;gap:5px}.withdrawal-amount[data-v-7aa8de01]{font-size:18px;font-weight:700;color:#333}.withdrawal-method[data-v-7aa8de01]{font-size:14px;color:#666}.withdrawal-time[data-v-7aa8de01]{font-size:14px;color:#999}.withdrawal-status[data-v-7aa8de01]{padding:5px 15px;border-radius:20px;font-size:14px;font-weight:500}.withdrawal-apply-section[data-v-7aa8de01],.withdrawal-records-section[data-v-7aa8de01]{display:flex;flex-direction:column;gap:30px}.modal[data-v-7aa8de01]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-7aa8de01]{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px}.modal-content h3[data-v-7aa8de01]{margin:0 0 20px;color:#333}.modal-btns[data-v-7aa8de01]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn[data-v-7aa8de01]{padding:10px 20px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer}.confirm-btn[data-v-7aa8de01]{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer}.confirm-btn[data-v-7aa8de01]:hover{background:#45a049}.bottom-nav[data-v-7aa8de01]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fff;box-shadow:0 -2px 10px #0000001a;padding:10px 0;z-index:1000}.nav-item[data-v-7aa8de01]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;cursor:pointer;transition:all .3s ease}.nav-item[data-v-7aa8de01]:hover{background:#f5f5f5}.nav-item.active[data-v-7aa8de01]{color:#4caf50}.nav-icon[data-v-7aa8de01]{font-size:24px;margin-bottom:5px}.nav-text[data-v-7aa8de01]{font-size:12px;color:#666}.nav-item.active .nav-text[data-v-7aa8de01]{color:#4caf50}.live-stream-container[data-v-25fad87e]{display:flex;gap:20px;max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;background:#f5f5f5}.left-section[data-v-25fad87e]{flex:1;display:flex;flex-direction:column;gap:20px}.live-player[data-v-25fad87e]{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.stream-video[data-v-25fad87e]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.player-placeholder[data-v-25fad87e]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;color:#fff}.danmaku-container[data-v-25fad87e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.danmaku-item[data-v-25fad87e]{position:absolute;white-space:nowrap;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:danmakuMove-25fad87e linear forwards}@keyframes danmakuMove-25fad87e{0%{transform:translate(100%)}to{transform:translate(-100%)}}.broadcast-container[data-v-25fad87e]{position:absolute;top:10px;left:0;width:100%;height:30px;background:#0009;display:flex;align-items:center;overflow:hidden;z-index:10}.broadcast-text[data-v-25fad87e]{position:absolute;top:50%;white-space:nowrap;color:#ffeb3b;font-weight:700;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:broadcastMove-25fad87e linear 20s infinite}@keyframes broadcastMove-25fad87e{0%{transform:translate(100%,-50%)}to{transform:translate(-100%,-50%)}}.stream-info[data-v-25fad87e]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.description-content[data-v-25fad87e]{margin-bottom:15px}.stream-description[data-v-25fad87e]{margin:0 0 15px;color:#666;line-height:1.5}.description-with-images[data-v-25fad87e]{display:flex;flex-direction:column;gap:15px}.images-container[data-v-25fad87e]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.description-image[data-v-25fad87e]{max-width:100%;max-height:300px;border-radius:8px;object-fit:cover;box-shadow:0 2px 5px #0000001a}.image-upload-section[data-v-25fad87e]{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.upload-btn[data-v-25fad87e]{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.upload-btn[data-v-25fad87e]:hover{background:#2980b9}.right-section[data-v-25fad87e]{width:400px;display:flex;flex-direction:column}.chat-section[data-v-25fad87e]{flex:1;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 80px)}.chat-section h3[data-v-25fad87e]{margin:0 0 15px;color:#333;font-size:16px}.chat-container[data-v-25fad87e]{flex:1;overflow-y:auto;padding:15px;background:#f9f9f9;border-radius:6px;margin-bottom:15px}.chat-message[data-v-25fad87e]{display:flex;gap:10px;margin-bottom:15px;align-items:flex-start}.message-avatar[data-v-25fad87e]{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-content[data-v-25fad87e]{flex:1}.message-header[data-v-25fad87e]{display:flex;justify-content:space-between;margin-bottom:5px}.message-username[data-v-25fad87e]{font-weight:500;font-size:14px;color:#333}.message-time[data-v-25fad87e]{font-size:12px;color:#999}.message-body[data-v-25fad87e]{font-size:14px;color:#333;line-height:1.4}.message-image[data-v-25fad87e]{max-width:100%;max-height:200px;border-radius:6px;margin-top:5px}.chat-input-container[data-v-25fad87e]{display:flex;flex-direction:column;gap:10px}.chat-input[data-v-25fad87e]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.chat-controls[data-v-25fad87e]{display:flex;gap:10px;align-items:center}.emoji-btn[data-v-25fad87e],.image-btn[data-v-25fad87e]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:16px}.send-btn[data-v-25fad87e]{padding:8px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.send-btn[data-v-25fad87e]:hover{background:#45a049}.emoji-picker[data-v-25fad87e]{position:absolute;bottom:100px;right:20px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 4px 12px #00000026;z-index:100}.emoji-grid[data-v-25fad87e]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.emoji-item[data-v-25fad87e]{font-size:20px;cursor:pointer;text-align:center;padding:5px;border-radius:4px}.emoji-item[data-v-25fad87e]:hover{background:#f0f0f0}@media(max-width:1024px){.live-stream-container[data-v-25fad87e]{flex-direction:column}.right-section[data-v-25fad87e]{width:100%;height:500px}.chat-section[data-v-25fad87e]{height:100%}}.streamer-center-container[data-v-1e6814b6]{max-width:1200px;margin:0 auto;padding:20px}.streamer-header[data-v-1e6814b6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.streamer-header h1[data-v-1e6814b6]{margin:0;color:#333}.status-badge[data-v-1e6814b6]{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-right:15px}.status-badge.active[data-v-1e6814b6]{background:#d4f1d9;color:#155724}.status-badge[data-v-1e6814b6]:not(.active){background:#fff3cd;color:#856404}.apply-btn[data-v-1e6814b6]{padding:8px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.apply-btn[data-v-1e6814b6]:hover{background:#45a049}.dashboard-section[data-v-1e6814b6]{margin-bottom:30px}.dashboard-section h2[data-v-1e6814b6]{margin-bottom:20px;color:#333}.dashboard-stats[data-v-1e6814b6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-1e6814b6]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;text-align:center}.stat-value[data-v-1e6814b6]{font-size:28px;font-weight:700;color:#4caf50;margin-bottom:5px}.stat-label[data-v-1e6814b6]{font-size:14px;color:#666}.streams-section[data-v-1e6814b6]{margin-bottom:30px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.section-header[data-v-1e6814b6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-1e6814b6]{margin:0;color:#333}.create-btn[data-v-1e6814b6]{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.create-btn[data-v-1e6814b6]:hover{background:#45a049}.streams-list[data-v-1e6814b6]{display:flex;flex-direction:column;gap:15px}.stream-item[data-v-1e6814b6]{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #eee;border-radius:8px;transition:box-shadow .3s ease}.stream-item[data-v-1e6814b6]:hover{box-shadow:0 4px 12px #0000000d}.stream-info[data-v-1e6814b6]{display:flex;gap:15px;align-items:center;flex:1}.stream-cover[data-v-1e6814b6]{width:100px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.stream-details[data-v-1e6814b6]{flex:1}.stream-details h3[data-v-1e6814b6]{margin:0 0 10px;color:#333;font-size:16px}.stream-meta[data-v-1e6814b6]{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap}.stream-status[data-v-1e6814b6]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-live[data-v-1e6814b6]{background:#ff4757;color:#fff}.status-upcoming[data-v-1e6814b6]{background:#f39c12;color:#fff}.status-ended[data-v-1e6814b6]{background:#95a5a6;color:#fff}.viewers-count[data-v-1e6814b6]{font-size:14px;color:#666}.stream-tags[data-v-1e6814b6]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-1e6814b6]{padding:3px 12px;background:#f0f0f0;border-radius:15px;font-size:12px;color:#666}.stream-actions[data-v-1e6814b6]{display:flex;gap:10px}.action-btn[data-v-1e6814b6]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;transition:background-color .3s ease}.action-btn[data-v-1e6814b6]:hover{background:#f5f5f5}.start-btn[data-v-1e6814b6]{background:#4caf50;color:#fff;border-color:#4caf50}.start-btn[data-v-1e6814b6]:hover{background:#45a049}.end-btn[data-v-1e6814b6]{background:#ff4757;color:#fff;border-color:#ff4757}.end-btn[data-v-1e6814b6]:hover{background:#e84118}.delete-btn[data-v-1e6814b6]{background:#ff4757;color:#fff;border-color:#ff4757}.delete-btn[data-v-1e6814b6]:hover{background:#e84118}.pagination[data-v-1e6814b6]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.pagination button[data-v-1e6814b6]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.pagination button[data-v-1e6814b6]:hover:not(:disabled){background:#f5f5f5}.pagination button[data-v-1e6814b6]:disabled{cursor:not-allowed;opacity:.5}.viewers-section[data-v-1e6814b6]{margin-bottom:30px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.viewers-section h2[data-v-1e6814b6]{margin-bottom:20px;color:#333}.viewers-list[data-v-1e6814b6]{display:flex;flex-direction:column;gap:15px}.viewer-item[data-v-1e6814b6]{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #eee;border-radius:8px}.viewer-info[data-v-1e6814b6]{display:flex;align-items:center;gap:15px;flex:1}.viewer-avatar[data-v-1e6814b6]{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.viewer-name[data-v-1e6814b6]{font-size:14px;color:#333;font-weight:500}.viewer-role[data-v-1e6814b6]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.role-user[data-v-1e6814b6]{background:#e3f2fd;color:#1565c0}.role-streamer[data-v-1e6814b6]{background:#f3e5f5;color:#7b1fa2}.role-admin[data-v-1e6814b6]{background:#ffebee;color:#c62828}.ban-btn[data-v-1e6814b6]{padding:8px 16px;background:#ff4757;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.ban-btn[data-v-1e6814b6]:hover{background:#e84118}.empty-state[data-v-1e6814b6]{text-align:center;padding:60px 20px;color:#999;background:#f9f9f9;border-radius:8px}.modal[data-v-1e6814b6]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-1e6814b6]{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:600px}.modal-content h3[data-v-1e6814b6]{margin:0 0 20px;color:#333}.stream-form[data-v-1e6814b6]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-1e6814b6]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-1e6814b6]{font-weight:500;color:#333;font-size:14px}.form-group input[data-v-1e6814b6],.form-group textarea[data-v-1e6814b6],.form-group select[data-v-1e6814b6]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group textarea[data-v-1e6814b6]{resize:vertical}.modal-btns[data-v-1e6814b6]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn[data-v-1e6814b6]{padding:10px 20px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px}.confirm-btn[data-v-1e6814b6]{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.confirm-btn[data-v-1e6814b6]:hover{background:#45a049}@media(max-width:768px){.streamer-header[data-v-1e6814b6],.stream-item[data-v-1e6814b6]{flex-direction:column;align-items:flex-start;gap:15px}.stream-actions[data-v-1e6814b6]{align-self:flex-end}.dashboard-stats[data-v-1e6814b6]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.admin-center[data-v-24da8300]{display:flex;min-height:100vh;background:#f5f5f5}.sidebar[data-v-24da8300]{width:200px;background:#333;color:#fff;padding:20px}.sidebar-header h2[data-v-24da8300]{margin:0 0 30px;font-size:18px}.menu-item[data-v-24da8300]{padding:12px 15px;margin-bottom:8px;border-radius:6px;cursor:pointer;transition:background .3s}.menu-item[data-v-24da8300]:hover{background:#444}.menu-item.active[data-v-24da8300]{background:#4caf50}.main-content[data-v-24da8300]{flex:1;padding:20px}.top-nav[data-v-24da8300]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ddd}.top-nav h1[data-v-24da8300]{margin:0;color:#333}.user-info[data-v-24da8300]{display:flex;align-items:center;gap:15px}.logout-btn[data-v-24da8300]{padding:6px 15px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer}.section-header[data-v-24da8300]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions[data-v-24da8300]{display:flex;gap:10px}.section-header h3[data-v-24da8300]{margin:0;font-size:20px;color:#333}.header-actions[data-v-24da8300]{display:flex;gap:10px;align-items:center}.create-btn[data-v-24da8300]{padding:8px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.create-btn[data-v-24da8300]:hover{background:#45a049}.filter-bar[data-v-24da8300]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-input[data-v-24da8300]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:300px}.per-page-select[data-v-24da8300]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.filter-select[data-v-24da8300]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.users-table[data-v-24da8300]{overflow-x:auto}.users-table table[data-v-24da8300]{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #0000001a}.users-table th[data-v-24da8300],.users-table td[data-v-24da8300]{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.users-table th[data-v-24da8300]{background:#f5f5f5;font-weight:600;color:#333}.users-table tr[data-v-24da8300]:hover{background:#f9f9f9}.pagination[data-v-24da8300]{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.page-btn[data-v-24da8300]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.page-btn[data-v-24da8300]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-24da8300]{font-size:14px;color:#666}.admins-list[data-v-24da8300]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.admin-item[data-v-24da8300]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-avatar[data-v-24da8300]{width:50px;height:50px;border-radius:50%;object-fit:cover}.admin-details[data-v-24da8300]{flex:1;margin-left:15px}.admin-name[data-v-24da8300]{font-weight:500;color:#333;margin-bottom:5px}.admin-username[data-v-24da8300]{font-size:14px;color:#666}.action-btn[data-v-24da8300]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:5px}.edit-btn[data-v-24da8300]{background:#2196f3;color:#fff}.delete-btn[data-v-24da8300]{background:#f44336;color:#fff}.view-btn[data-v-24da8300]{background:#ff9800;color:#fff}.unban-btn[data-v-24da8300],.approve-btn[data-v-24da8300]{background:#4caf50;color:#fff}.reject-btn[data-v-24da8300]{background:#f44336;color:#fff}.streams-list[data-v-24da8300]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.stream-item[data-v-24da8300]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.stream-cover[data-v-24da8300]{height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.stream-cover img[data-v-24da8300]{width:100%;height:100%;object-fit:cover}.default-cover[data-v-24da8300]{color:#999;font-size:16px}.stream-info[data-v-24da8300]{padding:15px}.stream-title[data-v-24da8300]{font-weight:500;color:#333;margin-bottom:10px;font-size:16px}.stream-meta[data-v-24da8300]{font-size:14px;color:#666;margin-bottom:10px}.stream-tags[data-v-24da8300]{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag[data-v-24da8300]{padding:3px 10px;background:#f0f0f0;border-radius:12px;font-size:12px;color:#666}.stream-status[data-v-24da8300]{padding:10px 15px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.status-tag[data-v-24da8300]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-live[data-v-24da8300]{background:#ff4757;color:#fff}.status-upcoming[data-v-24da8300]{background:#f39c12;color:#fff}.status-ended[data-v-24da8300]{background:#95a5a6;color:#fff}.stream-actions[data-v-24da8300]{padding:15px;display:flex;gap:10px;justify-content:flex-end}.ban-records-list[data-v-24da8300]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.ban-record-item[data-v-24da8300]{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.ban-user[data-v-24da8300]{font-weight:500;color:#333;margin-bottom:10px}.ban-reason[data-v-24da8300]{color:#666;margin-bottom:10px;line-height:1.4}.ban-meta[data-v-24da8300]{display:flex;gap:10px;font-size:12px;color:#999;flex-wrap:wrap}.ban-actions[data-v-24da8300]{margin-top:15px;display:flex;gap:10px;justify-content:flex-end}.content-table[data-v-24da8300]{overflow-x:auto}.content-table table[data-v-24da8300]{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #0000001a}.content-table th[data-v-24da8300],.content-table td[data-v-24da8300]{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.content-table th[data-v-24da8300]{background:#f5f5f5;font-weight:600;color:#333}.content-table tr[data-v-24da8300]:hover{background:#f9f9f9}.modal-overlay[data-v-24da8300]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-24da8300]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header[data-v-24da8300]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.modal-header h3[data-v-24da8300]{margin:0;font-size:18px;color:#333}.close-btn[data-v-24da8300]{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.close-btn[data-v-24da8300]:hover{color:#333}.modal-body[data-v-24da8300]{padding:20px}.form-group[data-v-24da8300]{margin-bottom:20px}.form-group label[data-v-24da8300]{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-input[data-v-24da8300]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-textarea[data-v-24da8300]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-height:100px;resize:vertical;box-sizing:border-box}.form-select[data-v-24da8300]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-file[data-v-24da8300]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;background:#f9f9f9}.cover-preview[data-v-24da8300]{width:100%;max-width:300px;margin-top:10px;border-radius:6px}.form-actions[data-v-24da8300]{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #f0f0f0}.btn[data-v-24da8300]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.save-btn[data-v-24da8300]{background:#4caf50;color:#fff}.save-btn[data-v-24da8300]:hover{background:#45a049}.cancel-btn[data-v-24da8300]{background:#95a5a6;color:#fff}.cancel-btn[data-v-24da8300]:hover{background:#7f8c8d}.stats-grid[data-v-24da8300]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.stat-card[data-v-24da8300]{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:20px}.stat-icon[data-v-24da8300]{font-size:36px}.stat-info[data-v-24da8300]{flex:1}.stat-value[data-v-24da8300]{font-size:24px;font-weight:600;color:#333;margin-bottom:5px}.stat-label[data-v-24da8300]{font-size:14px;color:#666}@media(max-width:768px){.admin-center[data-v-24da8300]{flex-direction:column}.sidebar[data-v-24da8300]{width:100%;padding:10px}.sidebar-menu[data-v-24da8300]{display:flex;overflow-x:auto;gap:10px;padding-bottom:10px}.menu-item[data-v-24da8300]{white-space:nowrap;margin-bottom:0}.main-content[data-v-24da8300]{padding:10px}.top-nav[data-v-24da8300]{flex-direction:column;align-items:flex-start;gap:10px}.header-actions[data-v-24da8300]{flex-direction:column;align-items:flex-start;width:100%}.search-input[data-v-24da8300]{width:100%}.filter-bar[data-v-24da8300]{flex-direction:column;align-items:flex-start;width:100%}.filter-select[data-v-24da8300]{width:100%}.streams-list[data-v-24da8300],.ban-records-list[data-v-24da8300],.admins-list[data-v-24da8300]{grid-template-columns:1fr}.users-table table[data-v-24da8300]{font-size:12px}.users-table th[data-v-24da8300],.users-table td[data-v-24da8300]{padding:8px}.content-table table[data-v-24da8300]{font-size:12px}.content-table th[data-v-24da8300],.content-table td[data-v-24da8300]{padding:8px}.stats-grid[data-v-24da8300]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid[data-v-24da8300]{grid-template-columns:1fr}.modal[data-v-24da8300]{width:95%}}.waterarmy-three-column[data-v-24da8300]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px;height:calc(100vh - 200px)}.waterarmy-left[data-v-24da8300]{background:#fff;border-radius:8px;padding:15px;overflow:hidden}.waterarmy-center[data-v-24da8300]{background:#fff;border-radius:8px;padding:15px;overflow:hidden;display:flex;flex-direction:column}.waterarmy-right[data-v-24da8300]{background:#fff;border-radius:8px;padding:15px;overflow-y:auto}.live-player[data-v-24da8300]{width:100%;height:100%;display:flex;flex-direction:column}.stream-video-container[data-v-24da8300]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stream-video[data-v-24da8300]{width:100%;height:100%;object-fit:contain}.player-placeholder[data-v-24da8300]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#666}.chat-section[data-v-24da8300]{display:flex;flex-direction:column;height:100%}.chat-section h3[data-v-24da8300]{margin:0 0 15px;font-size:16px;color:#333}.chat-container[data-v-24da8300]{flex:1;overflow-y:auto;background:#f8f9fa;border-radius:6px;padding:10px}.chat-message[data-v-24da8300]{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd}.message-content[data-v-24da8300]{display:flex;flex-direction:column;gap:5px}.message-header[data-v-24da8300]{display:flex;justify-content:space-between;align-items:center}.message-header-right[data-v-24da8300]{display:flex;align-items:center;gap:10px}.message-username[data-v-24da8300]{font-weight:500;color:#333;font-size:14px}.message-time[data-v-24da8300]{color:#999;font-size:12px}.delete-message-btn[data-v-24da8300]{padding:4px 8px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.delete-message-btn[data-v-24da8300]:hover{background:#d32f2f}.message-body[data-v-24da8300]{color:#666;font-size:14px;line-height:1.4}.waterarmy-list[data-v-24da8300]{margin-top:0}.waterarmy-item[data-v-24da8300]{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px;background:#f8f9fa;border-radius:6px;margin-bottom:8px;gap:10px}.waterarmy-name[data-v-24da8300]{font-weight:500;font-size:14px;color:#333}.waterarmy-message-input[data-v-24da8300]{display:flex;gap:10px;width:100%}.message-input[data-v-24da8300]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.send-message-btn[data-v-24da8300]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.send-message-btn[data-v-24da8300]:hover{background:#45a049}.waterarmy-actions[data-v-24da8300]{display:flex;gap:8px;width:100%}@media(max-width:1200px){.waterarmy-three-column[data-v-24da8300]{grid-template-columns:1fr;height:auto}.waterarmy-left[data-v-24da8300],.waterarmy-center[data-v-24da8300],.waterarmy-right[data-v-24da8300]{height:500px}}@media(max-width:768px){.waterarmy-actions[data-v-24da8300]{flex-direction:column;gap:5px}}.system-section[data-v-24da8300]{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.line-config-section[data-v-24da8300]{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:8px}.line-config-section h4[data-v-24da8300]{margin-top:0;margin-bottom:20px;color:#333;font-size:16px;font-weight:600}.line-config-form[data-v-24da8300]{display:flex;flex-direction:column;gap:20px}.checkbox-label[data-v-24da8300]{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox][data-v-24da8300]{width:16px;height:16px;cursor:pointer}.test-btn[data-v-24da8300]{background:#4caf50;color:#fff;margin-left:10px}.test-btn[data-v-24da8300]:hover{background:#45a049}.test-view[data-v-b0aa186b]{padding:20px}.about-container[data-v-c4dc20f6]{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.navbar[data-v-c4dc20f6]{background:#fff;box-shadow:0 2px 4px #0000001a;padding:10px 0;position:sticky;top:0;z-index:100}.navbar-container[data-v-c4dc20f6]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.navbar-brand h1[data-v-c4dc20f6]{margin:0;font-size:24px;color:#333}.about-content[data-v-c4dc20f6]{flex:1;width:100%;margin:20px 0;background:#fff;box-shadow:0 2px 4px #0000001a;padding:30px 30px 80px}.about-content h2[data-v-c4dc20f6]{margin-top:0;font-size:28px;color:#333;margin-bottom:20px}.description[data-v-c4dc20f6]{margin-bottom:30px;line-height:1.6;color:#666}.description p[data-v-c4dc20f6]{margin-bottom:15px}.description ul[data-v-c4dc20f6]{margin-bottom:15px;padding-left:20px}.description li[data-v-c4dc20f6]{margin-bottom:8px}.image-gallery[data-v-c4dc20f6]{display:flex;flex-direction:column;gap:20px}.gallery-image[data-v-c4dc20f6]{width:100%;border-radius:8px;box-shadow:0 2px 4px #0000001a}.bottom-nav[data-v-c4dc20f6]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fff;box-shadow:0 -2px 10px #0000001a;padding:10px 0;z-index:1000}.nav-item[data-v-c4dc20f6]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;cursor:pointer;transition:all .3s ease}.nav-item[data-v-c4dc20f6]:hover{background:#f5f5f5}.nav-item.active[data-v-c4dc20f6]{color:#4caf50}.nav-icon[data-v-c4dc20f6]{font-size:24px;margin-bottom:5px}.nav-text[data-v-c4dc20f6]{font-size:12px;color:#666}.nav-item.active .nav-text[data-v-c4dc20f6]{color:#4caf50}@media(max-width:768px){.about-content[data-v-c4dc20f6]{padding:20px}.about-content h2[data-v-c4dc20f6]{font-size:24px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}