@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color, #333);background-color:var(--bg-color, #f5f5f5);min-width:320px;min-height:100vh}a{font-weight:500;color:var(--accent-color, #42b883);text-decoration:inherit}a:hover{color:var(--accent-hover, #359669)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#42b883;color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#359669;background-color:#359669}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{min-height:calc(100vh - 160px);padding:40px 0}@media (max-width: 768px){.container{padding:0 15px}}.navbar[data-v-3e9b4f7b]{background-color:var(--navbar-bg);box-shadow:0 2px 8px #0000001a;padding:15px 0;position:sticky;top:0;z-index:100}.navbar .container[data-v-3e9b4f7b]{display:flex;justify-content:flex-start;align-items:center;width:100%}.logo-container[data-v-3e9b4f7b]{display:flex;align-items:center;white-space:nowrap;text-decoration:none;width:20%;min-width:150px}.logo[data-v-3e9b4f7b]{height:40px;margin-right:10px}.site-name-container[data-v-3e9b4f7b]{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}.site-name-main[data-v-3e9b4f7b]{font-size:24px;font-weight:700;color:var(--text-color);line-height:1.2}.site-name-sub[data-v-3e9b4f7b]{font-size:16px;color:var(--secondary-text);line-height:1.2;width:100%}.nav-links[data-v-3e9b4f7b]{display:flex;width:80%;justify-content:space-around}.nav-links a[data-v-3e9b4f7b]{text-decoration:none;color:var(--text-color);font-size:16px;font-weight:500;transition:color .3s}.nav-links a[data-v-3e9b4f7b]:hover{color:var(--accent-color)}@media (max-width: 768px){.navbar .container[data-v-3e9b4f7b]{flex-direction:column;gap:15px}.logo-container[data-v-3e9b4f7b],.nav-links[data-v-3e9b4f7b]{width:100%;justify-content:center}}.footer[data-v-d28e825d]{background-color:var(--footer-bg);padding:20px 0;border-top:1px solid var(--border-color)}.footer-content[data-v-d28e825d]{text-align:center}.footer-content p[data-v-d28e825d]{color:var(--secondary-text);margin:0;flex-wrap:wrap;display:flex;justify-content:center;align-items:center}.footer-content a[data-v-d28e825d],.footer-content router-link[data-v-d28e825d]{color:var(--accent-color);text-decoration:none;margin:0 5px}.footer-content a[data-v-d28e825d]:hover,.footer-content router-link[data-v-d28e825d]:hover{text-decoration:underline}@media (max-width: 768px){.footer-content p[data-v-d28e825d]{flex-direction:column;gap:8px}}.theme-toggle[data-v-7275b041]{position:fixed;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 2px 10px #0003;z-index:1000;transition:all .3s ease;font-size:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.theme-toggle[data-v-7275b041]:active{cursor:grabbing}.theme-toggle i[data-v-7275b041]{pointer-events:none}:root{--bg-color: #f5f5f5;--text-color: #333333;--secondary-text: #555555;--muted-text: #6c757d;--accent-color: #42b883;--accent-hover: #359768;--border-color: #e0e0e0;--card-bg: #f8f9fa;--card-surface: #ffffff;--card-shadow: 0 2px 10px rgba(0, 0, 0, .1);--card-shadow-hover: 0 5px 20px rgba(0, 0, 0, .15);--icon-bg: #f8f9fa;--tag-bg: #f0f7f4;--tag-color: #359768;--navbar-bg: #ffffff;--footer-bg: #f8f9fa;--hero-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--btn-secondary-bg: #ffffff;--btn-secondary-hover: #f5f9f7;--tech-tag-bg: #f8f9fa}.dark{--bg-color: #1a1a1a;--text-color: #f5f5f5;--secondary-text: #cccccc;--muted-text: #aaaaaa;--accent-color: #42b883;--accent-hover: #359768;--border-color: #404040;--card-bg: #2d2d2d;--card-surface: #2d2d2d;--card-shadow: 0 2px 10px rgba(0, 0, 0, .35);--card-shadow-hover: 0 5px 20px rgba(0, 0, 0, .5);--icon-bg: #3a3a3a;--tag-bg: rgba(66, 184, 131, .18);--tag-color: #6ed4a8;--navbar-bg: #2d2d2d;--footer-bg: #2d2d2d;--hero-gradient: linear-gradient(135deg, #1f1f1f 0%, #2a3340 100%);--btn-secondary-bg: transparent;--btn-secondary-hover: rgba(66, 184, 131, .12);--tech-tag-bg: #3a3a3a}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.navbar{background-color:var(--navbar-bg);transition:background-color .3s}.footer{background-color:var(--footer-bg);transition:background-color .3s}a{color:var(--text-color);transition:color .3s}a:hover{color:var(--accent-color)}.content-card{background-color:var(--card-surface);color:var(--text-color);border-radius:8px;box-shadow:var(--card-shadow);padding:25px;transition:transform .3s,box-shadow .3s,background-color .3s,color .3s;text-decoration:none;display:block;border:1px solid transparent}.content-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);color:var(--text-color)}.content-card--center{text-align:center}.content-card--compact{padding:20px}.content-card__media{margin-bottom:20px}.content-card__title{font-size:20px;margin-bottom:12px;color:var(--text-color)}.content-card__title--lg{font-size:1.5rem;margin-bottom:15px}.content-card__meta{color:var(--muted-text);margin-bottom:10px;font-size:14px}.content-card__body{color:var(--muted-text);margin-bottom:16px;font-size:14px;line-height:1.6}.content-card__body:last-child{margin-bottom:0}.content-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.content-card--center .content-card__tags{justify-content:center}.content-card__tag{font-size:12px;padding:3px 10px;border-radius:4px;background:var(--tag-bg);color:var(--tag-color)}.content-card__actions{margin-top:4px}.content-card__icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background-color:var(--icon-bg);border-radius:50%;transition:background-color .3s}.content-card__btn{display:inline-block;background-color:var(--accent-color);color:#fff;padding:8px 20px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .3s}.content-card__btn:hover{background-color:var(--accent-hover);color:#fff}.content-card__link{display:inline-block;color:var(--accent-color);text-decoration:none;font-weight:500;margin-top:10px}.content-card__link:hover{text-decoration:underline;color:var(--accent-hover)}.page-title{font-size:32px;margin-bottom:30px;color:var(--text-color)}.page-intro{color:var(--muted-text);margin-bottom:30px;font-size:15px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.card{background-color:var(--card-surface);border-color:var(--border-color);transition:background-color .3s,border-color .3s}button{background-color:var(--accent-color);color:#fff;transition:background-color .3s}button:hover{opacity:.9}.footer-links[data-v-bfbe7f39]{display:flex;gap:20px}.footer-links a[data-v-bfbe7f39]{text-decoration:none;color:#6c757d;transition:color .3s}.footer-links a[data-v-bfbe7f39]:hover{color:#42b883}@media (max-width: 768px){.navbar .container[data-v-bfbe7f39]{display:flex;justify-content:space-between;align-items:center}.navbar .container[data-v-bfbe7f39]{flex-direction:column;gap:15px}.nav-links[data-v-bfbe7f39]{justify-content:center}.footer .container[data-v-bfbe7f39]{text-align:center}.footer-links[data-v-bfbe7f39]{justify-content:center;margin-top:15px}}.home-container[data-v-e98e208f]{width:100%}.hero-section[data-v-e98e208f]{background:var(--hero-gradient);padding:80px 0;text-align:center;transition:background .3s}.hero-content[data-v-e98e208f]{text-align:center;padding:40px 0}.hero-content h1[data-v-e98e208f]{font-size:2.5rem;margin-bottom:20px;color:var(--text-color)}.hero-content p[data-v-e98e208f]{font-size:1.2rem;margin-bottom:30px;color:var(--secondary-text)}.cta-buttons[data-v-e98e208f]{display:flex;justify-content:center;gap:20px}.btn[data-v-e98e208f]{display:inline-block;padding:12px 24px;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .3s,color .3s}.btn[data-v-e98e208f]:hover{background-color:var(--accent-hover);color:#fff}.btn-secondary[data-v-e98e208f]{background-color:var(--btn-secondary-bg);color:var(--accent-color);border:1px solid var(--accent-color)}.btn-secondary[data-v-e98e208f]:hover{background-color:var(--btn-secondary-hover);color:var(--accent-color)}.features-section[data-v-e98e208f]{padding:60px 0}.section-title[data-v-e98e208f]{text-align:center;margin-bottom:40px;font-size:2rem;color:var(--text-color)}.features-grid[data-v-e98e208f]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}[data-v-e98e208f] .content-card{padding:30px}[data-v-e98e208f] .content-card__body{margin-bottom:0}@media (max-width: 768px){.features-grid[data-v-e98e208f]{grid-template-columns:1fr}.hero-content h1[data-v-e98e208f]{font-size:2rem}.cta-buttons[data-v-e98e208f]{flex-direction:column;align-items:center}.btn[data-v-e98e208f]{width:100%;max-width:300px}}