/* hero */
.hero {background:radial-gradient(60% 95% at 14% -12%, rgba(255,226,231,.82) 0%, rgba(255,246,248,.54) 36%, rgba(255,255,255,0) 66%),radial-gradient(54% 70% at 100% 0%, rgba(226,254,255,.86) 0%, rgba(244,253,254,.58) 38%, rgba(255,255,255,0) 70%),radial-gradient(78% 78% at 18% 100%, rgba(199,244,255,.86) 0%, rgba(226,249,253,.48) 38%, rgba(255,255,255,0) 70%),radial-gradient(54% 58% at 57% 96%, rgba(229,255,247,.78) 0%, rgba(255,255,255,0) 60%),linear-gradient(104deg, #fff8f9 0%, #fbfdff 44%, #fffefe 100%);padding:60px 0 0 0;text-align: center;border-bottom: 1px solid #ffe8e0;    background-size:cover;}
.hero-title {font-size:60px;font-weight:bold;background: linear-gradient(135deg, #1e2a3e, #d93c2f);
     background-clip: text;-webkit-background-clip: text;color: transparent;color:#333333;line-height: 62px;    letter-spacing:1px;
}
.hero-title span{background-image: linear-gradient(90deg, #F35A55 0%, #FE0178 34%, #FE01CB 64%, #7E00FF 100%);-webkit-background-clip: text;
     background-clip: text;-webkit-text-fill-color: transparent;color: transparent;display: inline-block;margin:0 0 0 20px;
}
.hero-desc {font-size: 18px;color: #666666;margin: 33px 0 50px 0;line-height: 20px;}

/* search */
.search-wrapper {margin: 0 auto 50px auto;width: 800px;height: 136px;border-radius: 10px;background: #FFFFFF;box-shadow: 0px 0px 15px 0px #FBA5A5;position: relative; }
.search-wrapper::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;
     border-radius: inherit;padding: 4px;background: radial-gradient(circle, rgba(243, 89, 86, 1), rgba(254, 16, 119, 1));
     -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
     mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;
}
.search-wrapper.textarea-focus {box-shadow: 0px 0px 15px 0px #FC5252;}
.search-wrapper.textarea-focus::before {border: 4px solid #F65D57;background:none;}
.schwap-all{margin:15px;height: 100%;justify-content: space-between;}
.idx-search{ font-size: 16px;color: #333333;border: none;resize: none;overflow-y: auto;scrollbar-width: none;height:100%;margin:0 0 3px 0;}
.idx-search::placeholder{color:#999999;}
.search-box {justify-content: space-between;}
.schbxleft{align-items: center;}
.schbxl-thk,.schbxl-sch{padding:9px 10px 7px 10px;border-radius:14px;font-size: 12px;line-height: 12px;margin:0 12px 0 0;}
.schbxl-thk{background: #F4F4F5; color: #333333;}
.schbxl-sch{ background: #FDF2F1;color: #F65D57;}
.schbxl-sch:hover{background:#FEE2E1;color: #F65D57;}
.schbxl-sel{font-size: 12px;cursor: pointer;align-items: center;transition: all 0.2s;}
.schbxl-sel span:nth-child(1){color: #999999;}
.schbxl-sel span:nth-child(2){color: #333333;}
.schbxl-sel b{background:url(../images/icon7.png) no-repeat;width:8px;height:7px;background-size: contain;margin:0 0 0 3px;}
.schbxl-thk b{background:url(../images/icon5.png) no-repeat;width:12px;height:12px;background-size: contain;margin:0 2px 0 0;}
.schbxl-sch b{background:url(../images/icon6.png) no-repeat;width:14px;height:14px;background-size: contain;margin:0 2px 0 0;}

.schbxr-txt{ height: 31px;background: #FDF2F1;border-radius:5px;padding:0 10px;align-items: center;font-size: 14px;color: #F65D57;}
.schbxr-txt:hover{ background: #FEE2E1;color: #F65D57;}
.schbxr-txt b{background:url(../images/icon8.png) no-repeat;width:13px;height:14px;background-size: contain;margin:0 2px 0 0;}
.schbxr-btn b{background:url(../images/icon9.png) no-repeat;width:31px;height:31px;background-size: contain;margin:0 0 0 16px;}
.schbxr-btn:hover b{background:url(../images/icon24.png) no-repeat;width:31px;height:31px;background-size: contain;margin:0 0 0 16px;}
.schbxr-btn.is-loading{pointer-events:none;opacity:.72;}
.schbxr-btn.is-loading b{border:3px solid #FFE4E3;border-top-color:#F65D57;border-radius:50%;background:none;width:25px;height:25px;animation:aiPptSpin .8s linear infinite;}



.custom-select {position: relative;width: 200px;user-select: none;}
.schbxl-sel span:first-child {color: #8a9aa8;margin-right: 6px;}
.schbxl-sel span:last-child {flex: 1;font-weight: 500;color: #1e2f3f;}

.select-dropdown {position: absolute;top: calc(100% + 5px);left:10%;right: 0;background: #FFFFFF;border: 1px solid #F3F3F3;border-radius: 5px;box-shadow: 0px 0px 15px 0px #ECECEC;
     z-index: 100;opacity: 0;visibility: hidden;transition: all 0.2s ease;    width: 45%;align-items: center;box-shadow: 0px 0px 15px 0px #ECECEC;
}
.custom-select.open .select-dropdown {opacity: 1;visibility: visible;top: calc(100% + 8px);}
.custom-select.open .schbxl-sel b {transform: rotate(180deg);}
.select-option {font-size: 12px;cursor: pointer;transition: background 0.15s;color:#333333;display:flex;margin:0 0 10px 0;}
.select-option:nth-child(1){margin-top:10px;}
.select-option.selected {background: #fde9e5;color: #d93c2f;font-weight: 500;}
.select-option span{width: 76px;height: 30px;}
.select-option:hover span{ background: #F4F4F5;background: #F4F4F5;border-radius:5px;}

.feature-grid {display: flex;justify-content: center;flex-wrap: wrap;gap: 90px;margin:0 0 50px 0;}
.feature-card {  align-items: center;font-size: 16px;color: #333333;cursor:pointer; }
.feature-ppt b{background:url(../images/icon10.png) no-repeat;width:24px;height:27px;background-size: contain;margin:0 0 13px 0;}
.feature-ai b{background:url(../images/icon11.png) no-repeat;width:23px;height:23px;background-size: contain;margin:0 0 17px 0;}
.feature-mb b{background:url(../images/icon12.png) no-repeat;width:26px;height:26px;background-size: contain;margin:0 0 14px 0;}
.feature-up b{background:url(../images/icon13.png) no-repeat;width:24px;height:22px;background-size: contain;margin:0 0 18px 0;}

.ai-ppt-panel{display:none;width:800px;margin:-28px auto 46px auto;text-align:left;background:#FFFFFF;border:1px solid #FFE0DF;border-radius:8px;box-shadow:0px 8px 22px 0px rgba(246,93,87,0.16);padding:18px 20px 20px 20px;box-sizing:border-box;}
.ai-ppt-panel.is-show{display:block;}
.ai-ppt-head{justify-content:space-between;align-items:center;gap:20px;}
.ai-ppt-title strong{font-size:18px;color:#333333;line-height:24px;}
.ai-ppt-title span{font-size:13px;color:#999999;margin:6px 0 0 0;}
.ai-ppt-actions{align-items:center;gap:12px;flex-shrink:0;}
.ai-ppt-cancel,.ai-ppt-copy,.ai-ppt-download{height:34px;border-radius:5px;padding:0 14px;display:flex;align-items:center;justify-content:center;font-size:14px;}
.ai-ppt-cancel{background:#F7F7F7;color:#666666;}
.ai-ppt-cancel:hover{background:#EEEEEE;color:#333333;}
.ai-ppt-copy{display:none;background:#FFF3F2;color:#F65D57;}
.ai-ppt-copy:hover{background:#FEE2E1;color:#F65D57;}
.ai-ppt-download{display:none;background:linear-gradient(80deg,#F35A55 0%,#FE0178 100%);color:#FFFFFF;}
.ai-ppt-download:hover{color:#FFFFFF;box-shadow:0 5px 14px rgba(246,93,87,.24);}
.ai-ppt-panel.is-done .ai-ppt-copy{display:flex;}
.ai-ppt-panel.is-done .ai-ppt-download{display:flex;}
.ai-ppt-panel.is-done .ai-ppt-cancel{display:none;}
.ai-ppt-progress{height:7px;background:#FFF0EF;border-radius:10px;overflow:hidden;margin:16px 0 12px 0;}
.ai-ppt-progress span{display:block;width:8%;height:100%;border-radius:10px;background:linear-gradient(90deg,#F35A55 0%,#FE0178 100%);transition:width .35s ease;}
.ai-ppt-status{font-size:14px;color:#666666;line-height:22px;margin:0 0 14px 0;}
.ai-ppt-pages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:230px;overflow-y:auto;padding:2px;}
.ai-ppt-pages li{border:1px solid #F3F3F3;border-radius:6px;background:#FAFAFA;overflow:hidden;min-height:86px;}
.ai-ppt-page-img{width:100%;height:84px;background:#FFE4E3;display:block;}
.ai-ppt-page-img img{width:100%;height:100%;object-fit:cover;}
.ai-ppt-page-info{font-size:12px;color:#666666;line-height:18px;padding:8px;}
.ai-ppt-page-error{color:#F65D57;}

@keyframes aiPptSpin{to{transform:rotate(360deg);}}




.section-wrap.container {margin:48px auto 50px auto;}

.section-header {display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 30px;}
.section-header h2 {font-weight:bold;font-size: 22px;color: #333333;}

.template-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap:32px;}
.sec-line{ width:100%;height: 5px;background: #F9F9F9;border-radius:3px;margin:13px 0 0 0;}
.sec-line b{ width: 43px;height: 5px;background: radial-gradient( 0% 0% at 0% 0%, #F35A55 0%, #FE0178 100%), #FFE4E3;border-radius:3px;}
.sechd-top{justify-content: space-between;align-items: center; width:100%;}



.ppt-card {background: #ffffff;border-radius:5px;overflow: hidden;transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);border: 1px solid #F3F3F3;box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.35);}
.ppt-card:hover {border-color: #F65D57;box-shadow: 0px 0px 15px 0px #FEBABA;transform:all .3s ease;}
.ppt-card:hover .card-title,.ppt-card:hover .card-meta,.ppt-card:hover .card-stats {color: inherit;}

.card-img{width: 250px;height: 150px;background: #FFE4E3;border-radius: 5px 5px 0px 0px;}
.card-img img{width:100%;height:100%;}
.card-body{margin:16px 15px 10px 15px;}
.card-title{-webkit-line-clamp:1;font-size: 16px;color: #333333;}
.card-title:hover{color:#F65D57;}
.card-meta,.card-stats{justify-content: space-between;}
.card-meta{margin:10px 0 12px 0;border-bottom:1px solid #F3F3F3;padding:0 0 11px 0;}
.card-meta div,.stat-item{font-size: 14px;color: #999999;}
.stat-item,.type-tag,.date-text{align-items: center;}

.stat-itema:hover{background: #FEE6E6; color: #F65D57;}
.stat-itema{background:#F7F7F7;color: #666666;height: 25px;border-radius:3px;padding:0 7px;}    

.templategx-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.pptgx-card{background: #FFFFFF;box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.35);border-radius:5px;border: 1px solid #F3F3F3;padding:18px 16px;transform: all .3s ease;}
.pptgx-card:hover{ border: 1px solid #F65D57;box-shadow: 0px 0px 15px 0px #FEBABA;}
.gxcard-img{width: 223px;height: 133px;border-radius:5px;margin:0 20px 0 0;flex-shrink: 0;}
.gxcard-img img{width:100%;height: 100%;border-radius:inherit;}
.gxcdr-title{font-size: 16px;color: #333333;-webkit-line-clamp:1;}
.gxcdr-title:hover{ color: #F65D57;}
.gxcdr-desc{ font-size: 14px;color: #999999;-webkit-line-clamp:2;margin:20px 0 18px 0;}
.gxcard-tag{display:flex;gap:20px;}
.gxcard-tag a,.gxcard-tag p,.gxcard-tag div{font-size: 14px;color: #999999;align-items: center; }
.gxcard-tag a,.gxcard-tag p,.gxcard-tag div{overflow: hidden;max-width:100px;white-space: nowrap;}


.gxtag-type{transform: all .3s ease;}
.gxtag-type:hover{ color: #F65D57;}






.friend-links {margin: 30px auto 40px auto;padding: 20px 0;border-top: 1px solid #edf2f7;}
.friend-links h3 {font-size: 1.1rem;margin-bottom: 16px;font-weight: 600;}
.friend-list {display: flex;flex-wrap: wrap;gap: 14px 28px;}
.friend-list a {font-size: 16px; color:#333333;}
.friend-list a:hover {color:#F65D57;}