main{display:flex;justify-content:center;gap:60px;max-width:2000px;margin:0 auto;padding:40px;position:relative;min-height:100vh;background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.1))}.category-filter{position:sticky;top:40px;width:300px;height:fit-content;background:rgba(20,20,35,0.85);border-radius:24px;padding:30px;border:1px solid rgba(100,149,237,0.2);backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,0.3),0 0 0 1px rgba(100,149,237,0.1),inset 0 0 32px rgba(100,149,237,0.05);animation:glow 4s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 8px 32px rgba(0,0,0,0.3),0 0 0 1px rgba(100,149,237,0.1),inset 0 0 32px rgba(100,149,237,0.05)}100%{box-shadow:0 8px 32px rgba(0,0,0,0.3),0 0 0 1px rgba(100,149,237,0.2),inset 0 0 32px rgba(100,149,237,0.1)}}.products-container{width:1200px;flex-shrink:0;padding:0;border:none}.products-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;margin-bottom:40px}.card{background:rgba(20,20,35,0.8);border-radius:20px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(100,149,237,0.15);position:relative;height:100%;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease, transform 0.3s ease;cursor:pointer}.card.visible{opacity:1;transform:translateY(0)}.card-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.card:hover .card-image img{transform:scale(1.05)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.card-content{padding:15px 15px;flex:1;display:flex;flex-direction:column}.card-content h2{font-size:18px;margin:0 0 10px;color:#fff;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-content p{font-size:13px;color:rgba(255,255,255,0.7);margin:0 0 12px;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;flex-direction:column;gap:12px;margin-top:auto;overflow:hidden}.tags{display:flex;gap:8px;flex-wrap:wrap;order:1;justify-content:flex-start;width:100%;max-height:30px;overflow:hidden}.tag{font-size:12px;color:rgba(100,149,237,0.9);background:rgba(100,149,237,0.1);padding:4px 8px;border-radius:4px;border:1px solid rgba(100,149,237,0.2);transition:all 0.3s ease}.tag:hover{background:rgba(100,149,237,0.2);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,0.1)}.price-info{display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0;order:2;justify-content:flex-start;width:100%}.price-module{display:flex;align-items:baseline;gap:4px;padding:6px 6px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;white-space:nowrap;flex-shrink:0}.price{font-size:16px;font-weight:500;color:#fff;white-space:nowrap}.price-unit{font-size:12px;color:rgba(255,255,255,0.7);white-space:nowrap}.free-trial{font-size:12px;color:#64F5AC;background:rgba(100,245,172,0.1);padding:4px 8px;border-radius:4px;border:1px solid rgba(100,245,172,0.2);white-space:nowrap;flex-shrink:0}.trending-section{width:300px;position:relative;height:fit-content}.trending-header{display:flex;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(100,149,237,0.15);flex-direction:column;gap:8px}.trending-header h2{font-size:20px;color:#fff;margin:0;font-weight:600;display:flex;align-items:center;gap:10px}.trending-header h2::before{content:'🔥';font-size:24px;margin-right:8px;color:#ff6b6b;animation:fire 1.5s ease-in-out infinite}@keyframes fire{0%{transform:scale(1);opacity:0.8}50%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:0.8}}.trending-list{display:flex;flex-direction:column;gap:15px}.trending-item{position:relative;background:rgba(20,20,35,0.8);border-radius:16px;border:1px solid rgba(100,149,237,0.15);transition:all 0.3s ease;cursor:pointer;display:flex;flex-direction:column;gap:16px;text-decoration:none}.trending-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.2);border-color:rgba(100,149,237,0.3)}.trending-top{display:flex;align-items:center;gap:16px;padding:0 20px}.trending-icon{width:48px;height:48px;border-radius:12px;background:rgba(100,149,237,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.trending-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.trending-icon-placeholder{font-size:24px;color:rgba(100,149,237,0.8)}.trending-info{flex:1;min-width:0}.trending-title{font-size:18px;color:#fff;margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.trending-subtitle{font-size:14px;color:rgba(255,255,255,0.7);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.trending-description{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}.trending-bottom{padding:0 20px 20px 20px}.trending-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.trending-tag{font-size:12px;color:rgba(100,149,237,0.9);background:rgba(100,149,237,0.1);padding:4px 8px;border-radius:4px;border:1px solid rgba(100,149,237,0.2);transition:all 0.3s ease;text-decoration:none}.trending-tag:hover{background:rgba(100,149,237,0.2);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,0.1)}.trending-cover{width:100%;padding-top:56.25%;position:relative;border-radius:16px 16px 0 0;overflow:hidden;margin-bottom:16px}.trending-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.trending-item:hover .trending-cover img{transform:scale(1.05)}.trending-item-link{text-decoration:none;color:inherit}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(100,149,237,0.15)}.filter-header h2{font-size:20px;color:#fff;margin:0;font-weight:600;letter-spacing:0.5px}.clear-filter{background:rgba(100,149,237,0.1);border:1px solid rgba(100,149,237,0.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-size:14px}.clear-filter:hover{background:rgba(100,149,237,0.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.filter-group{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(100,149,237,0.15)}.filter-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-group h3{font-size:18px;color:rgba(255,255,255,0.9);margin-bottom:20px;padding-left:12px;position:relative;font-weight:600;letter-spacing:0.5px}.filter-group h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:rgba(100,149,237,0.8);border-radius:2px;transition:all 0.3s ease}.filter-group:hover h3::before{height:80%;background:#6495ed}.tag-container{display:flex;flex-direction:column;gap:10px}.filter-tag{display:flex;align-items:center;padding:12px 18px;border-radius:12px;background:rgba(30,30,50,0.6);color:rgba(255,255,255,0.8);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(100,149,237,0.1);font-size:14px;position:relative;text-decoration:none;color:inherit;display:inline-block}.filter-tag::before{content:'';width:18px;height:18px;border-radius:4px;border:1px solid rgba(100,149,237,0.3);margin-right:12px;transition:all 0.3s ease;background:rgba(30,30,50,0.6)}.filter-tag:hover::before{border-color:rgba(100,149,237,0.5);background:rgba(100,149,237,0.1)}.filter-tag.active::before{background:cornflowerblue;border-color:cornflowerblue;box-shadow:0 0 10px rgba(100,149,237,0.3)}.filter-tag:hover{background:rgba(100,149,237,0.15);transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.filter-tag.active{background:linear-gradient(135deg, rgba(100,149,237,0.2), rgba(98,0,255,0.2));color:#fff;border-color:rgba(100,149,237,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.filter-tag i{margin-right:8px;font-size:14px;color:rgba(100,149,237,0.8);transition:color 0.3s ease}.filter-tag:hover i{color:#6495ed}.filter-tag.active i{color:#fff}.products-header{display:flex;justify-content:space-between;align-items:center;background:rgba(20,20,35,0.8);border-radius:16px;padding:20px 25px;margin-bottom:20px;border:1px solid rgba(100,149,237,0.15);backdrop-filter:blur(10px)}.products-count{color:rgba(255,255,255,0.8);font-size:15px;font-weight:500}#sort-select{background:rgba(30,30,50,0.6);border:1px solid rgba(100,149,237,0.2);color:#fff;padding:10px 20px;padding-right:40px;border-radius:12px;cursor:pointer;font-size:14px;outline:none;transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236495ed'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.load-more{text-align:center;margin:30px 0}.load-more-btn{display:inline-block;padding:12px 32px;background:linear-gradient(135deg, #6200ff, #00c7ff);color:#fff;text-decoration:none;border-radius:25px;font-size:16px;font-weight:500;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(98,0,255,0.2)}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(98,0,255,0.3);background:linear-gradient(135deg, #7020ff, #20d0ff)}.load-more-btn:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(98,0,255,0.2)}#load-more-btn{background:linear-gradient(135deg, rgba(100,149,237,0.2), rgba(98,0,255,0.2));color:#fff;border:1px solid rgba(100,149,237,0.2);padding:14px 35px;border-radius:16px;cursor:pointer;font-size:16px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;text-decoration:none;display:inline-block;text-align:center;width:100%;max-width:300px}#load-more-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(100,149,237,0.3);background:linear-gradient(135deg, rgba(100,149,237,0.3), rgba(98,0,255,0.3))}@media screen and (max-width: 2000px){main{padding:40px 30px}}@media screen and (max-width: 1900px){.products-container{width:1100px}.products-grid{gap:25px}}@media screen and (max-width: 1800px){main{gap:20px}.products-container{width:1000px}}@media screen and (max-width: 1700px){.products-container{width:900px}.products-grid{grid-template-columns:repeat(3, 1fr);gap:15px}.card-content{padding:12px 12px}.card-content h2{font-size:16px;margin:0 0 12px}.card-content p{font-size:12px;margin:0 0 12px}}@media screen and (max-width: 1500px){.products-container{width:800px}.category-filter,.trending-section{width:280px}}@media screen and (max-width: 1400px){main{gap:30px}.category-filter,.trending-section{width:260px;padding:25px}.products-container{width:700px}.products-grid{gap:20px}}@media screen and (max-width: 1200px){main{flex-wrap:wrap;justify-content:flex-start}.category-filter{position:relative;width:100%;top:0;margin-right:0;margin-bottom:30px;order:3}.products-container{width:100%;order:1}.trending-section{width:100%;margin-left:0;margin-top:30px;position:relative;top:0;order:2}.products-grid{grid-template-columns:repeat(2, 1fr)}.trending-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}}@media screen and (max-width: 768px){.products-grid,.trending-list{grid-template-columns:1fr}.tag-container{flex-direction:row;flex-wrap:wrap}.filter-tag{width:auto}.categories_header h1{font-size:36px}.card-meta{gap:8px}.price-info{flex-wrap:wrap;gap:4px}.price-module{padding:4px 8px}.price{font-size:14px}.price-unit{font-size:10px}.free-trial{font-size:10px;padding:2px 6px}.trending-subtitle{font-size:13px}.trending-tag{font-size:11px;padding:3px 6px}.trending-list{display:flex;flex-direction:column;gap:15px;width:100%}.trending-item{width:100%;margin:0;box-sizing:border-box}.trending-item-link{width:100%}}@media screen and (max-width: 480px){.products-grid{grid-template-columns:1fr}.categories_header h1{font-size:28px}.trending-item{width:100%;margin:0}}.subcategory-filter{display:none;background:rgba(20,20,35,0.8);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid rgba(100,149,237,0.15);backdrop-filter:blur(10px)}.subcategory-filter.visible{display:block}.subcategory-tags{display:flex;gap:10px;flex-wrap:wrap;max-height:40px;overflow:hidden;transition:max-height 0.3s ease;pointer-events:none}.subcategory-tag{padding:8px 16px;border-radius:8px;background:rgba(30,30,50,0.6);color:rgba(255,255,255,0.8);cursor:pointer;transition:all 0.3s ease;font-size:14px;border:1px solid rgba(100,149,237,0.1);text-decoration:none;display:inline-block}.subcategory-tag:hover{background:rgba(100,149,237,0.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.subcategory-tag.active{background:linear-gradient(135deg, rgba(100,149,237,0.2), rgba(98,0,255,0.2));color:#fff;border-color:rgba(100,149,237,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.2)}#load-more-btn.hidden{display:none}.error-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100%);background:#ff6b6b;color:white;padding:15px 30px;border-radius:8px;font-size:14px;z-index:1000;opacity:0;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.error-toast.visible{transform:translateX(-50%) translateY(0);opacity:1}.filter-module{background:rgba(20,20,35,0.8);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid rgba(100,149,237,0.15);backdrop-filter:blur(10px);overflow:hidden;transition:all 0.3s ease;position:relative;cursor:pointer}.filter-module .subcategory-tags{display:flex;gap:10px;flex-wrap:wrap;max-height:40px;overflow:hidden;transition:max-height 0.3s ease;pointer-events:none}.filter-module .subcategory-tags.expanded{max-height:200px}.filter-module .toggle-subcategories{position:absolute;top:20px;right:20px;background:rgba(100,149,237,0.1);border:1px solid rgba(100,149,237,0.2);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,0.8);transition:all 0.3s ease;visibility:hidden}.filter-module .toggle-subcategories.visible{visibility:visible}.filter-module .toggle-subcategories:hover{background:rgba(100,149,237,0.2);transform:translateY(-1px)}.filter-module .toggle-subcategories svg{width:16px;height:16px;transition:transform 0.3s ease}.filter-module .toggle-subcategories.collapsed svg{transform:rotate(180deg)}.subcategory-tag.active{order:-1}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(20,20,35,0.8);display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;transition:opacity 0.3s ease;border-radius:20px}.loading-overlay.visible{opacity:1}.load-more-indicator{grid-column:1 / -1;text-align:center;padding:30px 0;opacity:0;transition:opacity 0.3s ease}.load-more-indicator.visible{opacity:1}.loading-content{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:rgba(20,20,35,0.8);border-radius:24px;border:1px solid rgba(100,149,237,0.2)}.spinner{width:20px;height:20px;border:2px solid rgba(100,149,237,0.3);border-top:2px solid rgba(100,149,237,0.8);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-text{color:rgba(255,255,255,0.8);font-size:14px}.ai-card-link{text-decoration:none;color:inherit;display:block}.card{cursor:pointer;transition:transform 0.3s ease, box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.filter-module .subcategory-tag{pointer-events:auto}.external-link-badge{position:absolute;bottom:20px;right:20px;background-color:rgba(30,30,50,0.9);padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:1;border:1px solid rgba(100,149,237,0.3);transition:all 0.2s ease}.external-link-badge svg{width:16px;height:16px;color:rgba(100,149,237,0.9)}.featured-card:hover .external-link-badge{background-color:#1e1e32;transform:scale(1.1);border-color:rgba(100,149,237,0.5);box-shadow:0 4px 8px rgba(0,0,0,0.3)}.header-wrap{position:relative;width:100%;height:600px;overflow:hidden;background:#000000;box-shadow:0 5px 25px rgba(0,0,0,0.5);padding:4rem 0 3rem;color:#fff}.header-wrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%, rgba(100,255,218,0.03) 0%, rgba(72,191,227,0.02) 25%, rgba(83,144,217,0.01) 50%, transparent 75%);opacity:0.8;z-index:0}.header-wrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, rgba(100,255,218,0.05) 0%, rgba(72,191,227,0.05) 50%, rgba(83,144,217,0.05) 100%);filter:blur(60px);z-index:0;opacity:0;animation:subtleGlow 4s ease-in-out infinite alternate}.header-content{position:relative;z-index:3;display:flex;flex-direction:column;height:100%;padding:0 1.5rem;max-width:1200px;margin:0 auto;transform:perspective(1000px) rotateX(10deg);animation:fly 8s ease-in-out infinite}@keyframes fly{0%{transform:translateX(-10px) rotateY(-1deg)}50%{transform:translateX(10px) rotateY(1deg)}100%{transform:translateX(-10px) rotateY(-1deg)}}.header-brand{text-align:center;margin:2rem 0;opacity:0;transform:translateY(20px);animation:fadeInSlideUp 1s ease-out forwards;position:relative;z-index:3;padding-top:80px}.header-brand h1{font-size:4rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg, #6dd5ed 0%, #2193b0 30%, #6dd5ed 70%, #2193b0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;text-shadow:0 0 10px rgba(109,213,237,0.3),0 0 20px rgba(33,147,176,0.2),0 0 30px rgba(33,147,176,0.1);letter-spacing:0.03em;line-height:1.1;position:relative;animation:subtleGlow 3s ease-in-out infinite alternate, gradientFlow 5s ease-in-out infinite, subtleFlicker 1.5s ease-in-out infinite;transform:perspective(500px) rotateX(10deg)}.header-brand h1::before,.header-brand h1::after{content:'';position:absolute;top:50%;width:1.2em;height:0.2em;background:linear-gradient(90deg, rgba(109,213,237,0.8) 0%, rgba(33,147,176,0.8) 100%);transform:translateY(-50%) rotate(-45deg) skewX(45deg);animation:wingGlow 3s ease-in-out infinite alternate, wingFlicker 2s ease-in-out infinite}.header-brand h1::before{left:2em;animation-delay:0.2s}.header-brand h1::after{right:2em;animation-delay:0.4s}@keyframes wingGlow{0%{transform:translateY(-50%) rotate(-45deg) skewX(45deg) scaleX(1);opacity:0.5}50%{transform:translateY(-50%) rotate(-45deg) skewX(45deg) scaleX(1.2);opacity:0.8}100%{transform:translateY(-50%) rotate(-45deg) skewX(45deg) scaleX(1);opacity:0.5}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes subtleFlicker{0%{opacity:0.95}50%{opacity:1}100%{opacity:0.95}}.header-brand h1::before{content:'';position:absolute;left:2em;top:50%;width:1.2em;height:0.2em;background:rgba(177,156,217,0.5);transform:translateY(-50%) rotate(-45deg) skewX(45deg);animation:planeGlow 3s ease-in-out infinite alternate}.header-brand h1::after{content:'';position:absolute;right:2em;top:50%;width:1.2em;height:0.2em;background:rgba(177,156,217,0.5);transform:translateY(-50%) rotate(45deg) skewX(-45deg);animation:planeGlow 3s ease-in-out infinite alternate 0.5s}@keyframes subtleGlow{0%{text-shadow:0 0 10px rgba(109,213,237,0.3),0 0 20px rgba(33,147,176,0.2),0 0 30px rgba(33,147,176,0.1)}100%{text-shadow:0 0 20px rgba(109,213,237,0.3),0 0 40px rgba(33,147,176,0.2),0 0 60px rgba(33,147,176,0.1)}}@keyframes planeGlow{0%{opacity:0.3;text-shadow:0 0 5px rgba(109,213,237,0.2)}100%{opacity:0.8;text-shadow:0 0 15px rgba(33,147,176,0.4)}}.header-brand h2{display:flex;flex-direction:column;align-items:center;gap:0.5rem;opacity:0;animation:fadeInUp 1s ease forwards 0.5s;margin-top:1.5rem}.subtitle-small{font-size:1.1rem;color:rgba(255,255,255,0.8);font-weight:400;letter-spacing:0.5px;text-shadow:0 0 5px rgba(255,255,255,0.1)}.subtitle-large{font-size:1.5rem;color:rgba(255,255,255,0.9);font-weight:500;letter-spacing:-0.01em;text-shadow:0 0 5px rgba(255,255,255,0.1);position:relative}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-container{position:relative;max-width:800px;margin:1rem auto 3rem;padding:0 1rem;width:100%;z-index:4;transform:perspective(500px) rotateX(10deg)}.search-box{position:relative;width:100%;margin-bottom:1rem;display:flex;background:linear-gradient(135deg, rgba(78,0,255,0.1) 0%, rgba(0,198,255,0.1) 100%);border-radius:0;overflow:hidden;border:1px solid rgba(78,0,255,0.3);box-shadow:0 0 20px rgba(78,0,255,0.2)}.search-box::before{left:-50px}.search-box::after{right:-50px;background:linear-gradient(90deg, transparent 0%, rgba(0,198,255,0.2) 100%);animation-delay:0.5s}.search-input{flex:1;padding:1rem 1.5rem;font-size:1rem;color:#fff;background:rgba(30,30,60,0.4);border:none;border-radius:0;transition:all 0.3s ease;backdrop-filter:blur(10px)}.search-input:focus{outline:none;background:rgba(30,30,60,0.6);box-shadow:0 0 25px rgba(78,0,255,0.4)}.search-button{background:linear-gradient(135deg, #4e00ff, #00c6ff);color:white;border:none;padding:0 1.5rem;border-radius:0;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0 15px rgba(78,0,255,0.3);position:relative;overflow:hidden}.search-button:hover{background:linear-gradient(135deg, #5a17ff, #17d0ff);box-shadow:0 0 20px rgba(78,0,255,0.5);transform:skewX(10deg) translateY(-2px)}修改搜索框样式 .search-box{display:flex;align-items:center;background:rgba(20,20,35,0.8);border-radius:24px;padding:8px;border:1px solid rgba(100,149,237,0.2);transition:all 0.3s ease}.search-box:hover{border-color:rgba(100,149,237,0.4)}.search-input{flex:1;background:none;border:none;color:#fff;font-size:14px;padding:8px;margin-right:8px;border-radius:0px;transition:all 0.3s ease;-webkit-autofill:none}.search-input::placeholder{color:rgba(255,255,255,0.5)}.search-input:-webkit-autofill{background-color:transparent !important;color:#fff !important}.search-button{background:rgba(100,149,237,0.2);border:none;border-radius:16px;padding:8px 16px;color:rgba(255,255,255,0.8);cursor:pointer;transition:all 0.3s ease}.search-button:hover{background:rgba(100,149,237,0.4);transform:translateY(-1px)}.search-button:active{transform:scale(0.95);background:rgba(100,149,237,0.3)}.search-input:focus{outline:none;background:rgba(255,255,255,0.05);border-radius:0px;padding:8px;transition:all 0.3s ease}.search-box:focus-within{border-color:rgba(100,149,237,0.6);box-shadow:0 0 0 2px rgba(100,149,237,0.2)}.search-box{display:flex;align-items:center;background:rgba(20,20,35,0.8);border-radius:0;padding:8px;border:1px solid rgba(100,149,237,0.2);transition:all 0.3s ease}.search-input{flex:1;background:none;border:none;color:#fff;font-size:14px;padding:8px;margin-right:8px;border-radius:8px;transition:all 0.3s ease}.search-button{background:rgba(100,149,237,0.2);border:none;border-radius:0px;padding:8px 16px;color:rgba(255,255,255,0.8);cursor:pointer;transition:all 0.3s ease}.search-tags{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:1rem}.search-tags .tag{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.9);border:1px solid rgba(78,0,255,0.3);padding:0.5rem 1rem;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none;box-shadow:0 0 10px rgba(78,0,255,0.2)}.search-tags .tag:hover{background:rgba(78,0,255,0.2);transform:translateY(-2px);box-shadow:0 0 15px rgba(78,0,255,0.4);border-color:rgba(78,0,255,0.5)}.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.15;pointer-events:none;backdrop-filter:blur(1px)}@media screen and (max-width: 1200px){.tag-sphere-container{width:450px;height:450px}.header-brand h1{font-size:4rem}}@media screen and (max-width: 992px){.tag-sphere-container{width:400px;height:400px}.header-brand{margin-left:0;text-align:center;max-width:100%}.search-container{margin-left:auto;margin-right:auto}}@media screen and (max-width: 768px){.header-wrap{padding:3rem 0 2rem;margin-top:60px}.header-content{padding:1.5rem;justify-content:center;text-align:center}.header-brand{padding-top:60px;margin:1.5rem 0}.header-brand h1{font-size:4rem;margin-bottom:0.8rem;letter-spacing:0.02em}.header-brand h1::before{left:-0.3em;width:1em;transform:translateY(-50%) rotate(-45deg) skewX(45deg)}.header-brand h1::after{right:-0.3em;width:1em;transform:translateY(-50%) rotate(45deg) skewX(-45deg)}.subtitle-small{font-size:1.1rem}.subtitle-large{font-size:1.2rem}.tag-sphere-container{width:350px;height:350px;top:40%}.search-container{margin:0.5rem auto 2rem}.search-input{padding:0.8rem 1.2rem;font-size:0.9rem}.search-button{padding:0.5rem 1.2rem}.search-tags{gap:0.4rem}.search-tags .tag{padding:0.4rem 0.8rem;font-size:0.8rem}}@media screen and (max-width: 480px){.header-wrap{height:500px}.header-brand h1{font-size:3rem;margin-bottom:0.6rem;letter-spacing:0.01em}.header-brand{padding-top:50px;margin:1rem 0}.header-brand h1::before{left:-0.2em;transform:translateY(-50%) rotate(-45deg) skewX(45deg)}.header-brand h1::after{right:-0.2em;transform:translateY(-50%) rotate(45deg) skewX(-45deg)}.tag-sphere-container{width:200px;height:200px}.search-container{margin-bottom:1.5rem}.search-input{padding:0.7rem 1rem;font-size:0.85rem}.search-button{padding:0.5rem 1rem;font-size:0.85rem}.search-tags{gap:0.3rem}.search-tags .tag{padding:0.3rem 0.6rem;font-size:0.75rem}.subtitle-small{font-size:1rem}.subtitle-large{font-size:1.1rem}}@media screen and (min-width: 1200px){.header-brand h1{font-size:4.5rem}.subtitle-large{font-size:1.8rem}}.cloud-tags-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;pointer-events:none}.cloud-tag{position:absolute;color:rgba(255,255,255,0.2);font-size:1.2rem;font-weight:500;text-shadow:0 0 8px rgba(255,255,255,0.3),0 0 15px rgba(255,255,255,0.2),0 0 25px rgba(255,255,255,0.1);opacity:0;animation:cloud-float 10s linear infinite;white-space:nowrap;user-select:none;transition:opacity 0.5s ease}@keyframes cloud-float{0%{transform:translateY(-20vh) scale(0.8);opacity:0}20%{opacity:0.3}80%{opacity:0.3}100%{transform:translateY(100vh) scale(1.2);opacity:0}}:root{--primary-color: #3eaf7c;--text-color: #2c3e50;--border-color: #eaecef;--code-bg: #282c34;--sidebar-width: 300px;--header-height: 60px;--toc-width: 300px;--bg-color: #fff}[data-theme="dark"]{--primary-color: #42d392;--text-color: #f5f5f5;--border-color: #3e4c5a;--code-bg: #1a1a1a;background-color:#1a1a1a;color:var(--text-color)}body.docs-body{background:#fff;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;color:var(--text-color);line-height:1.2;margin:8px}.doc-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:10px 2rem;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-color)}.logo a{color:var(--primary-color);font-size:1.2rem;font-weight:600;text-decoration:none}.search-box{position:relative;display:flex;align-items:center}.docs-body .search-box input{padding:0.5rem 0.5rem 0.5rem 2rem;border:1px solid var(--border-color);border-radius:4px;width:200px}.search-box i{position:absolute;left:0.5rem;color:#999}.doc-container{display:flex;margin-top:0;min-height:calc(100vh - var(--header-height) + 300px)}.doc-sidebar{position:fixed;width:var(--sidebar-width);height:calc(100vh - var(--header-height));border-right:1px solid var(--border-color);overflow-y:auto;padding:1.5rem;background:#ffffff}.sidebar-nav h3{font-size:0.9rem;font-weight:600;color:#999;margin:1.5rem 0 0.5rem}.sidebar-nav ul{padding-left:1rem}.sidebar-nav li{margin:0.5rem 0}.sidebar-nav a{color:var(--text-color);text-decoration:none;font-size:1rem;font-weight:600;display:block;padding:0.3rem 0}.sidebar-nav a:hover{color:var(--primary-color)}.sidebar-nav li.active>a{color:var(--primary-color);font-weight:600}.doc-content{flex:1;margin-left:var(--sidebar-width);margin-right:var(--sidebar-width);padding:5rem 5rem;min-height:calc(100vh - var(--header-height) + 300px)}.breadcrumb{margin-bottom:2rem;color:#999}.breadcrumb a{color:var(--text-color);text-decoration:none}.breadcrumb a:hover{color:var(--primary-color)}.markdown-body{max-width:800px;margin-top:1.5rem}.markdown-body h1{font-size:2.2rem;margin:1.5rem 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);line-height:1.3}.markdown-body h2{font-size:1.5rem;margin:2rem 0 1rem;padding-bottom:0.3rem;border-bottom:1px solid var(--border-color)}.last-updated{color:#999;font-size:0.9rem;margin-bottom:2rem}pre{background:var(--code-bg);border-radius:6px;padding:1rem;position:relative;margin:1rem 0}pre code{font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;font-size:0.85rem;line-height:1.6}.api-box{border:1px solid var(--border-color);border-radius:6px;margin:1rem 0}.api-header{padding:1rem;background:#f8f9fa;cursor:pointer;display:flex;align-items:center;gap:1rem}.method{padding:0.2rem 0.5rem;border-radius:4px;font-size:0.8rem;font-weight:600}.method.get{background:#e3f2fd;color:#1976d2}.api-content{padding:1rem;border-top:1px solid var(--border-color);display:none}.api-content.active{display:block}.params-table{width:100%;border-collapse:collapse;margin:1rem 0}.params-table th,.params-table td{padding:0.5rem;border:1px solid var(--border-color);text-align:left}.params-table th{background:#f8f9fa;font-weight:600}.doc-toc{position:fixed;right:0;top:85px;width:var(--sidebar-width);height:calc(100vh - var(--header-height) - 150px);padding:2rem 2rem;border-left:1px solid var(--border-color);overflow-y:auto;background:rgba(255,255,255,0.95);backdrop-filter:blur(5px);padding-bottom:4rem}.toc-container{background:rgba(255,255,255,0.9);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.toc-container h3{font-size:0.9rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color);padding-bottom:0.5rem;border-bottom:1px solid var(--border-color)}.toc-container ul{list-style:none;padding-left:0}.toc-container a{color:#666;text-decoration:none;font-size:0.9rem;display:block;padding:0.3rem 0.5rem;border-radius:4px;transition:all 0.3s ease;margin:0.2rem 0}.toc-container a:hover{color:var(--primary-color);background:rgba(62,175,124,0.1)}.toc-container a.active{color:var(--primary-color);font-weight:500;background:rgba(62,175,124,0.1);border-left:2px solid var(--primary-color)}.toc-container::after{content:"点击目录可快速定位到文章段落";display:block;font-size:0.8rem;color:#999;margin-top:1rem;padding:0.5rem;background:rgba(162,162,162,0.05);border-radius:4px}.next-steps{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.next-links{display:flex;gap:1rem}.next-link{display:flex;align-items:center;gap:0.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;text-decoration:none;color:var(--text-color)}.next-link:hover{background:#f1f1f1}.ad-banner{width:100%;background:#f8f9fa;padding:1rem 0;margin-top:var(--header-height)}.ad-content{max-width:1200px;margin:0 auto}.ad-content img{width:100%;height:auto;border-radius:8px}.category-image{margin:-1.5rem -1.5rem 1.5rem -1.5rem}.category-image img{width:100%;height:auto;object-fit:cover}.nav-group{margin-top:5rem;margin-bottom:0rem}.nav-group h3{display:flex;align-items:center;gap:0.5rem;font-size:1rem;color:#666;margin:1.5rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color)}.nav-group h3 i{color:var(--primary-color)}.sidebar-nav a{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:4px;transition:all 0.3s ease}.sidebar-nav a:hover{background:#f1f4f9}.sidebar-nav li.active>a{background:#e6f7ff;color:var(--primary-color)}.sidebar-nav .has-submenu>a{display:flex;align-items:center;gap:0.5rem}.sidebar-nav .has-submenu>a i:first-child{width:1.2rem;text-align:center}.sidebar-nav .submenu-icon{margin-left:auto;font-size:0.8rem;transition:transform 0.3s ease}.sidebar-nav .submenu{margin-left:1rem;padding-left:0.8rem;border-left:2px solid var(--border-color);display:none}.sidebar-nav .has-submenu.active>.submenu{display:block}.sidebar-nav .has-submenu.active>a .submenu-icon{transform:rotate(90deg)}.sidebar-nav .submenu li{margin:0.3rem 0;padding-left:1.2rem}.sidebar-nav .submenu li::before{content:'';position:absolute;left:0.3rem;top:50%;width:5px;height:5px;background:var(--primary-color);border-radius:50%;transform:translateY(-50%);opacity:0.3;z-index:1}.sidebar-nav .submenu li::after{position:absolute;left:0.3rem;top:50%;width:0.6rem;height:1px;background:var(--primary-color);opacity:0.2;z-index:0}.sidebar-nav .submenu .article-list{margin:0.5rem 0;padding:0.5rem;background:rgba(162,162,162,0.05);border-radius:8px}.sidebar-nav .submenu .article-item{margin:0;border-radius:0}[data-theme="dark"] .submenu .article-list{background:rgba(255,255,255,0.05)}[data-theme="dark"] .submenu .article-item:not(:last-child){border-bottom-color:rgba(255,255,255,0.1)}.article-header{position:sticky;top:var(--header-height);background:rgba(255,255,255,0.95);backdrop-filter:blur(5px);z-index:50;padding:3rem 0;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.article-header h1{font-size:2em;color:var(--text-color);margin-block-start:0.67em;margin-block-end:0.67em}.article-header-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.article-meta{display:flex;align-items:center;gap:1.5rem;color:#666;font-size:0.9rem}.article-meta i{margin-right:0.5rem}.article-actions{display:flex;gap:1rem;margin-left:auto}.action-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:none;border-radius:20px;background:var(--primary-color);color:#fff;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.action-btn:hover{background:#3a9c6d;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.action-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.action-btn i{font-size:0.9rem}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}100%{transform:scale(1)}}.action-btn.like.active i{color:#ff6b6b;animation:heartBeat 0.5s ease}.action-btn.share{background:#4a90e2}.action-btn.share:hover{background:#3a7bc2}.article-summary{background:rgba(255,255,255,0.05);border-radius:8px;padding:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.article-summary h2{margin-top:0;font-size:1.2rem}.article-summary ul{margin:1rem 0 0;padding-left:1.5rem}.content-box{padding:1rem;border-radius:8px;margin:1.5rem 0;display:flex;align-items:flex-start;gap:1rem}.content-box.info{background:rgba(0,122,255,0.1);border:1px solid rgba(0,122,255,0.2)}.content-box i{color:var(--primary-color);font-size:1.2rem}.concept-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin:1.5rem 0}.concept-card{background:rgba(255,255,255,0.05);border-radius:8px;padding:1.5rem;text-align:center}.concept-card i{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.concept-card h3{margin:0 0 0.5rem;font-size:1.1rem}.concept-card p{margin:0;font-size:0.9rem;color:#666}.article-footer{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.article-tags a{display:inline-block;padding:0.3rem 0.8rem;margin:0.2rem;background:rgba(255,255,255,0.05);border-radius:20px;color:#666;text-decoration:none;font-size:0.9rem}.article-tags a:hover{background:rgba(255,255,255,0.1);color:var(--primary-color)}.next-article{margin-top:3rem;padding:1.5rem;background:rgba(162,162,162,0.05);border-radius:12px;border:1px solid rgba(0,0,0,0.1)}.next-article h3{margin-bottom:1rem;font-size:1.1rem;color:#666}.next-article-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#fff;border-radius:8px;text-decoration:none;color:inherit;transition:all 0.3s ease}.next-article-card:hover{background:rgba(255,255,255,0.1);transform:translateX(5px)}.next-article-info h4{margin:0 0 0.5rem;font-size:1.1rem}.next-article-info p{margin:0;font-size:0.9rem;color:#666}.resource-box{margin-top:3rem;padding:1.2rem;background:#a2a220;border-radius:8px}.resource-box h3{display:flex;align-items:center;gap:0.5rem;margin:0 0 1rem;font-size:1rem}.resource-box ul{margin:0;padding:0;list-style:none}.resource-box li{margin-bottom:0.8rem}.resource-box a{display:flex;align-items:center;gap:0.5rem;color:inherit;text-decoration:none;font-size:0.9rem}.resource-box a:hover{color:var(--primary-color)}@media (max-width: 768px){.doc-header{padding:10px}.doc-header .logo a{font-size:16px}.header-left,.header-right{gap:0}.menu-toggle{display:block}.doc-container{grid-template-columns:1fr}.article-header{position:relative;top:0}.article-meta{font-size:11px;gap:10px}.doc-sidebar,.doc-toc{display:none}.doc-content{margin:0;padding:20px}.doc-sidebar.active{display:block;position:fixed;top:60px;left:0;bottom:0;width:80%;z-index:100;background:var(--bg-color);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.doc-sidebar.active .sidebar-nav{padding-bottom:60px}.doc-sidebar.active .nav-group{margin-top:0}.concept-cards{grid-template-columns:1fr}.article-footer{flex-direction:column;gap:1rem}}#article-content{padding:2px 10px;background:#fff;border-radius:8px;position:relative;margin-top:15px}#article-content p{margin:2px}#article-content::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background-color:#8a2be2;border-radius:2px 0 0 2px}.knowledge-card a{text-decoration:none;color:inherit;display:block}.knowledge-card a:hover{opacity:0.8}.sidebar-nav .has-submenu>a{gap:0.5rem;padding:1rem 1rem}.sidebar-nav .has-submenu>a i:first-child{width:1.2rem;text-align:center}.sidebar-nav .submenu-icon{margin-left:auto;font-size:0.8rem;transition:transform 0.3s ease}.sidebar-nav .submenu{margin-left:1.5rem;padding-left:1rem;border-left:2px solid var(--border-color);display:none}.sidebar-nav .has-submenu.active .submenu{display:block}.sidebar-nav .has-submenu.active .submenu-icon{transform:rotate(90deg)}.sidebar-nav .submenu li{position:relative;padding-left:1.5rem}.sidebar-nav .submenu li::before{content:'';position:absolute;left:-1px;top:50%;width:8px;height:8px;background:var(--primary-color);border-radius:50%;transform:translateY(-50%);opacity:0.3;z-index:1}.sidebar-nav .submenu li::after{content:'';position:absolute;left:-1px;top:50%;width:1rem;height:1px;background:var(--primary-color);opacity:0.2;z-index:0}.article-list{margin-top:1.5rem}.article-item{display:flex;align-items:center;gap:0.3rem;padding:0.2rem 0.4rem;margin:0.1rem 0;border-radius:4px;transition:all 0.3s ease}.article-item i{color:var(--primary-color);font-size:0.8rem;width:0.8rem;text-align:center}.article-item a{color:var(--text-color);text-decoration:none;flex:1;font-size:0.9rem;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-item a:hover{color:var(--primary-color)}.article-item .article-meta{font-size:0.8rem;color:#666;display:flex;gap:1rem}.sidebar-nav .has-submenu{position:relative;padding-left:1rem;font-size:18px}.sidebar-nav .has-submenu::before{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary-color);opacity:0.2}.sidebar-nav .submenu{margin-left:rem;padding-left:1.1rem}.sidebar-nav .submenu::before{position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--primary-color);opacity:0.2}.sidebar-nav .submenu li{position:relative;padding-left:1.2rem}.sidebar-nav .submenu li::before{content:'';position:absolute;left:0.3rem;top:50%;width:5px;height:5px;background:var(--primary-color);border-radius:50%;transform:translateY(-50%);opacity:0.3;z-index:1}.sidebar-nav .submenu .article-item::before{position:absolute;left:0;top:50%;width:6px;height:6px;background:var(--primary-color);border-radius:50%;transform:translateY(-50%);opacity:0.2}.sidebar-nav .submenu .article-item::after{content:'';position:absolute;left:0;top:50%;width:0.5rem;height:1px;opacity:0.1}[data-theme="dark"] .sidebar-nav .has-submenu::before,[data-theme="dark"] .sidebar-nav .submenu::before,[data-theme="dark"] .sidebar-nav .submenu li::before,[data-theme="dark"] .sidebar-nav .submenu li::after,[data-theme="dark"] .sidebar-nav .submenu .article-item::before,[data-theme="dark"] .sidebar-nav .submenu .article-item::after{background:var(--primary-color)}.product-info{padding:1rem;display:flex;flex-direction:column;gap:0.5rem}.product-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.product-tag{display:inline-block;padding:0.25rem 0.5rem;background:rgba(62,175,124,0.1);border-radius:4px;font-size:0.8rem;color:var(--primary-color)}.product-price,.product-btn{display:none}.product-cards{margin-top:2rem;padding:1rem;background:rgba(162,162,162,0.05);border-radius:12px;border:1px solid rgba(0,0,0,0.1)}.product-cards h3{display:flex;align-items:center;gap:0.5rem;margin:0 0 1.5rem;font-size:1rem;color:var(--text-color)}.product-card{display:flex;flex-direction:column;margin-bottom:1rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.3s ease}.product-card:hover{transform:translateY(-3px)}[data-theme="dark"] .product-cards{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}[data-theme="dark"] .product-card{background:#2a2a2a}.product-image{width:100%;height:150px;object-fit:cover;display:block}.product-info h4{margin:0.2rem 0;font-size:1rem;color:var(--text-color)}.product-description{margin:0 0 0.5rem;font-size:0.85rem;color:#666}.article-item{display:flex;align-items:flex-start;gap:0.5rem;padding:0.5rem;margin:0.3rem 0;background:rgba(255,255,255,0.1);border-radius:6px;transition:all 0.3s ease}.article-item i{color:var(--primary-color);font-size:0.8rem;width:1rem;text-align:center;margin-top:0.2rem}.article-item a{color:var(--text-color);text-decoration:none;flex:1;font-size:0.9rem;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.sidebar-nav .submenu li{position:relative;padding-left:1.5rem}.sidebar-nav .submenu li::before{content:'';position:absolute;left:-1px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);opacity:-0.7;z-index:1}.submenu .article-list{margin:0.5rem 0;padding:0.5rem;background:rgba(162,162,162,0.05);border-radius:8px}.submenu .article-item{margin:0;border-radius:0}[data-theme="dark"] .submenu .article-list{background:rgba(255,255,255,0.05)}[data-theme="dark"] .submenu .article-item:not(:last-child){border-bottom-color:rgba(255,255,255,0.1)}.sidebar-nav>.has-submenu>a{font-size:18px;font-weight:600;padding:1rem 1.2rem;margin:0.5rem 0}.sidebar-nav>.has-submenu>a:hover{background:rgba(62,175,124,0.1);border-color:rgba(62,175,124,0.2)}.sidebar-nav>.has-submenu.active>a{background:rgba(62,175,124,0.1);border-color:rgba(62,175,124,0.2)}[data-theme="dark"] .sidebar-nav>.has-submenu>a{background:rgba(62,175,124,0.05);border-color:rgba(62,175,124,0.1)}[data-theme="dark"] .sidebar-nav>.has-submenu>a:hover{background:rgba(62,175,124,0.1);border-color:rgba(62,175,124,0.2)}[data-theme="dark"] .sidebar-nav>.has-submenu.active>a{background:rgba(62,175,124,0.1);border-color:rgba(62,175,124,0.2)}.sidebar-nav>.has-submenu[data-category="Cursor"]>a{background-image:url("../png/cursor.png");background-size:24px 24px;background-position:95% center;background-repeat:no-repeat;padding-right:2.5rem}[data-theme="dark"] .sidebar-nav>.has-submenu[data-category="Cursor"]>a{background-image:url("../png/cursor-dark.png")}.article-content{display:none}.article-content:first-child{display:block}.sidebar-nav .submenu li.active>a{background:rgba(62,175,124,0.1);border-radius:6px;padding:0.5rem 1rem;margin:0.25rem 0;border:1px solid rgba(62,175,124,0.2)}.sidebar-nav .submenu li a i{margin-right:0.75rem}.sidebar-nav .submenu li{position:relative;padding-left:0.5rem;margin:10px 10px 10px 0px}.sidebar-nav .submenu li::before{left:0.5rem}.sidebar-nav .submenu .article-item i{margin-right:0.75rem}.sidebar-nav .submenu>li>a{font-size:16px;font-weight:500;padding:0.6rem 0.8rem;margin:0.2rem 0}.sidebar-nav .submenu .article-item a{font-size:14px;font-weight:400;padding:0.4rem 0.6rem}.sidebar-nav>.has-submenu>a i{font-size:18px}.sidebar-nav .submenu>li>a i{font-size:16px}.sidebar-nav .submenu .article-item i{font-size:14px}.sidebar-nav .submenu li::before{width:5px;height:5px}.sidebar-nav .submenu li::after{width:0}[data-theme="dark"] .sidebar-nav>.has-submenu>a{color:var(--text-color)}[data-theme="dark"] .sidebar-nav .submenu>li>a{color:var(--text-color)}[data-theme="dark"] .sidebar-nav .submenu .article-item a{color:var(--text-color)}.article-list-container{margin:0.5rem 0;padding:0.5rem;background:rgba(162,162,162,0.05);border-radius:6px}.article-item{display:flex;align-items:stretch;gap:0.5rem;padding:0.5rem;margin:0.3rem 0;background:rgba(255,255,255,0.1);border-radius:6px;transition:all 0.3s ease}.article-item:hover{background:rgba(162,162,162,0.1)}.article-item i{color:var(--primary-color);font-size:0.8rem;width:1rem;text-align:center;margin-top:0.2rem}.article-item a{color:var(--text-color);text-decoration:none;flex:1;font-size:0.9rem;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.article-item a:hover{color:var(--primary-color)}.article-item .article-meta{font-size:0.8rem;color:#666;display:flex;gap:1rem}[data-theme="dark"] .article-list-container{background:rgba(255,255,255,0.05)}[data-theme="dark"] .article-item:hover{background:rgba(255,255,255,0.1)}.submenu .article-list{margin:0.5rem 0;padding:0.5rem;background:rgba(162,162,162,0.05);border-radius:8px}.submenu .article-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;margin:0.3rem 0;background:rgba(255,255,255,0.1);border-radius:6px;transition:all 0.3s ease}.submenu .article-item:hover{background:rgba(162,162,162,0.1)}.submenu .article-item i{color:var(--primary-color);font-size:0.8rem;width:1rem;text-align:center;margin-top:0;align-self:center}.submenu .article-item a{color:var(--text-color);text-decoration:none;flex:1;font-size:0.9rem;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;align-self:center}.submenu .article-item a:hover{color:var(--primary-color)}[data-theme="dark"] .submenu .article-list{background:rgba(255,255,255,0.05)}[data-theme="dark"] .submenu .article-item{background:rgba(255,255,255,0.05)}[data-theme="dark"] .submenu .article-item:hover{background:rgba(255,255,255,0.1)}.sidebar-nav .submenu .article-list{background:rgba(162,162,162,0.05);border-radius:8px}.sidebar-nav .submenu .article-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;margin:rem 0;background:rgba(255,255,255,0.1);border-radius:6px;transition:all 0.3s ease}.sidebar-nav .submenu .article-item:hover{background:rgba(162,162,162,0.1)}.sidebar-nav .submenu .article-item i{color:var(--primary-color);font-size:0.8rem;width:1rem;text-align:center;margin:0px -10px 0px -4px;align-self:center}.sidebar-nav .submenu .article-item a{color:var(--text-color);text-decoration:none;flex:1;font-size:0.9rem;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;align-self:center}.sidebar-nav .submenu .article-item a:hover{color:var(--primary-color)}.sidebar-nav .submenu .article-item{min-height:-0.5rem;align-items:flex-start}.article-footer .article-actions{display:none}@media (max-width: 1280px){.article-header-meta{flex-direction:column;align-items:flex-start}.article-actions{margin-top:15px}}.ai-news-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;grid-column:1 / -1}.ai-filter-btn{padding:10px 20px;border-radius:12px;border:1px solid rgba(100,149,237,0.2);background:rgba(20,20,35,0.8);color:#fff;cursor:pointer;transition:all 0.3s ease}.ai-filter-btn:hover{background:rgba(100,149,237,0.15);transform:translateY(-2px)}.ai-filter-btn.active{background:linear-gradient(135deg, rgba(100,149,237,0.2), rgba(98,0,255,0.2));border-color:rgba(100,149,237,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.2)}#ai-news-sort{padding:10px 20px;border-radius:12px;border:1px solid rgba(100,149,237,0.2);background:rgba(20,20,35,0.8);color:#fff;cursor:pointer;outline:none}.ai-news-grid{width:100%;display:flex;flex-direction:column;gap:15px}.ai-news-card{display:flex;gap:20px;background:rgba(20,20,35,0.8);border-radius:16px;overflow:hidden;border:1px solid rgba(100,149,237,0.15);transition:all 0.3s ease;backdrop-filter:blur(10px);height:auto;margin-bottom:20px;padding:15px;cursor:pointer}.ai-news-card-image{width:200px;height:120px;flex-shrink:0;position:relative;overflow:hidden;border-radius:8px}.ai-news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.ai-news-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:0}.ai-news-card h3{margin-top:10px;font-size:16px;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px}.ai-news-card p{color:rgba(255,255,255,0.6);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:8px 0}.ai-news-meta{display:flex;gap:20px;color:rgba(255,255,255,0.7);font-size:14px;margin-bottom:8px}.ai-news-date{color:rgba(255,255,255,0.5);font-size:12px;margin-bottom:0px}.ai-news-stats{display:flex;gap:15px;color:rgba(255,255,255,0.5);font-size:12px;margin-top:8px;border-top:1px solid rgba(255,255,255,0.1);padding-top:8px;align-items:center}.ai-news-stats i{margin-right:4px;color:#00c7ff}.ai-news-sidebar{position:sticky;top:40px}.ai-load-more{text-align:center;margin-top:40px;grid-column:1 / -1}#ai-load-more-btn{background:linear-gradient(135deg, rgba(100,149,237,0.2), rgba(98,0,255,0.2));color:#fff;border:1px solid rgba(100,149,237,0.2);padding:14px 35px;border-radius:16px;cursor:pointer;font-size:16px;transition:all 0.3s ease}#ai-load-more-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(100,149,237,0.3);background:linear-gradient(135deg, rgba(100,149,237,0.3), rgba(98,0,255,0.3))}@media screen and (max-width: 768px){.ai-news-grid{grid-template-columns:1fr}.ai-news-card{flex-direction:column}.ai-news-card-image{width:100%;height:200px}.ai-news-filters{flex-direction:column;gap:20px}}.section-title h2{position:relative;font-size:1.6rem;font-weight:700;color:#fff;padding:1rem 2rem 1rem 3rem;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.2);margin-bottom:2rem;display:inline-block}.section-title h2::before{content:'';position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#00c7ff;box-shadow:0 0 0 5px rgba(0,199,255,0.2)}.ai-news-banner{position:relative;height:200px;display:flex;align-items:center;justify-content:flex-start;background:linear-gradient(179deg, rgba(0,133,255,0.44), #020203);overflow:hidden;padding-left:300px;padding-top:105px}.ai-news-banner::before{content:'Latest News';position:absolute;top:83%;left:38%;transform:translate(-50%, -50%);font-size:120px;font-weight:900;font-family:'Arial', sans-serif;color:rgba(255,255,255,0.05);white-space:nowrap;z-index:1;pointer-events:none}@media screen and (max-width: 768px){.ai-news-banner::before{font-size:60px;top:70%;left:50%;white-space:normal;text-align:center;width:80%;line-height:1.2}}@media screen and (max-width: 480px){.ai-news-banner::before{font-size:40px;top:60%}}.ai_news_top{position:relative;height:700px;display:flex;align-items:center;justify-content:center;background:linear-gradient(179deg, rgba(0,133,255,0.44), #020203);padding:0 15px;border-bottom:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 -1px 0 0 rgba(255,255,255,0.1),0 0 20px rgba(0,199,255,0.1)}.ai_news_top::before{content:'AI News';position:absolute;top:25%;left:50%;transform:translate(-50%, -50%);font-size:240px;font-weight:900;font-family:'Arial', sans-serif;color:rgba(255,255,255,0.05);white-space:nowrap;z-index:0;pointer-events:none;opacity:0.8}.ai_news_top::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(0,199,255,0) 0%, rgba(0,199,255,0.3) 50%, rgba(0,199,255,0) 100%);z-index:1}.header-content h1{font-size:48px;font-weight:700;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,0.3);background:linear-gradient(45deg, #00c7ff, #6200ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed}.header-content .subtitle{font-size:20px;color:rgba(255,255,255,0.8);font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.product-button{display:inline-block;padding:8px 16px;background:linear-gradient(135deg, #6200ff, #00c7ff);color:#fff;border-radius:8px;text-align:center;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease;margin-top:10px;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.product-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(100,149,237,0.3);background:linear-gradient(135deg, #6200ff, #00c7ff)}.product-link{color:rgba(255,255,255,0.7);font-size:14px;margin-left:auto;transition:all 0.3s ease}.product-link:hover{color:#00c7ff;transform:translateY(-2px)}.product-showcase h3 i{margin-right:8px;color:#ffed31;font-size:1em;vertical-align:middle}.ai-news-header{margin-bottom:60px;padding-bottom:30px;border-bottom:1px solid rgba(100,149,237,0.1)}.ai-news-title{font-size:2rem;color:#fff;margin-bottom:20px;line-height:1.3}.ai-news-meta{display:flex;gap:20px;color:rgba(255,255,255,0.7);font-size:14px}.ai-news-category{color:#00c7ff;background:rgba(0,199,255,0.1);padding:4px 12px;border-radius:8px}.ai-news-abstract{margin-bottom:40px}.ai-abstract-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative;padding-left:0px}.ai-abstract-header::before{content:'AI Highlights';position:absolute;left:0;top:-50px;font-size:50px;font-family:serif;color:rgba(0,199,255,0.1);z-index:-1}.ai-abstract-header i{font-size:16px;color:#00c7ff;animation:float 3s ease-in-out infinite;text-shadow:0 0 10px rgba(0,199,255,0.5);position:relative;z-index:1}.ai-abstract-header h3{font-size:1.2rem;color:#fff;margin:0;position:relative;z-index:1}.ai-abstract-content{position:relative;font-size:16px;line-height:1.8;color:rgba(255,255,255,0.8);padding-left:0px;padding-top:5px}.ai-abstract-content::before{content:'"';position:absolute;left:0;top:-100px;font-size:200px;font-family:serif;color:rgba(0,199,255,0.1);z-index:-1}.ai-news-footer{position:absolute;bottom:30px;left:0;right:0;padding:0 40px}.ai-news-original-link{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.7);font-size:14px}.ai-news-separator{color:rgba(255,255,255,0.3)}.ai-news-original-text{color:rgba(255,255,255,0.3);text-decoration:none;transition:opacity 0.3s ease}.ai-news-original-text:hover{opacity:0.8}@media screen and (max-width: 768px){.ai-news-title{font-size:2rem}.ai-news-meta{flex-direction:column;gap:10px}.ai-abstract-content{font-size:14px}}.news-link{display:block;text-decoration:none;color:inherit;transition:all 0.3s ease}.news-link:hover .ai-news-card{transform:translateY(-5px);border-color:rgba(100,149,237,0.3);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.product-link-wrapper{text-decoration:none;color:inherit;height:100%}.ai-news-card:hover .news-link{text-decoration:none}.ai-product-item:hover .product-link-wrapper{text-decoration:none}.ai-news-cover{width:100%;max-height:400px;margin-bottom:30px;border-radius:16px;overflow:hidden}.news-cover-image{width:100%;height:100%;object-fit:cover;border-radius:16px}@media screen and (max-width: 768px){.ai-news-cover{max-height:250px}}.ai-news-source{color:rgba(255,255,255,0.3);font-size:14px;margin-right:0px}.ai-hot-news{background:rgba(20,20,35,0.8);border-radius:20px;padding:20px;margin-bottom:20px;border:1px solid rgba(100,149,237,0.15)}.ai-hot-news h3{font-size:18px;color:#fff;margin-bottom:15px;display:flex;align-items:center;gap:8px}.ai-hot-news h3 i{color:#ff6b6b}.ai-hot-news-list{display:flex;flex-direction:column;gap:12px}.ai-hot-news-item{padding:10px;background:rgba(255,255,255,0.05);border-radius:12px;transition:all 0.3s ease;display:flex;align-items:center;min-height:50px}.ai-hot-news-item:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}.hot-news-meta{display:flex;gap:8px;font-size:12px;color:rgba(255,255,255,0.6)}.hot-news-date{font-size:13px;color:rgba(255,255,255,0.6);text-align:left}.hot-news-link{text-decoration:none;color:inherit}.ai-icon{width:24px;height:24px;animation:float 3s ease-in-out infinite;text-shadow:0 0 10px rgba(0,199,255,0.5)}.ai-icon svg{width:100%;height:100%;fill:#00c7ff}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-featured-ads{background:rgba(20,20,35,0.8);border-radius:20px;padding:20px;border:1px solid rgba(100,149,237,0.15);margin-bottom:20px}.ai-featured-ads h3{font-size:18px;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:8px}.ai-featured-ads h3 i{color:#ffd700;font-size:20px}.ai-featured-ads-list{display:flex;flex-direction:column;gap:15px}.ai-featured-ad-item{display:flex;align-items:start;gap:12px;padding:12px;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.ai-featured-ad-item:hover{transform:translateY(-2px);background:rgba(255,255,255,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.ai-featured-ad-icon{width:50px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.ai-featured-ad-content{flex:1;min-width:0}.ai-featured-ad-title{font-size:14px;color:#fff;margin-bottom:4px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-featured-ad-subtitle{font-size:12px;color:rgba(255,255,255,0.7);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ai-featured-ad-tags{display:flex;gap:6px;flex-wrap:wrap}.ai-featured-ad-tag{font-size:10px;color:#00c7ff;background:rgba(0,199,255,0.1);padding:2px 6px;border-radius:8px;white-space:nowrap}.hot-news-list{width:1000px;padding-top:200px;padding-bottom:100px;margin:0 auto;flex-shrink:0;position:relative;overflow:hidden;display:flex;gap:20px;min-height:300px}.ai-hot-news-title{font-size:12px;color:#fff;margin:0;line-height:1.3;display:flex;align-items:center;height:100%}.hot-news-date{font-size:13px;color:rgba(255,255,255,0.6)}.ai-news-main-content{margin-bottom:40px;position:relative;margin-top:100px}.ai-main-content-header{display:flex;align-items:center;gap:12px;margin-bottom:40px;position:relative;padding-left:0px}.ai-news-abstract+.ai-news-main-content::before{content:'';position:absolute;top:-60px;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(0,199,255,0) 0%, rgba(0,199,255,0.3) 50%, rgba(0,199,255,0) 100%)}.ai-main-content-header::before{content:'Main Content';position:absolute;left:0;top:-50px;font-size:50px;font-family:serif;color:rgba(0,199,255,0.1);z-index:-1}.ai-main-content-header h3{font-size:1.2rem;color:#fff;margin:0;position:relative;z-index:1}.ai-main-content-body{font-size:16px;line-height:1.8;color:rgba(255,255,255,0.8);padding-left:0px;position:relative}@media screen and (max-width: 768px){.ai-main-content-body{font-size:14px}}.ai-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:rgba(255,255,255,0.7)}.ai-breadcrumb-item{color:rgba(255,255,255,0.7);text-decoration:none;transition:all 0.3s ease}.ai-breadcrumb-item:hover{color:#00c7ff;text-decoration:underline}.ai-breadcrumb-separator{color:rgba(255,255,255,0.3);margin:0 4px}.ai-breadcrumb-current{color:#fff;font-weight:500}.ai-news-title{margin-top:10px}.ai-news-detail-container{max-width:1200px;margin:0px auto;padding:0 20px 40px 20px;display:grid;grid-template-columns:800px 300px;gap:40px}.ai-news-detail-container .ai-news-sidebar{position:sticky;top:40px}.ai-news-detail-container .ai-product-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.ai-news-detail-container .ai-product-item{background:rgba(20,20,35,0.8);border-radius:16px;overflow:hidden;border:1px solid rgba(100,149,237,0.15);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column}.ai-news-detail-container .ai-product-item:hover{transform:translateY(-5px);border-color:rgba(100,149,237,0.3);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.ai-news-detail-container .ai-product-image{width:100%;height:160px;position:relative;overflow:hidden}.ai-news-detail-container .ai-product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.ai-news-detail-container .ai-product-item:hover .ai-product-image img{transform:scale(1.05)}.ai-news-detail-container .ai-product-content{padding:15px;flex:1;display:flex;flex-direction:column}.ai-news-detail-container .ai-product-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:1px;margin-top:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ai-news-detail-container .ai-product-description{color:rgba(255,255,255,0.7);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.ai-news-detail-container .ai-product-meta{display:flex;justify-content:flex-start;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,0.1)}.ai-news-detail-container .ai-product-category{font-size:11px;color:#00c7ff;background:rgba(0,199,255,0.1);padding:3px 8px;border-radius:10px}.ai-news-detail-content{position:relative;background:rgba(20,20,35,0.8);border-radius:24px;padding:40px;border:1px solid rgba(100,149,237,0.15);backdrop-filter:blur(10px);height:auto;min-height:auto}@media screen and (max-width: 768px){.ai-news-detail-container{grid-template-columns:1fr;padding:0 15px}.ai-news-detail-content{padding:30px}.ai-news-sidebar{margin-top:40px}.ai-news-title{font-size:1.5rem}.ai-news-cover{max-height:200px}.ai-news-header{margin-bottom:30px;padding-bottom:20px}.ai-news-abstract,.ai-news-main-content{margin-bottom:30px}.ai-abstract-header h3,.ai-main-content-header h3{font-size:1.1rem}.ai-abstract-content,.ai-main-content-body{font-size:14px}.ai-news-footer{position:static;padding:20px 0}.ai-featured-ads,.ai-hot-news{padding:15px}.ai-featured-ad-item{padding:10px}.ai-hot-news-item{padding:8px}}@media screen and (max-width: 768px){.ai-abstract-header::before{font-size:30px;top:-30px}.ai-abstract-content::before{font-size:100px;top:-50px}}@media screen and (max-width: 480px){.ai-abstract-header::before{font-size:20px;top:-20px}.ai-abstract-content::before{font-size:60px;top:-30px}}.ai-featured-ads h3 svg,.ai-hot-news h3 svg{width:20px;height:20px;fill:currentColor;margin-right:8px;position:relative}.ai-hot-news h3 svg{top:0.2em}.ai-featured-ads h3 svg{top:0.1em}.ai-featured-ads h3 svg{fill:#ffd700}.ai-hot-news h3 svg{fill:#ff6b6b}.ai-featured-ads h3,.ai-hot-news h3{display:flex;align-items:baseline}.ai-featured-ad-link{text-decoration:none;color:inherit;display:block}.ai-featured-ad-link:hover .ai-featured-ad-item{transform:translateY(-2px);background:rgba(255,255,255,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.ai-hot-news-content{flex:1;display:flex;align-items:center}.hot-news-list{display:flex;gap:20px;width:100%;max-width:1200px;margin:0 auto}.hot-news-cover{position:relative;width:70%;height:400px;overflow:hidden;border-radius:12px;transition:all 0.3s ease;text-align:left}.hot-news-cover:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.hot-news-cover img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.hot-news-cover:hover img{transform:scale(1.05)}.ai-news-container-outer{max-width:1200px;margin:0 auto;padding:20px 20px 80px 20px;display:grid;grid-template-columns:800px 300px;gap:60px}@media screen and (max-width: 1200px){.ai-news-container-outer{grid-template-columns:1fr;padding:20px}.ai-news-sidebar{position:static;margin-top:40px}}.cover-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);padding:20px;color:#fff;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,0.3);transition:opacity 0.3s ease}.hot-news-content{width:30%;display:flex;flex-direction:column;gap:23px;margin:0 10px;border-radius:12px}.hot-news-content h3{font-size:20px;color:#ff6b6b;display:flex;align-items:center;margin-bottom:0px}.hot-news-item{padding:12px;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border-radius:8px;transition:all 0.3s ease;height:50px;width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,0.1)}.hot-news-item:hover{background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);transform:translateY(-2px);border-color:rgba(255,255,255,0.15)}.hot-news-title{font-size:14px;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:left;font-weight:400;letter-spacing:0.02em}.hot-news-date{font-size:12px;color:rgba(255,255,255,0.6);margin-top:2px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (max-width: 768px){.hot-news-list{flex-direction:column}.hot-news-cover,.hot-news-content{width:100%}.hot-news-cover{height:300px}.hot-news-content{padding:0 10px;border:none;margin:0}.hot-news-content h3{margin:15px 0 10px 0}}body{margin:0;padding:0;background:#020203;color:#fff;font-family:Arial, sans-serif;min-height:150vh;position:relative}@keyframes backgroundAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}header{text-align:center;position:relative;overflow:hidden}header::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:200px;height:100%;filter:blur(30px);opacity:0.3;animation:gradientMove 8s infinite linear}@keyframes gradientMove{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.header-wrap{display:flex;align-items:center;justify-content:center}.nav-categories{margin-bottom:20px;padding:20px;background:rgba(20,20,35,0.8);border-radius:16px;border:1px solid rgba(100,149,237,0.15);backdrop-filter:blur(10px)}.categories-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.nav-category{padding:12px 20px;color:#fff;background:rgba(255,255,255,0.05);border-radius:12px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;backdrop-filter:blur(10px);white-space:nowrap;width:160px;text-decoration:none}.nav-category::after{content:'';position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(45deg, rgba(255,255,255,0.1), rgba(255,255,255,0.03));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.nav-category.productivity{background:linear-gradient(135deg, rgba(41,128,255,0.15), rgba(67,233,255,0.15))}.nav-category.design{background:linear-gradient(135deg, rgba(255,61,245,0.15), rgba(184,94,255,0.15))}.nav-category.efficiency{background:linear-gradient(135deg, rgba(0,255,171,0.15), rgba(66,227,255,0.15))}.nav-category.ai{background:linear-gradient(135deg, rgba(130,94,255,0.15), rgba(79,209,255,0.15))}.nav-category.lifestyle{background:linear-gradient(135deg, rgba(255,123,137,0.15), rgba(255,89,169,0.15))}.nav-category.education{background:linear-gradient(135deg, rgba(64,223,255,0.15), rgba(62,168,255,0.15))}.nav-category.business{background:linear-gradient(135deg, rgba(255,184,75,0.15), rgba(255,127,80,0.15))}.nav-category.entertainment{background:linear-gradient(135deg, rgba(255,73,173,0.15), rgba(147,51,234,0.15))}.nav-category i{font-size:18px;color:rgba(255,255,255,0.9);transition:all 0.3s ease;text-shadow:0 0 15px rgba(255,255,255,0.3);text-decoration:none}.nav-category:hover{transform:translateY(-3px);background:rgba(255,255,255,0.15);box-shadow:0 8px 20px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.2)}.nav-category:hover::after{display:none}.nav-category:hover i{transform:scale(1.1);color:#fff;text-decoration:none}.nav-category.more{background:linear-gradient(135deg, rgba(44,44,44,0.9), rgba(68,68,68,0.9));border:1px solid rgba(255,255,255,0.15)}.nav-category.more:hover{background:linear-gradient(135deg, rgba(60,60,60,0.9), rgba(85,85,85,0.9))}.card{background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.card:hover{transform:translateY(-3px);background:rgba(255,255,255,0.1);box-shadow:0 4px 15px rgba(0,0,0,0.2);border-color:rgba(100,149,237,0.3)}.card-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.card:hover .card-image img{transform:scale(1.05)}.card-content{padding:20px}.card-content h2{font-size:18px;margin:0 0 10px;color:#fff}.card-content p{font-size:14px;color:rgba(255,255,255,0.7);margin:0 0 15px;line-height:1.5}.ai-station-index .card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;flex-direction:row}.ai-station-index .tags{display:flex;gap:8px;font-size:13px;color:rgba(255,255,255,0.6);width:auto}.tags .tag{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;transition:all 0.3s ease}.tags .tag.productivity{background:linear-gradient(135deg, rgba(41,128,255,0.2), rgba(67,233,255,0.2));color:#29a2ff}.tags .tag.design{background:linear-gradient(135deg, rgba(255,61,245,0.2), rgba(184,94,255,0.2));color:#ff3df5}.tags .tag.efficiency{background:linear-gradient(135deg, rgba(0,255,171,0.2), rgba(66,227,255,0.2));color:#00ffab}.tags .tag.ai{background:linear-gradient(135deg, rgba(130,94,255,0.2), rgba(79,209,255,0.2));color:#825eff}.tags .tag.lifestyle{background:linear-gradient(135deg, rgba(255,123,137,0.2), rgba(255,89,169,0.2));color:#ff7b89}.tags .tag.education{background:linear-gradient(135deg, rgba(64,223,255,0.2), rgba(62,168,255,0.2));color:#40dfff}.tags .tag.business{background:linear-gradient(135deg, rgba(255,184,75,0.2), rgba(255,127,80,0.2));color:#ffb84b}.tags .tag.entertainment{background:linear-gradient(135deg, rgba(255,73,173,0.2), rgba(147,51,234,0.2));color:#ff49ad}.tags .tag:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.ai-station-index .price-info{display:flex;align-items:center;gap:8px;width:auto}.price-module{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;flex-wrap:wrap;flex-shrink:1}.price-module-1{background:linear-gradient(135deg, rgba(76,175,80,0.1), rgba(76,175,80,0.2));border-color:rgba(76,175,80,0.2)}.price-module-2{background:linear-gradient(135deg, rgba(41,128,255,0.1), rgba(67,233,255,0.2));border-color:rgba(41,128,255,0.2)}.price-module-3{background:linear-gradient(135deg, rgba(255,193,7,0.1), rgba(255,193,7,0.2));border-color:rgba(255,193,7,0.2)}.price-module .price{font-size:14px;font-weight:600;color:#fff}.price-module .price-unit{font-size:12px;color:rgba(255,255,255,0.8)}.price-module .free-trial{font-size:12px;color:#4CAF50;background:rgba(76,175,80,0.1);padding:2px 6px;border-radius:4px}.price-module:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.nav-category.productivity{background:linear-gradient(135deg, #0B2349, #0D61BC)}.nav-category.design{background:linear-gradient(135deg, #2E0854, #f0f)}.nav-category.efficiency{background:linear-gradient(135deg, #000428, #004E92)}.nav-category.ai{background:linear-gradient(135deg, #1A2980, #26D0CE)}.nav-category.lifestyle{background:linear-gradient(135deg, #141E30, #243B55)}.nav-category.education{background:linear-gradient(135deg, #0F2027, #956600)}.nav-category.business{background:linear-gradient(135deg, #000046, #1CB5E0)}.nav-category.entertainment{background:linear-gradient(135deg, #16222A, #3A6073)}.nav-category:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.3);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.nav-category:hover::before{opacity:1}.nav-category.more{background:linear-gradient(128deg, #9840e1, #383ca3, #07ab9a);border:0px solid #000}.categories-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#1a1a1a;border-radius:0 0 8px 8px;padding:20px;display:none;gap:15px;flex-wrap:wrap;z-index:100;margin-top:5px;box-shadow:0 8px 16px rgba(0,0,0,0.2);transform-origin:top;transform:scaleY(0);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.categories-dropdown.show{display:flex;transform:scaleY(1);opacity:1}.categories-dropdown .nav-category{flex:0 0 calc(20% - 12px);justify-content:center;text-align:center;padding:12px}@media (max-width: 768px){.categories-dropdown .nav-category{flex:0 0 calc(33.33% - 10px)}}@media (max-width: 480px){.categories-dropdown .nav-category{flex:0 0 calc(50% - 8px)}}h1{font-size:36px;font-weight:700;color:#fff;margin:0}.news-section{flex:0.75;background-color:#1a1a1a;border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.hot-products{flex:0.5;background-color:#1a1a1a;border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}main{display:flex;margin:40px 0}.section-header{text-align:center;margin-bottom:30px;padding:20px 0;border-radius:16px}.section-header h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px;background:linear-gradient(45deg, #8a2be2, #4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:16px;color:rgba(255,255,255,0.8);margin:0}.news-section{flex:1;background-color:#1a1a1a;border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow-y:auto}.featured-news{margin-bottom:30px;background:linear-gradient(135deg, #1a1a1a, #222);border-radius:12px;overflow:hidden;display:flex;min-height:180px;border:1px solid rgba(138,43,226,0.1);transition:all 0.3s ease;flex-wrap:wrap}.featured-news:hover{transform:translateY(-2px);border-color:#4169e1;box-shadow:0 0 20px rgba(65,105,225,0.2);background:linear-gradient(135deg, #1a1a1a, #2a2a2a)}.ai-station-index .featured-news-image{flex:0 0 292px;position:relative;overflow:hidden;height:auto}.featured-news:hover .featured-news-image img{transform:scale(1.02)}.featured-news-content{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:center}.featured-news-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3;letter-spacing:-0.3px;transition:color 0.3s ease}.featured-news:hover .featured-news-title{background:linear-gradient(45deg, #8a2be2, #4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.featured-news-excerpt{font-size:15px;color:#b6bacd;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.news-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;margin-top:20px}.news-item{padding:12px;background-color:#222;border-radius:12px;transition:all 0.3s ease;border:1px solid rgba(138,43,226,0.1);cursor:pointer;display:flex;flex-direction:column;gap:6px;height:115px;box-sizing:border-box;margin-bottom:12px}.news-item:hover{transform:translateX(5px);background-color:rgba(65,105,225,0.1);border-color:#4169e1;box-shadow:0 0 15px rgba(65,105,225,0.2)}.news-date{font-size:14px;color:#666;margin-top:5px}.news-item h3{font-size:16px;color:#fff;margin:0;line-height:1.3;font-weight:600;letter-spacing:-0.2px;transition:color 0.3s ease}.news-item:hover h3{color:#4169e1}.news-item p{font-size:14px;color:#b6bacd;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hot-news{flex:1;background-color:#1a1a1a;border-radius:10px;padding:15px;position:relative;overflow-y:auto}.hot-news::before{content:'';position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(90deg, #8a2be2, #4169e1, #8a2be2);background-size:200% 100%;animation:gradientMove 8s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.53%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) infinite}.hot-news h2{font-size:22px;color:#fff;margin:0 0 30px;padding-bottom:12px;position:relative;display:flex;align-items:center;font-family:'Roboto', sans-serif;font-weight:600;letter-spacing:-0.5px}.hot-news h2::before{content:'';margin-right:8px;font-size:20px}.hot-news-rank{font-size:16px;font-weight:bold;background:linear-gradient(45deg, #8a2be2, #4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;min-width:28px;text-align:center;position:relative;z-index:1;transition:transform 0.3s ease}.hot-news-rank.top-1{font-size:18px;background:linear-gradient(45deg, #ff00c8, orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.1)}.hot-news-rank.top-2{font-size:18px;background:linear-gradient(45deg, #24f44a, silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hot-news-rank.top-3{font-size:18px;background:linear-gradient(45deg, #effe6f, #ffc12b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hot-news-info{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px}.hot-news-name{font-size:13px;color:#ffffff;margin:0;font-weight:500;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;letter-spacing:0.2px}.hot-news-views{font-size:13px;color:#888;display:flex;align-items:center;gap:4px;white-space:nowrap}.hot-news-views i{font-size:12px;content:'👁';background:linear-gradient(45deg, rgba(106,106,106,0.56), rgba(106,106,106,0.56));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hot-product-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg, rgba(138,43,226,0.1), rgba(65,105,225,0.1));opacity:0;transition:opacity 0.3s ease}.hot-product-item:hover{transform:translateX(5px)}.hot-product-item:hover::after{opacity:1}.hot-product-rank{font-size:16px;font-weight:bold;background:linear-gradient(45deg, #8a2be2, #4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;min-width:24px;text-align:center}.hot-product-rank.top-3{font-size:16px;background:linear-gradient(45deg, gold, orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hot-product-info{flex:1;min-width:0;padding:4px 0}.hot-product-name{font-size:15px;color:#fff;margin:0 0 2px;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-product-icon{width:40px;height:40px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:transform 0.3s ease}.hot-product-item:hover .hot-product-icon{transform:scale(1.1)}.hot-product-info{flex:1;min-width:0}.hot-product-name{font-size:16px;color:#fff;margin:0 0 6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.3px}.hot-product-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.hot-product-views{font-size:13px;color:#b6bacd;display:flex;align-items:center;gap:4px}.hot-product-views i{font-size:14px;background:linear-gradient(45deg, #8a2be2, #4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(45deg)}@keyframes gradientMove{0%{background-position:0% 0%}100%{background-position:200% 0%}}.categories-dropdown{display:none;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:12px;padding:20px;background-color:#1a1a1a;border-radius:0 0 8px 8px;position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:5px;box-shadow:0 8px 16px rgba(0,0,0,0.2);transform-origin:top;transform:scaleY(0);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.categories-dropdown.show{display:grid;transform:scaleY(1);opacity:1}.carousel-container{position:relative;width:100%;max-width:1200px;margin:20px auto;margin-bottom:60px;padding:40px 0}.carousel{position:relative;display:flex;justify-content:center;align-items:center;height:400px;perspective:1000px;transform-style:preserve-3d}.carousel-item{position:absolute;width:60%;height:360px;transition:all 0.8s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.3);transform:translateX(-50%) scale(0.8)}.carousel-item.active{opacity:1;transform:translateX(0) scale(1);z-index:2}.carousel-item.prev{opacity:0.3;transform:translateX(-60%) scale(0.8);z-index:1}.carousel-item.next{opacity:0.3;transform:translateX(60%) scale(0.85);z-index:1}.carousel-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease-in-out}.carousel-item:hover img{transform:scale(1.05)}.carousel-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);padding:30px 30px;text-align:left;opacity:0;transition:opacity 0.3s ease}.carousel-item.active .carousel-overlay{opacity:1}.carousel-title{font-size:24px;font-weight:bold;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.carousel-description{font-size:16px;color:rgba(255,255,255,0.9);margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(0,0,0,0.6);border:none;border-radius:50%;font-size:20px;color:#fff;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.carousel-button:hover{background:rgba(0,0,0,0.8);transform:translateY(-50%) scale(1.1)}.carousel-button.prev{left:20px}.carousel-button.next{right:20px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.indicator{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease;border:2px solid transparent}.indicator.active{background:#fff;transform:scale(1.2);border-color:rgba(255,255,255,0.2)}@media screen and (max-width: 768px){.carousel-item{width:80%;height:300px}.carousel-title{font-size:20px}.carousel-description{font-size:14px}.carousel-button{width:36px;height:36px;font-size:16px}}.more-news{text-align:right;margin-top:20px;padding-right:20px}.more-news-link{display:inline-flex;align-items:center;gap:10px;color:cornflowerblue;text-decoration:none;font-size:15px;transition:all 0.3s ease}.more-news-link:hover{transform:translateX(5px);color:#fff}.more-news-link i{font-size:14px;transition:transform 0.3s ease}.more-news-link:hover i{transform:translateX(5px)}.knowledge-section{max-width:1200px;margin:40px auto;padding:0 20px;position:relative;height:1200px;margin-bottom:300px}.knowledge-banner{width:100%;min-height:420px;background:linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("https://picsum.photos/1200/300?random=1");background-size:cover;background-position:center;border-radius:8px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:30px 20px}.knowledge-title{font-family:'Source Code Pro', monospace;font-style:normal;font-weight:900;font-size:100px;line-height:121px;color:#FFFFFF;margin:0;text-shadow:0 2px 10px rgba(0,0,0,0.3);align-self:flex-start}.knowledge-cards{display:flex;gap:20px;justify-content:flex-end;transform:translate(-100px, -30px)}.knowledge-card{width:300px;height:300px;background:linear-gradient(181.2deg, #000 0.84%, #222a55 101.2%);box-shadow:0px 2px 10px rgba(0,0,0,0.25);border-radius:8px;position:relative;overflow:hidden}.knowledge-card .card-image{position:absolute;width:260px;left:50%;transform:translateX(-50%);overflow:visible;border-radius:8px}.knowledge-card .card-image img{width:100%;height:100%;object-fit:contain}.knowledge-card .card-title{position:absolute;width:250px;left:50%;top:180px;transform:translateX(-50%);font-family:'PingFang SC', sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:28px;color:#FFFFFF;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.knowledge-card:hover{transform:translateY(-5px);box-shadow:0px 4px 20px rgba(0,0,0,0.4)}.knowledge-section+.container{margin-top:200px}@media screen and (max-width: 1200px){.knowledge-section{height:900px;margin-bottom:300px}}@media screen and (max-width: 768px){.knowledge-section{height:1200px;margin-bottom:400px}}.featured-news-image img{display:block;width:100%;height:auto;margin:10px;border-radius:8px;object-fit:cover;transition:transform 0.3s ease}.featured-news-image img:hover{transform:scale(1.02)}.news-item img{display:block;width:100%;height:auto;margin:8px;border-radius:6px;object-fit:cover;transition:transform 0.3s ease}.news-item img:hover{transform:scale(1.02)}.category-products-section{max-width:1200px;margin:40px auto;padding:30px;background:rgba(20,20,35,0.8);border-radius:16px;border:1px solid rgba(100,149,237,0.15);margin-bottom:60px}.nav-categories{margin-bottom:50px}.card{background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;overflow:overlay}.card:hover{transform:translateY(-3px);background:rgba(255,255,255,0.1);box-shadow:0 4px 15px rgba(0,0,0,0.2);border-color:rgba(100,149,237,0.3)}.selected{border:none;float:left;margin:5px}.nav-category.selected{background:rgba(255,255,255,0.2);color:#fff;text-shadow:0 0 10px rgba(255,255,255,0.5)}.nav-category.selected i{color:#fff;text-shadow:0 0 15px rgba(255,255,255,0.8)}.nav-category.latest{background:linear-gradient(135deg, #12c2e9, #c471ed, #f64f59)}.nav-category.latest:hover{background:linear-gradient(135deg, #12c2e9, #c471ed, #f64f59);opacity:0.9}.nav-category.latest i{color:#fff;text-shadow:0 0 15px rgba(255,255,255,0.8)}.card .tags .tag{display:inline-block;padding:4px 8px;border-radius:4px;margin-right:4px;font-size:0.8em;font-weight:500;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.card .tags .tag[data-category="语音技术"],.card .tags .tag[data-category="人机交互"]{background:linear-gradient(135deg, rgba(41,128,255,0.15), rgba(67,233,255,0.15));color:#29a2ff}.card .tags .tag[data-category="图像处理"],.card .tags .tag[data-category="设计工具"]{background:linear-gradient(135deg, rgba(255,61,245,0.15), rgba(184,94,255,0.15));color:#ff3df5}.card .tags .tag[data-category="翻译"],.card .tags .tag[data-category="语言工具"]{background:linear-gradient(135deg, rgba(0,255,171,0.15), rgba(66,227,255,0.15));color:#00ffab}.card .tags .tag[data-category="数据分析"],.card .tags .tag[data-category="商业智能"]{background:linear-gradient(135deg, rgba(130,94,255,0.15), rgba(79,209,255,0.15));color:#825eff}.card .tags .tag[data-category="写作工具"],.card .tags .tag[data-category="内容生成"]{background:linear-gradient(135deg, rgba(255,123,137,0.15), rgba(255,89,169,0.15));color:#ff7b89}.card .tags .tag[data-category="视频编辑"],.card .tags .tag[data-category="多媒体"]{background:linear-gradient(135deg, rgba(64,223,255,0.15), rgba(62,168,255,0.15));color:#40dfff}.card .tags .tag[data-category="音乐生成"],.card .tags .tag[data-category="创意工具"]{background:linear-gradient(135deg, rgba(255,184,75,0.15), rgba(255,127,80,0.15));color:#ffb84b}.card .tags .tag[data-category="代码生成"],.card .tags .tag[data-category="开发工具"]{background:linear-gradient(135deg, rgba(255,73,173,0.15), rgba(147,51,234,0.15));color:#ff49ad}.card .tags .tag:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.banner-overlay{position:absolute;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1}.knowledge-banner{position:relative;z-index:0}.knowledge-title,.knowledge-cards{z-index:2}.product-card{background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;overflow:hidden}.product-card .card-image{position:relative;width:100%;padding-top:50%;overflow:hidden}.product-card .card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;transition:transform 0.3s ease}.product-card:hover .card-image img{transform:scale(1.05)}.knowledge-section .section-header{text-align:center;margin-bottom:30px}.knowledge-section .section-header h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px;background:linear-gradient(45deg, #8a2be2, #4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.knowledge-section .section-header p{font-size:16px;color:rgba(255,255,255,0.8);margin:0}.knowledge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:16px;border-radius:12px;flex-wrap:wrap}.knowledge-title-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%;margin-bottom:20px}.knowledge-categories{display:flex;gap:12px;flex-wrap:wrap}.knowledge-category{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease}.knowledge-category.active{background:linear-gradient(135deg, #8a2be2, #4169e1);color:#fff}.knowledge-category:hover{background:rgba(255,255,255,0.2)}.category-logo{width:20px;height:20px;object-fit:contain}.section-divider{width:80%;height:1px;background:rgba(255,255,255,0.1);margin:60px auto;position:relative}.section-divider::before,.section-divider::after{content:'';position:absolute;top:-4px;width:8px;height:8px;background:#8a2be2;border-radius:50%}.section-divider::before{left:0}.section-divider::after{right:0}.knowledge-title-wrapper h2{font-size:60px;color:#fff;margin-bottom:8px;background:linear-gradient(45deg, #8a2be2, #4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'Source Code Pro', monospace}.knowledge-title-wrapper h2::after{display:none}.knowledge-title-wrapper p{font-size:16px;color:rgba(255,255,255,0.8);margin:0;padding-left:4px;font-weight:400}body{line-height:1.6}main{margin-top:2rem}@media screen and (max-width: 768px){main{margin-top:1rem}}