:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#fff}.app{min-height:100vh;background:linear-gradient(180deg,#fff,#fff5f7)}.main-content{min-height:calc(100vh - 200px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%}a{text-decoration:none;color:inherit}button{font-family:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}p{line-height:1.7}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff69b4,#ffb6c1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff1493,#ff69b4)}@media(max-width:768px){body{font-size:14px}}.header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #ffb6c126;z-index:1000;transition:all .3s ease}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#ff69b4;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{background:linear-gradient(135deg,#ff69b4,#ffb6c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-button{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.mobile-menu-button span{width:25px;height:3px;background:#ff69b4;border-radius:3px;transition:all .3s ease}.mobile-menu-button.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav{display:flex;gap:2.5rem}.nav a{position:relative;color:#555;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s ease;padding:.5rem 0}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff69b4,#ffb6c1);transition:width .3s ease}.nav a:hover,.nav a.active{color:#ff69b4}.nav a:hover:after,.nav a.active:after{width:100%}@media(max-width:768px){.header-container{padding:1rem}.mobile-menu-button{display:flex}.nav{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:0;padding:5rem 2rem 2rem;box-shadow:-5px 0 20px #0000001a;transition:right .3s ease}.nav.mobile-open{right:0}.nav a{padding:1rem 0;border-bottom:1px solid rgba(255,182,193,.2);font-size:1.1rem}.logo{font-size:1.25rem}.logo-icon{font-size:1.75rem}}.footer{position:relative;background:linear-gradient(180deg,#fff5f7,#ffe4e9);margin-top:5rem;overflow:hidden}.footer-container{max-width:1400px;margin:0 auto;padding:4rem 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-section h3{color:#ff69b4;font-size:1.25rem;margin-bottom:1.5rem;font-weight:600}.footer-section p{color:#666;line-height:1.8;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{color:#666;padding:.5rem 0;cursor:pointer;transition:all .3s ease;position:relative;padding-left:15px}.footer-section ul li:before{content:"🌸";position:absolute;left:0;font-size:.75rem;opacity:0;transition:opacity .3s ease}.footer-section ul li:hover{color:#ff69b4;padding-left:20px}.footer-section ul li:hover:before{opacity:1}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;font-size:1.25rem;transition:all .3s ease;box-shadow:0 2px 10px #ff69b41a}.social-links a:hover{transform:translateY(-5px);box-shadow:0 5px 20px #ff69b44d}.footer-bottom{text-align:center;padding:2rem;border-top:1px solid rgba(255,105,180,.2);color:#888;font-size:.9rem}.footer-bottom p{margin:.5rem 0}.footer-notice{font-size:.85rem;color:#999}.cherry-blossoms{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.blossom{position:absolute;font-size:2rem;opacity:.15;animation:fall 15s linear infinite}.blossom:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.blossom:nth-child(2){left:30%;animation-delay:3s;animation-duration:15s}.blossom:nth-child(3){left:50%;animation-delay:6s;animation-duration:18s}.blossom:nth-child(4){left:70%;animation-delay:9s;animation-duration:13s}.blossom:nth-child(5){left:90%;animation-delay:12s;animation-duration:16s}@keyframes fall{0%{top:-10%;transform:rotate(0)}to{top:110%;transform:rotate(360deg)}}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem 1.5rem}.footer-section h3{font-size:1.1rem}.footer-bottom{padding:1.5rem 1rem;font-size:.85rem}}.home-page{min-height:100vh}.hero-section{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe4e9,#fff5f7,#ffe4f3);overflow:hidden}.hero-content{text-align:center;z-index:2;padding:2rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.title-line{background:linear-gradient(135deg,#ff69b4,#ff1493,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite;background-size:200% 200%}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.5rem;color:#666;margin-bottom:2.5rem}.hero-button{padding:1rem 3rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff69b4,#ff1493);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ff69b44d}.hero-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff69b466}.hero-decoration{position:absolute;width:100%;height:100%;pointer-events:none}.floating-blossom{position:absolute;font-size:3rem;opacity:.3;animation:float-around 20s ease-in-out infinite}.blossom-1{left:10%;top:20%;animation-delay:0s}.blossom-2{right:15%;top:30%;animation-delay:4s}.blossom-3{left:20%;bottom:25%;animation-delay:8s}.blossom-4{right:25%;bottom:20%;animation-delay:12s}.blossom-5{left:50%;top:15%;animation-delay:16s}@keyframes float-around{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translateY(-40px) rotate(180deg)}75%{transform:translate(-20px,-20px) rotate(270deg)}}section{max-width:1400px;margin:0 auto;padding:4rem 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;color:#ff69b4;margin-bottom:.5rem}.section-subtitle{font-size:1.1rem;color:#888}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.featured-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;cursor:pointer;transition:all .3s ease}.featured-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #ff69b433}.featured-image{position:relative;width:100%;padding-top:60%;overflow:hidden}.featured-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-card:hover .featured-image img{transform:scale(1.1)}.featured-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff69b44d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.featured-card:hover .featured-overlay{opacity:1}.play-icon{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ff69b4}.featured-info{padding:1.5rem}.featured-category{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-radius:20px;font-size:.85rem;margin-bottom:.75rem}.featured-info h3{font-size:1.25rem;color:#333;margin-bottom:.5rem}.featured-info p{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.featured-meta{display:flex;gap:1.5rem;color:#999;font-size:.9rem}.trending-section{background:linear-gradient(180deg,#fff,#fff5f7)}.trending-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.trending-item{display:flex;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 5px 20px #0000000d;cursor:pointer;transition:all .3s ease}.trending-item:hover{transform:translate(5px);box-shadow:0 10px 30px #ff69b426}.trending-rank{font-size:2rem;font-weight:700;color:#ff69b4;min-width:50px;display:flex;align-items:center;justify-content:center}.trending-image{width:150px;height:100px;border-radius:10px;overflow:hidden;flex-shrink:0}.trending-image img{width:100%;height:100%;object-fit:cover}.trending-info{flex:1}.trending-info h4{font-size:1.1rem;color:#333;margin-bottom:.5rem}.trending-info p{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-meta{display:flex;gap:1rem;align-items:center}.category-tag{padding:.25rem .6rem;background:#ffe4e9;color:#ff69b4;border-radius:15px;font-size:.8rem}.views{color:#999;font-size:.85rem}.category-filters{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.category-btn{padding:.75rem 2rem;background:#fff;border:2px solid #ffe4e9;border-radius:30px;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.category-btn:hover,.category-btn.active{background:linear-gradient(135deg,#ff69b4,#ffb6c1);border-color:#ff69b4;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ff69b44d}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.latest-carousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.carousel-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #00000014;cursor:pointer;transition:all .3s ease}.carousel-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ff69b433}.carousel-image{position:relative;width:100%;padding-top:65%;overflow:hidden}.carousel-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff69b466;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.carousel-card:hover .carousel-overlay{opacity:1}.play-btn{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff69b4;font-size:1.2rem}.duration-badge{position:absolute;bottom:10px;right:10px;padding:.25rem .75rem;background:#000000b3;color:#fff;border-radius:5px;font-size:.85rem}.carousel-info{padding:1rem}.carousel-info h4{font-size:1rem;color:#333;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#999}.carousel-meta .category{color:#ff69b4;font-weight:500}.recommended-section{background:#fff5f7}.recommended-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.recommended-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000000f;cursor:pointer;transition:all .3s ease}.recommended-card:hover{transform:scale(1.02);box-shadow:0 10px 35px #ff69b433}.recommended-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.recommended-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recommended-card:hover .recommended-image img{transform:scale(1.05)}.hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff69b480;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.recommended-card:hover .hover-overlay{opacity:1}.play-button{padding:.75rem 2rem;background:#fff;color:#ff69b4;border:none;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.play-button:hover{transform:scale(1.1)}.recommended-content{padding:1.25rem}.recommended-content h4{font-size:1.1rem;color:#333;margin-bottom:.5rem}.recommended-desc{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.recommended-footer{display:flex;justify-content:space-between;align-items:center}.tag{padding:.3rem .8rem;background:#ffe4e9;color:#ff69b4;border-radius:15px;font-size:.8rem}.view-count{color:#999;font-size:.85rem}.collection-list{display:flex;flex-direction:column;gap:2rem}.collection-item{display:flex;gap:2rem;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014;cursor:pointer;transition:all .3s ease}.collection-item:hover{transform:translate(10px);box-shadow:0 15px 40px #ff69b433}.collection-thumbnail{position:relative;width:350px;flex-shrink:0}.collection-thumbnail img{width:100%;height:100%;object-fit:cover}.collection-badge{position:absolute;top:15px;left:15px;padding:.5rem 1rem;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border-radius:20px;font-weight:600;font-size:.9rem}.collection-details{padding:2rem;flex:1}.collection-category{display:inline-block;padding:.3rem .8rem;background:#ffe4e9;color:#ff69b4;border-radius:15px;font-size:.85rem;margin-bottom:1rem}.collection-title{font-size:1.5rem;color:#333;margin-bottom:1rem}.collection-description{color:#666;font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.collection-stats{display:flex;gap:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:#999;font-size:.95rem}.stat-icon{font-size:1.1rem}.stat-value{font-weight:500;color:#666}@media(max-width:1024px){.hero-title{font-size:2.5rem}.featured-grid{grid-template-columns:repeat(2,1fr)}.trending-list{grid-template-columns:1fr}.collection-thumbnail{width:250px}}@media(max-width:768px){section{padding:3rem 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.featured-grid,.video-grid,.latest-carousel,.recommended-grid{grid-template-columns:1fr}.trending-item{flex-direction:column}.trending-image{width:100%;height:180px}.collection-item{flex-direction:column}.collection-thumbnail{width:100%;height:250px}.category-filters{gap:.75rem}.category-btn{padding:.6rem 1.5rem;font-size:.9rem}}.video-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014;cursor:pointer;transition:all .3s ease}.video-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #ff69b433}.video-card-image{position:relative;width:100%;padding-top:60%;overflow:hidden}.video-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-card-image img{transform:scale(1.1)}.video-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff69b459;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-card-overlay{opacity:1}.play-icon-card{width:55px;height:55px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#ff69b4}.video-duration{position:absolute;bottom:10px;right:10px;padding:.3rem .8rem;background:#000000bf;color:#fff;border-radius:5px;font-size:.85rem;font-weight:500}.video-card-content{padding:1.25rem}.video-category{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-radius:15px;font-size:.8rem;font-weight:500;margin-bottom:.75rem}.video-title{font-size:1.1rem;color:#333;margin-bottom:.5rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-stats{display:flex;gap:1.25rem;color:#999;font-size:.85rem}.stat{display:flex;align-items:center;gap:.25rem}.video-detail-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fff5f7);padding:2rem 0}.video-detail-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-detail-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 380px;gap:2rem}.video-main-section{width:100%}.video-info-section{background:#fff;border-radius:20px;padding:2rem;margin-top:1.5rem;box-shadow:0 10px 30px #0000000d}.video-header{border-bottom:2px solid #ffe4e9;padding-bottom:1.5rem;margin-bottom:1.5rem}.video-category-badge{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.video-main-title{font-size:2rem;color:#333;margin-bottom:1rem;line-height:1.4}.video-metadata{display:flex;gap:2rem;flex-wrap:wrap}.metadata-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem}.metadata-item .icon{font-size:1.2rem}.metadata-item .value{font-weight:500}.video-description-section,.video-review-section{margin-bottom:2rem}.section-heading{font-size:1.3rem;color:#ff69b4;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.review-icon{font-size:1.5rem}.video-main-description{color:#666;font-size:1.05rem;line-height:1.8}.review-content{background:#fff5f7;border-left:4px solid #ff69b4;padding:1.5rem;border-radius:10px}.review-text{color:#555;font-size:1rem;line-height:1.9;text-align:justify}.video-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:2px solid #ffe4e9}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;background:#fff;border:2px solid #ffe4e9;border-radius:12px;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease}.action-button:hover{background:#fff5f7;border-color:#ffb6c1;transform:translateY(-2px)}.action-button.primary{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-color:#ff69b4}.action-button.primary:hover{background:linear-gradient(135deg,#ff1493,#ff69b4);box-shadow:0 5px 20px #ff69b44d}.action-button span:first-child{font-size:1.3rem}.video-sidebar{position:sticky;top:100px;height:fit-content}.sidebar-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0000000d}.sidebar-title{font-size:1.3rem;color:#ff69b4;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #ffe4e9}.related-videos-list{display:flex;flex-direction:column;gap:1rem}.related-video-item{display:flex;gap:1rem;cursor:pointer;padding:.75rem;border-radius:12px;transition:all .3s ease}.related-video-item:hover{background:#fff5f7;transform:translate(5px)}.related-video-thumbnail{position:relative;width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.related-video-thumbnail img{width:100%;height:100%;object-fit:cover}.related-duration{position:absolute;bottom:5px;right:5px;padding:.2rem .5rem;background:#000000bf;color:#fff;border-radius:4px;font-size:.75rem}.related-video-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.related-video-title{font-size:.95rem;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.related-video-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem}.related-category{color:#ff69b4;font-weight:500}.related-views{color:#999}.more-videos-section{max-width:1400px;margin:4rem auto 0;padding:0 2rem}.more-videos-title{font-size:2rem;color:#ff69b4;text-align:center;margin-bottom:2.5rem}.more-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}@media(max-width:1200px){.video-detail-container{grid-template-columns:1fr}.video-sidebar{position:static}}@media(max-width:768px){.video-detail-page{padding:1rem 0}.video-detail-container{padding:0 1rem;gap:1.5rem}.video-info-section{padding:1.5rem}.video-main-title{font-size:1.5rem}.video-metadata{gap:1rem}.video-actions{flex-direction:column}.action-button{padding:.8rem}.related-video-thumbnail{width:100px;height:70px}.related-video-title{font-size:.9rem}.more-videos-grid{grid-template-columns:1fr}.sidebar-section{padding:1.25rem}}.video-player-container{position:relative;width:100%;background:#000;border-radius:15px;overflow:hidden;aspect-ratio:16 / 9}.video-player{width:100%;height:100%;display:block}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;z-index:10}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#ff69b4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.video-loading p{font-size:1rem;color:#ffffffe6}.video-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;color:#fff;z-index:10}.error-icon{font-size:3rem;margin-bottom:1rem}.video-error p{font-size:1.1rem;color:#ffffffe6}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;transition:background .3s ease;z-index:5}.video-overlay:hover{background:#00000080}.play-button-large{width:80px;height:80px;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #ff69b44d}.play-button-large:hover{transform:scale(1.1);background:#fff;box-shadow:0 8px 30px #ff69b480}.play-icon-large{font-size:2rem;color:#ff69b4;margin-left:5px}.video-title-overlay{position:absolute;bottom:2rem;left:2rem;right:2rem;color:#fff;font-size:1.5rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.5)}@media(max-width:768px){.play-button-large{width:60px;height:60px}.play-icon-large{font-size:1.5rem}.video-title-overlay{font-size:1.1rem;bottom:1rem;left:1rem;right:1rem}}.info-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fff5f7)}.info-hero{background:linear-gradient(135deg,#ffe4e9,#fff5f7,#ffe4f3);padding:5rem 2rem 3rem;text-align:center;position:relative;overflow:hidden}.info-hero:before{content:"🌸";position:absolute;font-size:15rem;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%)}.info-hero-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ff69b4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;position:relative;z-index:1}.info-hero-subtitle{font-size:1.3rem;color:#666;position:relative;z-index:1}.info-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.info-section{background:#fff;border-radius:20px;padding:3rem;margin-bottom:2.5rem;box-shadow:0 10px 30px #0000000d;transition:all .3s ease}.info-section:hover{box-shadow:0 15px 40px #ff69b41a}.info-section.highlight{background:linear-gradient(135deg,#fff5f7,#ffe4e9)}.section-icon{font-size:3rem;margin-bottom:1rem}.info-section h2{font-size:2rem;color:#ff69b4;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.info-section p{color:#666;font-size:1.05rem;line-height:1.9;margin-bottom:1.5rem;text-align:justify}.info-section ul{list-style:none;padding:0}.info-section ul li{color:#666;font-size:1rem;line-height:1.8;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-section ul li:before{content:"🌸";position:absolute;left:0;font-size:.9rem}.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.vision-item{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0000000d;transition:all .3s ease}.vision-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff69b426}.vision-icon{font-size:3rem;margin-bottom:1rem;display:block}.vision-item h3{color:#ff69b4;font-size:1.3rem;margin-bottom:1rem}.vision-item p{color:#666;font-size:.95rem;line-height:1.7;margin:0}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff69b4,#ffb6c1)}.timeline-item{position:relative;padding-left:80px;margin-bottom:3rem}.timeline-dot{position:absolute;left:20px;top:5px;width:22px;height:22px;background:#fff;border:4px solid #ff69b4;border-radius:50%;box-shadow:0 0 0 4px #ff69b41a}.timeline-content h3{color:#ff69b4;font-size:1.2rem;margin-bottom:.5rem}.timeline-content p{color:#666;font-size:1rem;line-height:1.7;margin:0}.contact-grid,.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.contact-item,.support-card{background:#fff5f7;padding:2rem;border-radius:15px;text-align:center;transition:all .3s ease}.contact-item:hover,.support-card:hover{background:#ffe4e9;transform:translateY(-3px)}.contact-icon,.support-card-icon{font-size:3rem;margin-bottom:1rem;display:block}.contact-item h4,.support-card h3{color:#ff69b4;font-size:1.2rem;margin-bottom:.75rem}.contact-item p,.support-main{color:#666;font-size:1rem;margin:.25rem 0}.support-main{color:#333;font-size:1.1rem;font-weight:600;margin:1rem 0}.support-time{color:#999;font-size:.9rem;margin:.25rem 0}.support-btn{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.support-btn:hover{background:linear-gradient(135deg,#ff1493,#ff69b4);transform:scale(1.05)}.help-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.help-category{background:#fff;padding:2rem;border-radius:15px;border:2px solid #ffe4e9}.help-category h3{color:#ff69b4;font-size:1.3rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #ffe4e9}.help-category ul{list-style:none;padding:0}.help-category li{color:#666;font-size:.95rem;padding:.75rem 0 .75rem 1.5rem;position:relative;cursor:pointer;transition:all .3s ease}.help-category li:before{content:"→";position:absolute;left:0;color:#ff69b4;font-weight:700}.help-category li:hover{color:#ff69b4;padding-left:2rem}.guide-section{background:#fff5f7;padding:2rem;border-radius:15px;margin-bottom:2rem;border-left:5px solid #ff69b4}.guide-section h3{color:#ff69b4;font-size:1.3rem;margin-bottom:1rem}.guide-section p{color:#666;font-size:1rem;line-height:1.8;margin:0}.tips-list{list-style:none;padding:0;margin-top:1rem}.tips-list li{background:#fff;padding:1rem 1.5rem;border-radius:10px;margin-bottom:.75rem;color:#666;font-size:.95rem;box-shadow:0 2px 10px #00000008}.tips-list li:before{content:""}.faq-list{margin-top:2rem}.faq-item{background:#fff5f7;padding:2rem;border-radius:15px;margin-bottom:1.5rem;transition:all .3s ease}.faq-item:hover{background:#ffe4e9;transform:translate(10px)}.faq-item h4{color:#ff69b4;font-size:1.1rem;margin-bottom:.75rem}.faq-item p{color:#666;font-size:1rem;line-height:1.7;margin:0}.copyright-box{background:#fff5f7;border:2px solid #ffb6c1;border-radius:15px;padding:2rem;margin-top:2rem}.copyright-box h3{color:#ff69b4;font-size:1.3rem;margin-bottom:1rem}.copyright-box p{margin:.75rem 0}.disclaimer-section,.agreement-section,.privacy-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #ffe4e9}.disclaimer-section:last-child,.agreement-section:last-child,.privacy-section:last-child{border-bottom:none;padding-bottom:0}.disclaimer-section h3,.agreement-section h3,.privacy-section h3{color:#ff69b4;font-size:1.2rem;margin-bottom:1rem}.agreement-list,.privacy-list{background:#fff5f7;padding:1.5rem 2rem;border-radius:10px;margin-top:1rem}.agreement-list li,.privacy-list li{padding:.5rem 0}.cta-section{text-align:center;background:linear-gradient(135deg,#fff5f7,#ffe4e9)}.cta-section h2{justify-content:center}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.cta-btn{padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;border:2px solid #ff69b4}.cta-btn.primary{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-color:#ff69b4}.cta-btn.primary:hover{background:linear-gradient(135deg,#ff1493,#ff69b4);transform:translateY(-3px);box-shadow:0 10px 30px #ff69b44d}.cta-btn:not(.primary){background:#fff;color:#ff69b4}.cta-btn:not(.primary):hover{background:#ff69b4;color:#fff;transform:translateY(-3px)}.contact-info{background:#fff;padding:2rem;border-radius:15px;margin:2rem auto;max-width:600px;box-shadow:0 5px 20px #0000000d}.contact-info p{margin:1rem 0;font-size:1.1rem;color:#666}.update-time{color:#999;font-size:.9rem;margin-top:2rem;font-style:italic}@media(max-width:768px){.info-hero{padding:3rem 1.5rem 2rem}.info-hero-title{font-size:2rem}.info-hero-subtitle{font-size:1.1rem}.info-container{padding:2rem 1rem}.info-section{padding:2rem 1.5rem}.info-section h2{font-size:1.5rem}.vision-grid,.contact-grid,.support-grid,.help-categories{grid-template-columns:1fr;gap:1.5rem}.timeline:before{left:15px}.timeline-item{padding-left:50px}.timeline-dot{left:5px}.cta-buttons{flex-direction:column;gap:1rem}.cta-btn{width:100%}}