:root{--primary-color:#007aff;--primary-hover:#0056b3;--bg-card:#fffffff2;--text-main:#1d1d1f;--text-sub:#86868b;--border-color:#d2d2d7;--bg-color:#f0f2f5;--card-bg:#fff;--text-color:#555;--input-border:#ddd;--modal-bg:#fffffff2;--modal-text:#1d1d1f}[data-theme=dark]{--bg-color:#1a1a1a;--card-bg:#2d2d2d;--text-color:#e0e0e0;--input-border:#444;--modal-bg:#2d2d2d;--modal-text:#f0f2f5}body{background:var(--bg-color);flex-direction:column;align-items:center;font-family:Arial,sans-serif;transition:background .3s;display:flex}h1{text-align:center;margin-bottom:30px;font-size:2.5rem;font-weight:300;animation:5s linear infinite textColorChange}@keyframes textColorChange{0%{color:#ff6f61}25%{color:#6b5b95}50%{color:#88b04b}75%{color:#f7cac9}to{color:#ff6f61}}.gpage-settings-icon{cursor:pointer;font-size:20px;transition:transform .3s}.gpage-settings-icon:hover{transform:rotate(90deg)}.gpage-card{text-align:center;cursor:pointer;background:var(--card-bg);color:var(--text-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:25px;font-size:1rem;font-weight:400;transition:all .3s;animation:6s linear infinite cardTextColorChange;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.gpage-card-name{margin:auto;font-size:1rem;font-weight:700}.gpage-card-clicks{color:#999;font-size:.75rem;font-weight:300;transition:color .3s;position:absolute;top:5px;right:10px}@keyframes cardTextColorChange{0%{color:#555}25%{color:#007bff}50%{color:#28a745}75%{color:#fd7e14}to{color:#555}}.gpage-card:hover{color:#fff;background:#007bff;animation:none;transform:translateY(-5px);box-shadow:0 6px 15px #00000026}body[data-v-eb28a2b0]{margin:0;padding:5vh 2vw}#searchBox[data-v-eb28a2b0]{background:var(--card-bg);width:80%;max-width:600px;color:var(--text-color);border:1px solid var(--input-border);border-radius:25px;margin:0 auto 40px;padding:12px 20px;font-size:1rem;transition:all .3s;display:block;box-shadow:0 4px 6px #0000001a}#searchBox[data-v-eb28a2b0]:focus{border-color:#007bff;outline:none;box-shadow:0 4px 10px #007bff33}.card-container[data-v-eb28a2b0]{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;width:100%;max-width:1400px;padding:0 2vw;display:grid}footer[data-v-eb28a2b0]{width:100%;position:fixed;bottom:0;left:0}.footer-box[data-v-eb28a2b0]{text-align:center;border-top:1px solid #4444;margin-top:15px;padding-top:5px;position:relative}.settings[data-v-eb28a2b0]{position:absolute;top:65%;right:20px;transform:translateY(-50%)}.menu[data-v-eb28a2b0]{opacity:0;pointer-events:none;flex-direction:row;gap:12px;transition:all .3s;display:flex;position:absolute;bottom:25px;right:0;transform:translate(10px)}.settings:hover .menu[data-v-eb28a2b0]{opacity:1;pointer-events:auto;transform:translate(0)}.modal[data-v-eb28a2b0]{-webkit-backdrop-filter:blur(2px);z-index:1000;visibility:hidden;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .22s,transform .22s,visibility .22s;display:flex;position:fixed;inset:0;transform:translateY(8px)}.modal.show[data-v-eb28a2b0]{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.modal-box[data-v-eb28a2b0]{background:var(--modal-bg);color:var(--modal-text);border-radius:20px;width:90%;max-width:400px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalShow-eb28a2b0;transform:scale(.9);box-shadow:0 20px 40px #0000001a}@keyframes modalShow-eb28a2b0{to{opacity:1;transform:scale(1)}}.modal-box h3[data-v-eb28a2b0]{text-align:center;margin:0 0 24px;font-size:22px;font-weight:600}.input-group[data-v-eb28a2b0]{margin-bottom:20px}.input-group label[data-v-eb28a2b0]{color:var(--text-sub);margin-bottom:8px;margin-left:4px;font-size:14px;display:block}.modal-box input[data-v-eb28a2b0]{box-sizing:border-box;border:1.5px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);border-radius:12px;padding:12px 16px;font-size:16px;transition:all .2s}.modal-box input[data-v-eb28a2b0]:focus{border-color:var(--primary-color);background:var(--modal-bg);outline:none;box-shadow:0 0 0 4px #007aff1a}.modal-footer[data-v-eb28a2b0]{gap:12px;margin-top:32px;display:flex}.btn[data-v-eb28a2b0]{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:16px;font-weight:500;transition:transform .1s}.btn-primary[data-v-eb28a2b0]{background:var(--primary-color);color:#fff}.btn-primary[data-v-eb28a2b0]:hover{background:var(--primary-hover)}.btn-secondary[data-v-eb28a2b0]{color:#424245;background:#e8e8ed}.btn-secondary[data-v-eb28a2b0]:hover{background:#d2d2d7}.btn[data-v-eb28a2b0]:active{transform:scale(.97)}.submit-btn[data-v-eb28a2b0]{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:8px;width:50%;margin:0 auto;padding:10px 12px;font-size:15px;transition:background .2s;display:block}.submit-btn[data-v-eb28a2b0]:hover{background:#0066d8}@keyframes fadeIn-eb28a2b0{0%{opacity:0}to{opacity:1}}@keyframes popup-eb28a2b0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contact-link[data-v-eb28a2b0]{color:#666;border-bottom:1px solid #e0e0e0;font-size:13px;font-weight:400;text-decoration:none;transition:color .2s,border-color .2s}.contact-link[data-v-eb28a2b0]:hover{color:#444;border-color:#bbb}.setting-item[data-v-eb28a2b0]{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.switch[data-v-eb28a2b0]{width:44px;height:22px;display:inline-block;position:relative}.switch input[data-v-eb28a2b0]{opacity:0;width:0;height:0}.slider[data-v-eb28a2b0]{cursor:pointer;background-color:#ccc;border-radius:22px;transition:all .3s;position:absolute;inset:0}.slider[data-v-eb28a2b0]:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider[data-v-eb28a2b0]{background-color:var(--primary-color)}.switch input:checked+.slider[data-v-eb28a2b0]:before{transform:translate(22px)}.switch input:focus+.slider[data-v-eb28a2b0]{box-shadow:0 0 0 4px #007aff1f}.layout[data-v-227d2f00]{--bg-main:#fff;--bg-editor:#f5f5f5;--text-main:#1f2937;--border-color:#e5e7eb;background:var(--bg-main);width:200vh;height:100vh;color:var(--text-main);flex-direction:column;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.layout.dark[data-v-227d2f00]{--bg-main:#1e1e1e;--bg-editor:#252526;--text-main:#d4d4d4;--border-color:#333}.header[data-v-227d2f00]{background:var(--bg-main);justify-content:space-between;align-items:center;padding:16px;display:flex}.tabs[data-v-227d2f00]{flex-wrap:wrap;gap:8px;display:flex}.theme-btn[data-v-227d2f00]{background:var(--bg-editor);cursor:pointer;border:none;border-radius:12px;padding:6px 12px;font-size:18px}.main[data-v-227d2f00]{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex:1;display:flex;overflow:hidden}#editor[data-v-227d2f00]{flex:1;width:100%;font-size:14px}.footer[data-v-227d2f00]{background:var(--bg-main);flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.sub-buttons[data-v-227d2f00]{justify-content:flex-end;gap:8px;width:100%;display:flex}.footer-text[data-v-227d2f00]{text-align:center;opacity:.6;border-top:1px solid var(--border-color);width:100%;padding-top:8px;font-size:12px}.tab-default[data-v-227d2f00]{color:#000;background:#07c160}.tab-active[data-v-227d2f00]{color:#000;background:#e5e7eb}.layout.dark .tab-default[data-v-227d2f00]{color:#fff;background:#07c160}.layout.dark .tab-active[data-v-227d2f00]{color:#fff;background:#374151}a[data-v-227d2f00]{color:inherit;text-decoration:none}a[data-v-227d2f00]:hover{text-decoration:underline}.btn[data-v-227d2f00]{cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s}.btn-tab[data-v-227d2f00]:hover{color:#fff;background:#000}.btn-primary[data-v-227d2f00]{color:#fff;background:#6a5acd;padding:6px 16px}.btn-primary[data-v-227d2f00]:hover{background:#374151}