.app-header[data-v-1ef84512]{background-color:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:12px 20px}.header-content[data-v-1ef84512]{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo[data-v-1ef84512]{color:#c8aa6e;font-size:1.3em;font-weight:700;cursor:pointer;transition:opacity .2s}.logo[data-v-1ef84512]:hover{opacity:.8}nav[data-v-1ef84512]{display:flex;align-items:center;gap:6px}nav a[data-v-1ef84512]{color:#8a8a8a;text-decoration:none;margin-left:14px;font-size:.95em}nav a[data-v-1ef84512]:hover,nav a.router-link-active[data-v-1ef84512]{color:#c8aa6e}.nav-divider[data-v-1ef84512]{display:inline-block;width:1px;height:16px;background:#2a2a2a;margin-left:14px}.header-controls[data-v-1ef84512]{display:flex;align-items:center;gap:8px}.donate-link[data-v-1ef84512]{color:#c8aa6e;text-decoration:none;font-size:.85em;font-weight:600;padding:3px 12px;border:1px solid #c8aa6e;border-radius:4px;cursor:pointer;background:none;transition:background .2s,color .2s}.donate-link[data-v-1ef84512]:hover{background:#c8aa6e;color:#0d0d0d}.donate-modal[data-v-1ef84512]{max-width:400px;text-align:center}.donate-body[data-v-1ef84512]{margin:20px 0}.wechat-qr[data-v-1ef84512]{width:220px;height:220px;border-radius:8px}.kofi-btn[data-v-1ef84512]{display:inline-block;background:#c8aa6e;color:#0d0d0d;text-decoration:none;padding:12px 32px;border-radius:8px;font-weight:700;font-size:1.1em;transition:background .2s,transform .1s}.kofi-btn[data-v-1ef84512]:hover{background:#e0c882;transform:translateY(-1px)}.donate-desc[data-v-1ef84512]{color:#8a8a8a;font-size:.85em;margin-top:12px}.donate-thanks[data-v-1ef84512]{color:#555;font-size:.8em;margin-top:16px;padding-top:12px;border-top:1px solid #2a2a2a}.toggle-btn[data-v-1ef84512]{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:4px;padding:4px 12px;font-size:.8em;cursor:pointer;transition:border-color .2s,color .2s;color:#8a8a8a}.toggle-btn[data-v-1ef84512]:hover{border-color:#c8aa6e;color:#c8aa6e}.toggle-active[data-v-1ef84512]{font-weight:600}.clr-gf[data-v-1ef84512]{color:#ff9800}.clr-of[data-v-1ef84512]{color:#4caf50}.lang-toggle[data-v-1ef84512]{font-weight:600;min-width:36px;text-align:center}.modal-overlay[data-v-1ef84512]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-1ef84512]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:28px 32px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;position:relative}.modal-close[data-v-1ef84512]{position:absolute;top:12px;right:16px;background:none;border:none;color:#555;font-size:1.6em;cursor:pointer;line-height:1;transition:color .2s}.modal-close[data-v-1ef84512]:hover{color:#c8aa6e}.modal-title[data-v-1ef84512]{color:#c8aa6e;font-size:1.4em;margin-bottom:4px;text-align:center}.modal-subtitle[data-v-1ef84512]{color:#8a8a8a;font-size:.9em;text-align:center;margin-bottom:20px}.modal-cards[data-v-1ef84512]{display:flex;flex-direction:column;gap:12px}.modal-card[data-v-1ef84512]{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:14px 18px}.modal-card h3[data-v-1ef84512]{color:#c8aa6e;font-size:1em;margin-bottom:2px}.card-author[data-v-1ef84512]{color:#8a8a8a;font-size:.8em;margin-bottom:6px}.card-desc[data-v-1ef84512]{color:#d0d0d0;font-size:.85em;line-height:1.5;margin-bottom:6px}.card-link[data-v-1ef84512]{color:#c8aa6e;text-decoration:none;font-size:.8em;opacity:.8}.card-link[data-v-1ef84512]:hover{opacity:1;text-decoration:underline}.modal-legal[data-v-1ef84512]{margin-top:16px;padding-top:12px;border-top:1px solid #2a2a2a;color:#555;font-size:.78em;line-height:1.6;text-align:center}.home[data-v-860f7c68]{padding-top:60px;text-align:center}.title[data-v-860f7c68]{color:#c8aa6e;font-size:2em;margin-bottom:32px}.subtitle[data-v-860f7c68]{color:#8a8a8a;margin-bottom:24px;font-size:1.1em}.subtitle strong[data-v-860f7c68]{color:#c8aa6e}.server-cards[data-v-860f7c68]{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.server-card[data-v-860f7c68]{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:12px;padding:40px 60px;cursor:pointer;transition:border-color .2s,transform .2s;min-width:200px}.server-card[data-v-860f7c68]:hover{transform:translateY(-3px)}.server-card.gf[data-v-860f7c68]:hover{border-color:#ff9800}.server-card.of[data-v-860f7c68]:hover{border-color:#4caf50}.server-card h2[data-v-860f7c68]{color:#e6e6e6;font-size:1.5em;margin-bottom:4px}.server-card.gf h2[data-v-860f7c68]{color:#ff9800}.server-card.of h2[data-v-860f7c68]{color:#4caf50}.server-card p[data-v-860f7c68]{color:#555;font-size:.9em}.nav-cards[data-v-860f7c68]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.card[data-v-860f7c68]{display:block;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:24px 32px;text-decoration:none;transition:border-color .2s,transform .2s;min-width:260px}.card[data-v-860f7c68]:hover{border-color:#c8aa6e;transform:translateY(-2px)}.card h2[data-v-860f7c68]{color:#c8aa6e;margin-bottom:8px;font-size:1.2em}.card p[data-v-860f7c68]{color:#8a8a8a;font-size:.9em}:root{--bg-base: #0d0d0d;--bg-panel: #1a1a1a;--bg-elevated: #222222;--bg-input: #0d0d0d;--border-default: #2a2a2a;--border-hover: #3a3a3a;--text-primary: #d0d0d0;--text-muted: #8a8a8a;--text-dim: #555555;--gold: #c8aa6e;--gold-hover: #e0c882;--gold-bg: rgba(200, 170, 110, .08);--gold-bg-light: rgba(200, 170, 110, .03);--gold-bg-medium: rgba(200, 170, 110, .1);--green: #4caf50;--green-bg: rgba(76, 175, 80, .1);--orange: #ff9800;--orange-bg: rgba(255, 152, 0, .1);--red: #ef5350;--red-bg: rgba(239, 83, 80, .1);--blue: #42a5f5;--blue-bg: rgba(66, 165, 245, .1);--purple: #ce93d8;--purple-bg: rgba(206, 147, 216, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--text-xs: .75em;--text-sm: .8em;--text-base: .85em;--text-md: .9em;--text-lg: .95em}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-base);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}#app{min-height:100vh}.main-content{max-width:1600px;margin:0 auto;padding:20px}.type-icon{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hover)}input,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-default)}th{background-color:var(--gold-bg);color:var(--gold);font-weight:500;font-size:.9em}tr:hover{background-color:#c8aa6e08}