.vs-page[data-v-21ff45d8]{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,transparent 300px);min-height:100vh}.page-container[data-v-21ff45d8]{max-width:1200px;margin:0 auto;padding:24px 16px 80px}.breadcrumb[data-v-21ff45d8]{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.875rem}.breadcrumb-link[data-v-21ff45d8]{color:var(--ankou-teal);text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumb-link[data-v-21ff45d8]:hover{color:var(--ankou-yellow)}.breadcrumb-sep[data-v-21ff45d8]{color:var(--text-tertiary)}.breadcrumb-current[data-v-21ff45d8]{color:var(--text-secondary);font-weight:500}.vs-header[data-v-21ff45d8]{text-align:center;margin-bottom:40px}.vs-title[data-v-21ff45d8]{font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 16px;background:linear-gradient(135deg,var(--ankou-teal) 0%,var(--ankou-yellow) 50%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.vs-subtitle[data-v-21ff45d8]{font-size:1.0625rem;color:var(--text-secondary);margin:0;font-weight:500}.openings-showcase[data-v-21ff45d8]{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;margin-bottom:48px;align-items:center}.opening-showcase-card[data-v-21ff45d8]{background:var(--card-bg-gradient);border:2px solid rgba(249,171,0,.15);border-radius:16px;padding:32px 24px;text-align:center;box-shadow:var(--card-shadow);transition:all .3s ease}.opening-showcase-card[data-v-21ff45d8]:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.opening-icon-large[data-v-21ff45d8]{width:80px;height:80px;margin:0 auto 20px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000026}.style-aggressive .opening-icon-large[data-v-21ff45d8]{background:linear-gradient(135deg,#ff6f00,#ff8f00,#ffa726)}.style-defensive .opening-icon-large[data-v-21ff45d8]{background:linear-gradient(135deg,#1565c0,#1976d2,#42a5f5)}.style-positional .opening-icon-large[data-v-21ff45d8]{background:linear-gradient(135deg,#00796b,#00897b,#26a69a)}.style-dynamic .opening-icon-large[data-v-21ff45d8]{background:linear-gradient(135deg,#6a1b9a,#7b1fa2,#9c27b0)}.opening-icon-large .q-icon[data-v-21ff45d8]{color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.opening-showcase-name[data-v-21ff45d8]{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.01em}.opening-tags[data-v-21ff45d8]{display:flex;gap:8px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.tag-badge[data-v-21ff45d8]{padding:6px 12px;background:#f9ab001a;border:1px solid rgba(249,171,0,.2);border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--ankou-yellow)}.detail-link[data-v-21ff45d8]{display:inline-block;color:var(--ankou-teal);text-decoration:none;font-weight:600;font-size:.9375rem;transition:all .2s ease}.detail-link[data-v-21ff45d8]:hover{color:var(--ankou-yellow);transform:translate(4px)}.vs-center[data-v-21ff45d8]{display:flex;justify-content:center}.vs-circle[data-v-21ff45d8]{width:64px;height:64px;background:linear-gradient(135deg,var(--ankou-yellow) 0%,var(--ankou-teal) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:800;color:#fff;box-shadow:0 4px 16px #f9ab0066;letter-spacing:1px}.intro-section[data-v-21ff45d8]{background:linear-gradient(135deg,var(--ankou-yellow-subtle) 0%,var(--ankou-teal-subtle) 100%);border:1px solid var(--border-subtle);border-radius:12px;padding:28px 32px;margin-bottom:48px;box-shadow:var(--card-shadow)}.intro-text[data-v-21ff45d8]{font-size:1.0625rem;line-height:1.75;color:var(--text-secondary);margin:0;font-weight:500;text-align:center}.comparison-section[data-v-21ff45d8]{margin-bottom:48px}.section-title[data-v-21ff45d8]{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 32px;text-align:center;letter-spacing:-.01em}.comparison-table[data-v-21ff45d8]{background:var(--card-bg-gradient);border:2px solid rgba(249,171,0,.12);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.table-header[data-v-21ff45d8]{display:grid;grid-template-columns:200px 1fr 1fr;background:linear-gradient(135deg,var(--ankou-yellow-subtle) 0%,var(--ankou-teal-subtle) 100%);border-bottom:2px solid var(--border-subtle)}.header-cell[data-v-21ff45d8]{padding:16px 20px;font-weight:700;font-size:.9375rem;letter-spacing:.3px;text-align:center}.header-category[data-v-21ff45d8]{text-align:left;border-right:1px solid rgba(249,171,0,.15)}.header-opening1[data-v-21ff45d8],.header-opening2[data-v-21ff45d8]{color:var(--ankou-teal)}.table-row[data-v-21ff45d8]{display:grid;grid-template-columns:200px 1fr 1fr;border-bottom:1px solid rgba(249,171,0,.08)}.table-row[data-v-21ff45d8]:last-child{border-bottom:none}.table-row[data-v-21ff45d8]:hover{background:#f9ab0008}.table-cell[data-v-21ff45d8]{padding:16px 20px;font-size:.9375rem;color:var(--text-secondary);font-weight:500}.cell-category[data-v-21ff45d8]{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary);border-right:1px solid rgba(249,171,0,.15)}.category-icon[data-v-21ff45d8]{color:var(--ankou-yellow);flex-shrink:0}.cell-content[data-v-21ff45d8]{text-align:center}.details-section[data-v-21ff45d8]{display:flex;flex-direction:column;gap:32px;margin-bottom:48px}.detail-card[data-v-21ff45d8]{background:var(--card-bg-gradient);border:2px solid rgba(249,171,0,.12);border-radius:12px;padding:32px;box-shadow:var(--card-shadow)}.detail-title[data-v-21ff45d8]{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 24px;letter-spacing:-.01em}.detail-icon[data-v-21ff45d8]{color:var(--ankou-yellow);filter:drop-shadow(0 2px 4px rgba(249,171,0,.3))}.detail-content[data-v-21ff45d8]{display:grid;grid-template-columns:1fr 1fr;gap:32px}.opening-detail-name[data-v-21ff45d8]{font-size:1.125rem;font-weight:700;color:var(--ankou-teal);margin:0 0 12px;letter-spacing:-.01em}.opening-detail-text[data-v-21ff45d8]{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0;font-weight:500}.recommendation-section[data-v-21ff45d8]{margin-bottom:48px}.recommendations-grid[data-v-21ff45d8]{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.recommendation-card[data-v-21ff45d8]{background:linear-gradient(135deg,var(--ankou-yellow-subtle) 0%,var(--ankou-teal-subtle) 100%);border:1px solid var(--border-subtle);border-radius:12px;padding:28px;box-shadow:var(--card-shadow)}.recommendation-title[data-v-21ff45d8]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 20px;letter-spacing:-.01em}.recommendation-list[data-v-21ff45d8]{list-style:none;padding:0;margin:0}.recommendation-list li[data-v-21ff45d8]{position:relative;padding-left:28px;margin-bottom:14px;font-size:1rem;line-height:1.6;color:var(--text-secondary);font-weight:500}.recommendation-list li[data-v-21ff45d8]:last-child{margin-bottom:0}.recommendation-list li[data-v-21ff45d8]:before{content:"✓";position:absolute;left:0;color:var(--ankou-yellow);font-weight:700;font-size:1.125rem}.navigation-links[data-v-21ff45d8]{display:flex;justify-content:space-between;gap:16px;margin-top:48px}.nav-button[data-v-21ff45d8]{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#f9ab0014,#0ea5c50f);border:2px solid rgba(249,171,0,.2);border-radius:10px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:.9375rem;transition:all .3s ease;box-shadow:0 2px 6px #0000000f}.nav-button[data-v-21ff45d8]:hover{background:linear-gradient(135deg,#f9ab0026,#0ea5c51a);border-color:#f9ab0059;box-shadow:0 4px 12px #f9ab0026;transform:translateY(-2px)}.nav-button .q-icon[data-v-21ff45d8]{color:var(--ankou-teal)}@media (max-width: 959px){.openings-showcase[data-v-21ff45d8]{grid-template-columns:1fr;gap:32px}.vs-center[data-v-21ff45d8]{order:-1}.table-header[data-v-21ff45d8],.table-row[data-v-21ff45d8]{grid-template-columns:150px 1fr 1fr}.detail-content[data-v-21ff45d8],.recommendations-grid[data-v-21ff45d8]{grid-template-columns:1fr;gap:24px}}@media (max-width: 599px){.vs-title[data-v-21ff45d8]{font-size:1.75rem}.vs-subtitle[data-v-21ff45d8]{font-size:.9375rem}.opening-showcase-card[data-v-21ff45d8]{padding:24px 20px}.opening-icon-large[data-v-21ff45d8]{width:64px;height:64px}.opening-icon-large .q-icon[data-v-21ff45d8]{font-size:40px!important}.opening-showcase-name[data-v-21ff45d8]{font-size:1.125rem}.vs-circle[data-v-21ff45d8]{width:56px;height:56px;font-size:1rem}.intro-section[data-v-21ff45d8]{padding:22px 24px}.intro-text[data-v-21ff45d8]{font-size:.9375rem}.section-title[data-v-21ff45d8]{font-size:1.5rem}.comparison-table[data-v-21ff45d8]{overflow-x:auto}.table-header[data-v-21ff45d8],.table-row[data-v-21ff45d8]{grid-template-columns:120px 1fr 1fr;min-width:600px}.header-cell[data-v-21ff45d8],.table-cell[data-v-21ff45d8]{padding:12px 14px;font-size:.875rem}.detail-card[data-v-21ff45d8]{padding:24px 20px}.detail-title[data-v-21ff45d8]{font-size:1.25rem;gap:10px}.detail-icon[data-v-21ff45d8]{font-size:24px!important}.opening-detail-name[data-v-21ff45d8]{font-size:1rem}.opening-detail-text[data-v-21ff45d8]{font-size:.9375rem}.recommendation-card[data-v-21ff45d8]{padding:24px 20px}.recommendation-title[data-v-21ff45d8]{font-size:1.125rem}.recommendation-list li[data-v-21ff45d8]{font-size:.9375rem;padding-left:24px}.navigation-links[data-v-21ff45d8]{flex-direction:column}.nav-button[data-v-21ff45d8]{justify-content:center}}