/* Native block presentation. Source colors/composition retained; no legacy frameworks. */
body.guge-home-block-page #page { max-width: none; }
body.guge-home-block-page #content { padding: 0; }
body.guge-home-block-page .site-main { margin: 0; }
body.guge-home-block-page .guge-home > .inside-article { padding: 0; }
body.guge-home-block-page #primary { width: 100%; min-width: 0; }
body.guge-home-block-page .guge-home-content > .guge-home-block.alignfull {
	margin-inline: 0;
	width: 100%;
	max-width: none;
}
/* GP classic themes add this wrapper at render time; raw block HTML tests missed it. */
.guge-home-block > .wp-block-group__inner-container,
.guge-hero-slide > .wp-block-group__inner-container {
	width: 100%; max-width: none; margin: 0;
}
/* GP adds 40px desktop/30px mobile padding to each rendered Group wrapper.
 * Module/slide outer blocks already own their editable spacing; do not add it twice.
 * Leave ordinary Groups and the site's global content padding unchanged.
 */
.site-main .guge-home-block > .wp-block-group__inner-container,
.site-main .guge-home-hero .guge-hero-slide > .wp-block-group__inner-container {
	padding: 0;
}
.guge-home-hero > .wp-block-group__inner-container > .guge-hero-slide { margin-block: 0; }
.guge-home-content > .guge-home-hero + .guge-home-feature { margin-top: 0; }

.guge-home-block {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	overflow-wrap: anywhere;
}
.guge-home-block *, .guge-home-block *::before, .guge-home-block *::after { box-sizing: border-box; }
.guge-home-block .guge-home-columns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(24px, 4vw, 60px);
	width: min(100%, 1320px);
	max-width: 1320px;
	margin: 0 auto;
}
.guge-home-block .guge-home-columns > .wp-block-column { flex: 1 1 0; min-width: 0; }
.guge-home-block .guge-home-title {
	font-family: inherit;
	font-size: clamp(28px, 3.2vw, 43px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -1px;
	margin: 0 0 32px;
	color: inherit;
}
.guge-home-block p {
	max-width: none;
	font-size: 17px;
	line-height: 1.8;
	margin: 0 0 24px;
	color: inherit;
}
.guge-home-block .guge-home-eyebrow { font-size: 18px; line-height: 1.4; margin-bottom: 30px; }
.guge-home-block .guge-home-buttons { display: flex; flex-wrap: wrap; gap: 16px; margin: 30px 0 0; }
.guge-home-block .guge-home-button { margin: 0; max-width: 100%; }
.guge-home-block .guge-home-button .wp-block-button__link {
	display: inline-block;
	padding: 15px 22px;
	border: 1px solid currentColor;
	border-radius: 5px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
	white-space: normal;
}
.guge-home-block .guge-home-button .wp-block-button__link:hover { text-decoration: underline; text-underline-offset: 4px; }
.guge-home-block a:focus-visible, .guge-home-block button:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.guge-home-block figure { margin: 0; max-width: 100%; }
.guge-home-block figure img, .guge-home-block video { display: block; max-width: 100%; width: 100%; height: auto; }
.guge-home-block video { aspect-ratio: 1060 / 596; }
.guge-home-block .guge-hero-logo { max-width: 180px; margin-bottom: 24px; }

.guge-home-hero { position: relative; }
.guge-home-hero.guge-carousel-ready { overflow: clip; }
.guge-home-hero .guge-carousel-stage { position: relative; max-width: none; margin: 0; }
.guge-home-hero .guge-carousel-stage > .guge-hero-slide.guge-slide-moving {
	position: absolute; inset: 0 0 auto; width: 100%;
}
.guge-home-hero .guge-hero-slide {
	margin: 0;
	padding: clamp(60px, 8vw, 155px) clamp(24px, 5vw, 80px) 70px;
	color: #fff;
}
.guge-home-hero .guge-hero-wordpress {
	background: url('skin/picture/wordpress/new-wpbanner.png') top center / contain no-repeat, #0072ac;
}
.guge-home-hero .guge-hero-seo {
	background: linear-gradient(#191a1ed9, #191a1ed9), url('skin/picture/yxwebseo/googleSEO.png') center / cover;
}
.guge-home-hero .guge-hero-commerce, .guge-home-hero .guge-hero-ads { background: #fff; color: #000; }
.guge-home-hero .guge-hero-web { background: linear-gradient(200deg, #97affb 0%, #2c5cf4 100%); }
.guge-home-hero .guge-hero-wordpress .wp-block-column:first-child,
.guge-home-hero .guge-hero-web .wp-block-column:first-child { flex-grow: 5; }
.guge-home-hero .guge-hero-wordpress .wp-block-column:last-child,
.guge-home-hero .guge-hero-web .wp-block-column:last-child { flex-grow: 7; }
/* No JS: every unique slide remains visible. Enhancement never clones content. */
.guge-home-hero .guge-hero-slide[hidden] { display: none; }
/* Restore the original overlaid arrows and vertical dots; no extra bottom control band. */
.guge-home-hero .guge-hero-controls { margin: 0; padding: 0; }
.guge-home-hero .guge-hero-controls > button {
	position: absolute; right: 4%; bottom: 0; z-index: 2;
	width: 50px; height: 50px; padding: 0; border: 0; border-radius: 0;
	background: #fff; color: #161c2d; font-size: 28px; line-height: 1; cursor: pointer;
}
.guge-home-hero .guge-hero-controls > button:first-child { right: calc(4% + 52px); }
.guge-home-hero .guge-hero-dots {
	position: absolute; right: 13%; top: 50%; transform: translateY(-50%);
	display: flex; flex-direction: column; gap: 20px; z-index: 2;
}
.guge-home-hero .guge-hero-dots button {
	width: 14px; height: 14px; padding: 0; border: 0; border-radius: 50%;
	background: #fff; box-shadow: 0 0 0 1px #555; cursor: pointer;
}
.guge-home-hero .guge-hero-dots button[aria-current="true"] { outline: 1px solid #fff; outline-offset: 5px; }
.guge-home-hero .guge-hero-slide.has-background { background-image: none; }
.guge-home-feature.has-background::before { display: none; }
@media (max-width: 1399px) { .guge-home-hero .guge-hero-dots { right: 5%; } }
@media (max-width: 575px) { .guge-home-hero .guge-hero-dots { display: none; } }
@media (max-width: 424px) { .guge-home-hero .guge-hero-controls > button { display: none; } }
@media (prefers-reduced-motion: reduce) { .guge-home-hero .guge-hero-slide { scroll-behavior: auto; } }
.guge-home-feature {
	position: relative;
	padding: clamp(50px, 8vw, 125px) clamp(24px, 5vw, 80px);
	background: radial-gradient(at center left, #4285f4 0%, #ffbab47a 56%);
	color: #000002;
}
.guge-home-feature::before { content: ''; position: absolute; inset: 0 0 0 50%; background: #fff; }
.guge-home-feature .guge-home-columns { position: relative; }
.guge-home-feature .guge-feature-intro { padding-left: 30px; border-left: 3px solid #dde6ff; }
.guge-home-feature .guge-home-button .wp-block-button__link { background: #2c5cf4; border-color: #2c5cf4; color: #fff; }
.guge-home-feature .guge-home-notice { font-size: 14px; margin-top: 28px; }

/* Editor keeps all slides expanded, so every text/media block is selectable. */

.editor-styles-wrapper .guge-home-hero .guge-hero-slide + .guge-hero-slide { border-top: 3px dashed #ccc; }
@media (max-width: 781px) {
	.guge-home-block .guge-home-columns > .wp-block-column { flex: 1 1 100%; }
	.guge-home-hero .guge-hero-slide { padding: 50px 24px; }
	.guge-home-block .guge-home-title { letter-spacing: 0; }
	.guge-home-feature::before { display: none; }

}