:root { --navy:#1a365d; --gold:#c9a96e; --gold-light:#e8d5a3; --gray-50:#f9fafb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-600:#4b5563; --gray-800:#1f2937; --red:#dc2626; --green:#059669; }
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Inter',sans-serif; color:var(--gray-800); line-height:1.6; overflow-x:hidden; }
h1,h2,h3 { font-family:'Playfair Display',serif; }

/* NAV */
nav { position:fixed; top:0; width:100%; z-index:1000; background:rgba(255,255,255,0.95); backdrop-filter:blur(10px); border-bottom:1px solid var(--gray-200); padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; }
.nav-right { display:flex; align-items:center; gap:1rem; }
.lang-switcher { padding:0.45rem 0.7rem; border:1px solid var(--gray-200); border-radius:8px; background:#fff; color:var(--navy); font-size:0.85rem; font-weight:600; }
nav.scrolled { box-shadow:0 2px 20px rgba(0,0,0,0.08); }
.nav-brand { font-family:'Playfair Display',serif; font-size:1.4rem; font-weight:700; color:var(--navy); }
.nav-brand span { color:var(--gold); }
.nav-links { display:flex; gap:2rem; list-style:none; }
.nav-links a { text-decoration:none; color:var(--gray-600); font-weight:500; font-size:0.9rem; transition:color 0.3s; }
.nav-links a:hover { color:var(--gold); }
.nav-toggle { display:none; background:none; border:none; font-size:1.5rem; cursor:pointer; color:var(--navy); }

/* HERO */
.hero { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--navy) 0%,#2d4a7a 50%,#1a365d 100%); position:relative; overflow:hidden; padding:6rem 2rem 4rem; }
.hero::before { content:''; position:absolute; top:-50%; right:-20%; width:80%; height:200%; background:radial-gradient(ellipse,rgba(201,169,110,0.15) 0%,transparent 70%); }
.hero-content { text-align:center; position:relative; z-index:1; max-width:800px; }
.hero h1 { font-size:clamp(2.5rem,6vw,4.5rem); color:white; margin-bottom:1.5rem; line-height:1.2; }
.hero h1 span { color:var(--gold); }
.hero p { font-size:1.2rem; color:rgba(255,255,255,0.8); margin-bottom:2.5rem; max-width:600px; margin-inline:auto; }
.hero-buttons { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.hero-btn { display:inline-block; padding:1rem 2rem; text-decoration:none; font-weight:600; border-radius:4px; transition:all 0.3s; }
.btn-gold { background:var(--gold); color:var(--navy); }
.btn-gold:hover { background:var(--gold-light); transform:translateY(-2px); box-shadow:0 10px 30px rgba(201,169,110,0.3); }
.btn-outline { border:2px solid rgba(255,255,255,0.6); color:white; }
.btn-outline:hover { border-color:white; background:rgba(255,255,255,0.1); transform:translateY(-2px); }

/* SECTIONS */
section { padding:5rem 2rem; }
.bg-light { background:var(--gray-50); }
.bg-navy { background:var(--navy); color:white; text-align:center; }
.bg-navy .section-title h2 { color:white; }
.bg-navy .section-title p { color:rgba(255,255,255,0.7); }
.section-title { text-align:center; margin-bottom:3rem; }
.section-title h2 { font-size:2.5rem; color:var(--navy); margin-bottom:0.5rem; }
.section-title p { color:var(--gray-600); font-size:1.1rem; }
.section-title::after { content:''; display:block; width:60px; height:3px; background:var(--gold); margin:1rem auto 0; }

/* PAGE HEADER (二级页面) */
.page-header { padding:8rem 2rem 3rem; background:linear-gradient(135deg,var(--navy),#2d4a7a); text-align:center; }
.page-header h1 { color:white; font-size:2.5rem; margin-bottom:0.5rem; }
.page-header p { color:rgba(255,255,255,0.8); font-size:1.1rem; }
.page-header .breadcrumb { margin-top:1rem; }
.page-header .breadcrumb a { color:var(--gold); text-decoration:none; }
.page-header .breadcrumb span { color:rgba(255,255,255,0.6); }

/* PRODUCTS GRID */
.products-grid { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
.product-card { background:white; border-radius:12px; overflow:hidden; cursor:pointer; box-shadow:0 4px 20px rgba(0,0,0,0.06); transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94); opacity:0; transform:translateY(30px); position:relative; }
.product-card.visible { opacity:1; transform:translateY(0); }
.product-card:hover { transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.12); }
.card-image-wrap { overflow:hidden; position:relative; }
.card-image { width:100%; aspect-ratio:1; object-fit:cover; transition:transform 0.6s; }
.product-card:hover .card-image { transform:scale(1.05); }
.card-badge { position:absolute; top:12px; left:12px; padding:0.3rem 0.8rem; border-radius:20px; font-size:0.75rem; font-weight:600; z-index:2; }
.badge-stock { background:var(--red); color:white; }
.badge-production { background:var(--green); color:white; }
.card-body { padding:1.5rem; }
.card-body h3 { font-size:1.2rem; color:var(--navy); margin-bottom:0.5rem; }
.card-body p { font-size:0.85rem; color:var(--gray-600); line-height:1.5; }
.card-meta { display:flex; justify-content:space-between; align-items:center; margin-top:1rem; }
.card-price { font-weight:600; color:var(--gold); font-size:0.95rem; }
.card-stock-qty { font-size:0.8rem; color:var(--red); font-weight:500; }

/* VIEW ALL */
.view-all-wrap { text-align:center; margin-top:2.5rem; }
.view-all-btn { display:inline-flex; align-items:center; gap:0.5rem; padding:0.8rem 2rem; border:2px solid var(--navy); color:var(--navy); text-decoration:none; font-weight:600; border-radius:6px; transition:all 0.3s; }
.view-all-btn:hover { background:var(--navy); color:white; transform:translateY(-2px); }
.view-all-btn.btn-red { border-color:var(--red); color:var(--red); }
.view-all-btn.btn-red:hover { background:var(--red); color:white; }

/* STOCK BANNER */
.stock-banner { background:linear-gradient(135deg,#fef3c7,#fde68a); border-radius:12px; padding:1.5rem 2rem; margin-bottom:2rem; max-width:1200px; margin-left:auto; margin-right:auto; display:flex; align-items:center; gap:1rem; }
.stock-banner i { font-size:1.5rem; color:var(--red); }
.stock-banner p { color:var(--gray-800); font-weight:500; }

/* ABOUT */
.about-content { max-width:1000px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.about-text h3 { font-size:1.5rem; color:var(--navy); margin-bottom:1rem; }
.about-text p { color:var(--gray-600); margin-bottom:1rem; }
.about-stats { display:flex; gap:2rem; margin-top:2rem; }
.stat { text-align:center; }
.stat-num { font-size:2rem; font-weight:700; color:var(--gold); font-family:'Playfair Display',serif; }
.stat-label { font-size:0.8rem; color:var(--gray-600); }
.about-visual img { max-width:100%; border-radius:12px; box-shadow:0 20px 40px rgba(0,0,0,0.1); }

/* CONTACT */
.contact-buttons { display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap; margin-top:2rem; }
.contact-btn { display:inline-flex; align-items:center; gap:0.8rem; padding:1rem 2rem; border-radius:6px; text-decoration:none; font-weight:500; font-size:1rem; transition:all 0.3s; }
.btn-whatsapp { background:#25d366; color:white; }
.btn-whatsapp:hover { background:#1fb855; transform:translateY(-2px); }
.btn-email { background:var(--gold); color:var(--navy); }
.btn-email:hover { background:var(--gold-light); transform:translateY(-2px); }

/* MODAL */
.modal-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:2000; align-items:center; justify-content:center; padding:2rem; backdrop-filter:blur(4px); }
.modal-overlay.active { display:flex; }
.modal { background:white; border-radius:16px; max-width:95vw; width:fit-content; min-width:600px; max-height:85vh; overflow-y:auto; padding:2.5rem; position:relative; animation:modalIn 0.3s ease; }
@keyframes modalIn { from{opacity:0;transform:scale(0.95)} to{opacity:1;transform:scale(1)} }
.modal-close { position:absolute; top:1rem; right:1.5rem; background:none; border:none; font-size:1.5rem; cursor:pointer; color:var(--gray-600); }
.modal-close:hover { color:var(--navy); }
.modal h2 { font-size:1.8rem; color:var(--navy); margin-bottom:0.5rem; }
.modal .modal-desc { color:var(--gray-600); margin-bottom:1.5rem; }
.modal-img { width:100%; border-radius:8px; margin-bottom:1.5rem; }
.modal-note { font-size:0.85rem; color:var(--gray-600); font-style:italic; margin-top:1rem; }

.modal-gallery-thumbs { display:flex; gap:0.5rem; flex-wrap:wrap; margin:-0.8rem 0 1.2rem; }
.modal-gallery-thumb { width:68px; height:68px; border:2px solid transparent; border-radius:8px; overflow:hidden; padding:0; background:#f3f4f6; cursor:pointer; }
.modal-gallery-thumb.active { border-color:var(--gold); box-shadow:0 0 0 2px rgba(212,175,55,0.18); }
.modal-gallery-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:640px) { .modal-gallery-thumb { width:54px; height:54px; } }

.modal table { width:100%; border-collapse:collapse; font-size:0.85rem; }
.modal table th, .modal table td { padding:0.5rem 0.6rem; white-space:nowrap; text-align:left; border-bottom:1px solid #e5e7eb; }
.modal table th { background:#f8fafc; color:var(--primary); font-weight:600; border-bottom:2px solid var(--primary); }
.modal table td.price { color:var(--gold); font-weight:600; }
.spec-table { width:100%; border-collapse:collapse; font-size:0.9rem; }
.spec-table th { background:var(--navy); color:white; padding:0.8rem 1rem; text-align:left; }
.spec-table td { padding:0.8rem 1rem; border-bottom:1px solid var(--gray-200); }
.spec-table tr:nth-child(even) td { background:var(--gray-50); }
.spec-table .price { color:var(--gold); font-weight:600; }

/* FOOTER */
footer { background:#0f2440; color:rgba(255,255,255,0.6); text-align:center; padding:2rem; font-size:0.85rem; }

/* 器型分类标签（首页） */
.type-tags { display:flex; flex-wrap:wrap; gap:0.6rem; justify-content:center; margin-bottom:1.5rem; }
.type-tag { display:inline-flex; align-items:center; gap:0.4rem; padding:0.5rem 1rem; border-radius:25px; background:white; border:1px solid var(--gray-200); text-decoration:none; color:var(--gray-800); font-size:0.85rem; transition:all 0.2s; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
.type-tag:hover { border-color:var(--gold); background:linear-gradient(135deg, #fffbf0, #fff); transform:translateY(-2px); box-shadow:0 4px 12px rgba(201,169,110,0.15); }
.type-tag .type-icon { font-size:1.1rem; }
.type-tag .type-count { background:var(--gray-100); color:var(--gray-600); font-size:0.72rem; padding:0.15rem 0.45rem; border-radius:10px; }

/* 器型分类筛选栏（二级页） */
.type-filter-bar { display:flex; flex-wrap:wrap; gap:0.5rem; justify-content:center; margin-bottom:1.5rem; padding:0 1rem; }
.type-filter-btn { display:inline-flex; align-items:center; gap:0.3rem; padding:0.45rem 0.9rem; border-radius:20px; background:white; border:1px solid var(--gray-200); text-decoration:none; color:var(--gray-600); font-size:0.82rem; cursor:pointer; transition:all 0.2s; }
.type-filter-btn:hover { border-color:var(--gold); color:var(--gray-800); }
.type-filter-btn.active { background:var(--navy); color:white; border-color:var(--navy); }
.type-filter-btn.active .type-count { background:rgba(255,255,255,0.2); color:white; }
.type-filter-btn .type-count { background:var(--gray-100); color:var(--gray-600); font-size:0.7rem; padding:0.1rem 0.4rem; border-radius:8px; }

/* 分页 */
.pagination { display:flex; justify-content:center; align-items:center; gap:0.4rem; margin-top:2rem; flex-wrap:wrap; }
.pagination button { min-width:36px; height:36px; border:1px solid var(--gray-200); border-radius:8px; background:white; color:var(--gray-600); font-size:0.85rem; cursor:pointer; transition:all 0.2s; }
.pagination button:hover:not(:disabled) { border-color:var(--gold); color:var(--navy); }
.pagination button.active { background:var(--navy); color:white; border-color:var(--navy); }
.pagination button:disabled { opacity:0.4; cursor:not-allowed; }
.pagination .page-info { font-size:0.8rem; color:var(--gray-600); margin:0 0.5rem; }

/* 用户认证区 */
.auth-area { display:flex; align-items:center; gap:0.5rem; margin-left:0.8rem; }
.btn-login { background:var(--gold); color:#1a365d; border:none; padding:0.4rem 1rem; border-radius:20px; cursor:pointer; font-size:0.85rem; display:flex; align-items:center; gap:0.3rem; box-shadow:0 2px 6px rgba(201,169,110,0.4); font-weight:600; }
.btn-login:hover { background:#b8963f; color:#fff; box-shadow:0 3px 10px rgba(201,169,110,0.6); }
.btn-logout { background:none; border:none; color:var(--gray-600); cursor:pointer; font-size:1rem; }
.btn-logout:hover { color:#ef4444; }
.user-greeting { color:var(--primary); font-size:0.85rem; white-space:nowrap; font-weight:500; }
.nav-order-btn { color:var(--primary); text-decoration:none; position:relative; font-size:1.1rem; }
.nav-order-btn:hover { color:var(--gold); }
.nav-order-btn #orderBadge { position:absolute; top:-6px; right:-8px; background:#ef4444; color:#fff; font-size:0.65rem; min-width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.nav-order-btn #orderBadge:empty { display:none; }

/* 登录/注册弹窗 */
.auth-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:2000; align-items:center; justify-content:center; }
.auth-modal.active { display:flex; }
.auth-modal-content { background:#fff; border-radius:12px; padding:2rem; width:90%; max-width:380px; position:relative; }
.auth-modal-content h3 { text-align:center; margin-bottom:1.5rem; color:var(--primary); }
.auth-close { position:absolute; top:0.8rem; right:1rem; background:none; border:none; font-size:1.5rem; cursor:pointer; color:#666; }
.auth-modal-content input, .auth-modal-content select { width:100%; padding:0.7rem; margin-bottom:0.8rem; border:1px solid #e5e7eb; border-radius:6px; font-size:0.9rem; box-sizing:border-box; }
.btn-auth-submit { width:100%; padding:0.8rem; background:var(--gold); color:#1a365d; border:none; border-radius:6px; font-size:1rem; font-weight:600; cursor:pointer; margin-top:0.5rem; box-shadow:0 2px 6px rgba(201,169,110,0.4); }
.btn-auth-submit:hover { background:#b8963f; color:#fff; }
.auth-switch { text-align:center; margin-top:1rem; font-size:0.85rem; color:#666; }
.auth-switch a { color:var(--gold); cursor:pointer; text-decoration:underline; }

/* 产品弹窗 - 箱数输入和添加按钮 */
.carton-input { width:60px; padding:0.3rem; border:1px solid #d1d5db; border-radius:4px; text-align:center; font-size:0.85rem; }
.subtotal-cell { font-weight:600; color:var(--gold); white-space:nowrap; }
.btn-add-order { background:var(--gold); color:#fff; border:none; width:32px; height:32px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.3s; box-shadow:0 2px 6px rgba(201,169,110,0.4); }
.btn-add-order:hover { background:var(--primary); }

/* RESPONSIVE */
@media(max-width:1200px) { .products-grid{grid-template-columns:repeat(3,1fr)} }
@media(max-width:968px) {
    .products-grid{grid-template-columns:repeat(2,1fr)}
    .about-content{grid-template-columns:1fr}
    .modal { min-width:auto; width:95vw; padding:1.5rem; }
    .modal table th, .modal table td { padding:0.4rem 0.5rem; font-size:0.8rem; }
}
@media(max-width:640px) {
    /* 导航 */
    nav { padding:0.8rem 1rem; }
    .nav-brand { font-size:1.1rem; }
    .nav-links { display:none; }
    .nav-toggle { display:block; }
    .nav-links.open { display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0; background:white; padding:1.5rem 2rem; border-bottom:1px solid var(--gray-200); box-shadow:0 10px 30px rgba(0,0,0,0.1); z-index:999; }
    .nav-right { gap:0.3rem; }
    .lang-switcher { font-size:0.72rem; padding:0.3rem 0.4rem; }
    .auth-area { margin-left:0.3rem; gap:0.3rem; }
    .btn-login { padding:0.3rem 0.7rem; font-size:0.75rem; }
    .user-greeting { font-size:0.75rem; }

    /* Hero */
    .hero { min-height:70vh; padding:5rem 1.5rem 3rem; }
    .hero h1 { font-size:1.8rem; }
    .hero p { font-size:0.95rem; margin-bottom:1.5rem; }
    .hero-buttons { flex-direction:column; align-items:center; gap:0.8rem; }
    .hero-btn { padding:0.8rem 1.5rem; font-size:0.9rem; width:100%; max-width:280px; text-align:center; }

    /* 页面头部 */
    .page-header { padding:5.5rem 1rem 2rem; }
    .page-header h1 { font-size:1.6rem; }
    .page-header p { font-size:0.9rem; }

    /* Section */
    section { padding:3rem 1rem; }
    .section-title h2 { font-size:1.6rem; }
    .section-title p { font-size:0.9rem; }

    /* 产品网格 */
    .products-grid { grid-template-columns:repeat(2,1fr); gap:0.8rem; }
    .card-body { padding:0.8rem; }
    .card-body h3 { font-size:0.9rem; }
    .card-body p { font-size:0.75rem; }
    .card-meta { flex-direction:column; align-items:flex-start; gap:0.3rem; margin-top:0.5rem; }
    .card-price { font-size:0.82rem; }
    .card-badge { top:6px; left:6px; padding:0.2rem 0.5rem; font-size:0.65rem; }

    /* 弹窗 */
    .modal-overlay { padding:0.5rem; }
    .modal { min-width:auto; width:100%; max-width:100vw; padding:1.2rem; border-radius:12px; max-height:90vh; }
    .modal h2 { font-size:1.3rem; }
    .modal-img { margin-bottom:1rem; }
    .modal table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .modal table th, .modal table td { padding:0.35rem 0.4rem; font-size:0.72rem; white-space:nowrap; }
    .carton-input { width:45px; padding:0.2rem; font-size:0.75rem; }
    .btn-add-order { width:26px; height:26px; font-size:0.7rem; }
    .modal-close { top:0.5rem; right:0.8rem; font-size:1.3rem; }

    /* 器型分类 */
    .type-tags { gap:0.4rem; }
    .type-tag { padding:0.35rem 0.7rem; font-size:0.75rem; }
    .type-filter-bar { gap:0.4rem; padding:0 0.5rem; }
    .type-filter-btn { padding:0.35rem 0.7rem; font-size:0.72rem; }

    /* 分页 */
    .pagination { gap:0.3rem; margin-top:1.5rem; }
    .pagination button { min-width:30px; height:30px; font-size:0.75rem; }

    /* Stock banner */
    .stock-banner { padding:1rem; flex-direction:column; text-align:center; gap:0.5rem; }
    .stock-banner i { font-size:1.2rem; }
    .stock-banner p { font-size:0.85rem; }

    /* About */
    .about-stats { flex-wrap:wrap; gap:1rem; justify-content:center; }
    .stat-num { font-size:1.5rem; }

    /* Contact */
    .contact-buttons { flex-direction:column; align-items:center; }
    .contact-btn { width:100%; max-width:280px; justify-content:center; }

    /* View all */
    .view-all-btn { padding:0.6rem 1.5rem; font-size:0.85rem; }

    /* Footer */
    footer { padding:1.5rem 1rem; font-size:0.8rem; }
}

/* 超小屏（<380px） */
@media(max-width:380px) {
    .products-grid { grid-template-columns:1fr; }
    .hero h1 { font-size:1.5rem; }
    .nav-brand { font-size:1rem; }
    .modal table th, .modal table td { font-size:0.68rem; padding:0.3rem; }
}


/* SEO/GEO public pages */
.card-links { display:flex; gap:0.6rem; align-items:center; margin-top:1rem; }
.card-detail-btn, .card-seo-link { flex:1; text-align:center; border-radius:8px; padding:0.45rem 0.6rem; font-size:0.78rem; font-weight:600; text-decoration:none; cursor:pointer; }
.card-detail-btn { border:1px solid var(--gold); background:var(--gold); color:var(--navy); }
.card-seo-link { border:1px solid var(--navy); color:var(--navy); background:#fff; }
.card-seo-link:hover { background:var(--navy); color:#fff; }
.seo-page { padding-top:4.5rem; }
.seo-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,0.8fr); gap:2rem; align-items:center; padding:7rem 2rem 3rem; background:linear-gradient(135deg,var(--navy),#2d4a7a); color:#fff; }
.seo-hero h1 { font-size:clamp(2rem,4vw,3.5rem); margin:0.8rem 0 1rem; }
.seo-hero p { color:rgba(255,255,255,0.82); max-width:760px; }
.seo-hero .breadcrumb, .seo-hero .breadcrumb a { color:var(--gold-light); }
.seo-hero-img { width:100%; border-radius:16px; box-shadow:0 20px 50px rgba(0,0,0,0.22); background:#fff; }
.seo-gallery { width:100%; }
.seo-gallery-thumbs { display:flex; gap:0.55rem; flex-wrap:wrap; margin-top:0.75rem; justify-content:center; }
.seo-gallery-thumb { width:68px; height:68px; border:2px solid transparent; border-radius:10px; padding:0; overflow:hidden; background:#fff; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,0.12); }
.seo-gallery-thumb.active { border-color:var(--gold); box-shadow:0 0 0 3px rgba(212,175,55,0.18); }
.seo-gallery-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:640px) { .seo-gallery-thumb { width:54px; height:54px; } }

.seo-actions { display:flex; gap:1rem; flex-wrap:wrap; margin-top:1.5rem; }
.seo-outline { border-color:rgba(255,255,255,0.65); color:#fff; }
.seo-content { max-width:1200px; margin:0 auto; padding:3rem 2rem 5rem; }
.seo-content h2 { color:var(--navy); margin:2rem 0 1rem; }
.seo-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.faq-list details { background:#fff; border:1px solid var(--gray-200); border-radius:10px; padding:1rem 1.2rem; margin-bottom:0.8rem; box-shadow:0 2px 10px rgba(0,0,0,0.04); }
.faq-list summary { cursor:pointer; color:var(--navy); font-weight:700; }
.faq-list p { margin-top:0.6rem; color:var(--gray-600); }
.resource-grid { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:1.2rem; padding:3rem 2rem 5rem; }
.resource-card { background:#fff; border:1px solid var(--gray-200); border-radius:14px; padding:1.4rem; box-shadow:0 4px 18px rgba(0,0,0,0.05); }
.resource-card h2 { color:var(--navy); font-size:1.25rem; margin-bottom:0.7rem; }
.resource-card h2 a { color:var(--navy); text-decoration:none; }
.resource-card h2 a:hover { color:var(--gold); }
.resource-card p { color:var(--gray-600); }
.resource-read-more { display:inline-flex; margin-top:1rem; color:var(--navy); font-weight:700; text-decoration:none; border-bottom:2px solid var(--gold); }
.resource-read-more:hover { color:var(--gold); }
.resource-article { max-width:900px; }
.resource-article p { margin-bottom:1rem; color:var(--gray-600); }
.resource-article a { color:var(--navy); font-weight:700; }
@media(max-width:768px) {
    .seo-hero { grid-template-columns:1fr; padding:6rem 1rem 2rem; }
    .seo-content { padding:2rem 1rem 4rem; }
    .resource-grid { grid-template-columns:1fr; padding:2rem 1rem 4rem; }
    .card-links { flex-direction:column; align-items:stretch; }
}