:root{--bg-color: #0b0f19;--bg-card: rgba(17, 24, 39, .7);--bg-card-hover: rgba(31, 41, 55, .8);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .5);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-inverse: #0b0f19;--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #14b8a6;--accent: #d946ef;--grad-primary: linear-gradient(135deg, #6366f1 0%, #14b8a6 100%);--grad-text: linear-gradient(135deg, #a5b4fc 0%, #818cf8 50%, #2dd4bf 100%);--grad-hover: linear-gradient(135deg, #4f46e5 0%, #0d9488 100%);--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(99, 102, 241, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--max-width: 1280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(20,184,166,.08) 0%,transparent 40%);background-attachment:fixed}a{color:inherit;text-decoration:none;transition:var(--transition)}img{max-width:100%;height:auto;display:block}button,input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;margin-bottom:60px}.page-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.page-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-main);border-color:#fff3}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;margin-bottom:40px}@media (max-width: 480px){.templates-grid{grid-template-columns:1fr}}.ad-slot[data-astro-cid-fgwukgf6]{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px dashed var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s}.ad-slot[data-astro-cid-fgwukgf6]:hover{border-color:#ffffff1a}.ad-label[data-astro-cid-fgwukgf6]{position:absolute;top:4px;right:8px;font-size:10px;color:var(--text-muted);opacity:.5;pointer-events:none;z-index:2}.ad-content[data-astro-cid-fgwukgf6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ad-placeholder-custom[data-astro-cid-fgwukgf6]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);opacity:.4;user-select:none}.ad-placeholder-icon[data-astro-cid-fgwukgf6]{font-size:24px;margin-bottom:4px}.ad-placeholder-text[data-astro-cid-fgwukgf6]{font-size:13px;font-weight:600;letter-spacing:.05em}.ad-placeholder-size[data-astro-cid-fgwukgf6]{font-size:11px;opacity:.6}.ad-banner-top[data-astro-cid-fgwukgf6]{min-height:90px;margin:0 auto 24px;max-width:728px}@media (max-width: 768px){.ad-banner-top[data-astro-cid-fgwukgf6]{min-height:50px;max-width:320px}}.ad-native-card[data-astro-cid-fgwukgf6]{min-height:340px;border-radius:var(--radius-md)}.ad-placeholder-card[data-astro-cid-fgwukgf6]{padding:40px 20px;text-align:center}.ad-rectangle[data-astro-cid-fgwukgf6]{min-height:280px;margin-top:24px;max-width:336px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.ad-rectangle[data-astro-cid-fgwukgf6]{min-height:250px;max-width:300px}}.ad-banner-inline[data-astro-cid-fgwukgf6]{min-height:90px;max-width:728px;margin:48px auto 32px}@media (max-width: 768px){.ad-banner-inline[data-astro-cid-fgwukgf6]{min-height:50px}}.ad-banner-footer[data-astro-cid-fgwukgf6]{min-height:90px;margin:40px auto 0;max-width:728px}@media (max-width: 768px){.ad-banner-footer[data-astro-cid-fgwukgf6]{min-height:50px}}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;background:var(--primary);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;transition:top .2s}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:100;background:#0b0f19bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:80px;width:100%}.logo{display:flex;align-items:center;font-family:var(--font-title);font-size:24px;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;gap:8px;letter-spacing:-.5px}.logo i{background:var(--grad-primary);-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:#fff;padding:6px;border-radius:8px;font-size:16px}.logo-dot{font-size:16px;font-weight:500;opacity:.8}.nav-links{display:flex;gap:1.2rem;align-items:center}.nav-item{font-size:.9rem;font-weight:500;color:var(--text-muted);padding:.4rem .2rem;border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:inherit}.nav-item:hover,.nav-item.active{color:var(--text-main)}.nav-item.active{border-bottom-color:var(--primary)}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:4px}.nav-dropdown-trigger i{font-size:10px;transition:transform .2s}.nav-dropdown-trigger.open i{transform:rotate(180deg)}.nav-dropdown-panel{position:absolute;top:100%;left:0;width:100%;background:#0b0f19f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:20px 0;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .25s ease;z-index:99}.nav-dropdown-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.dropdown-cat-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;font-weight:500;transition:var(--transition)}.dropdown-cat-link:hover{background:#ffffff0f;color:var(--text-main)}.dropdown-cat-link i{color:var(--secondary);width:18px;text-align:center;font-size:14px}.nav-actions{display:flex;align-items:center;gap:16px}.search-trigger-btn{display:flex;align-items:center;gap:.6rem;background:#ffffff0d;border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:var(--transition);user-select:none}.search-trigger-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-main)}.search-trigger-btn i{font-size:14px}.search-btn-text{font-size:.85rem}.search-kbd{font-size:.75rem;background:#ffffff1a;padding:.1rem .3rem;border-radius:4px;border:1px solid rgba(255,255,255,.1);font-family:inherit}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:8px}.hamburger-line{display:block;width:100%;height:2px;background:var(--text-muted);border-radius:2px;transition:var(--transition)}.hamburger-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{position:fixed;inset:0;background:#0009;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;background:#0f1524;border-left:1px solid var(--border-color);z-index:201;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.mobile-menu-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px}.mobile-menu-close:hover{color:var(--text-main)}.mobile-nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.95rem;font-weight:500;transition:var(--transition)}.mobile-nav-item:hover{background:#ffffff0f;color:var(--text-main)}.mobile-nav-item i{width:20px;text-align:center;color:var(--secondary);font-size:14px}.mobile-menu-footer{padding:16px;border-top:1px solid var(--border-color)}.main-content{flex:1;width:100%}footer{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);padding:60px 0 30px;color:var(--text-muted);font-size:.9rem;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}.footer-about h3{font-family:var(--font-title);font-size:24px;font-weight:800;color:var(--text-main);margin-bottom:16px}.footer-about p{line-height:1.6;font-size:.85rem;color:var(--text-muted)}.footer-links h4{color:var(--text-main);font-family:var(--font-title);font-size:16px;font-weight:600;margin-bottom:16px}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a:hover{color:var(--text-main);padding-left:3px}.footer-bottom{border-top:1px solid var(--border-color);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:.8rem;color:var(--text-muted)}.footer-backlinks{display:flex;gap:10px}.footer-backlinks a{color:var(--text-muted)}.footer-backlinks a:hover{color:var(--text-main);text-decoration:underline}.friend-placeholder{font-size:.8rem;color:var(--text-muted);font-style:italic}.search-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity .25s ease}.search-modal.open{opacity:1;pointer-events:auto}.search-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0f19d9;backdrop-filter:blur(8px)}.search-modal-container{position:relative;background:#111827;border:1px solid var(--border-color);border-radius:var(--radius-md);width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:scale(.95);transition:transform .25s cubic-bezier(.34,1.56,.64,1);z-index:10;overflow:hidden}.search-modal.open .search-modal-container{transform:scale(1)}.search-modal-header{display:flex;align-items:center;padding:1.2rem;border-bottom:1px solid var(--border-color);gap:.8rem}.search-icon-inside{font-size:18px;color:var(--text-muted)}#search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-main);font-size:1.1rem}.search-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.8rem;cursor:pointer;line-height:1;padding:0 .5rem}.search-close-btn:hover{color:var(--text-main)}.search-results-area{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}.search-placeholder-text{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.95rem}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:var(--transition);background:#ffffff05}.search-result-item:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translate(4px)}.search-result-thumb{width:50px;height:38px;border-radius:4px;object-fit:cover;background:#000;border:1px solid var(--border-color)}.search-result-info{flex:1}.search-result-title{font-size:.95rem;font-weight:600;color:var(--text-main);margin-bottom:.2rem}.search-result-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:.8rem}.search-result-category{color:var(--secondary);font-weight:500}.no-results-msg{text-align:center;color:var(--text-muted);padding:2rem 0}@media (max-width: 1100px){.nav-links{gap:.8rem}.nav-item{font-size:.82rem}}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width: 768px){.nav-links{display:none}.hamburger-btn{display:flex}.search-btn-text,.search-kbd{display:none}.search-trigger-btn{padding:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}