*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #e8eaf0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{color:#1565c0;font-size:18px;font-weight:700}.nav-links{align-items:center;gap:24px;font-size:14px;display:flex}.nav-links a{color:#546e7a;transition:color .2s}.nav-links a:hover{color:#1565c0}.btn-outline{border:1.5px solid #1565c0;border-radius:6px;padding:6px 16px;color:#1565c0!important}.btn-primary{background:#1565c0;border-radius:6px;padding:6px 16px;color:#fff!important}.hero{text-align:center;background:linear-gradient(135deg,#e3f2fd 0%,#f5f7fa 60%);padding:100px 24px 80px}.hero-inner{max-width:920px;margin:0 auto}.hero-badge{color:#1565c0;background:#e3f2fd;border:1px solid #bbdefb;border-radius:20px;margin-bottom:20px;padding:4px 14px;font-size:13px;display:inline-block}.hero h1{color:#0d1b2a;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.25}.highlight{color:#1565c0}.hero-sub{color:#546e7a;margin-bottom:36px;font-size:18px;line-height:1.8}.hero-btns{justify-content:center;gap:16px;margin-bottom:48px;display:flex}.btn-hero-primary{color:#fff;background:#1565c0;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-hero-primary:hover{background:#0d47a1;transform:translateY(-2px);box-shadow:0 8px 24px #1565c04d}.btn-hero-outline{color:#1565c0;border:2px solid #1565c0;border-radius:8px;padding:14px 32px;font-size:16px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stat{background:#ffffffb8;border:1px solid #e3edf7;border-radius:16px;flex-direction:column;align-items:center;padding:18px;display:flex}.snum{color:#1565c0;margin-bottom:8px;font-size:20px;font-weight:700}.slabel{color:#617487;font-size:13px;line-height:1.7}.section{padding:80px 24px}.section-inner{max-width:1200px;margin:0 auto}.section-tag{color:#1565c0;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:600}.section-title{margin-bottom:48px;font-size:36px;font-weight:700}.features-section{background:#fff}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:#f8fafc;border:1px solid #e8eaf0;border-radius:12px;min-height:220px;padding:28px 24px}.ficon{margin-bottom:16px;font-size:36px}.feature-card h3{margin-bottom:10px;font-size:17px;font-weight:600}.feature-card p{color:#546e7a;font-size:14px;line-height:1.8}.roles-section{background:#f5f7fa}.roles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.role-card{text-align:center;background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 2px 12px #0000000f}.ricon{margin-bottom:16px;font-size:48px}.role-card h3{color:#1565c0;margin-bottom:16px;font-size:20px;font-weight:700}.role-card ul{text-align:left;margin-bottom:24px;list-style:none}.role-card ul li{color:#546e7a;border-bottom:1px solid #f0f2f5;padding:6px 0;font-size:14px}.role-card ul li:before{content:"✓ ";color:#1565c0;font-weight:700}.role-btn{color:#fff;background:#1565c0;border-radius:8px;padding:10px 0;font-size:14px;display:block}.feature-strip{background:#fff}.strip-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.strip-card{color:#fff;background:#0f4c81;border-radius:16px;padding:22px 20px}.strip-card h3{margin-bottom:10px;font-size:16px}.strip-card p{color:#ffffffd6;font-size:13px;line-height:1.8}.featured-entry-section{background:#f0f7ff}.featured-entry-inner{align-items:center;gap:64px;display:flex}.featured-entry-text{flex:1}.featured-entry-types{gap:16px;margin-bottom:32px;display:flex}.entry-type-card{cursor:pointer;background:#fff;border:2px solid #e3f2fd;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:110px;padding:20px 24px;transition:all .2s;display:flex}.entry-type-card:hover{border-color:#1565c0;transform:translateY(-2px);box-shadow:0 4px 16px #1565c01f}.entry-icon{font-size:32px}.entry-label{color:#1565c0;font-size:14px;font-weight:600}.entry-desc{color:#90a4ae;text-align:center;font-size:11px}.enter-btn{color:#fff;background:#1565c0;border-radius:25px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s;display:inline-block}.enter-btn:hover{background:#1976d2;transform:translateY(-2px)}.featured-entry-preview{width:360px}.preview-mockup{flex-direction:column;gap:12px;display:flex}.preview-card{background:#fff;border:1px solid #e3f2fd;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex;overflow:hidden;box-shadow:0 2px 8px #1565c00f}.preview-thumb{background:linear-gradient(135deg,#bbdefb,#e3f2fd);border-radius:8px;flex-shrink:0;width:72px;height:48px}.preview-text{flex:1}.preview-line{background:#e8eaf0;border-radius:4px;height:10px;margin-bottom:6px}.preview-line.long{width:85%}.preview-line.short{width:52%;margin-bottom:0}.how-section{background:#fff}.steps{align-items:flex-start;gap:8px;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.step-num{color:#fff;background:#1565c0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.step-content h3{margin-bottom:8px;font-size:16px;font-weight:600}.step-content p{color:#546e7a;font-size:13px;line-height:1.8}.step-arrow{color:#bbdefb;flex-shrink:0;margin-top:16px;font-size:24px}.faq-section{background:#f5f7fa}.faqs{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.faq-item{background:#fff;border-radius:10px;padding:24px}.fq{margin-bottom:10px;font-size:15px;font-weight:600}.fa{color:#546e7a;font-size:14px;line-height:1.8}.cta-section{color:#fff;background:linear-gradient(135deg,#1565c0,#0d47a1);padding:80px 24px}.cta-section h2{margin-bottom:12px;font-size:32px;font-weight:700}.cta-section p{opacity:.85;margin-bottom:32px;font-size:16px}.btn-cta{color:#1565c0;background:#fff;border-radius:8px;padding:14px 36px;font-size:16px;font-weight:700;display:inline-block}.footer{color:#78909c;background:#0d1b2a;padding:32px 24px}.footer a{color:#90a4ae}.footer a:hover{color:#fff}@media (width<=1024px){.features-grid,.roles-grid,.strip-grid,.faqs{grid-template-columns:repeat(2,1fr)}.featured-entry-inner{flex-direction:column;align-items:flex-start}.featured-entry-preview{width:100%}}@media (width<=768px){.nav-inner{flex-direction:column;gap:14px;height:auto;padding:16px}.nav-links{flex-wrap:wrap;justify-content:center;gap:14px}.hero{padding:72px 16px 56px}.hero h1{font-size:32px}.hero-sub{font-size:15px}.hero-btns,.featured-entry-types,.hero-stats,.steps{flex-direction:column}.hero-stats,.features-grid,.roles-grid,.strip-grid,.faqs{grid-template-columns:1fr}.section{padding:56px 16px}.section-title{margin-bottom:28px;font-size:28px}}[data-v-dd333d34]{box-sizing:border-box;margin:0;padding:0}a[data-v-dd333d34]{color:inherit;text-decoration:none}.featured-page[data-v-dd333d34]{background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.header[data-v-dd333d34]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#fffffff2;border-bottom:1px solid #e8eaf0;position:sticky;top:0}.header-inner[data-v-dd333d34]{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo[data-v-dd333d34]{color:#1565c0;font-size:18px;font-weight:700}.nav[data-v-dd333d34]{align-items:center;gap:24px;font-size:14px;display:flex}.nav a[data-v-dd333d34]{color:#546e7a;transition:color .2s}.nav a[data-v-dd333d34]:hover,.nav a.active[data-v-dd333d34]{color:#1565c0}.btn-outline[data-v-dd333d34]{border:1.5px solid #1565c0;border-radius:6px;padding:6px 16px;color:#1565c0!important}.btn-primary[data-v-dd333d34]{background:#1565c0;border-radius:6px;padding:6px 16px;color:#fff!important}.hero[data-v-dd333d34]{color:#fff;text-align:center;background:linear-gradient(135deg,#1565c0 0%,#1976d2 50%,#0d47a1 100%);padding:60px 24px}.hero-inner[data-v-dd333d34]{max-width:700px;margin:0 auto}.hero h1[data-v-dd333d34]{margin-bottom:12px;font-size:36px;font-weight:800}.hero p[data-v-dd333d34]{opacity:.85;margin-bottom:24px;font-size:16px}.hero-stats[data-v-dd333d34]{opacity:.9;justify-content:center;gap:32px;font-size:14px;display:flex}.hero-stats span[data-v-dd333d34]{background:#ffffff26;border-radius:20px;padding:6px 16px}.filter-bar[data-v-dd333d34]{background:#fff;border-bottom:1px solid #e8eaf0;padding:16px 24px}.filter-inner[data-v-dd333d34]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;display:flex}.type-tabs[data-v-dd333d34]{gap:8px;display:flex}.type-tab[data-v-dd333d34]{color:#546e7a;cursor:pointer;background:#fff;border:1.5px solid #e0e4ec;border-radius:20px;padding:8px 20px;font-size:13px;transition:all .2s}.type-tab[data-v-dd333d34]:hover{color:#1565c0;border-color:#bbdefb}.type-tab.active[data-v-dd333d34]{color:#1565c0;background:#e3f2fd;border-color:#1565c0;font-weight:600}.search-box[data-v-dd333d34]{gap:8px;display:flex}.search-box input[data-v-dd333d34]{border:1.5px solid #e0e4ec;border-radius:20px;outline:none;width:220px;padding:8px 16px;font-size:13px;transition:all .2s}.search-box input[data-v-dd333d34]:focus{border-color:#1565c0}.search-box button[data-v-dd333d34]{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:20px;padding:8px 20px;font-size:13px;transition:all .2s}.search-box button[data-v-dd333d34]:hover{background:#1976d2}.content-area[data-v-dd333d34]{max-width:1280px;margin:0 auto;padding:32px 24px}.grid[data-v-dd333d34]{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card[data-v-dd333d34]{cursor:pointer;background:#fff;border:1px solid #e8eaf0;border-radius:12px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.card[data-v-dd333d34]:hover{border-color:#bbdefb;transform:translateY(-4px);box-shadow:0 8px 28px #1565c024}.card-thumb[data-v-dd333d34]{background:#eef2f8;padding-top:56.25%;position:relative;overflow:hidden}.card-thumb img[data-v-dd333d34]{object-fit:cover;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.card:hover .card-thumb img[data-v-dd333d34]{transform:scale(1.04)}.card-thumb-bg[data-v-dd333d34]{font-size:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-badge[data-v-dd333d34]{color:#fff;background:#1565c0d9;border-radius:12px;padding:3px 10px;font-size:11px;position:absolute;top:10px;left:10px}.play-btn[data-v-dd333d34]{color:#1565c0;opacity:0;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card:hover .play-btn[data-v-dd333d34]{opacity:1}.card-body[data-v-dd333d34]{flex-direction:column;flex:1;padding:16px;display:flex}.card-body h3[data-v-dd333d34]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.card-body p[data-v-dd333d34]{color:#78909c;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer[data-v-dd333d34]{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.source[data-v-dd333d34]{color:#90a4ae;font-size:11px}.link-hint[data-v-dd333d34]{color:#1565c0;font-size:12px;font-weight:500}.skeleton-card[data-v-dd333d34]{background:linear-gradient(90deg,#f0f2f5 25%,#e8eaf0 50%,#f0f2f5 75%) 0 0/400% 100%;border-radius:12px;height:280px;animation:1.5s infinite shimmer-dd333d34}@keyframes shimmer-dd333d34{0%{background-position:100%}to{background-position:0}}.empty[data-v-dd333d34]{text-align:center;padding:80px 0}.empty-icon[data-v-dd333d34]{margin-bottom:16px;font-size:64px}.empty p[data-v-dd333d34]{color:#90a4ae;font-size:16px}.pagination[data-v-dd333d34]{justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.pagination button[data-v-dd333d34]{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:20px;padding:10px 24px;font-size:13px;transition:all .2s}.pagination button[data-v-dd333d34]:disabled{color:#90a4ae;cursor:default;background:#e0e4ec}.pagination span[data-v-dd333d34]{color:#546e7a;font-size:13px}.footer[data-v-dd333d34]{color:#90a4ae;text-align:center;background:#1a2332;margin-top:40px;padding:32px 24px}.footer p[data-v-dd333d34]{margin-bottom:12px;font-size:13px}.footer-links[data-v-dd333d34]{justify-content:center;gap:24px;display:flex}.footer-links a[data-v-dd333d34]{color:#78909c;font-size:13px;transition:all .2s}.footer-links a[data-v-dd333d34]:hover{color:#fff}@media (width<=1024px){.grid[data-v-dd333d34]{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid[data-v-dd333d34]{grid-template-columns:repeat(2,1fr)}.hero h1[data-v-dd333d34]{font-size:24px}}@media (width<=480px){.grid[data-v-dd333d34]{grid-template-columns:1fr}}