@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);.binary-word-background[data-v-8ffac8f2]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hero[data-v-4dceb838]{background:var(--hero-bg-light);color:var(--text-color);padding:80px 0 120px;text-align:center;position:relative;overflow:hidden}.container[data-v-4dceb838]{position:relative;z-index:1}.hero-content[data-v-4dceb838]{max-width:560px;text-align:left}.hero-title[data-v-4dceb838]{font-size:5rem;font-weight:600;margin-bottom:40px;color:var(--text-color);letter-spacing:-.04em;line-height:1.1}.hero-subtitle[data-v-4dceb838]{font-size:1.75rem;font-weight:500;margin-bottom:20px;color:var(--text-secondary);letter-spacing:-.02em}.hero-image-placeholder[data-v-4dceb838]{background:var(--card-bg);border:1px solid var(--border-color);padding:30px;box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.hero-image-placeholder[data-v-4dceb838]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hero-image-placeholder.server-panel[data-v-4dceb838]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 48px;padding:36px 44px;text-align:left}.server-panel-info[data-v-4dceb838]{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.server-panel-title[data-v-4dceb838]{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text-color);margin:0}.server-address[data-v-4dceb838]{font-size:1.25rem;font-weight:600;letter-spacing:.02em;color:var(--text-color);background:var(--bg-color);border:1px solid var(--border-color);padding:10px 24px;margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.server-panel-buttons[data-v-4dceb838]{display:flex;flex-direction:column;gap:14px}.server-panel-buttons .btn[data-v-4dceb838]{cursor:pointer;border:none;font-size:1rem;min-width:180px;text-align:center}.server-panel-buttons .btn-gray[data-v-4dceb838]{background:var(--text-secondary);border:1px solid var(--text-secondary);color:var(--bg-color)}.server-panel-buttons .btn-gray[data-v-4dceb838]:hover{background:var(--text-color);border-color:var(--text-color);color:var(--bg-color)}.btn-disabled[data-v-4dceb838]{opacity:.5;cursor:not-allowed}.server-panel-footer[data-v-4dceb838]{flex-basis:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.modpack-info[data-v-4dceb838]{font-size:.9rem;color:var(--text-secondary);margin:0;word-break:break-all}.modpack-admin[data-v-4dceb838]{border-top:1px dashed var(--border-color);padding-top:16px;width:100%;text-align:center}.admin-upload-btn[data-v-4dceb838]{background:transparent;color:var(--text-secondary);border:1px dashed var(--border-color);padding:8px 20px;font-size:.9rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.admin-upload-btn[data-v-4dceb838]:hover:not(:disabled){color:var(--text-color);border-color:var(--text-secondary)}.admin-upload-btn[data-v-4dceb838]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.hero[data-v-4dceb838]{padding:56px 0 72px}.hero-title[data-v-4dceb838]{font-size:3rem}}@media (max-width:576px){.hero-title[data-v-4dceb838]{font-size:2.5rem}.server-panel[data-v-4dceb838]{flex-direction:column;text-align:center;padding:32px 20px;gap:24px}.server-panel-info[data-v-4dceb838]{align-items:center}.server-panel-title[data-v-4dceb838]{font-size:1.3rem}.server-address[data-v-4dceb838]{font-size:1.05rem;padding:8px 18px}.server-panel-buttons[data-v-4dceb838]{width:100%}.server-panel-buttons .btn[data-v-4dceb838]{width:100%;min-width:0}}.features[data-v-9eb46b64]{background:var(--section-bg-alt);padding:100px 0;position:relative}.features[data-v-9eb46b64]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.05) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(6,182,212,.05) 0,transparent 50%);pointer-events:none}.features-grid[data-v-9eb46b64]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;position:relative;z-index:1}.feature-card[data-v-9eb46b64]{border-radius:0;padding:40px 30px;text-align:center;box-shadow:0 4px 20px var(--shadow-color);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);position:relative;overflow:hidden}.feature-card[data-v-9eb46b64]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--duration-base) var(--ease-standard)}.feature-card[data-v-9eb46b64]:hover:before{transform:scaleX(1)}.feature-card[data-v-9eb46b64]:hover{transform:translateY(-4px);box-shadow:0 20px 40px var(--glow-purple);border-color:var(--border-glow)}.feature-icon[data-v-9eb46b64]{font-size:3rem;margin-bottom:25px;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:0;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));color:var(--accent-purple);transition:transform var(--duration-base) var(--ease-standard)}.feature-card:nth-child(2n) .feature-icon[data-v-9eb46b64]{background:linear-gradient(135deg,rgba(6,182,212,.2),rgba(59,130,246,.2));color:var(--accent-cyan)}.feature-card:nth-child(3n) .feature-icon[data-v-9eb46b64]{background:linear-gradient(135deg,rgba(236,72,153,.2),rgba(168,85,247,.2));color:var(--accent-pink)}.feature-card:hover .feature-icon[data-v-9eb46b64]{transform:scale(1.1) rotate(5deg)}.feature-title[data-v-9eb46b64]{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:var(--text-color);transition:color var(--duration-fast) var(--ease-standard)}.feature-card:hover .feature-title[data-v-9eb46b64]{color:var(--accent-purple)}.feature-description[data-v-9eb46b64]{font-size:1rem;color:var(--text-secondary);line-height:1.7;opacity:.9}@media (max-width:768px){.features[data-v-9eb46b64]{padding:64px 0}.features-grid[data-v-9eb46b64]{grid-template-columns:1fr}}.team[data-v-b2bb1090]{background:var(--section-bg);padding:100px 0;position:relative}.team[data-v-b2bb1090]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0,rgba(168,85,247,.08) 0,transparent 50%);pointer-events:none}.team-grid[data-v-b2bb1090]{display:flex;justify-content:center;flex-wrap:wrap;gap:50px;position:relative;z-index:1}.team-member[data-v-b2bb1090]{text-align:center;max-width:280px;transition:transform var(--duration-base) var(--ease-standard)}.team-member[data-v-b2bb1090]:hover{transform:translateY(-4px)}.member-avatar[data-v-b2bb1090]{width:180px;height:180px;margin:0 auto 25px;border-radius:50%;overflow:hidden;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px var(--glow-purple);border:3px solid var(--border-glow);position:relative;transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.team-member:hover .member-avatar[data-v-b2bb1090]{box-shadow:0 15px 50px var(--glow-purple);transform:scale(1.05)}.avatar-image[data-v-b2bb1090]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-b2bb1090]{color:var(--bg-color);font-size:5rem}.team-empty[data-v-b2bb1090]{text-align:center;color:var(--text-secondary);position:relative;z-index:1}.member-name[data-v-b2bb1090]{font-size:1.6rem;font-weight:700;margin-bottom:12px;color:var(--text-color);transition:color var(--duration-fast) var(--ease-standard)}.team-member:hover .member-name[data-v-b2bb1090]{color:var(--accent-purple)}@media (max-width:768px){.team[data-v-b2bb1090]{padding:64px 0}.team-grid[data-v-b2bb1090]{flex-direction:column;align-items:center}.member-avatar[data-v-b2bb1090]{width:140px;height:140px}}.footer[data-v-3adedbcc]{background:var(--footer-bg-color);color:var(--footer-text-color);padding:80px 0 30px;margin-top:auto;position:relative;border-top:1px solid var(--footer-border-color)}.footer[data-v-3adedbcc]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--primary-gradient);opacity:.5}.footer-content[data-v-3adedbcc]{display:flex;justify-content:space-between;margin-bottom:50px;flex-wrap:wrap;gap:40px}.footer-logo h3[data-v-3adedbcc]{font-size:2rem;margin-bottom:15px;font-weight:800}.footer-logo p[data-v-3adedbcc]{color:var(--footer-secondary-text-color);max-width:300px;line-height:1.7}.footer-links[data-v-3adedbcc]{display:flex;gap:60px;flex-wrap:wrap}.footer-column h4[data-v-3adedbcc]{font-size:1.1rem;margin-bottom:20px;color:var(--footer-text-color);font-weight:600;text-transform:uppercase;letter-spacing:1px}.footer-column ul[data-v-3adedbcc]{list-style:none}.footer-column ul li[data-v-3adedbcc]{margin-bottom:12px}.footer-column ul li a[data-v-3adedbcc]{color:var(--footer-secondary-text-color);transition:color var(--duration-fast) var(--ease-standard),padding-left var(--duration-fast) var(--ease-standard);font-size:.95rem}.footer-column ul li a[data-v-3adedbcc]:hover{color:var(--accent-purple);padding-left:5px;text-decoration:none}.footer-bottom[data-v-3adedbcc]{text-align:center;padding-top:30px;border-top:1px solid var(--footer-border-color);color:var(--footer-secondary-text-color);font-size:.9rem}@media (max-width:992px){.footer-content[data-v-3adedbcc]{flex-direction:column;gap:40px}.footer-links[data-v-3adedbcc]{justify-content:space-between;width:100%}}@media (max-width:768px){.footer-links[data-v-3adedbcc]{flex-direction:column;gap:30px}}.home[data-v-1f53c7fc]{width:100%}.doc-sidebar[data-v-514a2de9]{width:250px;flex-shrink:0;background-color:var(--card-bg);border-radius:0;padding:25px;box-shadow:0 4px 12px var(--shadow-color);height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.sidebar-title[data-v-514a2de9]{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.sidebar-nav[data-v-514a2de9]{list-style:none;padding:0;margin:0}.nav-item[data-v-514a2de9]{margin-bottom:5px;cursor:pointer}.nav-link[data-v-514a2de9]{display:block;padding:10px 15px;color:var(--text-secondary);text-decoration:none;border-radius:0;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-item:hover .nav-link[data-v-514a2de9]{background-color:var(--bg-tertiary);color:var(--text-color)}.nav-item.active .nav-link[data-v-514a2de9]{background:var(--bg-tertiary);color:var(--text-color);border-left:3px solid var(--text-secondary)}@media (max-width:992px){.doc-sidebar[data-v-514a2de9]{width:100%;position:static;margin-bottom:20px}}.doc-viewer[data-v-c8c19708]{flex:1}.error[data-v-c8c19708],.loading[data-v-c8c19708]{padding:50px 20px}.loading-spinner[data-v-c8c19708]{width:40px;height:40px;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:15px}.error p[data-v-c8c19708],.loading p[data-v-c8c19708]{color:var(--text-secondary);margin:0}.error[data-v-c8c19708]{background:var(--error-bg);border-radius:0;border:1px solid var(--error-border);backdrop-filter:blur(10px)}.error-content[data-v-c8c19708]{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px}.error-icon[data-v-c8c19708]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--error-bg);border-radius:50%;border:2px solid var(--error-border)}.error-icon i[data-v-c8c19708]{font-size:2rem;color:var(--color-error)}.error-title[data-v-c8c19708]{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.error-message[data-v-c8c19708]{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;padding:0 20px}.retry-btn[data-v-c8c19708]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);border:none;border-radius:0;color:var(--bg-color);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);box-shadow:0 4px 15px var(--glow-accent)}.retry-btn[data-v-c8c19708]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-accent)}.retry-btn[data-v-c8c19708]:active{transform:translateY(0)}.retry-btn i[data-v-c8c19708]{font-size:1rem}.doc-content[data-v-c8c19708]{background-color:var(--card-bg);border-radius:0;padding:30px;box-shadow:0 4px 12px var(--shadow-color);line-height:1.6}.doc-content[data-v-c8c19708] h1{font-size:2rem;color:var(--text-color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.doc-content[data-v-c8c19708] h2{font-size:1.8rem;color:var(--text-color);margin-bottom:15px;margin-top:30px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.doc-content[data-v-c8c19708] h3{font-size:1.5rem;color:var(--text-color);margin-bottom:12px;margin-top:25px}.doc-content[data-v-c8c19708] h4{font-size:1.2rem;color:var(--text-color);margin-bottom:10px;margin-top:20px}.doc-content[data-v-c8c19708] p{color:var(--text-secondary);margin-bottom:16px}.doc-content[data-v-c8c19708] ol,.doc-content[data-v-c8c19708] ul{padding-left:25px;margin-bottom:16px}.doc-content[data-v-c8c19708] li{margin-bottom:8px;color:var(--text-secondary)}.doc-content[data-v-c8c19708] a{color:var(--primary-color);text-decoration:none}.doc-content[data-v-c8c19708] a:hover{text-decoration:underline}.doc-content[data-v-c8c19708] code{background-color:var(--code-bg);color:var(--code-text);padding:2px 6px;border-radius:0;font-family:Courier New,monospace;font-size:.9em}.doc-content[data-v-c8c19708] pre{background-color:var(--code-bg);padding:16px;border-radius:0;overflow-x:auto;margin-bottom:16px}.doc-content[data-v-c8c19708] pre code{background-color:transparent;padding:0;color:var(--text-color)}.doc-content[data-v-c8c19708] blockquote{border-left:4px solid var(--primary-color);padding-left:16px;margin:16px 0;color:var(--text-secondary)}.doc-content[data-v-c8c19708] table{width:100%;border-collapse:collapse;margin-bottom:16px}.doc-content[data-v-c8c19708] table td,.doc-content[data-v-c8c19708] table th{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.doc-content[data-v-c8c19708] table th{background-color:var(--bg-color);font-weight:600;color:var(--text-color)}.doc-content[data-v-c8c19708] table td{color:var(--text-secondary)}.doc-content[data-v-c8c19708] img{max-width:100%;height:auto;border-radius:0;margin:16px 0}.doc-content[data-v-c8c19708] hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}@media (max-width:768px){.doc-content[data-v-c8c19708]{padding:20px}.doc-content[data-v-c8c19708] h1{font-size:1.8rem}.doc-content[data-v-c8c19708] h2{font-size:1.6rem}.doc-content[data-v-c8c19708] h3{font-size:1.4rem}}.documentation[data-v-42f1eb04]{padding:30px 0;min-height:calc(100vh - 100px);background-color:var(--bg-color)}.doc-layout[data-v-42f1eb04]{display:flex;max-width:1200px;margin:0 auto;gap:30px}@media (max-width:992px){.doc-layout[data-v-42f1eb04]{flex-direction:column}}.feature-sidebar[data-v-ed1d8bac]{position:sticky;top:100px;width:280px;border-radius:0;overflow:hidden;height:-moz-fit-content;height:fit-content}.sidebar-header[data-v-ed1d8bac]{padding:24px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.sidebar-header h3[data-v-ed1d8bac]{font-size:1.2rem;font-weight:700;color:var(--text-color);margin:0}.sidebar-content[data-v-ed1d8bac]{padding:12px 0}.category-item[data-v-ed1d8bac]{display:flex;align-items:center;gap:12px;padding:16px 20px;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border-left:3px solid transparent}.category-item i[data-v-ed1d8bac]{font-size:1.2rem;color:var(--text-secondary);opacity:.7;transition:color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.category-item[data-v-ed1d8bac]:hover{background:var(--bg-tertiary);color:var(--text-color);border-left-color:var(--text-secondary)}.category-item:hover i[data-v-ed1d8bac]{opacity:1;transform:scale(1.1);color:var(--text-color)}.category-item.active[data-v-ed1d8bac]{background:var(--bg-tertiary);color:var(--text-color);border-left-color:var(--text-secondary)}.category-item.active i[data-v-ed1d8bac]{opacity:1;color:var(--text-color)}.feature-grid[data-v-c39548f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.feature-card[data-v-c39548f6]{display:flex;flex-direction:column;align-items:center;padding:40px 30px;border-radius:0;cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);position:relative;overflow:hidden}.feature-card[data-v-c39548f6]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--duration-base) var(--ease-standard)}.feature-card[data-v-c39548f6]:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--shadow-color);border-color:var(--border-color-strong)}.feature-card[data-v-c39548f6]:hover:before{transform:scaleX(1)}.feature-icon-wrapper[data-v-c39548f6]{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:var(--bg-tertiary);border-radius:0;margin-bottom:24px;transition:background-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.feature-card:hover .feature-icon-wrapper[data-v-c39548f6]{background:var(--bg-secondary);transform:scale(1.1)}.feature-icon-wrapper i[data-v-c39548f6]{font-size:4rem;color:var(--text-secondary);transition:color var(--duration-base) var(--ease-standard)}.feature-card:hover .feature-icon-wrapper i[data-v-c39548f6]{color:var(--text-color)}.feature-info[data-v-c39548f6]{text-align:center}.feature-info h3[data-v-c39548f6]{font-size:1.4rem;font-weight:700;color:var(--text-color);margin:0 0 12px 0;transition:color var(--duration-base) var(--ease-standard)}.feature-card:hover .feature-info h3[data-v-c39548f6]{color:var(--text-color)}.feature-info p[data-v-c39548f6]{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.feature-grid[data-v-c39548f6]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.feature-card[data-v-c39548f6]{padding:30px 20px}.feature-icon-wrapper[data-v-c39548f6]{width:100px;height:100px}.feature-icon-wrapper i[data-v-c39548f6]{font-size:3rem}.feature-info h3[data-v-c39548f6]{font-size:1.2rem}.feature-info p[data-v-c39548f6]{font-size:.9rem}}.features-page[data-v-2a590b42]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.features-layout[data-v-2a590b42]{display:flex;max-width:1400px;margin:0 auto;gap:40px;align-items:flex-start}.features-content[data-v-2a590b42]{flex:1}.features-header p[data-v-2a590b42]{font-size:1.1rem;color:var(--text-secondary)}@media (max-width:992px){.features-layout[data-v-2a590b42]{flex-direction:column;gap:30px}.feature-sidebar[data-v-2a590b42]{position:static;width:100%}}@media (max-width:768px){.features-header h1[data-v-2a590b42]{font-size:2rem}.features-header p[data-v-2a590b42]{font-size:1rem}}.custom-select[data-v-a7d8da56]{position:relative;width:100%}.select-trigger[data-v-a7d8da56]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:0;font-weight:500;cursor:pointer}.select-trigger[data-v-a7d8da56]:hover:not(.disabled){background:var(--info-bg);border-color:var(--info-border)}.select-trigger[data-v-a7d8da56]:focus:not(.disabled){border-color:var(--accent-purple);box-shadow:var(--focus-ring);background:var(--info-bg)}.select-trigger.disabled[data-v-a7d8da56]{opacity:.5;cursor:not-allowed}.select-value[data-v-a7d8da56]{color:var(--text-color)}.select-value[data-v-a7d8da56]:empty:before{content:attr(data-placeholder);color:var(--text-secondary)}.dropdown-arrow[data-v-a7d8da56]{font-size:.9rem;color:var(--text-secondary);transition:transform var(--duration-fast) var(--ease-standard)}.dropdown-arrow.rotated[data-v-a7d8da56]{transform:rotate(180deg)}.select-menu[data-v-a7d8da56]{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:0;box-shadow:0 8px 25px rgba(0,0,0,.15);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),visibility var(--duration-base) var(--ease-standard);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.select-menu.show[data-v-a7d8da56]{opacity:1;visibility:visible;transform:translateY(0)}.select-item[data-v-a7d8da56]{display:flex;align-items:center;padding:12px 16px;color:var(--text-color);font-size:.95rem;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.select-item[data-v-a7d8da56]:first-child,.select-item[data-v-a7d8da56]:last-child{border-radius:0}.select-item.selected[data-v-a7d8da56],.select-item[data-v-a7d8da56]:hover{background:var(--info-bg);color:var(--accent-purple)}.select-item.selected[data-v-a7d8da56]{font-weight:600}.login-page[data-v-0d9208a9]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-gradient)}.login-container[data-v-0d9208a9]{max-width:450px;width:100%;padding:50px 40px}.login-title[data-v-0d9208a9]{letter-spacing:-.03em}.login-subtitle[data-v-0d9208a9]{font-size:1.1rem;color:var(--text-secondary)}.error-message[data-v-0d9208a9]{font-size:.95rem;margin-bottom:30px}.error-message i[data-v-0d9208a9]{font-size:1.2rem}.login-form[data-v-0d9208a9]{display:flex;flex-direction:column;gap:25px}.form-group[data-v-0d9208a9]{display:flex;flex-direction:column;gap:10px}.form-group label[data-v-0d9208a9]{font-size:.95rem;font-weight:600;color:var(--text-color)}.form-group input[data-v-0d9208a9]{padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:1rem;outline:none;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard);text-align:center}.form-group input[data-v-0d9208a9]:focus{border-color:var(--border-color-strong);background:var(--card-bg)}.form-group input[data-v-0d9208a9]::-moz-placeholder{color:var(--text-secondary);opacity:.6}.form-group input[data-v-0d9208a9]::placeholder{color:var(--text-secondary);opacity:.6}.form-options[data-v-0d9208a9]{display:flex;justify-content:space-between;align-items:center}.remember-me[data-v-0d9208a9]{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:.9rem}.remember-me input[data-v-0d9208a9]{width:18px;height:18px;cursor:pointer}.forgot-password[data-v-0d9208a9]{color:var(--text-color);text-decoration:none;font-size:.9rem;transition:color var(--duration-fast) var(--ease-standard)}.forgot-password[data-v-0d9208a9]:hover{color:var(--accent-cyan);text-decoration:underline}.login-btn[data-v-0d9208a9]{gap:10px;padding:16px;font-size:1rem;margin-top:10px}.login-btn[data-v-0d9208a9]:disabled{opacity:.7;cursor:not-allowed}.login-footer[data-v-0d9208a9]{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid var(--border-color)}.login-footer p[data-v-0d9208a9]{color:var(--text-secondary);font-size:.95rem}.register-link[data-v-0d9208a9]{color:var(--text-color);text-decoration:none;font-weight:600;transition:color var(--duration-fast) var(--ease-standard)}.register-link[data-v-0d9208a9]:hover{color:var(--accent-cyan);text-decoration:underline}.register-modal[data-v-0d9208a9]{padding:20px}.register-container[data-v-0d9208a9]{max-width:500px;width:100%;padding:40px;max-height:90vh;overflow-y:auto;scrollbar-width:none}.register-container[data-v-0d9208a9]::-webkit-scrollbar{display:none}.register-header[data-v-0d9208a9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.register-title[data-v-0d9208a9]{font-size:2rem;font-weight:800;margin:0}.close-btn[data-v-0d9208a9]{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);padding:5px}.close-btn[data-v-0d9208a9]:hover{color:var(--text-color);transform:rotate(90deg)}.register-step[data-v-0d9208a9]{display:flex;flex-direction:column;gap:25px}.register-step .form-group input[data-v-0d9208a9],.register-step .input-with-button input[data-v-0d9208a9]{text-align:center}.register-step .form-group input[data-v-0d9208a9]::-moz-placeholder,.register-step .input-with-button input[data-v-0d9208a9]::-moz-placeholder{color:var(--text-secondary);opacity:.6}.register-step .form-group input[data-v-0d9208a9]::placeholder,.register-step .input-with-button input[data-v-0d9208a9]::placeholder{color:var(--text-secondary);opacity:.6}.step-indicator[data-v-0d9208a9]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.step-item[data-v-0d9208a9]{width:40px;height:40px;border-radius:50%;background:var(--info-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.step-item.active[data-v-0d9208a9]{background:var(--primary-gradient);border-color:var(--accent-purple);color:var(--bg-color)}.step-item.completed[data-v-0d9208a9]{background:var(--success-bg);border-color:var(--color-success);color:var(--color-success)}.step-line[data-v-0d9208a9]{flex:1;height:2px;background:var(--border-color);transition:background var(--duration-base) var(--ease-standard)}.step-line.active[data-v-0d9208a9]{background:var(--primary-gradient)}.input-with-button[data-v-0d9208a9]{display:flex;gap:10px}.input-with-button input[data-v-0d9208a9]{flex:1}.send-code-btn[data-v-0d9208a9]{padding:14px 20px;background:var(--secondary-gradient);border:none;color:var(--bg-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);white-space:nowrap}.send-code-btn[data-v-0d9208a9]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px var(--glow-blue)}.send-code-btn[data-v-0d9208a9]:disabled{opacity:.5;cursor:not-allowed}.next-btn[data-v-0d9208a9],.register-btn[data-v-0d9208a9]{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--primary-gradient);border:none;color:var(--bg-color);font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);margin-top:10px}.next-btn[data-v-0d9208a9]:hover,.register-btn[data-v-0d9208a9]:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--glow-purple)}.avatar-upload[data-v-0d9208a9]{display:flex;justify-content:center;margin-bottom:20px}.avatar-preview[data-v-0d9208a9]{width:120px;height:120px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);box-shadow:0 8px 25px var(--glow-purple)}.avatar-preview[data-v-0d9208a9]:hover{transform:scale(1.05);box-shadow:0 12px 30px var(--glow-purple)}.avatar-image[data-v-0d9208a9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar-preview i[data-v-0d9208a9]{font-size:5rem;color:var(--bg-color)}.avatar-overlay[data-v-0d9208a9]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;opacity:0;transition:opacity .3s ease}.avatar-preview:hover .avatar-overlay[data-v-0d9208a9]{opacity:1}.avatar-overlay i[data-v-0d9208a9]{font-size:2rem;color:#fff}.avatar-overlay span[data-v-0d9208a9]{font-size:.8rem;font-weight:500}@media (max-width:768px){.login-container[data-v-0d9208a9]{padding:40px 25px;margin:0 20px}.login-title[data-v-0d9208a9]{font-size:2rem}.form-options[data-v-0d9208a9]{flex-direction:column;gap:15px;align-items:flex-start}}.custom-dialog-overlay[data-v-2e8c1b48]{z-index:var(--z-modal)}.custom-dialog[data-v-2e8c1b48]{box-shadow:0 20px 40px rgba(0,0,0,.15);overflow:hidden;display:flex;flex-direction:column}.dialog-header[data-v-2e8c1b48]{display:flex;align-items:center;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);position:relative}.dialog-icon[data-v-2e8c1b48]{font-size:1.5rem;flex-shrink:0}.dialog-success .dialog-icon[data-v-2e8c1b48]{color:var(--color-success)}.dialog-warning .dialog-icon[data-v-2e8c1b48]{color:var(--color-warning)}.dialog-error .dialog-icon[data-v-2e8c1b48]{color:var(--color-error)}.dialog-info .dialog-icon[data-v-2e8c1b48],.dialog-question .dialog-icon[data-v-2e8c1b48]{color:var(--color-info)}.dialog-title[data-v-2e8c1b48]{font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0;flex:1}.close-btn[data-v-2e8c1b48]{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:var(--info-bg);border-radius:0;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center}.close-btn[data-v-2e8c1b48]:hover{background:var(--error-bg);color:var(--color-error);transform:translateY(-50%) rotate(90deg)}.dialog-body[data-v-2e8c1b48]{padding:20px 24px;overflow-y:auto;max-height:60vh}.dialog-message[data-v-2e8c1b48]{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0;word-break:break-word}.dialog-footer[data-v-2e8c1b48]{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid var(--border-color)}.dialog-btn-cancel[data-v-2e8c1b48]{padding:10px 24px;border-radius:0;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border:1px solid var(--border-color);outline:none;background:transparent;color:var(--text-secondary)}.dialog-btn-cancel[data-v-2e8c1b48]:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.dialog-btn-confirm[data-v-2e8c1b48]{padding:10px 24px;border-radius:0;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border:1px solid var(--primary-color);outline:none;background:var(--primary-color);color:var(--bg-color)}.dialog-btn-confirm[data-v-2e8c1b48]:hover{background:var(--text-secondary);border-color:var(--text-secondary);transform:translateY(-2px)}.dialog-fade-enter-active[data-v-2e8c1b48],.dialog-fade-leave-active[data-v-2e8c1b48]{transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.dialog-fade-enter-from[data-v-2e8c1b48],.dialog-fade-leave-to[data-v-2e8c1b48]{opacity:0}.dialog-fade-enter-from .custom-dialog[data-v-2e8c1b48],.dialog-fade-leave-to .custom-dialog[data-v-2e8c1b48]{transform:scale(.9) translateY(-20px)}.profile-page[data-v-59cf834c]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.profile-layout[data-v-59cf834c]{max-width:800px;margin:0 auto}.header-content[data-v-59cf834c]{display:flex;align-items:center;justify-content:center}.header-left[data-v-59cf834c]{display:flex;align-items:center;gap:20px}.back-btn[data-v-59cf834c]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-sm)}.back-btn[data-v-59cf834c]:hover{transform:translateX(-4px);background:var(--bg-tertiary);border-color:var(--border-color-strong)}.back-btn i[data-v-59cf834c]{font-size:1.1rem}.header-text[data-v-59cf834c]{text-align:left}.page-subtitle[data-v-59cf834c]{font-size:1.2rem;color:var(--text-secondary)}.profile-content[data-v-59cf834c]{min-height:400px}.profile-card[data-v-59cf834c]{overflow:hidden}.profile-avatar-section[data-v-59cf834c]{display:flex;flex-direction:column;align-items:center;padding:50px 40px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.avatar-container[data-v-59cf834c]{width:120px;height:120px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;cursor:default;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.avatar-container.editable[data-v-59cf834c]{cursor:pointer}.avatar-container.editable[data-v-59cf834c]:hover{transform:scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--border-color-strong)}.avatar-image[data-v-59cf834c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar-container i[data-v-59cf834c]{font-size:5rem;color:var(--text-secondary)}.avatar-overlay[data-v-59cf834c]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;opacity:0;transition:opacity .3s ease}.avatar-container.editable:hover .avatar-overlay[data-v-59cf834c]{opacity:1}.avatar-overlay i[data-v-59cf834c]{font-size:2rem;color:#fff}.avatar-overlay span[data-v-59cf834c]{font-size:.8rem;font-weight:500}.username[data-v-59cf834c]{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.user-role[data-v-59cf834c]{font-size:1rem;color:var(--text-secondary);background:var(--bg-secondary);padding:6px 16px;border:1px solid var(--border-color)}.profile-info-section[data-v-59cf834c]{padding:40px;border-bottom:1px solid var(--border-color)}.section-header[data-v-59cf834c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h3[data-v-59cf834c]{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.edit-btn[data-v-59cf834c]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.edit-btn[data-v-59cf834c]:hover{transform:translateY(-2px);background:var(--bg-tertiary);border-color:var(--border-color-strong)}.edit-actions[data-v-59cf834c]{display:flex;gap:10px}.cancel-btn[data-v-59cf834c]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--error-bg);border:1px solid var(--error-border);color:var(--color-error);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.cancel-btn[data-v-59cf834c]:hover{background:var(--error-bg);transform:translateY(-2px)}.save-btn[data-v-59cf834c]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.save-btn[data-v-59cf834c]:hover{transform:translateY(-2px);background:var(--bg-tertiary);border-color:var(--border-color-strong)}.info-grid[data-v-59cf834c]{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.info-grid-container[data-v-59cf834c]{position:relative;transition:filter var(--duration-base) var(--ease-standard)}.info-grid.status-blur[data-v-59cf834c]{filter:blur(8px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-overlay[data-v-59cf834c]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;backdrop-filter:blur(5px)}.status-overlay i[data-v-59cf834c]{font-size:3rem;margin-bottom:10px}.status-title[data-v-59cf834c]{font-size:1.5rem;font-weight:700;text-align:center}.status-remark[data-v-59cf834c]{font-size:1rem;color:var(--text-secondary);text-align:center;max-width:80%;line-height:1.5}.deprecated-overlay[data-v-59cf834c]{background:color-mix(in srgb,var(--color-muted) 15%,transparent);border:2px solid color-mix(in srgb,var(--color-muted) 30%,transparent)}.deprecated-overlay .status-title[data-v-59cf834c],.deprecated-overlay i[data-v-59cf834c]{color:var(--color-muted)}.banned-overlay[data-v-59cf834c]{background:var(--error-bg);border:2px solid var(--error-border)}.banned-overlay .status-remark[data-v-59cf834c],.banned-overlay .status-title[data-v-59cf834c],.banned-overlay i[data-v-59cf834c]{color:var(--color-error)}.info-item[data-v-59cf834c]{display:flex;flex-direction:column;gap:8px}.info-item label[data-v-59cf834c]{font-size:.9rem;color:var(--text-secondary);font-weight:500}.info-item span[data-v-59cf834c]{font-size:1.1rem;color:var(--text-color);font-weight:600}.info-input[data-v-59cf834c]{padding:10px 16px;font-weight:500}.profile-stats-section[data-v-59cf834c]{padding:40px}.profile-stats-section h3[data-v-59cf834c]{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:25px}.stats-grid[data-v-59cf834c]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-item[data-v-59cf834c]{display:flex;align-items:center;gap:15px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.stat-item[data-v-59cf834c]:hover{background:var(--bg-tertiary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-item i[data-v-59cf834c]{font-size:2rem;color:var(--text-secondary)}.stat-info[data-v-59cf834c]{display:flex;flex-direction:column;gap:4px}.stat-value[data-v-59cf834c]{font-size:1.5rem;font-weight:700;color:var(--text-color)}.stat-label[data-v-59cf834c]{font-size:.85rem;color:var(--text-secondary)}.profile-friends-section[data-v-59cf834c]{padding:40px;border-top:1px solid var(--border-color)}.profile-friends-section .section-header[data-v-59cf834c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.profile-friends-section .section-header h3[data-v-59cf834c]{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.view-all-btn[data-v-59cf834c]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);text-decoration:none}.view-all-btn[data-v-59cf834c]:hover{background:var(--bg-tertiary);border-color:var(--border-color-strong);color:var(--text-color);transform:translateX(5px)}.friends-empty[data-v-59cf834c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:60px 20px;color:var(--text-secondary)}.friends-empty i[data-v-59cf834c]{font-size:3rem;color:var(--text-secondary)}.friends-empty span[data-v-59cf834c]{font-size:1.1rem}.friends-preview[data-v-59cf834c]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.friend-preview-item[data-v-59cf834c]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.friend-preview-item[data-v-59cf834c]:hover{background:var(--bg-tertiary);border-color:var(--border-color-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.friend-avatar[data-v-59cf834c]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.friend-avatar-placeholder[data-v-59cf834c]{width:60px;height:60px;font-size:3rem;color:var(--text-secondary)}.friend-name[data-v-59cf834c]{font-size:.95rem;font-weight:600;color:var(--text-color);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.friend-state-btn[data-v-59cf834c]{opacity:.65;cursor:not-allowed}.friend-state-btn[data-v-59cf834c]:hover{transform:none;background:var(--bg-secondary);border-color:var(--border-color)}.dialog-content[data-v-59cf834c]{display:flex;flex-direction:column;gap:20px}.target-user[data-v-59cf834c]{display:flex;align-items:center;gap:15px;padding:15px;background:var(--info-bg)}.target-avatar[data-v-59cf834c]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.target-avatar-placeholder[data-v-59cf834c]{width:60px;height:60px;font-size:3rem;color:var(--text-secondary)}.target-name[data-v-59cf834c]{font-size:1.2rem;font-weight:600;color:var(--text-color)}.apply-message[data-v-59cf834c]{display:flex;flex-direction:column;gap:8px}.apply-message label[data-v-59cf834c]{font-size:.95rem;color:var(--text-secondary);font-weight:500}.message-textarea[data-v-59cf834c]{width:100%;min-height:100px;padding:12px 16px;resize:vertical}.char-count[data-v-59cf834c]{font-size:.85rem;color:var(--text-secondary);text-align:right}.dialog-btn-cancel[data-v-59cf834c]{padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);outline:none;background:color-mix(in srgb,var(--color-muted) 10%,transparent);color:var(--text-secondary);border:1px solid var(--border-color)}.dialog-btn-cancel[data-v-59cf834c]:hover{background:color-mix(in srgb,var(--color-muted) 20%,transparent);border-color:color-mix(in srgb,var(--color-muted) 30%,transparent)}.dialog-btn-confirm[data-v-59cf834c]{padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);border:1px solid var(--text-color);outline:none;background:var(--text-color);color:var(--bg-color)}.dialog-btn-confirm[data-v-59cf834c]:hover{background:transparent;color:var(--text-color)}@media (max-width:768px){.info-grid[data-v-59cf834c],.stats-grid[data-v-59cf834c]{grid-template-columns:1fr}.section-header[data-v-59cf834c]{flex-direction:column;align-items:flex-start;gap:15px}.friends-preview[data-v-59cf834c]{grid-template-columns:repeat(2,1fr)}}.settings-page[data-v-f9c4643c]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.settings-layout[data-v-f9c4643c]{max-width:800px;margin:0 auto}.page-subtitle[data-v-f9c4643c]{font-size:1.2rem;color:var(--text-secondary)}.settings-content[data-v-f9c4643c]{min-height:400px}.settings-card[data-v-f9c4643c]{overflow:hidden}.settings-section[data-v-f9c4643c]{padding:40px}.settings-section h3[data-v-f9c4643c]{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:25px}.settings-item[data-v-f9c4643c]{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border-color)}.settings-item[data-v-f9c4643c]:last-child{border-bottom:none}.item-info[data-v-f9c4643c]{display:flex;align-items:center;gap:15px;flex:1}.item-info i[data-v-f9c4643c]{font-size:1.5rem;color:var(--accent-purple);width:30px;text-align:center}.item-text[data-v-f9c4643c]{display:flex;flex-direction:column;gap:4px}.item-title[data-v-f9c4643c]{font-size:1rem;font-weight:600;color:var(--text-color)}.item-desc[data-v-f9c4643c]{font-size:.85rem;color:var(--text-secondary)}.item-control[data-v-f9c4643c]{display:flex;align-items:center}.theme-toggle-btn[data-v-f9c4643c]{padding:10px 20px;font-weight:600;font-size:.9rem}.select-control[data-v-f9c4643c]{padding:10px 16px;font-size:.9rem;font-weight:500;cursor:pointer}.action-btn[data-v-f9c4643c]{padding:10px 24px;font-weight:600;font-size:.9rem}.action-btn.danger[data-v-f9c4643c]{background:var(--color-error);border-color:var(--color-error);color:var(--color-on-accent)}.action-btn.danger[data-v-f9c4643c]:hover{background:transparent;color:var(--color-error)}.settings-divider[data-v-f9c4643c]{height:1px;background:var(--border-color);margin:0}.danger-zone .item-info i[data-v-f9c4643c],.danger-zone h3[data-v-f9c4643c]{color:var(--color-error)}@media (max-width:768px){.settings-item[data-v-f9c4643c]{flex-direction:column;align-items:flex-start;gap:15px}.item-control[data-v-f9c4643c]{width:100%;justify-content:flex-end}}.friend-card[data-v-0d9703e9]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--info-bg);border:1px solid var(--border-color);border-radius:0;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);gap:15px}.friend-card[data-v-0d9703e9]:hover{background:var(--info-bg);border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 8px 20px var(--glow-purple)}.friend-card.top-friend[data-v-0d9703e9]{background:linear-gradient(135deg,var(--warning-bg),var(--error-bg));border-color:var(--warning-border)}.friend-card.top-friend[data-v-0d9703e9]:hover{border-color:var(--color-warning)}.friend-info[data-v-0d9703e9]{display:flex;align-items:center;gap:15px;flex:1;cursor:pointer}.avatar-container[data-v-0d9703e9]{position:relative;width:60px;height:60px;flex-shrink:0}.avatar[data-v-0d9703e9]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.avatar-placeholder[data-v-0d9703e9]{width:100%;height:100%;font-size:3rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--info-bg)}.status-indicator[data-v-0d9703e9]{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--card-bg)}.status-indicator.online[data-v-0d9703e9]{background:var(--color-success);box-shadow:0 0 8px var(--success-border)}.status-indicator.busy[data-v-0d9703e9]{background:var(--color-error);box-shadow:0 0 8px var(--error-border)}.status-indicator.offline[data-v-0d9703e9]{background:var(--color-muted)}.friend-details[data-v-0d9703e9]{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.friend-name-row[data-v-0d9703e9]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.friend-name[data-v-0d9703e9]{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0}.original-name[data-v-0d9703e9]{font-size:.9rem;color:var(--text-secondary);font-weight:400}.friend-meta[data-v-0d9703e9]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-text[data-v-0d9703e9]{font-size:.85rem;color:var(--text-secondary);font-weight:500}.last-active[data-v-0d9703e9]{font-size:.85rem;color:var(--text-secondary);opacity:.8}.friend-actions[data-v-0d9703e9]{display:flex;gap:8px;flex-shrink:0}.action-btn[data-v-0d9703e9]{width:36px;height:36px;border:none;border-radius:0;background:var(--info-bg);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center}.action-btn[data-v-0d9703e9]:hover{background:color-mix(in srgb,var(--accent-purple) 20%,transparent);color:var(--accent-purple);transform:scale(1.1)}.chat-btn[data-v-0d9703e9]:hover{background:var(--success-bg);color:var(--color-success)}.profile-btn[data-v-0d9703e9]:hover{background:color-mix(in srgb,var(--accent-purple) 20%,transparent);color:var(--accent-purple)}.remark-btn[data-v-0d9703e9]:hover,.top-btn[data-v-0d9703e9]:hover{background:var(--warning-bg);color:var(--color-warning)}.delete-btn[data-v-0d9703e9]:hover{background:var(--error-bg);color:var(--color-error)}@media (max-width:768px){.friend-card[data-v-0d9703e9]{flex-direction:column;align-items:stretch}.friend-info[data-v-0d9703e9]{width:100%}.friend-actions[data-v-0d9703e9]{justify-content:center;width:100%}.action-btn[data-v-0d9703e9]{flex:1}}.friends-page[data-v-2141552a]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.page-header p[data-v-2141552a]{font-size:1.1rem;color:var(--text-secondary)}.friends-layout[data-v-2141552a]{display:grid;grid-template-columns:1fr 350px;gap:30px;align-items:start}.friends-main[data-v-2141552a]{display:flex;flex-direction:column;gap:30px}.search-section[data-v-2141552a]{padding:20px}.search-box[data-v-2141552a]{display:flex;gap:12px;align-items:center;position:relative}.search-icon[data-v-2141552a]{position:absolute;left:16px;color:var(--text-secondary);font-size:1.1rem}.search-input[data-v-2141552a]{flex:1;padding:12px 16px 12px 48px}.search-btn[data-v-2141552a]{padding:12px 24px;font-weight:600}.search-results[data-v-2141552a]{margin-top:20px;display:flex;flex-direction:column;gap:12px}.search-result-item[data-v-2141552a]{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--info-bg);border:1px solid var(--border-color);transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.search-result-item[data-v-2141552a]:hover{background:var(--info-bg);border-color:var(--accent-purple)}.user-info[data-v-2141552a]{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.user-avatar[data-v-2141552a]{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.user-avatar-placeholder[data-v-2141552a]{width:50px;height:50px;font-size:2.5rem;color:var(--text-secondary)}.user-details[data-v-2141552a]{display:flex;flex-direction:column;gap:4px}.user-name[data-v-2141552a]{font-size:1.1rem;font-weight:600;color:var(--text-color)}.user-email[data-v-2141552a]{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-btn[data-v-2141552a]:disabled{opacity:.6;cursor:not-allowed}.user-status[data-v-2141552a]{font-size:.9rem;color:var(--text-secondary)}.add-friend-btn[data-v-2141552a]{padding:10px 20px;font-weight:600}.already-friend[data-v-2141552a]{color:var(--text-secondary);font-size:.9rem;padding:10px 20px}.friends-section[data-v-2141552a]{padding:24px}.section-header[data-v-2141552a]{margin-bottom:20px}.section-header h3[data-v-2141552a]{font-size:1.3rem;font-weight:700;color:var(--text-color);margin:0;display:flex;align-items:center;gap:10px}.section-header h3 i[data-v-2141552a]{color:var(--accent-purple)}.count[data-v-2141552a]{font-size:1rem;color:var(--text-secondary);font-weight:400}.empty-state[data-v-2141552a]{gap:15px}.empty-state i[data-v-2141552a]{font-size:3rem;color:var(--accent-purple)}.empty-state span[data-v-2141552a]{font-size:1.1rem}.empty-state.small[data-v-2141552a]{padding:40px 20px}.empty-state.small i[data-v-2141552a]{font-size:2rem}.empty-state.small span[data-v-2141552a]{font-size:.95rem}.friends-list[data-v-2141552a]{display:flex;flex-direction:column;gap:12px}.friends-sidebar[data-v-2141552a]{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}.sidebar-section[data-v-2141552a]{padding:20px}.apply-list[data-v-2141552a]{display:flex;flex-direction:column;gap:12px}.apply-item[data-v-2141552a]{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--info-bg);border:1px solid var(--border-color);transition:background-color var(--duration-base) var(--ease-standard)}.apply-item[data-v-2141552a]:hover{background:var(--info-bg)}.apply-info[data-v-2141552a]{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.apply-avatar[data-v-2141552a]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.apply-avatar-placeholder[data-v-2141552a]{width:40px;height:40px;font-size:2rem;color:var(--text-secondary)}.apply-details[data-v-2141552a]{display:flex;flex-direction:column;gap:4px;min-width:0}.apply-name[data-v-2141552a]{font-size:1rem;font-weight:600;color:var(--text-color)}.apply-msg[data-v-2141552a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apply-msg[data-v-2141552a],.apply-status[data-v-2141552a]{font-size:.85rem;color:var(--text-secondary)}.apply-actions[data-v-2141552a]{display:flex;gap:8px}.accept-btn[data-v-2141552a],.cancel-btn[data-v-2141552a],.reject-btn[data-v-2141552a]{width:32px;height:32px;border:none;font-size:.9rem;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center}.accept-btn[data-v-2141552a]{background:var(--success-bg);color:var(--color-success)}.accept-btn[data-v-2141552a]:hover{background:var(--success-border);transform:scale(1.1)}.cancel-btn[data-v-2141552a],.reject-btn[data-v-2141552a]{background:var(--error-bg);color:var(--color-error)}.cancel-btn[data-v-2141552a]:hover,.reject-btn[data-v-2141552a]:hover{background:var(--error-border);transform:scale(1.1)}.dialog-content[data-v-2141552a]{display:flex;flex-direction:column;gap:20px}.target-user[data-v-2141552a]{display:flex;align-items:center;gap:15px;padding:15px;background:var(--info-bg)}.target-avatar[data-v-2141552a]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.target-avatar-placeholder[data-v-2141552a]{width:60px;height:60px;font-size:3rem;color:var(--text-secondary)}.target-name[data-v-2141552a]{font-size:1.2rem;font-weight:600;color:var(--text-color)}.apply-message[data-v-2141552a],.remark-input[data-v-2141552a]{display:flex;flex-direction:column;gap:8px}.apply-message label[data-v-2141552a],.remark-input label[data-v-2141552a]{font-size:.95rem;color:var(--text-secondary);font-weight:500}.message-textarea[data-v-2141552a]{width:100%;min-height:100px;padding:12px 16px;resize:vertical}.remark-field[data-v-2141552a]{width:100%;padding:12px 16px}.char-count[data-v-2141552a]{font-size:.85rem;color:var(--text-secondary);text-align:right}.dialog-btn-cancel[data-v-2141552a]{padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);outline:none;background:color-mix(in srgb,var(--color-muted) 10%,transparent);color:var(--text-secondary);border:1px solid var(--border-color)}.dialog-btn-cancel[data-v-2141552a]:hover{background:color-mix(in srgb,var(--color-muted) 20%,transparent);border-color:color-mix(in srgb,var(--color-muted) 30%,transparent)}.dialog-btn-confirm[data-v-2141552a]{padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);border:1px solid var(--text-color);outline:none;background:var(--text-color);color:var(--bg-color)}.dialog-btn-confirm[data-v-2141552a]:hover{background:transparent;color:var(--text-color)}@media (max-width:1024px){.friends-layout[data-v-2141552a]{grid-template-columns:1fr}.friends-sidebar[data-v-2141552a]{position:static}}@media (max-width:768px){.page-header h1[data-v-2141552a]{font-size:2rem}.search-box[data-v-2141552a]{flex-direction:column}.search-icon[data-v-2141552a]{position:static;left:auto}.search-input[data-v-2141552a]{width:100%;padding-left:16px}.search-btn[data-v-2141552a]{width:100%}}.image-to-url-page[data-v-160af0ed]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.container[data-v-160af0ed]{max-width:800px;margin:0 auto}.page-header[data-v-160af0ed]{position:relative}.back-btn[data-v-160af0ed]{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.back-btn[data-v-160af0ed]:hover{background:var(--bg-tertiary);border-color:var(--accent-purple);transform:translateX(-4px)}.back-btn i[data-v-160af0ed]{font-size:1rem}.page-header p[data-v-160af0ed]{font-size:1.1rem;color:var(--text-secondary)}.upload-section[data-v-160af0ed]{margin-bottom:30px}.upload-area[data-v-160af0ed]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;border:2px dashed var(--border-glow);cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.upload-area[data-v-160af0ed]:hover{background:var(--info-bg);border-color:var(--accent-purple);transform:translateY(-2px)}.upload-area.drag-over[data-v-160af0ed]{background:var(--info-bg);border-color:var(--accent-purple);border-style:solid}.upload-area i[data-v-160af0ed]{font-size:4rem;color:var(--accent-purple);margin-bottom:20px;opacity:.7}.upload-area p[data-v-160af0ed]{font-size:1.2rem;color:var(--text-color);font-weight:600;margin-bottom:5px}.upload-hint[data-v-160af0ed]{font-size:.95rem;color:var(--text-secondary);font-weight:400}.preview-section[data-v-160af0ed]{margin-bottom:30px}.preview-section h3[data-v-160af0ed]{font-size:1.4rem;color:var(--text-color);font-weight:700;margin-bottom:20px}.preview-container[data-v-160af0ed]{display:flex;justify-content:center;align-items:center;padding:30px}.preview-container img[data-v-160af0ed]{max-width:100%;max-height:400px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.result-section[data-v-160af0ed]{margin-bottom:30px}.result-section h3[data-v-160af0ed]{font-size:1.4rem;color:var(--text-color);font-weight:700;margin-bottom:20px}.url-container[data-v-160af0ed]{display:flex;gap:12px;margin-bottom:12px}.url-input[data-v-160af0ed]{flex:1;font-family:Courier New,monospace;backdrop-filter:blur(10px)}.copy-btn[data-v-160af0ed]{display:flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary-gradient);border:none;color:var(--bg-color);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);box-shadow:0 4px 15px var(--glow-purple)}.copy-btn[data-v-160af0ed]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-purple)}.copy-btn.copied[data-v-160af0ed]{background:var(--color-success)}.url-note[data-v-160af0ed]{font-size:.9rem;color:var(--color-error);font-weight:500;margin:0}.loading-overlay[data-v-160af0ed]{flex-direction:column}.loading-spinner[data-v-160af0ed]{width:60px;height:60px;border:4px solid var(--info-border);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-overlay p[data-v-160af0ed]{color:var(--bg-color);font-size:1.2rem;font-weight:600}.quiz-page[data-v-da0e523a]{padding:40px 0;min-height:calc(100vh - 60px);background:var(--bg-color)}.container[data-v-da0e523a]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-da0e523a]{position:relative}.page-header .back-btn[data-v-da0e523a]{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.page-header .back-btn[data-v-da0e523a]:hover{background:var(--bg-tertiary);border-color:var(--accent-purple);transform:translateX(-4px)}.page-header .back-btn i[data-v-da0e523a]{font-size:1rem}.page-header h1[data-v-da0e523a]{margin-bottom:12px;letter-spacing:-.03em}.page-header p[data-v-da0e523a]{font-size:1.1rem;color:var(--text-secondary)}.action-bar[data-v-da0e523a]{margin-bottom:30px}.create-btn[data-v-da0e523a]{gap:10px;padding:14px 28px;font-size:.9rem}.empty-state[data-v-da0e523a],.loading-state[data-v-da0e523a]{padding:80px 20px}.loading-spinner[data-v-da0e523a]{width:40px;height:40px;border:2px solid var(--border-color);border-top-color:var(--text-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.empty-state i[data-v-da0e523a]{font-size:4rem;margin-bottom:20px;opacity:.5}.quiz-grid[data-v-da0e523a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.quiz-card[data-v-da0e523a]{background:var(--card-bg);border:1px solid var(--border-color);padding:24px;cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);box-shadow:var(--shadow-sm)}.quiz-card[data-v-da0e523a]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color-strong)}.quiz-icon[data-v-da0e523a]{width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.quiz-icon i[data-v-da0e523a],.quiz-info h3[data-v-da0e523a]{font-size:1.3rem;color:var(--text-color)}.quiz-info h3[data-v-da0e523a]{font-weight:700;margin-bottom:8px}.quiz-info p[data-v-da0e523a]{font-size:.95rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.quiz-meta[data-v-da0e523a]{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary)}.quiz-meta span[data-v-da0e523a]{display:flex;align-items:center;gap:6px}.quiz-actions[data-v-da0e523a]{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.action-item[data-v-da0e523a]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.action-item[data-v-da0e523a]:hover{background:var(--bg-tertiary);color:var(--text-color);border-color:var(--border-color)}.action-item.delete[data-v-da0e523a]:hover{background:var(--error-bg);color:var(--color-error);border-color:var(--error-border)}.create-header[data-v-da0e523a]{display:flex;align-items:center;gap:16px;margin-bottom:30px}.back-btn[data-v-da0e523a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.back-btn[data-v-da0e523a]:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.create-header h2[data-v-da0e523a]{font-size:1.8rem;font-weight:700;color:var(--text-color)}.create-methods[data-v-da0e523a]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px}.method-card[data-v-da0e523a]{background:var(--card-bg);border:1px solid var(--border-color);padding:32px;text-align:center;cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.method-card[data-v-da0e523a]:hover{border-color:var(--border-color-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.method-card.active[data-v-da0e523a]{border-color:var(--border-color-strong);background:var(--bg-secondary)}.method-card i[data-v-da0e523a]{font-size:2.5rem;color:var(--text-color);margin-bottom:16px}.method-card h3[data-v-da0e523a]{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.method-card p[data-v-da0e523a]{font-size:.95rem;color:var(--text-secondary)}.form-group[data-v-da0e523a]{margin-bottom:24px}.form-group label[data-v-da0e523a]{display:block;font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:8px}.form-input[data-v-da0e523a],.form-select[data-v-da0e523a],.form-textarea[data-v-da0e523a]{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:.95rem;outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.form-input[data-v-da0e523a]:focus,.form-select[data-v-da0e523a]:focus,.form-textarea[data-v-da0e523a]:focus{border-color:var(--border-color-strong);background:var(--card-bg)}.form-textarea[data-v-da0e523a]{min-height:100px;resize:vertical}.upload-area[data-v-da0e523a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background:var(--bg-secondary);border:2px dashed var(--border-color);cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.upload-area.drag-over[data-v-da0e523a],.upload-area[data-v-da0e523a]:hover{background:var(--card-bg);border-color:var(--border-color-strong)}.upload-area i[data-v-da0e523a]{font-size:2.5rem;color:var(--text-secondary);margin-bottom:16px}.upload-area p[data-v-da0e523a]{font-size:1.1rem;color:var(--text-color);font-weight:600;margin-bottom:4px}.upload-hint[data-v-da0e523a]{font-size:.9rem;color:var(--text-secondary);font-weight:400}.template-link[data-v-da0e523a]{font-size:.85rem;color:var(--text-secondary);text-decoration:none;margin-left:8px;font-weight:500;border-bottom:1px solid transparent}.template-link[data-v-da0e523a]:hover{color:var(--text-color);border-bottom-color:var(--text-color)}.file-info[data-v-da0e523a]{margin-top:12px;font-size:.95rem;color:var(--text-secondary)}.file-info i[data-v-da0e523a]{color:var(--accent-purple);margin-right:8px}.submit-btn[data-v-da0e523a]{width:100%;padding:14px 28px}.submit-btn[data-v-da0e523a]:disabled{opacity:.5;cursor:not-allowed}.questions-list[data-v-da0e523a]{background:var(--card-bg);border:1px solid var(--border-color);padding:24px;margin-bottom:24px}.questions-header h3[data-v-da0e523a]{font-size:1.3rem;font-weight:700;color:var(--text-color)}.add-question-btn[data-v-da0e523a]{font-size:.85rem}.question-item[data-v-da0e523a]{background:var(--info-bg);border:1px solid var(--border-color);padding:20px;margin-bottom:20px}.question-header[data-v-da0e523a]{justify-content:space-between;align-items:center;margin-bottom:16px}.question-number[data-v-da0e523a]{font-size:1.1rem;font-weight:700;color:var(--accent-purple)}.remove-question-btn[data-v-da0e523a]{width:32px;height:32px;background:var(--error-bg);border:1px solid var(--color-error);color:var(--color-error);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.remove-question-btn[data-v-da0e523a]:hover{background:color-mix(in srgb,var(--color-error) 20%,transparent)}.options-list[data-v-da0e523a]{margin-top:16px}.option-item[data-v-da0e523a]{gap:12px;margin-bottom:12px}.question-form .option-label[data-v-da0e523a]{width:30px;font-weight:700;color:var(--accent-purple)}.option-input[data-v-da0e523a]{flex:1}.correct-checkbox[data-v-da0e523a]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.remove-option-btn[data-v-da0e523a]{width:28px;height:28px;background:var(--error-bg);border:1px solid var(--color-error);color:var(--color-error);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.remove-option-btn[data-v-da0e523a]:hover{background:color-mix(in srgb,var(--color-error) 20%,transparent)}.add-option-btn[data-v-da0e523a]{display:flex;align-items:center;gap:6px;background:var(--info-bg);border:1px dashed var(--accent-purple);color:var(--accent-purple);font-size:.85rem;font-weight:600;transition:background-color var(--duration-fast) var(--ease-standard)}.add-option-btn[data-v-da0e523a]:hover{background:color-mix(in srgb,var(--accent-purple) 20%,transparent)}.quiz-header[data-v-da0e523a]{display:flex;align-items:center;gap:16px;margin-bottom:30px}.quiz-info[data-v-da0e523a]{flex:1}.quiz-info h2[data-v-da0e523a]{font-size:1.8rem;font-weight:700;color:var(--text-color);margin-bottom:12px}.quiz-progress[data-v-da0e523a]{display:flex;align-items:center;gap:16px}.progress-bar[data-v-da0e523a]{flex:1;height:8px;background:var(--info-bg);overflow:hidden}.progress-fill[data-v-da0e523a]{height:100%;background:var(--primary-gradient);transition:width var(--duration-base) var(--ease-standard)}.quiz-settings[data-v-da0e523a]{max-width:480px;margin:0 auto;padding:0 20px}.settings-header[data-v-da0e523a]{margin-bottom:40px;text-align:left}.settings-subtitle[data-v-da0e523a]{display:block;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.settings-header h3[data-v-da0e523a]{font-size:2rem;font-weight:700;color:var(--text-color);letter-spacing:-.03em}.settings-options[data-v-da0e523a]{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.setting-card[data-v-da0e523a]{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.setting-card[data-v-da0e523a]:hover{border-color:var(--border-color-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.setting-card.active[data-v-da0e523a]{border-color:var(--primary-color);background:var(--info-bg)}.setting-icon[data-v-da0e523a]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-color);font-size:1.1rem;transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.setting-card.active .setting-icon[data-v-da0e523a]{background:var(--primary-color);color:var(--bg-color)}.setting-info[data-v-da0e523a]{flex:1;display:flex;flex-direction:column;gap:4px}.setting-title[data-v-da0e523a]{font-size:1rem;font-weight:600;color:var(--text-color)}.setting-desc[data-v-da0e523a]{font-size:.85rem;color:var(--text-secondary)}.setting-toggle[data-v-da0e523a]{display:flex;align-items:center}.start-quiz-btn[data-v-da0e523a]{width:100%;gap:12px;padding:18px 40px;font-size:1rem;font-weight:600;letter-spacing:.05em}.start-quiz-btn i[data-v-da0e523a]{font-size:.9rem;transition:transform var(--duration-fast) var(--ease-standard)}.start-quiz-btn:hover i[data-v-da0e523a]{transform:translateX(4px)}.quiz-content[data-v-da0e523a]{max-width:800px;margin:0 auto}.question-card[data-v-da0e523a]{padding:32px;margin-bottom:30px}.question-header[data-v-da0e523a]{display:flex;gap:12px;margin-bottom:20px}.difficulty-badge[data-v-da0e523a],.question-type-badge[data-v-da0e523a]{padding:6px 12px;font-size:.85rem;font-weight:600}.question-type-badge[data-v-da0e523a]{background:var(--info-bg);color:var(--accent-purple)}.difficulty-badge[data-v-da0e523a]{background:var(--warning-bg);color:var(--color-warning)}.question-content p[data-v-da0e523a]{font-size:1.2rem;color:var(--text-color);line-height:1.6;margin-bottom:24px}.options-container[data-v-da0e523a]{display:flex;flex-direction:column;gap:12px}.option-item[data-v-da0e523a]{gap:16px;padding:16px 20px;background:var(--info-bg);border:2px solid var(--border-color);cursor:pointer}.option-item.selected[data-v-da0e523a],.option-item[data-v-da0e523a]:hover{background:var(--info-bg);border-color:var(--accent-purple)}.option-item.multiple.selected[data-v-da0e523a]{background:var(--info-bg)}.options-container .option-label[data-v-da0e523a]{width:32px;height:32px;background:var(--text-color);display:flex;align-items:center;justify-content:center;color:var(--bg-color);font-weight:700;flex-shrink:0}.options-container .option-content[data-v-da0e523a]{flex:1;font-size:1.05rem;color:var(--text-color)}.quiz-navigation[data-v-da0e523a]{display:flex;justify-content:space-between;gap:16px}.nav-btn[data-v-da0e523a]{padding:14px 28px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard);display:flex;align-items:center;gap:8px}.next-btn[data-v-da0e523a],.prev-btn[data-v-da0e523a]{background:var(--info-bg);color:var(--accent-purple);border:1px solid var(--accent-purple)}.next-btn[data-v-da0e523a]:hover:not(:disabled),.prev-btn[data-v-da0e523a]:hover:not(:disabled){background:color-mix(in srgb,var(--accent-purple) 20%,transparent)}.nav-btn[data-v-da0e523a]:disabled{opacity:.5;cursor:not-allowed}.nav-btn.submit-btn[data-v-da0e523a]{background:var(--primary-gradient);color:var(--bg-color);box-shadow:0 4px 15px var(--glow-purple)}.nav-btn.submit-btn[data-v-da0e523a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-purple)}.history-detail-header[data-v-da0e523a],.history-header[data-v-da0e523a],.result-header[data-v-da0e523a]{display:flex;align-items:center;gap:16px;margin-bottom:30px}.history-detail-header h2[data-v-da0e523a],.history-header h2[data-v-da0e523a],.result-header h2[data-v-da0e523a]{font-size:1.8rem;font-weight:700;color:var(--text-color)}.result-summary[data-v-da0e523a]{padding:40px;margin-bottom:30px;text-align:center}.score-card[data-v-da0e523a]{margin-bottom:30px}.score-value[data-v-da0e523a]{font-size:4rem}.score-label[data-v-da0e523a]{font-size:1.2rem;margin-top:8px}.stats-grid[data-v-da0e523a]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-item[data-v-da0e523a]{padding:20px;background:var(--info-bg)}.stat-value[data-v-da0e523a]{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.stat-value.correct[data-v-da0e523a]{color:var(--color-success)}.stat-value.wrong[data-v-da0e523a]{color:var(--color-error)}.stat-label[data-v-da0e523a]{font-size:.95rem;color:var(--text-secondary)}.history-detail-answers[data-v-da0e523a],.result-details[data-v-da0e523a]{background:var(--card-bg);border:1px solid var(--border-color);padding:24px}.result-details h3[data-v-da0e523a]{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:20px}.answer-item[data-v-da0e523a]{background:var(--info-bg);border:1px solid var(--border-color);padding:20px;margin-bottom:16px}.answer-item.correct[data-v-da0e523a]{border-color:var(--color-success);background:var(--success-bg)}.answer-item.wrong[data-v-da0e523a]{border-color:var(--color-error);background:var(--error-bg)}.answer-header[data-v-da0e523a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.answer-number[data-v-da0e523a]{font-size:1rem;font-weight:700;color:var(--text-color)}.answer-status[data-v-da0e523a]{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600}.answer-item.correct .answer-status[data-v-da0e523a]{color:var(--color-success)}.answer-item.wrong .answer-status[data-v-da0e523a]{color:var(--color-error)}.answer-content[data-v-da0e523a]{margin-top:16px}.question-text[data-v-da0e523a]{font-size:1.05rem;color:var(--text-color);margin-bottom:16px;line-height:1.6}.options-list[data-v-da0e523a]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.option-item[data-v-da0e523a]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border:2px solid transparent;border-radius:0;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);color:var(--text-color)}.option-item[data-v-da0e523a]:hover{background:var(--bg-tertiary)}.option-item.user-selected[data-v-da0e523a]{border-color:var(--accent-purple);background:var(--info-bg)}.option-item.correct[data-v-da0e523a]{border-color:var(--color-success);background:var(--success-bg)}.option-item.wrong[data-v-da0e523a]{border-color:var(--color-error);background:var(--error-bg)}.result-details .option-label[data-v-da0e523a]{font-weight:700;color:var(--text-color);min-width:24px}.result-details .option-content[data-v-da0e523a]{flex:1;color:var(--text-color)}.option-mark[data-v-da0e523a]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem}.option-mark.user-mark[data-v-da0e523a]{background:var(--accent-purple);color:#fff}.option-mark.correct-mark[data-v-da0e523a]{background:var(--color-success);color:#fff}.answer-info[data-v-da0e523a]{display:flex;flex-direction:column;gap:8px}.info-item[data-v-da0e523a]{display:flex;align-items:center;gap:8px}.info-label[data-v-da0e523a]{font-size:.9rem;color:var(--text-secondary);font-weight:600}.info-value[data-v-da0e523a]{font-size:.95rem;font-weight:600}.user-answer[data-v-da0e523a]{color:var(--accent-purple)}.correct-answer[data-v-da0e523a]{color:var(--color-success)}.explanation[data-v-da0e523a]{margin-top:12px;padding:12px;background:var(--warning-bg)}.explanation-label[data-v-da0e523a]{font-size:.9rem;color:var(--color-warning);font-weight:600}.explanation-text[data-v-da0e523a]{font-size:.95rem;color:var(--text-color);margin-top:4px}.history-list[data-v-da0e523a]{display:flex;flex-direction:column}.history-list-inner[data-v-da0e523a]{display:flex;flex-direction:column;gap:16px;position:relative}.history-item-enter-active[data-v-da0e523a]{transition:opacity .6s ease,transform .6s ease}.history-item-leave-active[data-v-da0e523a]{transition:opacity .5s ease;position:absolute;width:100%}.history-item-enter-from[data-v-da0e523a]{opacity:0;transform:translateY(10px)}.history-item-leave-to[data-v-da0e523a]{opacity:0}.history-item-move[data-v-da0e523a]{transition:none}.history-card[data-v-da0e523a]{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1px solid var(--border-color);padding:24px;cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.history-card[data-v-da0e523a]:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--glow-purple);border-color:var(--accent-purple)}.history-info[data-v-da0e523a]{display:flex;align-items:center;gap:24px}.history-score[data-v-da0e523a]{text-align:center}.score-value[data-v-da0e523a]{font-size:2.5rem;font-weight:800}.score-label[data-v-da0e523a]{font-size:.9rem;color:var(--text-secondary)}.history-meta[data-v-da0e523a]{flex:1}.history-date[data-v-da0e523a]{font-size:1rem;color:var(--text-color);font-weight:600;margin-bottom:8px}.history-stats[data-v-da0e523a]{display:flex;gap:16px;font-size:.9rem;color:var(--text-secondary)}.history-stats span[data-v-da0e523a]{display:flex;align-items:center;gap:6px}.history-arrow[data-v-da0e523a]{color:var(--text-secondary);font-size:1.2rem}.pagination-container[data-v-da0e523a]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px}.pagination-btn[data-v-da0e523a]{width:40px;height:40px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center}.pagination-btn[data-v-da0e523a]:hover:not(:disabled){background:var(--primary-color);color:var(--bg-color);border-color:var(--primary-color)}.pagination-btn[data-v-da0e523a]:disabled{opacity:.4;cursor:not-allowed}.pagination-info[data-v-da0e523a]{font-size:.9rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.history-detail-summary[data-v-da0e523a]{background:var(--card-bg);border:1px solid var(--border-color);padding:24px;margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.summary-item[data-v-da0e523a]{text-align:center}.summary-label[data-v-da0e523a]{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.summary-value[data-v-da0e523a]{font-size:1.5rem;font-weight:700;color:var(--text-color)}@media (max-width:768px){.create-methods[data-v-da0e523a],.history-detail-summary[data-v-da0e523a],.quiz-grid[data-v-da0e523a],.stats-grid[data-v-da0e523a]{grid-template-columns:1fr}.quiz-navigation[data-v-da0e523a]{flex-direction:column}.nav-btn[data-v-da0e523a]{width:100%;justify-content:center}}.edit-view[data-v-da0e523a]{max-width:900px;margin:0 auto}.edit-header[data-v-da0e523a]{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.edit-header h2[data-v-da0e523a]{font-size:1.75rem;font-weight:600}.edit-tabs[data-v-da0e523a]{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--border-color)}.edit-tab[data-v-da0e523a]{padding:16px 24px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.edit-tab[data-v-da0e523a]:hover{color:var(--text-color)}.edit-tab.active[data-v-da0e523a]{color:var(--text-color);border-bottom-color:var(--text-color)}.edit-section[data-v-da0e523a]{background:var(--card-bg);border:1px solid var(--border-color);padding:32px}.edit-actions[data-v-da0e523a]{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.edit-btn[data-v-da0e523a]{background:var(--info-bg);color:var(--accent-purple)}.edit-btn[data-v-da0e523a]:hover{background:color-mix(in srgb,var(--accent-purple) 20%,transparent)}.questions-header[data-v-da0e523a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.questions-header h3[data-v-da0e523a]{font-size:1.1rem;font-weight:600}.add-question-btn[data-v-da0e523a]{padding:10px 20px;background:var(--primary-gradient);color:var(--bg-color);border:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.add-question-btn[data-v-da0e523a]:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--glow-purple)}.questions-edit-list[data-v-da0e523a]{display:flex;flex-direction:column;gap:16px}.question-edit-item[data-v-da0e523a]{background:var(--bg-secondary);border:1px solid var(--border-color);padding:20px}.question-edit-header[data-v-da0e523a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-number[data-v-da0e523a]{font-weight:600;font-size:.9rem}.question-actions[data-v-da0e523a]{display:flex;gap:8px}.icon-btn[data-v-da0e523a]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.icon-btn[data-v-da0e523a]:hover{border-color:var(--text-color);color:var(--text-color)}.icon-btn.delete[data-v-da0e523a]:hover{border-color:var(--color-error);color:var(--color-error)}.question-preview[data-v-da0e523a]{padding:16px;background:var(--bg-color);border:1px solid var(--border-color)}.question-content[data-v-da0e523a]{font-size:1rem;margin-bottom:12px;line-height:1.5}.options-preview[data-v-da0e523a]{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:var(--text-secondary)}.options-preview .correct[data-v-da0e523a]{color:var(--color-success);font-weight:500}.question-dialog-overlay[data-v-da0e523a]{padding:20px}.question-dialog[data-v-da0e523a]{width:100%;max-width:600px}.dialog-header[data-v-da0e523a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.dialog-header h3[data-v-da0e523a]{font-size:1.2rem;font-weight:600}.close-btn[data-v-da0e523a]{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.close-btn[data-v-da0e523a]:hover{color:var(--text-color)}.dialog-body[data-v-da0e523a]{padding:24px}.dialog-footer[data-v-da0e523a]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.options-edit-list[data-v-da0e523a]{display:flex;flex-direction:column;gap:12px}.option-edit-item[data-v-da0e523a]{display:flex;align-items:center;gap:12px}.correct-checkbox[data-v-da0e523a]{width:18px;height:18px;cursor:pointer;accent-color:var(--text-color)}.option-label-input[data-v-da0e523a]{font-weight:600;min-width:24px}.option-content-input[data-v-da0e523a]{flex:1}.add-option-btn[data-v-da0e523a]{margin-top:8px;padding:8px 16px;background:transparent;border:1px dashed var(--border-color);color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.add-option-btn[data-v-da0e523a]:hover{border-color:var(--text-color);color:var(--text-color)}.form-select[data-v-da0e523a]{width:100%;padding:12px 16px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);font-size:1rem}.import-warning[data-v-da0e523a]{gap:12px;padding:16px 20px;margin-bottom:24px}.import-warning i[data-v-da0e523a]{font-size:1.2rem}.custom-checkbox[data-v-1df51f7e]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.9rem;color:var(--text-color)}.custom-checkbox.disabled[data-v-1df51f7e]{opacity:.5;cursor:not-allowed}.custom-checkbox input[data-v-1df51f7e]{position:absolute;opacity:0;width:0;height:0}.checkbox-box[data-v-1df51f7e]{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-secondary);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.checkbox-box i[data-v-1df51f7e]{font-size:.7rem;color:var(--bg-color);opacity:0;transform:scale(.8);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.custom-checkbox:hover:not(.disabled) .checkbox-box[data-v-1df51f7e]{border-color:var(--text-secondary)}.custom-checkbox input:checked+.checkbox-box[data-v-1df51f7e]{background:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox input:checked+.checkbox-box i[data-v-1df51f7e]{opacity:1;transform:scale(1)}.custom-checkbox input:focus-visible+.checkbox-box[data-v-1df51f7e]{box-shadow:var(--focus-ring)}.checkbox-label[data-v-1df51f7e]{line-height:1.3}.bead-page[data-v-567b5072]{display:flex;flex-direction:column;height:calc(100vh - 60px);padding-top:24px;box-sizing:border-box;background:var(--bg-color)}.bead-toolbar[data-v-567b5072]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 20px;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.back-btn[data-v-567b5072]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.back-btn[data-v-567b5072]:hover{border-color:var(--text-color);color:var(--text-color)}.page-title[data-v-567b5072]{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0 8px 0 0}.toolbar-group[data-v-567b5072]{display:flex;align-items:center;gap:8px}.zoom-group[data-v-567b5072]{margin-left:auto}.tool-btn[data-v-567b5072]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.tool-btn[data-v-567b5072]:hover:not(:disabled){border-color:var(--text-color)}.tool-btn[data-v-567b5072]:disabled{opacity:.5;cursor:not-allowed}.tool-btn.primary[data-v-567b5072]{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.tool-btn.primary[data-v-567b5072]:hover:not(:disabled){background:transparent;color:var(--text-color)}.tool-btn.danger[data-v-567b5072]:hover{border-color:var(--accent-color);color:var(--accent-color)}.tool-btn.icon[data-v-567b5072]{padding:8px 10px}.tool-btn.active[data-v-567b5072]{border-color:var(--text-color);background:var(--bg-secondary)}.zoom-text[data-v-567b5072]{min-width:52px;text-align:center;font-size:.85rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.size-label[data-v-567b5072]{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.size-input[data-v-567b5072]{width:64px;padding:7px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;outline:none;transition:border-color var(--duration-fast) var(--ease-standard)}.size-input[data-v-567b5072]:focus{border-color:var(--text-color)}.bead-body[data-v-567b5072]{display:flex;flex:1;overflow:hidden}.pattern-sidebar[data-v-567b5072]{width:230px;flex-shrink:0;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sidebar-header[data-v-567b5072]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.sidebar-save-btn[data-v-567b5072]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.sidebar-save-btn[data-v-567b5072]:hover{border-color:var(--text-color);color:var(--text-color)}.pattern-list[data-v-567b5072]{flex:1;overflow-y:auto;padding:6px}.pattern-tip[data-v-567b5072]{padding:20px 12px;font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.8}.pattern-item[data-v-567b5072]{display:flex;align-items:center;gap:8px;padding:8px 8px;cursor:pointer;border:1px solid transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pattern-item[data-v-567b5072]:hover{background:var(--bg-secondary)}.pattern-item.active[data-v-567b5072]{background:var(--bg-secondary);border-color:var(--border-color)}.pattern-icon[data-v-567b5072]{color:var(--text-secondary);font-size:1rem;flex-shrink:0}.pattern-info[data-v-567b5072]{flex:1;min-width:0}.pattern-name[data-v-567b5072]{font-size:.85rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-meta[data-v-567b5072]{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.pattern-actions[data-v-567b5072]{display:none;gap:8px;flex-shrink:0}.pattern-item:hover .pattern-actions[data-v-567b5072]{display:flex}.pattern-actions i[data-v-567b5072]{font-size:.8rem;color:var(--text-secondary);transition:color .2s ease}.pattern-actions i[data-v-567b5072]:hover{color:var(--text-color)}.pattern-actions i.fa-trash-alt[data-v-567b5072]:hover{color:var(--accent-color)}.cancel-highlight-btn[data-v-567b5072]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:.82rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:border-color var(--duration-fast) var(--ease-standard);z-index:10}.cancel-highlight-btn[data-v-567b5072]:hover{border-color:var(--text-color)}.name-input[data-v-567b5072]{width:100%;flex:1}.canvas-wrap[data-v-567b5072]{position:relative;flex:1;overflow:hidden}.canvas-wrap canvas[data-v-567b5072]{display:block;width:100%;height:100%;cursor:grab}.canvas-wrap canvas.panning[data-v-567b5072]{cursor:grabbing}.canvas-hint[data-v-567b5072]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:hsla(0,0%,100%,.85);pointer-events:none}.canvas-hint i[data-v-567b5072]{font-size:3rem;margin-bottom:16px;opacity:.7}.canvas-hint p[data-v-567b5072]{margin:6px 0;font-size:1rem}.canvas-hint .hint-sub[data-v-567b5072]{font-size:.85rem;opacity:.7}.stats-panel[data-v-567b5072]{width:220px;flex-shrink:0;background:var(--card-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.stats-panel h3[data-v-567b5072]{margin:0;padding:14px 16px;font-size:.95rem;color:var(--text-color);border-bottom:1px solid var(--border-color);display:flex;align-items:baseline;justify-content:space-between}.stats-total[data-v-567b5072]{font-size:.75rem;font-weight:400;color:var(--text-secondary)}.stats-list[data-v-567b5072]{flex:1;overflow-y:auto;padding:8px}.stats-item[data-v-567b5072]{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:.85rem;cursor:pointer;border:1px solid transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.stats-item[data-v-567b5072]:hover{background:var(--bg-secondary)}.stats-item.active[data-v-567b5072]{background:var(--bg-secondary);border-color:var(--border-color-strong)}.stats-swatch[data-v-567b5072]{width:20px;height:20px;border:1px solid var(--border-color);flex-shrink:0}.stats-code[data-v-567b5072]{color:var(--text-color);font-weight:600;min-width:36px}.stats-count[data-v-567b5072]{margin-left:auto;color:var(--text-secondary);font-variant-numeric:tabular-nums}.import-dialog[data-v-567b5072]{width:min(520px,calc(100vw - 40px));max-height:calc(100vh - 80px);box-shadow:var(--shadow-lg);padding:24px}.import-dialog h2[data-v-567b5072]{margin:0 0 16px 0;font-size:1.2rem;color:var(--text-color)}.import-preview[data-v-567b5072]{display:flex;justify-content:center;margin-bottom:16px;background:var(--bg-secondary);border:1px solid var(--border-color);padding:8px}.import-preview img[data-v-567b5072]{max-width:100%;max-height:220px;-o-object-fit:contain;object-fit:contain}.import-form[data-v-567b5072]{display:flex;flex-direction:column;gap:12px}.form-row[data-v-567b5072]{display:flex;flex-wrap:wrap;gap:12px}.form-row label[data-v-567b5072]:not(.form-label){display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);flex:1;min-width:100px}.form-label[data-v-567b5072]{display:flex;flex-direction:column;gap:6px;flex:1;min-width:120px;font-size:.85rem;color:var(--text-secondary)}.form-label.full[data-v-567b5072]{flex-basis:100%}.form-label>span[data-v-567b5072]{font-weight:500}.check-row[data-v-567b5072]{align-items:center;gap:16px;padding:4px 0}.check-label[data-v-567b5072]{cursor:pointer;white-space:nowrap}.redraw-section[data-v-567b5072]{border:1px solid var(--border-color);padding:10px 12px;display:flex;flex-direction:column;gap:10px}.redraw-toggle[data-v-567b5072]{font-weight:600;color:var(--text-color)}.redraw-options[data-v-567b5072]{display:flex;flex-direction:column;gap:12px;padding-left:24px;transition:opacity .2s ease}.redraw-options.disabled[data-v-567b5072]{opacity:.45}.custom-prompt-block[data-v-567b5072]{display:flex;flex-direction:column;gap:8px}.prompt-textarea[data-v-567b5072]{width:100%;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;font-family:inherit;line-height:1.5;resize:vertical;outline:none;box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-standard)}.prompt-textarea[data-v-567b5072]:focus{border-color:var(--text-color)}.prompt-textarea[data-v-567b5072]:disabled{opacity:.5;cursor:not-allowed}.prompt-tip[data-v-567b5072]{margin:0;font-size:.75rem;line-height:1.6;color:var(--text-secondary)}.import-note[data-v-567b5072]{margin:14px 0 0 0;font-size:.78rem;line-height:1.6;color:var(--text-secondary)}.dialog-actions[data-v-567b5072]{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.import-progress-dialog[data-v-567b5072]{width:min(420px,calc(100vw - 40px))}.progress-stage[data-v-567b5072]{font-size:.95rem;color:var(--text-color);margin-bottom:12px;display:flex;align-items:center;gap:8px}.progress-stage i[data-v-567b5072]{color:var(--primary-color)}@media (max-width:768px){.bead-toolbar[data-v-567b5072]{padding:8px 12px;gap:8px}.zoom-group[data-v-567b5072]{margin-left:0}.page-title[data-v-567b5072]{width:100%;order:-1}.stats-panel[data-v-567b5072]{display:none}.pattern-sidebar[data-v-567b5072]{width:180px}}.minesweeper-page[data-v-b068889c]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.page-header p[data-v-b068889c]{font-size:1.1rem;color:var(--text-secondary)}.minesweeper-container[data-v-b068889c]{position:relative;padding:30px}.minesweeper-controls[data-v-b068889c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.difficulty-selector[data-v-b068889c]{display:flex;gap:10px}.difficulty-btn[data-v-b068889c]{padding:10px 24px;background:var(--info-bg);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.difficulty-btn[data-v-b068889c]:hover{background:var(--info-bg);border-color:var(--accent-purple);color:var(--text-color)}.difficulty-btn.active[data-v-b068889c]{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.game-info[data-v-b068889c]{display:flex;gap:30px}.info-item[data-v-b068889c]{display:flex;align-items:center;gap:8px;color:var(--text-color);font-size:1.1rem;font-weight:600}.info-item i[data-v-b068889c]{color:var(--accent-purple);font-size:1.2rem}.restart-btn[data-v-b068889c]{padding:10px 24px;font-size:.9rem}.minesweeper-board[data-v-b068889c]{display:grid;gap:0;background:var(--border-color);padding:1px;max-width:100%;overflow-x:auto}.cell[data-v-b068889c]{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--info-bg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);font-size:1.1rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--info-border)}.cell[data-v-b068889c]:hover:not(.revealed){background:color-mix(in srgb,var(--accent-purple) 30%,transparent);border-color:color-mix(in srgb,var(--accent-purple) 50%,transparent)}.cell.revealed[data-v-b068889c]{background:var(--bg-tertiary);cursor:default;border-color:var(--border-color)}.cell.is-mine[data-v-b068889c]{background:color-mix(in srgb,var(--color-error) 40%,transparent);border-color:color-mix(in srgb,var(--color-error) 60%,transparent)}.cell.is-flagged[data-v-b068889c]{background:color-mix(in srgb,var(--color-warning) 30%,transparent);border-color:color-mix(in srgb,var(--color-warning) 50%,transparent)}.flag-icon[data-v-b068889c],.mine-icon[data-v-b068889c]{font-size:1.2rem}.number[data-v-b068889c]{font-size:1rem;font-weight:700}.number-1[data-v-b068889c]{color:#3b82f6}.number-2[data-v-b068889c]{color:#10b981}.number-3[data-v-b068889c]{color:#ef4444}.number-4[data-v-b068889c]{color:#8b5cf6}.number-5[data-v-b068889c]{color:#f59e0b}.number-6[data-v-b068889c]{color:#06b6d4}.number-7[data-v-b068889c]{color:#9ca3af}.number-8[data-v-b068889c]{color:#6b7280}.game-over-overlay[data-v-b068889c]{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.game-over-content[data-v-b068889c]{text-align:center;color:var(--text-color)}.game-over-content i[data-v-b068889c]{font-size:4rem;margin-bottom:20px}.game-over-content h2[data-v-b068889c]{font-size:2rem;font-weight:700;margin-bottom:10px}.game-over-content p[data-v-b068889c]{font-size:1.2rem;margin-bottom:30px;opacity:.9}.play-again-btn[data-v-b068889c]{gap:10px;padding:14px 32px;font-size:1rem}@media (max-width:768px){.minesweeper-controls[data-v-b068889c]{flex-direction:column;align-items:stretch}.difficulty-selector[data-v-b068889c],.game-info[data-v-b068889c],.restart-btn[data-v-b068889c]{justify-content:center}.cell[data-v-b068889c]{width:25px;height:25px;font-size:.9rem}}.tab-container[data-v-b068889c]{margin-bottom:30px}.tab-header[data-v-b068889c]{display:flex;justify-content:center;gap:10px;background:var(--info-bg);padding:8px;border:1px solid var(--border-color)}.tab-btn[data-v-b068889c]{display:flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.tab-btn[data-v-b068889c]:hover{background:var(--info-bg);color:var(--text-color)}.tab-btn.active[data-v-b068889c]{background:var(--primary-gradient);color:var(--bg-color);box-shadow:0 4px 15px var(--glow-purple)}.tab-btn i[data-v-b068889c]{font-size:1.1rem}.leaderboard-container[data-v-b068889c]{padding:30px}.leaderboard-controls[data-v-b068889c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.leaderboard-difficulty-selector[data-v-b068889c]{display:flex;align-items:center;gap:10px}.selector-label[data-v-b068889c]{color:var(--text-secondary);font-size:.95rem;font-weight:600}.leaderboard-difficulty-btn[data-v-b068889c]{padding:8px 20px;background:var(--info-bg);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.leaderboard-difficulty-btn[data-v-b068889c]:hover{background:var(--info-bg);border-color:var(--accent-purple);color:var(--text-color)}.leaderboard-difficulty-btn.active[data-v-b068889c]{background:var(--primary-gradient);border-color:transparent;color:var(--bg-color);box-shadow:0 4px 15px var(--glow-purple)}.leaderboard-time-selector[data-v-b068889c]{display:flex;gap:8px}.time-period-btn[data-v-b068889c]{padding:8px 20px;background:var(--info-bg);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.time-period-btn[data-v-b068889c]:hover{background:var(--info-bg);border-color:var(--accent-purple);color:var(--text-color)}.time-period-btn.active[data-v-b068889c]{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.leaderboard-content[data-v-b068889c]{min-height:300px}.empty-state[data-v-b068889c],.loading-state[data-v-b068889c]{gap:15px}.empty-state i[data-v-b068889c],.loading-state i[data-v-b068889c]{font-size:3rem;color:var(--accent-purple)}.empty-state span[data-v-b068889c],.loading-state span[data-v-b068889c]{font-size:1.1rem}.leaderboard-list[data-v-b068889c]{display:flex;flex-direction:column;gap:12px}.leaderboard-item[data-v-b068889c]{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--info-bg);border:1px solid var(--border-color);transition:transform var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.leaderboard-item[data-v-b068889c]:hover{background:var(--info-bg);border-color:var(--accent-purple);transform:translateX(5px);cursor:pointer}.leaderboard-item.top-three[data-v-b068889c]{background:linear-gradient(135deg,var(--warning-bg),var(--error-bg));border-color:var(--warning-border)}.rank-badge[data-v-b068889c]{width:50px;height:50px;background:var(--info-bg);flex-shrink:0}.rank-badge[data-v-b068889c],.rank[data-v-b068889c]{display:flex;align-items:center;justify-content:center}.rank[data-v-b068889c]{font-size:1.2rem;font-weight:700;color:var(--text-secondary);width:100%;height:100%}.rank-1[data-v-b068889c]{font-size:1.4rem}.rank-1 i[data-v-b068889c]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.player-info[data-v-b068889c]{flex:1;display:flex;flex-direction:column;gap:4px}.player-name[data-v-b068889c]{font-size:1rem;font-weight:600;color:var(--text-color)}.record-time[data-v-b068889c]{font-size:.9rem;color:var(--accent-purple);font-weight:500}.record-date[data-v-b068889c]{font-size:.85rem;color:var(--text-secondary);font-weight:500}@media (max-width:768px){.leaderboard-controls[data-v-b068889c]{flex-direction:column;align-items:stretch}.leaderboard-difficulty-selector[data-v-b068889c],.leaderboard-time-selector[data-v-b068889c]{justify-content:center}.leaderboard-item[data-v-b068889c]{gap:12px;padding:12px 16px}.rank-badge[data-v-b068889c]{width:32px;height:32px}.rank[data-v-b068889c]{font-size:.95rem}.player-name[data-v-b068889c]{font-size:.9rem}.record-time[data-v-b068889c]{font-size:.85rem}.record-date[data-v-b068889c]{font-size:.75rem}}.reaction-test-page[data-v-583f1b14]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.page-header p[data-v-583f1b14]{font-size:1.1rem;color:var(--text-secondary)}.page-header .note[data-v-583f1b14]{font-size:.9rem;color:var(--text-secondary);margin-top:10px;padding:10px 15px;background:var(--info-bg);border-left:3px solid var(--accent-purple)}.page-header .note a[data-v-583f1b14]{color:var(--accent-purple);text-decoration:none;font-weight:600}.page-header .note a[data-v-583f1b14]:hover{text-decoration:underline}.tab-container[data-v-583f1b14]{margin-bottom:30px}.tab-header[data-v-583f1b14]{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.tab-btn[data-v-583f1b14]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--info-bg);border:1px solid var(--border-color);color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.tab-btn[data-v-583f1b14]:hover{background:var(--info-bg);color:var(--text-color)}.tab-btn.active[data-v-583f1b14]{background:var(--primary-gradient);border-color:var(--accent-purple);color:var(--bg-color);box-shadow:0 4px 15px var(--glow-purple)}.game-container[data-v-583f1b14]{position:relative;padding:30px}.game-area[data-v-583f1b14]{height:400px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.game-area.waiting[data-v-583f1b14]{background:linear-gradient(135deg,#ef4444,#f97316);border:2px solid #ef4444}.game-area.go[data-v-583f1b14]{background:linear-gradient(135deg,#22c55e,#3b82f6);border:2px solid #22c55e}.game-content[data-v-583f1b14]{position:relative;z-index:2;text-align:center;color:var(--text-color);width:100%;max-width:100%;padding:0 20px}.game-content i[data-v-583f1b14]{font-size:4rem;margin-bottom:20px;display:inline-block}.game-content h2[data-v-583f1b14]{font-size:2rem;font-weight:700;margin-bottom:10px}.game-content p[data-v-583f1b14]{font-size:1.1rem;color:var(--text-secondary);margin:0}.game-area.go .game-content[data-v-583f1b14],.game-area.waiting .game-content[data-v-583f1b14]{color:#fff}.game-area.go .game-content p[data-v-583f1b14],.game-area.waiting .game-content p[data-v-583f1b14]{color:hsla(0,0%,100%,.85)}.start-screen i[data-v-583f1b14]{color:var(--accent-purple)}.waiting-screen i[data-v-583f1b14]{color:var(--color-error)}.go-screen i[data-v-583f1b14]{color:var(--color-success)}.error-screen i[data-v-583f1b14]{color:var(--color-error)}.result-screen i[data-v-583f1b14]{color:var(--accent-cyan)}.final-screen i[data-v-583f1b14]{color:var(--color-warning)}.next-btn[data-v-583f1b14],.retry-btn[data-v-583f1b14]{margin-top:20px;padding:12px 24px}.restart-btn[data-v-583f1b14]{padding:12px 24px}.game-info[data-v-583f1b14]{display:flex;justify-content:center;gap:30px;margin-top:20px}.info-item[data-v-583f1b14]{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:1rem}.info-item i[data-v-583f1b14]{color:var(--accent-purple)}.leaderboard-container[data-v-583f1b14]{padding:30px}.leaderboard-header[data-v-583f1b14]{text-align:center;margin-bottom:30px}.leaderboard-header h2[data-v-583f1b14]{font-size:2rem;font-weight:800;margin-bottom:10px}.leaderboard-header p[data-v-583f1b14]{font-size:1.1rem;color:var(--text-secondary)}.leaderboard-controls[data-v-583f1b14]{display:flex;justify-content:center;margin-bottom:20px}.leaderboard-time-selector[data-v-583f1b14]{display:flex;gap:8px}.time-period-btn[data-v-583f1b14]{padding:8px 20px;background:var(--info-bg);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.time-period-btn[data-v-583f1b14]:hover{background:var(--info-bg);border-color:var(--accent-purple);color:var(--text-color)}.time-period-btn.active[data-v-583f1b14]{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.empty-state i[data-v-583f1b14],.loading-state i[data-v-583f1b14]{font-size:3rem;margin-bottom:20px;display:block}.leaderboard-list[data-v-583f1b14]{display:flex;flex-direction:column;gap:15px}.leaderboard-item[data-v-583f1b14]{display:flex;align-items:center;gap:20px;padding:20px;background:var(--info-bg);border:1px solid var(--border-color);cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.leaderboard-item[data-v-583f1b14]:hover{background:var(--info-bg);transform:translateY(-2px);box-shadow:0 8px 25px var(--glow-purple)}.leaderboard-item.top-three[data-v-583f1b14]{background:var(--warning-bg);border-color:var(--color-warning)}.rank-badge[data-v-583f1b14]{width:50px;height:50px;background:var(--info-bg);flex-shrink:0}.rank-badge[data-v-583f1b14],.rank[data-v-583f1b14]{display:flex;align-items:center;justify-content:center}.rank[data-v-583f1b14]{font-size:1.2rem;font-weight:700;color:var(--text-secondary);width:100%;height:100%}.rank-1[data-v-583f1b14]{font-size:1.4rem}.rank-1 i[data-v-583f1b14]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.player-info[data-v-583f1b14]{flex:1}.player-name[data-v-583f1b14]{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:5px}.record-time[data-v-583f1b14]{font-size:.9rem;color:var(--accent-purple);font-weight:600}.record-date[data-v-583f1b14]{font-size:.9rem;color:var(--text-secondary)}@media (max-width:768px){.game-area[data-v-583f1b14]{height:300px}.game-content i[data-v-583f1b14]{font-size:3rem}.game-content h2[data-v-583f1b14]{font-size:1.5rem}.final-actions[data-v-583f1b14]{flex-direction:column}.game-info[data-v-583f1b14]{flex-direction:column;gap:15px}.leaderboard-item[data-v-583f1b14]{flex-direction:column;text-align:center;gap:15px}}.community-page[data-v-e28c63dc]{padding:40px 0;min-height:calc(100vh - 100px);background:var(--bg-gradient)}.page-header h1[data-v-e28c63dc]{margin-bottom:10px}.page-header p[data-v-e28c63dc]{font-size:1.1rem;color:var(--text-secondary)}.create-post-card[data-v-e28c63dc]{background:var(--card-bg);border:1px solid var(--border-color);padding:24px;margin-bottom:24px}.create-post-header[data-v-e28c63dc]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-avatar[data-v-e28c63dc]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-avatar-placeholder[data-v-e28c63dc]{font-size:2.5rem;color:var(--text-secondary)}.create-post-title[data-v-e28c63dc]{font-size:1rem;font-weight:600;color:var(--text-color)}.post-textarea[data-v-e28c63dc]{width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:1rem;resize:vertical;outline:none;transition:border-color .2s ease}.post-textarea[data-v-e28c63dc]:focus{border-color:var(--border-color-strong)}.create-post-footer[data-v-e28c63dc]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.char-count[data-v-e28c63dc]{font-size:.85rem;color:var(--text-secondary)}.post-list[data-v-e28c63dc]{display:flex;flex-direction:column;gap:16px}.post-card[data-v-e28c63dc]{background:var(--card-bg);border:1px solid var(--border-color);padding:20px;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.post-card[data-v-e28c63dc]:hover{border-color:var(--border-color-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.post-header[data-v-e28c63dc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.publisher-info[data-v-e28c63dc]{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.publisher-info[data-v-e28c63dc]:hover{opacity:.8}.publisher-avatar[data-v-e28c63dc]{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.publisher-avatar-placeholder[data-v-e28c63dc]{font-size:2.75rem;color:var(--text-secondary)}.publisher-meta[data-v-e28c63dc]{display:flex;flex-direction:column;gap:2px}.publisher-name[data-v-e28c63dc]{font-size:1rem;font-weight:600;color:var(--text-color)}.post-time[data-v-e28c63dc]{font-size:.8rem;color:var(--text-secondary)}.post-actions-top[data-v-e28c63dc]{display:flex;gap:8px}.action-btn[data-v-e28c63dc]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.action-btn[data-v-e28c63dc]:hover{color:var(--text-color);border-color:var(--border-color)}.action-btn.delete[data-v-e28c63dc]:hover{color:var(--accent-color);border-color:var(--accent-color)}.post-content[data-v-e28c63dc]{font-size:1rem;line-height:1.7;color:var(--text-color);white-space:pre-wrap;word-break:break-word;margin-bottom:16px}.post-stats[data-v-e28c63dc]{display:flex;gap:16px;padding-top:12px;border-top:1px solid var(--border-color)}.stat-btn[data-v-e28c63dc]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.stat-btn[data-v-e28c63dc]:hover{color:var(--text-color);border-color:var(--border-color)}.stat-btn.active[data-v-e28c63dc],.stat-btn.report[data-v-e28c63dc]:hover{color:var(--accent-color)}.comments-section[data-v-e28c63dc]{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.comment-input-area[data-v-e28c63dc]{margin-bottom:16px}.comment-textarea[data-v-e28c63dc]{width:100%;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:.95rem;resize:vertical;outline:none}.comment-textarea[data-v-e28c63dc]:focus{border-color:var(--border-color-strong)}.comment-input-footer[data-v-e28c63dc]{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px}.cancel-reply-btn[data-v-e28c63dc]{padding:6px 14px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.cancel-reply-btn[data-v-e28c63dc]:hover{color:var(--text-color);border-color:var(--text-color)}.btn-small[data-v-e28c63dc]{padding:8px 18px;font-size:.85rem}.comments-empty[data-v-e28c63dc],.comments-loading[data-v-e28c63dc]{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--text-secondary)}.comments-list[data-v-e28c63dc]{display:flex;flex-direction:column;gap:12px}.comment-item[data-v-e28c63dc]{display:flex;flex-direction:column;gap:8px}.comment-main[data-v-e28c63dc]{display:flex;gap:10px}.comment-avatar[data-v-e28c63dc],.reply-avatar[data-v-e28c63dc]{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;cursor:pointer;flex-shrink:0}.comment-avatar-placeholder[data-v-e28c63dc],.reply-avatar-placeholder[data-v-e28c63dc]{font-size:2.25rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.comment-body[data-v-e28c63dc],.reply-body[data-v-e28c63dc]{flex:1;display:flex;flex-direction:column;gap:4px}.comment-header-row[data-v-e28c63dc],.reply-header-row[data-v-e28c63dc]{display:flex;align-items:center;gap:8px}.comment-username[data-v-e28c63dc],.reply-username[data-v-e28c63dc]{font-size:.9rem;font-weight:600;color:var(--text-color);cursor:pointer}.comment-username[data-v-e28c63dc]:hover,.reply-username[data-v-e28c63dc]:hover{text-decoration:underline}.comment-time[data-v-e28c63dc],.reply-time[data-v-e28c63dc]{font-size:.75rem;color:var(--text-secondary)}.comment-text[data-v-e28c63dc],.reply-text[data-v-e28c63dc]{font-size:.95rem;color:var(--text-color);line-height:1.5;white-space:pre-wrap;word-break:break-word}.reply-btn[data-v-e28c63dc]{align-self:flex-start;padding:2px 8px;background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:color .2s ease}.reply-btn[data-v-e28c63dc]:hover{color:var(--text-color);text-decoration:underline}.replies-list[data-v-e28c63dc]{margin-left:46px;padding-left:12px;border-left:2px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.reply-item[data-v-e28c63dc]{display:flex;gap:10px}.comments-pagination[data-v-e28c63dc]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.page-btn[data-v-e28c63dc]{padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard)}.page-btn[data-v-e28c63dc]:hover:not(:disabled){border-color:var(--border-color-strong)}.page-btn[data-v-e28c63dc]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-e28c63dc],.loading-state[data-v-e28c63dc]{gap:12px}.empty-state i[data-v-e28c63dc]{font-size:3rem}.load-more[data-v-e28c63dc]{display:flex;justify-content:center;padding:20px}.report-dialog-body[data-v-e28c63dc]{padding:0 24px 16px}.report-dialog-body p[data-v-e28c63dc]{margin-bottom:10px;color:var(--text-color)}.report-textarea[data-v-e28c63dc]{width:100%;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:.95rem;resize:vertical;outline:none}.report-textarea[data-v-e28c63dc]:focus{border-color:var(--border-color-strong)}@media (max-width:768px){.page-header h1[data-v-e28c63dc]{font-size:2rem}.post-header[data-v-e28c63dc]{flex-wrap:wrap;gap:8px}.replies-list[data-v-e28c63dc]{margin-left:0;padding-left:8px}}.navbar[data-v-45f7ff18]{background:var(--navbar-bg);backdrop-filter:var(--navbar-blur);color:var(--text-color);padding:16px 0;border-bottom:1px solid var(--navbar-border);position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);width:100%}.container[data-v-45f7ff18]{justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 24px;width:100%}.container[data-v-45f7ff18],.navbar-brand[data-v-45f7ff18]{display:flex;align-items:center}.brand-logo[data-v-45f7ff18]{font-size:1.5rem;font-weight:600;color:var(--text-color);text-decoration:none;letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border-bottom:2px solid transparent;padding-bottom:2px}.brand-logo[data-v-45f7ff18]:hover{border-bottom-color:var(--text-color);text-decoration:none}.navbar-menu[data-v-45f7ff18]{display:flex;gap:8px;align-items:center}.navbar-item[data-v-45f7ff18]{color:var(--text-secondary);font-weight:500;padding:8px 16px;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);position:relative;font-size:.9rem;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid transparent}.navbar-item[data-v-45f7ff18]:hover{text-decoration:none}.navbar-item.router-link-active[data-v-45f7ff18],.navbar-item[data-v-45f7ff18]:hover{color:var(--text-color);border-bottom-color:var(--text-color)}.theme-toggle[data-v-45f7ff18]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);margin-left:8px}.theme-toggle[data-v-45f7ff18]:hover{border-color:var(--text-color);color:var(--text-color)}.theme-toggle i[data-v-45f7ff18]{font-size:.9rem}.user-auth[data-v-45f7ff18]{display:flex;align-items:center;margin-left:24px}.login-btn[data-v-45f7ff18]{padding:10px 20px;font-size:.85rem}.user-info[data-v-45f7ff18]{display:flex;align-items:center;gap:10px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard);position:relative}.user-info[data-v-45f7ff18]:hover{border-color:var(--text-color)}.user-info i[data-v-45f7ff18]{font-size:1rem;color:var(--text-secondary)}.user-info span[data-v-45f7ff18]{color:var(--text-color);font-weight:500;font-size:.9rem}.dropdown-arrow[data-v-45f7ff18]{font-size:.8rem;color:var(--text-secondary);transition:transform var(--duration-fast) var(--ease-standard)}.dropdown-arrow.rotated[data-v-45f7ff18]{transform:rotate(180deg)}.user-dropdown[data-v-45f7ff18]{position:relative}.dropdown-menu[data-v-45f7ff18]{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) var(--ease-standard);z-index:calc(var(--z-navbar) + 1)}.dropdown-menu.show[data-v-45f7ff18]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item[data-v-45f7ff18]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-color);font-size:.9rem;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border-bottom:1px solid transparent}.dropdown-item[data-v-45f7ff18]:hover{background:var(--bg-secondary);text-decoration:none;border-bottom-color:var(--text-color)}.dropdown-item.logout[data-v-45f7ff18]{color:var(--accent-color);border-top:1px solid var(--border-color)}.dropdown-item.logout[data-v-45f7ff18]:hover{background:var(--bg-secondary)}.dropdown-item i[data-v-45f7ff18]{font-size:1rem;width:20px;text-align:center;color:var(--text-secondary)}.dropdown-divider[data-v-45f7ff18]{height:1px;background:var(--border-color);margin:0}.friend-badge[data-v-45f7ff18]{margin-left:auto;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:#fff;font-size:.7rem;font-weight:600;line-height:1}.menu-toggle[data-v-45f7ff18]{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-color);color:var(--text-color);font-size:1.1rem;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.menu-toggle[data-v-45f7ff18]:hover{border-color:var(--text-color)}@media (max-width:768px){.menu-toggle[data-v-45f7ff18]{display:flex}.navbar-menu[data-v-45f7ff18]{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);padding:12px 20px 20px}.navbar-menu.mobile-open[data-v-45f7ff18]{display:flex}.navbar-item[data-v-45f7ff18]{padding:12px 8px;text-align:center;font-size:1rem}.theme-toggle[data-v-45f7ff18]{margin:8px auto 0;width:100%;height:42px}.user-auth[data-v-45f7ff18]{margin-left:0;margin-top:8px;justify-content:center}.user-dropdown[data-v-45f7ff18]{width:100%}.user-info[data-v-45f7ff18]{justify-content:center;padding:12px 16px}.login-btn[data-v-45f7ff18]{width:100%;justify-content:center;padding:12px 20px}.dropdown-menu[data-v-45f7ff18]{position:static;display:none;width:100%;min-width:0;margin-top:8px;transform:none}.dropdown-menu.show[data-v-45f7ff18]{display:block;transform:none}}.custom-cursor[data-v-f63f3ffc]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-cursor);mix-blend-mode:difference}.cursor-dot[data-v-f63f3ffc]{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;will-change:transform}.cursor-ring[data-v-f63f3ffc]{position:absolute;width:32px;height:32px;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;transition:transform .2s ease-out,width .3s ease,height .3s ease;will-change:transform}.cursor-trail[data-v-f63f3ffc]{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.3);border-radius:50%;will-change:transform,opacity}.cursor-ring.hover[data-v-f63f3ffc]{width:48px;height:48px;border-color:hsla(0,0%,100%,.8)}.cursor-dot.clicking[data-v-f63f3ffc]{transform:scale(.8)}*,.category-item,.cursor-pointer,.feature-card,.nav-link,:after,:before,[class*=btn],[class*=button],[class*=card],[class*=item],[class*=link],[role=button],a,body,button,input,label,select,textarea{cursor:none!important}@media (pointer:coarse){*,.category-item,.cursor-pointer,.feature-card,.nav-link,:after,:before,[class*=btn],[class*=button],[class*=card],[class*=item],[class*=link],[role=button],a,body,button,input,label,select,textarea{cursor:auto!important}}:root{--bg-color:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-gradient:linear-gradient(135deg,#0a0a0a,#1a1a1a);--text-color:#fff;--text-secondary:#a3a3a3;--text-tertiary:#737373;--primary-color:#fff;--primary-gradient:linear-gradient(135deg,#fff,#e5e5e5);--secondary-gradient:linear-gradient(135deg,#d4d4d4,#fff);--section-bg:#0a0a0a;--section-bg-alt:#111;--card-bg:#111;--card-hover-bg:#1a1a1a;--border-color:#262626;--border-color-strong:#404040;--border-glow:hsla(0,0%,100%,.05);--shadow-color:rgba(0,0,0,.5);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--code-bg:#1a1a1a;--code-text:#fff;--footer-bg-color:#000;--footer-text-color:#fff;--footer-secondary-text-color:#a3a3a3;--footer-border-color:#262626;--hero-bg-light:#0a0a0a;--hero-bg-dark:#050505;--footer-bg-light:#000;--footer-bg-dark:#0a0a0a;--navbar-bg:hsla(0,0%,4%,.95);--navbar-blur:blur(12px);--navbar-border:hsla(0,0%,100%,.08);--accent-color:#ef4444;--accent-hover:#dc2626;--glow-primary:hsla(0,0%,100%,.1);--glow-accent:rgba(239,68,68,.3);--accent-purple:#6366f1;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--glow-purple:rgba(99,102,241,.3);--glow-blue:rgba(59,130,246,.3);--shadow-glow:0 8px 32px rgba(99,102,241,.12);--color-success:#22c55e;--color-warning:#eab308;--color-error:#ef4444;--color-info:#6366f1;--color-muted:#6b7280;--color-on-accent:#fff;--success-bg:rgba(34,197,94,.15);--success-border:rgba(34,197,94,.3);--warning-bg:rgba(234,179,8,.15);--warning-border:rgba(234,179,8,.3);--error-bg:rgba(239,68,68,.15);--error-border:rgba(239,68,68,.3);--info-bg:rgba(99,102,241,.15);--info-border:rgba(99,102,241,.3);--overlay-bg:rgba(0,0,0,.6);--focus-ring:0 0 0 3px rgba(99,102,241,.1);--duration-fast:0.2s;--duration-base:0.3s;--ease-standard:cubic-bezier(0.4,0,0.2,1);--z-dropdown:100;--z-sticky:500;--z-navbar:1000;--z-overlay:1100;--z-modal:1200;--z-message:1300;--z-cursor:1400}[data-theme=light]{--bg-color:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-gradient:linear-gradient(135deg,#fff,#f5f5f5);--text-color:#000;--text-secondary:#737373;--text-tertiary:#a3a3a3;--primary-color:#000;--primary-gradient:linear-gradient(135deg,#000,#262626);--secondary-gradient:linear-gradient(135deg,#404040,#000);--section-bg:#fff;--section-bg-alt:#fafafa;--card-bg:#fff;--card-hover-bg:#fafafa;--border-color:#e5e5e5;--border-color-strong:#000;--border-glow:rgba(0,0,0,.05);--shadow-color:rgba(0,0,0,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.05);--shadow-lg:0 10px 15px rgba(0,0,0,.08);--code-bg:#f5f5f5;--code-text:#000;--footer-bg-color:#000;--footer-text-color:#fff;--footer-secondary-text-color:#a3a3a3;--footer-border-color:#262626;--hero-bg-light:#fff;--hero-bg-dark:#fafafa;--footer-bg-light:#000;--footer-bg-dark:#0a0a0a;--navbar-bg:hsla(0,0%,100%,.95);--navbar-blur:blur(12px);--navbar-border:rgba(0,0,0,.08);--accent-color:#dc2626;--accent-hover:#b91c1c;--glow-primary:rgba(0,0,0,.08);--glow-accent:rgba(220,38,38,.3);--accent-purple:#6366f1;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--glow-purple:rgba(99,102,241,.3);--glow-blue:rgba(59,130,246,.3);--shadow-glow:0 8px 32px rgba(99,102,241,.08);--color-success:#22c55e;--color-warning:#eab308;--color-error:#ef4444;--color-info:#6366f1;--color-muted:#6b7280;--color-on-accent:#fff;--success-bg:rgba(34,197,94,.15);--success-border:rgba(34,197,94,.3);--warning-bg:rgba(234,179,8,.15);--warning-border:rgba(234,179,8,.3);--error-bg:rgba(239,68,68,.15);--error-border:rgba(239,68,68,.3);--info-bg:rgba(99,102,241,.15);--info-border:rgba(99,102,241,.3);--overlay-bg:rgba(0,0,0,.6);--focus-ring:0 0 0 3px rgba(99,102,241,.1);--duration-fast:0.2s;--duration-base:0.3s;--ease-standard:cubic-bezier(0.4,0,0.2,1);--z-dropdown:100;--z-sticky:500;--z-navbar:1000;--z-overlay:1100;--z-modal:1200;--z-message:1300;--z-cursor:1400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:var(--text-color);background:var(--bg-color);min-height:100vh;font-weight:400;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;scrollbar-gutter:stable;padding-top:60px;transition:background-color .3s ease,color .3s ease}body *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}#app{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border-bottom:1px solid transparent}a,a:hover{color:var(--text-color)}a:hover{border-bottom-color:var(--text-color)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.container-narrow{max-width:1000px}.container-wide{max-width:1400px}.section{padding:100px 0}.section-title{font-size:3rem;font-weight:600;margin-bottom:16px;text-align:center;color:var(--text-color);letter-spacing:-.03em;line-height:1.1}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:60px;max-width:560px;margin-left:auto;margin-right:auto;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:var(--primary-color);color:var(--bg-color);border:1px solid var(--primary-color);border-radius:0;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.02em}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.1);transform:translateX(-100%);transition:transform var(--duration-base) var(--ease-standard)}.btn:hover:before{transform:translateX(0)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none;color:var(--bg-color)}.btn:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-color-strong)}.btn-secondary:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.btn-invert{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-color);border:1px solid var(--primary-color);color:var(--bg-color);font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);text-transform:uppercase;letter-spacing:.02em}.btn-invert:hover:not(:disabled){background:transparent;color:var(--primary-color)}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);backdrop-filter:blur(10px);box-shadow:var(--shadow-glow)}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:2.5rem;font-weight:600;margin-bottom:15px}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.state-block{flex-direction:column;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center}.alert-error,.state-block{display:flex;align-items:center}.alert-error{gap:10px;padding:14px 18px;background:var(--error-bg);border:1px solid var(--error-border);color:var(--color-error)}.input{padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);font-size:1rem;outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.input:focus{border-color:var(--accent-purple);box-shadow:var(--focus-ring)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.modal-panel{background:var(--card-bg);border:1px solid var(--border-color);max-height:90vh;overflow-y:auto}.medal-gold{background:linear-gradient(135deg,gold,#ffb800);color:#000;box-shadow:0 4px 20px rgba(255,215,0,.5)}.medal-silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#000;box-shadow:0 4px 20px hsla(0,0%,75%,.5)}.medal-bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#000;box-shadow:0 4px 20px rgba(205,127,50,.5)}.toggle{width:48px;height:26px;background:var(--bg-tertiary);border:1px solid var(--border-color);position:relative;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);cursor:pointer;flex-shrink:0}.toggle.on{background:var(--primary-color)}.toggle-knob{width:20px;height:20px;background:var(--text-color);position:absolute;top:2px;left:3px;transition:left var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard);box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggle.on .toggle-knob{left:23px;background:var(--bg-color)}.page-wrapper{min-height:calc(100vh - 60px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}.fade-enter-to,.fade-leave-from{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.custom-message[data-v-bc790870]{position:fixed;top:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:0;font-size:.95rem;font-weight:500;z-index:var(--z-message);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.15);min-width:300px;max-width:500px}.message-success[data-v-bc790870]{background:var(--success-bg);border:1px solid var(--success-border);color:var(--color-success)}.message-success .message-icon[data-v-bc790870]{color:var(--color-success)}.message-warning[data-v-bc790870]{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--color-warning)}.message-warning .message-icon[data-v-bc790870]{color:var(--color-warning)}.message-error[data-v-bc790870]{background:var(--error-bg);border:1px solid var(--error-border);color:var(--color-error)}.message-error .message-icon[data-v-bc790870]{color:var(--color-error)}.message-info[data-v-bc790870]{background:var(--info-bg);border:1px solid var(--info-border);color:var(--color-info)}.message-info .message-icon[data-v-bc790870]{color:var(--color-info)}.message-icon[data-v-bc790870]{font-size:1.2rem;flex-shrink:0}.message-content[data-v-bc790870]{flex:1;word-break:break-word}.message-fade-enter-active[data-v-bc790870],.message-fade-leave-active[data-v-bc790870]{transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.message-fade-enter-from[data-v-bc790870],.message-fade-leave-to[data-v-bc790870]{opacity:0;transform:translate(-50%,-20px)}