/* AIGC-only refinements; shared markup, data and event handlers remain intact. */
.o_aigc_page_aigc { --navy:#10233f; --navy-2:#183650; --gold:#dfbb67; --muted:#586c80; --light:#f5f7fa; font-family:Montserrat; font-weight:500; }
body:has(.o_aigc_page_aigc) :is(#wrapwrap,#aigcVideoModal),body:has(.o_aigc_page_aigc) :is(#wrapwrap,#aigcVideoModal) *:not(.fa):not(.oi) { font-family:Montserrat; font-weight:500!important; font-synthesis:none; }
body:has(.o_aigc_page_aigc) #wrapwrap #top .navbar .nav-link { font-weight:500!important; }
.o_aigc_page_aigc .container { max-width:1240px; }
.o_aigc_page_aigc .o_aigc_breadcrumb { background:#10233f; border-color:#ffffff15; }.o_aigc_page_aigc .o_aigc_crumbs { font-size:.75rem; }
.o_aigc_page_aigc .o_aigc_hero { padding:44px 0 48px; background:radial-gradient(ellipse at 78% 35%,#325b7840,transparent 52%),linear-gradient(115deg,#10233f,#17324f); }
.o_aigc_page_aigc .o_aigc_hero h1 { font-size:clamp(2.2rem,3.6vw,3.2rem); line-height:1.2; letter-spacing:-.04em; margin-bottom:24px; }
.o_aigc_page_aigc .o_aigc_hero h1 em { font-size:1em; margin-top:8px; line-height:1.2; color:#edcd84; background:none; }
.o_aigc_page_aigc .o_aigc_hero_desc { font-size:.95rem; line-height:1.85; max-width:510px; margin-bottom:26px; color:#c7d6e4; }
.o_aigc_page_aigc .o_aigc_competition_flag { margin-bottom:22px; gap:10px; font-size:.58rem; flex-wrap:wrap; }
.o_aigc_page_aigc .o_aigc_competition_flag span:first-child { background:#dfbb6715; border:1px solid #dfbb6740; color:#edcf8a; box-shadow:none; border-radius:5px; }
.o_aigc_page_aigc .o_aigc_btn_light { padding:14px 24px; border-radius:10px; background:#ebca80; color:#10233f; font-size:.87rem; box-shadow:0 8px 25px #020c1925; }
.o_aigc_page_aigc .o_aigc_creative_studio { width:100%; max-width:550px; min-height:0; padding:0; border:1px solid #c6dfeb30; border-radius:22px; background:linear-gradient(140deg,#29486380,#112b4780); box-shadow:0 24px 55px #020c1926; }
.o_aigc_page_aigc .o_aigc_creative_top { position:relative; height:auto; min-height:50px; padding:16px 20px; font-size:.62rem; }
.o_aigc_page_aigc .o_aigc_creative_live i { box-shadow:none; animation:none; }
.o_aigc_page_aigc .o_aigc_creative_canvas { position:relative; display:grid; grid-template-columns:1fr 100px 1fr; grid-template-rows:120px 120px; gap:18px 12px; height:auto; padding:20px; }
.o_aigc_page_aigc .o_aigc_creation { position:relative; inset:auto; width:auto; height:auto; min-width:0; margin:0; padding:15px 12px; transform:none; border-radius:12px; box-shadow:0 8px 18px #020c191a; }
.o_aigc_page_aigc .o_aigc_creation_poster { grid-column:1; grid-row:1; }.o_aigc_page_aigc .o_aigc_creation_image { grid-column:3; grid-row:1; }.o_aigc_page_aigc .o_aigc_creation_video { grid-column:1; grid-row:2; }.o_aigc_page_aigc .o_aigc_creation_story { grid-column:3; grid-row:2; }
.o_aigc_page_aigc .o_aigc_creation strong { font-size:.68rem; line-height:1.5; }.o_aigc_page_aigc .o_aigc_creation small { font-size:.57rem; line-height:1.5; }
.o_aigc_page_aigc .o_aigc_generate { position:relative; inset:auto; grid-column:2; grid-row:1/3; align-self:center; width:100px; height:100px; transform:none; animation:ag-float 10s ease-in-out infinite; box-shadow:0 8px 26px #dfbb671a; }
.o_aigc_page_aigc .o_aigc_generate span { font-size:.62rem; }.o_aigc_page_aigc .o_aigc_generate small { font-size:.48rem; }
.o_aigc_page_aigc .o_aigc_creative_flow { position:relative; inset:auto; margin:0 18px 18px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; font-size:.52rem; line-height:1.6; padding:12px 8px; }
.o_aigc_page_aigc .o_aigc_section { padding:72px 0; }
.o_aigc_page_aigc .o_aigc_section_header { margin-bottom:30px; }.o_aigc_page_aigc .o_aigc_section_header h2 { font-size:clamp(1.65rem,2.6vw,2rem); line-height:1.3; margin-bottom:12px; }.o_aigc_page_aigc .o_aigc_section_header p { font-size:.9rem; line-height:1.8; }
.o_aigc_page_aigc .o_aigc_hubs { background:#f5f7fa; }.o_aigc_page_aigc .o_aigc_hub_grid { gap:28px; align-items:stretch; }
.o_aigc_page_aigc .o_aigc_hub_card { display:flex; flex-direction:column; height:100%; border:0; border-radius:18px; background:#fff; box-shadow:0 6px 26px #10233f09; transition:transform .3s ease,box-shadow .3s ease; }
.o_aigc_page_aigc .o_aigc_hub_visual { height:190px; flex:0 0 190px; background:radial-gradient(ellipse at 50% 90%,#e5d9bd,transparent 70%),#f4f0e7; }.o_aigc_page_aigc .o_aigc_hub_visual_alt { background:radial-gradient(ellipse at 50% 100%,#40617c,transparent 75%),#1b3651; }
.o_aigc_page_aigc .o_aigc_hub_body { display:flex; flex:1; flex-direction:column; padding:28px 30px 30px; }.o_aigc_page_aigc .o_aigc_hub_label { font-size:.6rem; color:#7b612a; letter-spacing:.12em; }.o_aigc_page_aigc .o_aigc_hub_body h2 { margin:10px 0 14px; font-size:1.5rem; line-height:1.4; }.o_aigc_page_aigc .o_aigc_hub_body p { font-size:.88rem; line-height:1.8; margin-bottom:24px; }.o_aigc_page_aigc .o_aigc_hub_link { margin-top:auto; font-size:.83rem; }
.o_aigc_page_aigc :is(.o_aigc_book_scene,.o_aigc_video_scene) { transition:transform .35s ease; }.o_aigc_page_aigc .o_aigc_hub_card:hover :is(.o_aigc_book_scene,.o_aigc_video_scene) { transform:translateY(-4px) rotate(2deg); }
.o_aigc_page_aigc .o_aigc_featured_ebooks { background:#fff; }.o_aigc_page_aigc .o_aigc_featured_head { margin-bottom:28px; gap:20px; }.o_aigc_page_aigc .o_aigc_featured_head .o_aigc_section_header { margin:0; }.o_aigc_page_aigc .o_aigc_featured_all { font-size:.8rem; }
.o_aigc_page_aigc .o_aigc_featured_grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.o_aigc_page_aigc .o_aigc_featured_card { border:0; border-radius:16px; box-shadow:0 6px 25px #10233f0c; overflow:hidden; }
.o_aigc_page_aigc .o_aigc_featured_card .o_aigc_ebook_cover { height:220px; }.o_aigc_page_aigc .o_aigc_ebook_cover_image { background:#f3f1eb; padding:20px; }.o_aigc_page_aigc .o_aigc_ebook_cover_image img { object-fit:contain; opacity:1; filter:drop-shadow(4px 7px 5px #10233f20); }
.o_aigc_page_aigc .o_aigc_ebook_body { padding:24px; }.o_aigc_page_aigc .o_aigc_ebook_body h3 { font-size:1.1rem; line-height:1.5; min-height:0; margin-bottom:10px; }.o_aigc_page_aigc .o_aigc_ebook_body>p { font-size:.85rem; line-height:1.8; margin-bottom:16px; }
.o_aigc_page_aigc .ag-single-showcase { grid-template-columns:minmax(0,850px); }
.o_aigc_page_aigc .ag-single-showcase .o_aigc_featured_card { display:grid; grid-template-columns:260px minmax(0,1fr); background:#faf9f5; }
.o_aigc_page_aigc .ag-single-showcase .o_aigc_ebook_cover { height:100%; min-height:260px; }.o_aigc_page_aigc .ag-single-showcase .o_aigc_ebook_body { padding:30px; }.o_aigc_page_aigc .ag-single-showcase .o_aigc_ebook_body>p { -webkit-line-clamp:3; }
.o_aigc_page_aigc .o_aigc_video_lib { background:#f5f7fa; padding:72px 0; }
.o_aigc_page_aigc .o_aigc_filters { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 30px; }.o_aigc_page_aigc .o_aigc_filter { min-height:40px; padding:9px 18px; border:1px solid #dce3e9; border-radius:999px; background:#fff; color:#476078; font-size:.78rem; line-height:1.4; }.o_aigc_page_aigc .o_aigc_filter:hover { background:#eee8d9; border-color:#d7bd82; }.o_aigc_page_aigc .o_aigc_filter.is-active { border-color:#173550; background:#173550; color:#f4d897; box-shadow:0 4px 12px #10233f16; }
.o_aigc_page_aigc .o_aigc_video_grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:stretch; grid-auto-rows:1fr; }.o_aigc_page_aigc .o_aigc_video_card { border:0; border-radius:17px; box-shadow:0 6px 25px #10233f09; transition:transform .3s ease,box-shadow .3s ease; }
.o_aigc_page_aigc :is(.o_aigc_hub_card,.o_aigc_video_card,.o_aigc_featured_card):hover { transform:translateY(-5px); box-shadow:0 16px 35px #10233f14; }
.o_aigc_page_aigc .o_aigc_video_media { flex-shrink:0; aspect-ratio:16/9; }.o_aigc_page_aigc .o_aigc_video_thumb { opacity:1; object-position:center; }.o_aigc_page_aigc .o_aigc_video_card:hover .o_aigc_video_thumb { opacity:1; transform:scale(1.03); }.o_aigc_page_aigc .o_aigc_video_media:after { background:linear-gradient(180deg,transparent 70%,#10233f30); }
.o_aigc_page_aigc .o_aigc_play { left:16px; bottom:16px; width:42px; height:42px; transform:none; background:#fff9edeb; color:#173550; box-shadow:0 5px 22px #071d3535; transition:transform .3s,background .3s; }.o_aigc_page_aigc .o_aigc_video_card:hover .o_aigc_play { transform:scale(1.04); background:#edd18a; }
.o_aigc_page_aigc .o_aigc_video_body { display:flex; flex-direction:column; flex:1; padding:24px; }.o_aigc_page_aigc .o_aigc_video_top { min-height:27px; margin-bottom:14px; gap:10px; }.o_aigc_page_aigc .o_aigc_video_body h3 { min-height:3em; font-size:1.02rem; line-height:1.5; margin-bottom:12px; }.o_aigc_page_aigc .o_aigc_video_body>p { min-height:3.6em; font-size:.83rem; line-height:1.8; -webkit-line-clamp:2; margin-bottom:24px; }.o_aigc_page_aigc .o_aigc_card_link { margin-top:auto; font-size:.82rem; }.o_aigc_page_aigc .o_aigc_card_category { font-size:.65rem; color:#7b612d; letter-spacing:.06em; }.o_aigc_page_aigc .o_aigc_status { padding:4px 9px; font-size:.62rem; white-space:nowrap; }
.o_aigc_page_aigc .o_aigc_cta { padding:64px 0; background:radial-gradient(ellipse at 85% 0,#51718b35,transparent 50%),linear-gradient(120deg,#10233f,#193c59); }.o_aigc_page_aigc .o_aigc_cta h2 { line-height:1.4; }.o_aigc_page_aigc .o_aigc_cta p { line-height:1.8; }.o_aigc_page_aigc .o_aigc_button { background:#ebca80; border-radius:10px; padding:14px 23px; }
@keyframes ag-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@media(max-width:991.98px) { .o_aigc_page_aigc .o_aigc_hero .row { --bs-gutter-y:2rem; }.o_aigc_page_aigc .o_aigc_section { padding:56px 0; }.o_aigc_page_aigc .o_aigc_video_grid,.o_aigc_page_aigc .o_aigc_featured_grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.o_aigc_page_aigc .ag-single-showcase { grid-template-columns:1fr; } }
@media(max-width:767.98px) {
 .o_aigc_page_aigc .o_aigc_hero { padding:32px 0; }.o_aigc_page_aigc .o_aigc_hero h1 { font-size:clamp(1.95rem,7.5vw,2.7rem); line-height:1.22; }.o_aigc_page_aigc .o_aigc_hero_desc { font-size:.9rem; }.o_aigc_page_aigc .o_aigc_btn { width:auto; }
 .o_aigc_page_aigc .o_aigc_creative_studio { min-height:0; }.o_aigc_page_aigc .o_aigc_creative_canvas { height:auto; padding:14px; grid-template-columns:1fr 72px 1fr; grid-template-rows:110px 110px; gap:14px 6px; }.o_aigc_page_aigc .o_aigc_creation { padding:12px 8px; }.o_aigc_page_aigc .o_aigc_generate { width:72px; height:90px; }.o_aigc_page_aigc .o_aigc_generate small { display:none; }.o_aigc_page_aigc .o_aigc_generate span { font-size:.48rem; }.o_aigc_page_aigc .o_aigc_creative_flow { margin:0 14px 14px; gap:5px; font-size:.45rem; }
 .o_aigc_page_aigc .o_aigc_section { padding:40px 0; }.o_aigc_page_aigc .o_aigc_hub_body { padding:24px; }.o_aigc_page_aigc .o_aigc_featured_head { align-items:flex-start; flex-direction:column; gap:14px; }.o_aigc_page_aigc .o_aigc_video_grid,.o_aigc_page_aigc .o_aigc_featured_grid { grid-template-columns:1fr; }.o_aigc_page_aigc .ag-single-showcase .o_aigc_featured_card { grid-template-columns:1fr; }.o_aigc_page_aigc .ag-single-showcase .o_aigc_ebook_cover { min-height:220px; height:220px; }.o_aigc_page_aigc .ag-single-showcase .o_aigc_ebook_body { padding:24px; }.o_aigc_page_aigc .o_aigc_filter { padding:8px 14px; font-size:.73rem; }.o_aigc_page_aigc .o_aigc_cta { padding:40px 0; }
}
@media(prefers-reduced-motion:reduce) { .o_aigc_page_aigc *, .o_aigc_page_aigc *:before,.o_aigc_page_aigc *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.o_aigc_page_aigc .o_aigc_reveal { opacity:1; transform:none; } }
