/* 快速上手指南区域 */
.quick-guide-section { background: #FFFFFF; }
.quick-guide-header { text-align: center; margin-bottom: 44px; }
.quick-guide-title { font-family: 'Fraunces', serif; font-size: clamp(28px, 4vw, 40px); font-weight: 900; color: #0A0A0A; margin-bottom: 12px; }
.quick-guide-subtitle { font-size: 16px; color: #9CA3AF; }
.video-card-large { position: relative; width: 100%; max-width: 900px; margin: 0 auto 48px; border: 3px solid #0A0A0A; box-shadow: 6px 6px 0 #E8E6E3; overflow: hidden; background: #000; }
.video-player-large { width: 100%; height: auto; display: block; aspect-ratio: 16/9; }

/* 快速上手指南卡片网格 */
.quick-guide-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; max-width: 1200px; margin: 0 auto 44px; list-style: none; padding: 0; }
.quick-guide-card { position: relative; }
.quick-guide-card-bg {
	position: absolute; bottom: -12px; right: -12px; width: 100%; height: 100%;
	background: linear-gradient(135deg, #E8E6E3 0%, #F5F5F3 40%, #E0DEDB 100%);
	z-index: 0; border: 2px solid rgba(10,10,10,0.08);
	transform: perspective(800px) rotateX(1.5deg) rotateY(-1.5deg);
	transform-origin: bottom right; transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.quick-guide-card:hover .quick-guide-card-bg { transform: perspective(800px) rotateX(2deg) rotateY(-2deg); }
.quick-guide-card-bg::before {
	content: ''; position: absolute; top: 8px; left: 8px; right: -4px; bottom: -4px;
	background: linear-gradient(135deg, transparent 30%, rgba(255,51,102,.06) 50%, transparent 70%); pointer-events: none;
}
.quick-guide-card-bg::after {
	content: ''; position: absolute; top: 16px; left: 16px; width: 24px; height: 24px;
	border-top: 3px solid #FF3366; border-left: 3px solid #FF3366; opacity: .35;
}
.quick-guide-card-main {
	position: relative; background: #FFFFFF; border: 2px solid #000000;
	padding: 24px; box-shadow: 8px 8px 0 rgba(0,0,0,1); z-index: 1;
	transition: all 0.3s cubic-bezier(0.22,1,0.36,1);
}
.quick-guide-card:hover .quick-guide-card-main { transform: translate(-4px, -4px); box-shadow: 12px 12px 0 rgba(255,51,102,0.4); }
.quick-guide-card-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 2px solid rgba(0,0,0,0.08); }
.quick-guide-card-number { font-family: 'Space Mono', monospace; font-size: 11px; font-weight: 800; letter-spacing: 0.15em; background: #000000; color: #FFFFFF; padding: 4px 10px; }
.quick-guide-card-title { font-family: var(--brutal-font-serif); font-size: 18px; font-weight: 700; color: #0A0A0A; margin: 0; }
.quick-guide-card-desc { font-size: 14px; line-height: 1.65; color: #5C5C5C; margin-bottom: 20px; }
.quick-guide-card-features { list-style: none; margin: 0; padding: 0; }
.quick-guide-card-features li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #5C5C5C; margin-bottom: 8px; }
.feature-dot { width: 6px; height: 6px; background: #EF4444; flex-shrink: 0; margin-top: 6px; }
.quick-guide-cta { text-align: center; }
.quick-guide-cta p { font-size: 15px; color: #5C5C5C; margin-bottom: 20px; }
.quick-guide-btn {
	display: inline-flex; align-items: center; gap: 10px; padding: 16px 36px;
	background: #0A0A0A; color: #FFFFFF; border: 2px solid #0A0A0A;
	font-family: var(--brutal-font-sans); font-weight: 800; font-size: 16px;
	text-decoration: none; transition: all 0.25s ease; box-shadow: 4px 4px 0 #E8E6E3;
}
.quick-guide-btn:hover { background: var(--brutal-accent-red); border-color: var(--brutal-accent-red); transform: translate(-2px, -2px); box-shadow: 6px 6px 0 rgba(255,51,102,0.35); }

@media (max-width: 992px) { .quick-guide-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) { .quick-guide-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .quick-guide-grid { grid-template-columns: 1fr; } }