:root {
  --navy: #102a43;
  --navy-deep: #081d2d;
  --blue: #1d5f7a;
  --blue-soft: #eaf4f7;
  --gold: #d5b777;
  --gold-deep: #b08e4f;
  --ink: #1d2a34;
  --muted: #64727f;
  --line: #dce4e9;
  --paper: #f7fafb;
  --white: #ffffff;
  --shadow: 0 20px 60px rgba(16, 42, 67, 0.12);
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; left: 12px; top: -60px; z-index: 9999; background: var(--white); padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { top: 12px; }

.topbar { background: var(--navy-deep); color: rgba(255,255,255,.88); font-size: 13px; }
.topbar-inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar-tags { display: flex; flex-wrap: wrap; gap: 18px; }
.topbar-tags span::before { content: "•"; color: var(--gold); margin-right: 7px; }
.topbar-note { opacity: .78; }

.site-header { background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(16,42,67,.08); position: sticky; top: 0; z-index: 1000; backdrop-filter: blur(14px); }
.header-main { min-height: 86px; display: grid; grid-template-columns: 240px 1fr auto; align-items: center; gap: 24px; }
.brand img { width: 220px; height: auto; }
.main-nav ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; gap: 6px; }
.main-nav a { display: block; padding: 12px 14px; border-radius: 8px; font-size: 15px; font-weight: 600; color: #324454; }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: var(--blue); background: var(--blue-soft); }
.header-contact { display: flex; align-items: center; gap: 12px; }
.phone-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--blue-soft); display: grid; place-items: center; color: var(--blue); font-size: 20px; }
.phone-copy small { display: block; color: var(--muted); font-size: 12px; line-height: 1.2; }
.phone-copy strong { display: block; color: var(--navy); font-size: 20px; letter-spacing: .4px; line-height: 1.35; }
.phone-copy em { display: block; color: var(--gold-deep); font-size: 12px; font-style: normal; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); background: var(--white); border-radius: 10px; }

.hero { min-height: 690px; position: relative; display: grid; align-items: center; overflow: hidden; background: var(--navy) url("../images/hero-ocean.svg") center/cover no-repeat; color: var(--white); }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,25,40,.88) 0%, rgba(6,25,40,.68) 48%, rgba(6,25,40,.16) 100%); }
.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 110px; background: linear-gradient(180deg, transparent, rgba(6,25,40,.28)); }
.hero-content { position: relative; z-index: 1; padding: 84px 0 150px; max-width: 780px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; color: #f3dfb1; font-size: 14px; font-weight: 700; letter-spacing: 2px; }
.eyebrow::before { content: ""; width: 42px; height: 1px; background: var(--gold); }
.hero h1 { margin: 0 0 22px; font-size: clamp(40px, 5.2vw, 66px); line-height: 1.16; letter-spacing: -.8px; }
.hero h1 span { display: block; color: #f0d69b; font-size: .58em; margin-top: 12px; letter-spacing: 4px; font-weight: 500; }
.hero-lead { max-width: 690px; margin: 0 0 28px; font-size: 18px; color: rgba(255,255,255,.86); }
.hero-facts { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 34px; }
.hero-facts span { padding: 9px 14px; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.08); border-radius: 999px; font-size: 14px; backdrop-filter: blur(8px); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.btn { min-height: 50px; padding: 0 22px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; border: 1px solid transparent; transition: .2s ease; }
.btn-primary { color: var(--navy-deep); background: var(--gold); }
.btn-primary:hover { background: #e4c98e; transform: translateY(-1px); }
.btn-ghost { color: var(--white); border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.06); }
.btn-ghost:hover { background: rgba(255,255,255,.14); }
.hero-card { position: absolute; z-index: 3; right: max(20px, calc((100vw - var(--container))/2)); bottom: 54px; width: min(360px, calc(100% - 40px)); background: rgba(255,255,255,.96); color: var(--ink); padding: 24px; border-radius: 18px; box-shadow: var(--shadow); }
.hero-card-label { color: var(--gold-deep); font-size: 13px; font-weight: 800; letter-spacing: 1px; }
.hero-price { display: flex; align-items: baseline; gap: 8px; margin: 6px 0 8px; }
.hero-price strong { color: var(--navy); font-size: 36px; line-height: 1; }
.hero-price span { color: var(--muted); }
.hero-card p { margin: 0; color: var(--muted); font-size: 14px; }
.hero-card small { display: block; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); color: #7b8791; }

.answer-strip { position: relative; z-index: 5; margin-top: -36px; }
.answer-grid { display: grid; grid-template-columns: 1.2fr repeat(3, .7fr); background: var(--white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); border: 1px solid rgba(16,42,67,.06); }
.answer-main, .answer-item { padding: 28px 30px; }
.answer-main { background: var(--navy); color: var(--white); }
.answer-main small { color: #e8cf97; font-weight: 700; }
.answer-main h2 { margin: 8px 0 8px; font-size: 22px; line-height: 1.35; }
.answer-main p { margin: 0; color: rgba(255,255,255,.76); font-size: 14px; }
.answer-item { border-left: 1px solid var(--line); }
.answer-item span { display: block; color: var(--gold-deep); font-size: 12px; font-weight: 800; }
.answer-item strong { display: block; margin-top: 6px; color: var(--navy); font-size: 18px; }
.answer-item p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }

.section { padding: 92px 0; }
.section-soft { background: var(--paper); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.section-kicker { color: var(--gold-deep); font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.section-title { margin: 8px 0 0; color: var(--navy); font-size: clamp(30px, 3.5vw, 44px); line-height: 1.25; }
.section-desc { max-width: 620px; margin: 0; color: var(--muted); }
.text-link { color: var(--blue); font-weight: 700; white-space: nowrap; }
.text-link:hover { text-decoration: underline; }

.service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.service-card { position: relative; padding: 30px 26px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); transition: .25s ease; overflow: hidden; }
.service-card::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: .25s ease; }
.service-card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(16,42,67,.1); border-color: transparent; }
.service-card:hover::after { transform: scaleX(1); }
.icon-box { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 14px; background: var(--blue-soft); color: var(--blue); font-size: 25px; margin-bottom: 22px; }
.service-card h3 { margin: 0 0 10px; color: var(--navy); font-size: 20px; }
.service-card p { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
.service-card ul { margin: 0; padding: 0; list-style: none; color: #465766; font-size: 13px; }
.service-card li { margin: 7px 0; }
.service-card li::before { content: "✓"; color: var(--gold-deep); font-weight: 800; margin-right: 8px; }

.cost-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.cost-panel { background: var(--navy); color: var(--white); border-radius: var(--radius-lg); padding: 42px; position: relative; overflow: hidden; }
.cost-panel::after { content: "津"; position: absolute; right: -5px; bottom: -64px; font-size: 220px; font-family: serif; color: rgba(255,255,255,.035); }
.cost-panel .section-kicker { color: #ead39f; }
.cost-panel h2 { margin: 9px 0 18px; font-size: 38px; line-height: 1.28; }
.cost-price { display: flex; align-items: baseline; gap: 10px; margin: 24px 0 18px; }
.cost-price strong { color: #f0d69b; font-size: 52px; line-height: 1; }
.cost-price span { color: rgba(255,255,255,.75); }
.cost-panel p { color: rgba(255,255,255,.72); }
.cost-panel .btn { margin-top: 10px; }
.cost-factors { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.factor-card { padding: 23px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); }
.factor-card span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #f5ead1; color: var(--gold-deep); font-weight: 800; margin-bottom: 14px; }
.factor-card h3 { margin: 0 0 8px; color: var(--navy); font-size: 17px; }
.factor-card p { margin: 0; color: var(--muted); font-size: 13px; }
.price-note { grid-column: 1 / -1; padding: 14px 18px; border-left: 3px solid var(--gold); background: #fffaf0; color: #695c43; font-size: 13px; }

.process-list { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; counter-reset: step; }
.process-item { position: relative; padding: 24px 16px 22px; text-align: center; border: 1px solid var(--line); background: var(--white); border-radius: 14px; counter-increment: step; }
.process-item::before { content: counter(step, decimal-leading-zero); display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 14px; border-radius: 50%; background: var(--navy); color: var(--white); font-size: 13px; font-weight: 800; }
.process-item:not(:last-child)::after { content: ""; position: absolute; right: -13px; top: 44px; width: 13px; height: 1px; background: var(--gold); }
.process-item h3 { margin: 0 0 7px; color: var(--navy); font-size: 15px; }
.process-item p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

.about-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: center; }
.about-visual { min-height: 510px; border-radius: var(--radius-lg); position: relative; overflow: hidden; background: var(--navy) url("../images/hero-ocean.svg") 65% center/cover no-repeat; box-shadow: var(--shadow); }
.about-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,24,38,.12), rgba(4,24,38,.7)); }
.about-caption { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 28px; padding: 22px; border: 1px solid rgba(255,255,255,.25); background: rgba(7,30,46,.55); color: var(--white); border-radius: 14px; backdrop-filter: blur(8px); }
.about-caption strong { display: block; font-size: 22px; }
.about-caption span { color: rgba(255,255,255,.74); font-size: 14px; }
.about-copy h2 { margin: 8px 0 18px; color: var(--navy); font-size: 40px; line-height: 1.3; }
.about-copy > p { color: var(--muted); }
.trust-list { display: grid; gap: 12px; margin: 26px 0 28px; }
.trust-item { display: grid; grid-template-columns: 36px 1fr; gap: 12px; align-items: start; }
.trust-item i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #f5ead1; color: var(--gold-deep); font-style: normal; font-weight: 800; }
.trust-item strong { display: block; color: var(--navy); }
.trust-item span { display: block; color: var(--muted); font-size: 13px; }

.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.news-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; transition: .22s ease; }
.news-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(16,42,67,.09); }
.news-thumb { height: 170px; background: linear-gradient(135deg, #dcecf1, #789dad); display: grid; place-items: center; color: rgba(255,255,255,.9); font-size: 46px; }
.news-body { padding: 23px; }
.news-meta { display: flex; gap: 12px; color: #8a969f; font-size: 12px; }
.news-card h3 { margin: 10px 0 9px; color: var(--navy); font-size: 18px; line-height: 1.5; }
.news-card p { margin: 0; color: var(--muted); font-size: 13px; }

.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 54px; align-items: start; }
.faq-intro { position: sticky; top: 120px; }
.faq-intro h2 { margin: 8px 0 16px; color: var(--navy); font-size: 39px; line-height: 1.3; }
.faq-intro p { color: var(--muted); }
.faq-box { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-question { width: 100%; padding: 22px 48px 22px 0; border: 0; background: transparent; text-align: left; color: var(--navy); font-weight: 700; position: relative; }
.faq-question::after { content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--blue-soft); color: var(--blue); font-size: 20px; transition: .2s ease; }
.faq-question[aria-expanded="true"]::after { content: "−"; transform: translateY(-50%) rotate(180deg); }
.faq-answer { padding: 0 44px 20px 0; color: var(--muted); font-size: 14px; }
.faq-answer[hidden] { display: none; }

.contact-banner { background: var(--navy); color: var(--white); border-radius: var(--radius-lg); padding: 44px 52px; display: flex; align-items: center; justify-content: space-between; gap: 30px; position: relative; overflow: hidden; }
.contact-banner::after { content: ""; position: absolute; width: 260px; height: 260px; right: -80px; top: -110px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 40px rgba(255,255,255,.03), 0 0 0 80px rgba(255,255,255,.02); }
.contact-banner h2 { margin: 0 0 8px; font-size: 30px; }
.contact-banner p { margin: 0; color: rgba(255,255,255,.72); }
.contact-actions { position: relative; z-index: 2; display: flex; align-items: center; gap: 15px; }
.contact-number { font-size: 24px; font-weight: 800; color: #f0d69b; white-space: nowrap; }

.site-footer { background: #071a28; color: rgba(255,255,255,.68); padding: 70px 0 0; }
.footer-grid { display: grid; grid-template-columns: 1.4fr .7fr .7fr 1fr; gap: 46px; padding-bottom: 46px; }
.footer-brand img { filter: brightness(0) invert(1); opacity: .9; }
.footer-brand p { max-width: 360px; font-size: 13px; }
.footer-title { color: var(--white); font-size: 16px; margin: 0 0 16px; }
.footer-links { margin: 0; padding: 0; list-style: none; font-size: 13px; }
.footer-links li { margin: 9px 0; }
.footer-links a:hover { color: var(--white); }
.footer-contact { font-size: 13px; }
.footer-contact strong { display: block; color: #f0d69b; font-size: 23px; margin: 4px 0 12px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px; }

.float-contact { position: fixed; right: 18px; bottom: 24px; z-index: 900; display: grid; gap: 10px; }
.float-contact a, .back-top { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; box-shadow: 0 10px 25px rgba(8,29,45,.2); }
.float-contact a { background: var(--gold); color: var(--navy); font-size: 20px; }
.back-top { border: 0; background: var(--white); color: var(--navy); opacity: 0; visibility: hidden; transition: .2s ease; }
.back-top.show { opacity: 1; visibility: visible; }

@media (max-width: 1100px) {
  .header-main { grid-template-columns: 220px 1fr auto; }
  .main-nav { position: fixed; left: 20px; right: 20px; top: 132px; padding: 14px; background: var(--white); border-radius: 14px; box-shadow: var(--shadow); transform: translateY(-15px); opacity: 0; visibility: hidden; transition: .2s ease; }
  .main-nav.open { transform: translateY(0); opacity: 1; visibility: visible; }
  .main-nav ul { flex-direction: column; align-items: stretch; }
  .menu-toggle { display: block; }
  .header-contact .phone-copy { display: none; }
  .answer-grid { grid-template-columns: repeat(3, 1fr); }
  .answer-main { grid-column: 1 / -1; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .process-list { grid-template-columns: repeat(4, 1fr); }
  .process-item:not(:last-child)::after { display: none; }
}

@media (max-width: 820px) {
  .topbar-note { display: none; }
  .header-main { min-height: 76px; grid-template-columns: 1fr auto auto; gap: 10px; }
  .brand img { width: 190px; }
  .hero { min-height: 760px; }
  .hero-content { padding: 70px 0 260px; }
  .hero-card { left: 20px; right: 20px; bottom: 38px; width: auto; }
  .answer-grid { grid-template-columns: 1fr; }
  .answer-main, .answer-item { padding: 23px; }
  .answer-item { border-left: 0; border-top: 1px solid var(--line); }
  .section { padding: 72px 0; }
  .section-head { align-items: start; flex-direction: column; gap: 14px; }
  .cost-layout, .about-layout, .faq-layout { grid-template-columns: 1fr; gap: 34px; }
  .faq-intro { position: static; }
  .process-list { grid-template-columns: repeat(2, 1fr); }
  .news-grid { grid-template-columns: 1fr; }
  .contact-banner { padding: 34px; align-items: flex-start; flex-direction: column; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .topbar-tags span:nth-child(3) { display: none; }
  .brand img { width: 164px; }
  .header-contact { display: none; }
  .main-nav { top: 122px; }
  .hero h1 { font-size: 39px; }
  .hero-lead { font-size: 16px; }
  .hero-actions .btn { width: 100%; }
  .hero-card { left: 14px; right: 14px; }
  .answer-strip { margin-top: -24px; }
  .service-grid, .cost-factors, .process-list { grid-template-columns: 1fr; }
  .cost-panel { padding: 30px 24px; }
  .cost-panel h2 { font-size: 31px; }
  .about-visual { min-height: 400px; }
  .about-copy h2, .faq-intro h2 { font-size: 32px; }
  .contact-actions { align-items: flex-start; flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { align-items: flex-start; flex-direction: column; padding: 18px 0; }
  
}

/* ===== 海葬费用页 ===== */
.inner-hero{position:relative;overflow:hidden;background:var(--navy) url("../images/hero-ocean.svg") center 54%/cover no-repeat;color:#fff;min-height:390px;display:grid;align-items:center}
.inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,40,.92),rgba(6,25,40,.72) 52%,rgba(6,25,40,.28))}
.inner-hero .container{position:relative;z-index:2;padding-top:70px;padding-bottom:82px}
.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.68);margin-bottom:24px}.breadcrumb a:hover{color:#fff}.breadcrumb b{font-weight:400;color:#f0d69b}
.inner-hero h1{margin:0;color:#fff;font-size:clamp(38px,5vw,58px);line-height:1.18}.inner-hero h1 span{display:block;margin-top:12px;color:#f0d69b;font-size:.42em;letter-spacing:3px;font-weight:600}
.inner-hero p{max-width:760px;margin:20px 0 0;color:rgba(255,255,255,.82);font-size:17px}
.price-answer{position:relative;z-index:4;margin-top:-44px}.price-answer-card{background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.25fr repeat(3,.75fr);overflow:hidden}
.price-answer-main{padding:28px 30px;background:var(--navy);color:#fff}.price-answer-main small{color:#f0d69b;font-weight:800}.price-answer-main h2{font-size:22px;margin:7px 0 8px}.price-answer-main p{margin:0;color:rgba(255,255,255,.74);font-size:14px}
.price-answer-item{padding:28px 24px;border-left:1px solid var(--line)}.price-answer-item span{display:block;font-size:12px;font-weight:800;color:var(--gold-deep)}.price-answer-item strong{display:block;margin-top:4px;color:var(--navy);font-size:23px}.price-answer-item p{font-size:12px;color:var(--muted);margin:4px 0 0}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.package-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;transition:.24s ease;overflow:hidden}.package-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(16,42,67,.1)}.package-card.featured{border-color:#d5b777;box-shadow:0 18px 48px rgba(16,42,67,.10)}.package-ribbon{position:absolute;right:-34px;top:18px;background:var(--gold);color:var(--navy-deep);font-size:12px;font-weight:800;padding:7px 40px;transform:rotate(38deg)}
.package-tag{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--gold-deep)}.package-card h3{margin:8px 0 5px;color:var(--navy);font-size:25px}.package-sub{color:var(--muted);font-size:14px;margin:0 0 20px}.package-price{display:flex;align-items:baseline;gap:5px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.package-price i{font-style:normal;color:var(--navy);font-size:19px;font-weight:700}.package-price strong{font-size:46px;line-height:1;color:var(--navy)}.package-price span{color:var(--muted);font-size:13px}
.package-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px;flex:1}.package-list li{position:relative;padding-left:24px;color:#465766;font-size:14px}.package-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold-deep);font-weight:900}.package-note{padding:12px 14px;background:var(--paper);border-radius:10px;color:var(--muted);font-size:12px;margin-bottom:18px}
.compare-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.compare-table{width:100%;min-width:850px;border-collapse:collapse}.compare-table th,.compare-table td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--line);font-size:14px}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table thead th{background:var(--navy);color:#fff}.compare-table thead th:first-child{border-radius:0}.compare-table tbody tr:last-child td{border-bottom:0}.compare-table td:first-child{color:var(--navy);font-weight:700}.yes{color:#2d7a5b;font-weight:800}.dash{color:#a1abb2}.optional{color:var(--gold-deep);font-weight:700}
.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.included-card{padding:24px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}.included-card b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:var(--blue);margin-bottom:14px}.included-card h3{font-size:17px;color:var(--navy);margin:0 0 7px}.included-card p{font-size:13px;color:var(--muted);margin:0}
.fee-note-box{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:24px 26px}.fee-note-box h3{margin:0 0 8px;color:var(--navy)}.fee-note-box p{margin:0;color:var(--muted)}
.steps-compact{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step-compact{padding:22px 18px;background:#fff;border:1px solid var(--line);border-radius:15px}.step-compact span{font-size:12px;color:var(--gold-deep);font-weight:900}.step-compact h3{font-size:16px;color:var(--navy);margin:6px 0}.step-compact p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:1000px){.price-answer-card{grid-template-columns:repeat(3,1fr)}.price-answer-main{grid-column:1/-1}.package-grid{grid-template-columns:1fr}.included-grid{grid-template-columns:repeat(2,1fr)}.steps-compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.inner-hero{min-height:360px}.inner-hero .container{padding-top:55px;padding-bottom:74px}.price-answer-card{grid-template-columns:1fr}.price-answer-item{border-left:0;border-top:1px solid var(--line)}.included-grid,.steps-compact{grid-template-columns:1fr}.package-card{padding:24px}.package-price strong{font-size:40px}}

/* ===== 海葬流程页 ===== */
.process-hero::after{content:"05 STEPS";position:absolute;right:max(4vw,30px);bottom:30px;font-size:clamp(54px,8vw,120px);line-height:1;font-weight:900;letter-spacing:-6px;color:rgba(255,255,255,.045);pointer-events:none}
.process-answer{position:relative;z-index:4;margin-top:-44px}.process-answer-card{display:grid;grid-template-columns:1.05fr 1.95fr;background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.process-answer-intro{padding:29px 31px;background:var(--navy);color:#fff}.process-answer-intro small{color:#f0d69b;font-weight:800}.process-answer-intro h2{font-size:22px;margin:7px 0 8px}.process-answer-intro p{margin:0;color:rgba(255,255,255,.74);font-size:14px}.process-mini-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}.process-mini-list li{position:relative;min-height:135px;padding:28px 14px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:7px}.process-mini-list li:not(:last-child)::after{content:"";position:absolute;right:-5px;top:50%;width:9px;height:9px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);transform:translateY(-50%) rotate(45deg);background:#fff;z-index:2}.process-mini-list b{font-size:12px;letter-spacing:1px;color:var(--gold-deep)}.process-mini-list span{color:var(--navy);font-size:14px;font-weight:800;line-height:1.45}
.process-timeline{position:relative;display:grid;gap:16px}.process-timeline::before{content:"";position:absolute;left:54px;top:45px;bottom:45px;width:1px;background:linear-gradient(var(--gold),rgba(208,181,126,.18))}.process-row{position:relative;display:grid;grid-template-columns:110px 1fr 170px;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px 24px 12px;transition:.22s ease}.process-row:hover{border-color:rgba(190,151,72,.45);box-shadow:0 14px 36px rgba(16,42,67,.08);transform:translateX(4px)}.process-number{position:relative;z-index:2;width:86px;height:86px;margin:auto;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-content:center;text-align:center;border:6px solid #fff;box-shadow:0 0 0 1px var(--line)}.process-number span{font-size:8px;letter-spacing:1px;color:#e3c77f}.process-number strong{font-size:25px;line-height:1.05}.process-row-main{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start}.process-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f8f4ea,#efe3c8);border:1px solid #ead9b3;color:var(--navy);font-size:21px;font-weight:900}.process-copy h3{margin:0 0 7px;color:var(--navy);font-size:20px}.process-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.process-key{padding:13px 15px;border-left:1px solid var(--line)}.process-key span{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.process-key b{display:block;color:var(--gold-deep);font-size:15px}
.materials-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.materials-copy>p{color:var(--muted);font-size:15px;line-height:1.9}.materials-tip{margin-top:24px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);display:grid;gap:4px}.materials-tip b{color:var(--navy)}.materials-tip span{color:var(--muted);font-size:13px}.material-cards{display:grid;gap:13px}.material-card{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}.material-card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#f0d69b;font-weight:900;font-size:13px}.material-card h3{margin:0 0 5px;color:var(--navy);font-size:17px}.material-card p{margin:0;color:var(--muted);font-size:13px}
.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.day-card{position:relative;overflow:hidden;padding:26px 23px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.day-card::after{content:"";position:absolute;right:-28px;bottom:-28px;width:90px;height:90px;border-radius:50%;border:16px solid rgba(208,181,126,.10)}.day-card b{display:block;color:var(--gold-deep);font-size:12px;letter-spacing:1px}.day-card h3{margin:8px 0;color:var(--navy);font-size:18px}.day-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.weather-note{margin-top:22px;display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;padding:22px 24px;border-radius:16px;background:#0e3048;color:#fff}.weather-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-size:22px;font-weight:900}.weather-note h3{margin:0 0 5px;color:#fff;font-size:17px}.weather-note p{margin:0;color:rgba(255,255,255,.72);font-size:13px}
@media(max-width:1050px){.process-answer-card{grid-template-columns:1fr}.process-mini-list li:first-child{border-left:0}.process-row{grid-template-columns:100px 1fr}.process-key{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.materials-layout{grid-template-columns:1fr;gap:32px}.day-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.process-mini-list{grid-template-columns:1fr}.process-mini-list li{min-height:auto;padding:16px 22px;border-left:0;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:flex-start}.process-mini-list li:not(:last-child)::after{display:none}.process-timeline::before{display:none}.process-row{grid-template-columns:72px 1fr;gap:12px;padding:18px 18px 18px 8px}.process-number{width:64px;height:64px;border-width:4px}.process-number strong{font-size:20px}.process-row-main{grid-template-columns:1fr;gap:10px}.process-icon{width:42px;height:42px;border-radius:12px;font-size:17px}.process-copy h3{font-size:17px}.process-key{grid-column:2}.day-grid{grid-template-columns:1fr}.weather-note{grid-template-columns:1fr}.materials-layout{gap:25px}}


/* ===== 联系我们页 ===== */
.contact-page-hero::after{content:"CONTACT";position:absolute;right:max(4vw,30px);bottom:28px;font-size:clamp(58px,9vw,132px);line-height:1;font-weight:900;letter-spacing:-6px;color:rgba(255,255,255,.045);pointer-events:none}
.contact-answer{position:relative;z-index:4;margin-top:-44px}.contact-answer-card{display:grid;grid-template-columns:1.12fr .88fr;background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.contact-answer-main{padding:30px 32px;background:var(--navy);color:#fff}.contact-answer-main small{color:#f0d69b;font-weight:800}.contact-answer-main h2{font-size:23px;margin:7px 0 9px}.contact-answer-main p{margin:0;color:rgba(255,255,255,.74);font-size:14px;line-height:1.8}.contact-answer-actions{padding:24px 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:center}.contact-answer-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;font-size:14px;font-weight:800}.contact-answer-actions .primary{background:var(--gold);color:var(--navy)}.contact-answer-actions .secondary{border:1px solid var(--line);color:var(--navy);background:#fff}.contact-answer-actions a:hover{transform:translateY(-1px)}
.contact-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.contact-info-card{position:relative;overflow:hidden;padding:27px 27px 25px;background:#fff;border:1px solid var(--line);border-radius:18px;min-height:185px}.contact-info-card::after{content:"";position:absolute;right:-32px;bottom:-34px;width:112px;height:112px;border:18px solid rgba(208,181,126,.09);border-radius:50%}.contact-info-card .ci-label{display:flex;align-items:center;gap:9px;color:var(--gold-deep);font-size:12px;font-weight:900;letter-spacing:.6px}.contact-info-card .ci-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--navy);font-size:14px}.contact-info-card h3{margin:13px 0 5px;color:var(--navy);font-size:22px}.contact-info-card .contact-value{display:block;position:relative;z-index:2;color:var(--navy);font-size:21px;font-weight:900;word-break:break-all}.contact-info-card p{position:relative;z-index:2;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.75}.contact-info-card .ci-action{display:inline-flex;position:relative;z-index:2;margin-top:14px;color:var(--gold-deep);font-size:13px;font-weight:800}.contact-info-card.address-card{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px}.address-card .contact-value{font-size:24px}.address-badge{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--navy);color:#f0d69b;font-size:18px;font-weight:900;box-shadow:0 10px 26px rgba(16,42,67,.16)}
.contact-person{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:stretch}.manager-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d2d44,#071d2e);border-radius:20px;color:#fff;padding:34px}.manager-card::after{content:"郭";position:absolute;right:-4px;bottom:-38px;font-size:170px;line-height:1;font-weight:900;color:rgba(255,255,255,.035)}.manager-card small{color:#f0d69b;font-weight:800}.manager-card h2{margin:8px 0 4px;color:#fff;font-size:32px}.manager-card .role{margin:0 0 23px;color:rgba(255,255,255,.65)}.manager-phone{display:block;margin:0 0 8px;color:#f0d69b;font-size:30px;font-weight:900;letter-spacing:.5px}.manager-card p{max-width:520px;margin:0 0 24px;color:rgba(255,255,255,.72);line-height:1.85}.manager-actions{display:flex;gap:12px;flex-wrap:wrap}.manager-actions a{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:10px;font-weight:800;font-size:13px}.manager-actions .call{background:var(--gold);color:var(--navy)}.manager-actions .mail{border:1px solid rgba(255,255,255,.2);color:#fff}
.contact-guide{display:grid;gap:13px}.guide-item{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.guide-item b{width:46px;height:46px;display:grid;place-items:center;background:var(--paper);border:1px solid #e7d8b6;border-radius:13px;color:var(--gold-deep);font-size:12px}.guide-item h3{margin:1px 0 5px;color:var(--navy);font-size:17px}.guide-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.location-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.location-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.location-box h3{margin:0 0 9px;color:var(--navy);font-size:21px}.location-box p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.location-visual{position:relative;overflow:hidden;min-height:230px;border-radius:18px;background:linear-gradient(135deg,#eaf2f6,#f7f2e8);border:1px solid var(--line);display:grid;place-items:center}.location-visual::before,.location-visual::after{content:"";position:absolute;border:1px solid rgba(16,42,67,.12);border-radius:50%}.location-visual::before{width:260px;height:260px}.location-visual::after{width:150px;height:150px}.location-pin{position:relative;z-index:2;width:92px;height:92px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:var(--navy);display:grid;place-items:center;box-shadow:0 18px 35px rgba(16,42,67,.2)}.location-pin span{transform:rotate(45deg);color:#f0d69b;font-size:24px;font-weight:900}.copy-feedback{position:fixed;left:50%;bottom:30px;z-index:9999;transform:translate(-50%,18px);padding:10px 16px;border-radius:999px;background:#071a28;color:#fff;font-size:13px;opacity:0;visibility:hidden;transition:.2s ease;box-shadow:0 10px 30px rgba(0,0,0,.2)}.copy-feedback.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px){.contact-answer-card,.contact-person,.location-panel{grid-template-columns:1fr}.contact-info-grid{grid-template-columns:1fr}.contact-info-card.address-card{grid-column:auto}.contact-info-card.address-card{grid-template-columns:1fr}.address-badge{display:none}.contact-answer-actions{grid-template-columns:1fr 1fr}.manager-phone{font-size:27px}}
@media(max-width:560px){.contact-answer-actions{grid-template-columns:1fr}.contact-info-card{padding:23px}.contact-info-card .contact-value{font-size:19px}.address-card .contact-value{font-size:21px}.manager-card{padding:28px 23px}.manager-card h2{font-size:28px}.manager-phone{font-size:24px}.location-box{padding:23px}}


/* ===== 关于我们页 ===== */
.about-page-hero::after{content:"ABOUT";position:absolute;right:max(4vw,30px);bottom:28px;font-size:clamp(58px,9vw,132px);line-height:1;font-weight:900;letter-spacing:-6px;color:rgba(255,255,255,.045);pointer-events:none}.about-answer{position:relative;z-index:4;margin-top:-44px}.about-answer-card{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.about-answer-main{padding:31px 33px;background:var(--navy);color:#fff}.about-answer-main small{color:#f0d69b;font-weight:800}.about-answer-main h2{margin:7px 0 9px;font-size:23px}.about-answer-main p{margin:0;color:rgba(255,255,255,.74);font-size:14px;line-height:1.82}.about-answer-points{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.about-answer-points>div{padding:24px 18px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.about-answer-points b{color:var(--gold-deep);font-size:11px}.about-answer-points strong{display:block;margin:6px 0 4px;color:var(--navy);font-size:17px}.about-answer-points span{color:var(--muted);font-size:12px;line-height:1.55}.why-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.why-copy>p{color:var(--muted);font-size:15px;line-height:1.95}.policy-note{margin-top:22px;padding:18px 19px;border-left:4px solid var(--gold);border-radius:13px;background:var(--paper);display:grid;gap:5px}.policy-note b{color:var(--navy)}.policy-note span{color:var(--muted);font-size:13px;line-height:1.75}.why-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.why-cards article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;min-height:188px}.why-cards article::after{content:"";position:absolute;right:-30px;bottom:-30px;width:100px;height:100px;border-radius:50%;border:17px solid rgba(208,181,126,.09)}.why-cards article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#f0d69b;font-weight:900}.why-cards h3{margin:15px 0 8px;color:var(--navy);font-size:18px}.why-cards p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.compare-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(16,42,67,.05)}.compare-table{width:100%;min-width:760px;border-collapse:collapse}.compare-table th,.compare-table td{padding:18px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px;line-height:1.7}.compare-table thead th{background:#0c2e45;color:#fff;font-size:14px}.compare-table th:first-child{width:17%;color:var(--navy);font-weight:800}.compare-table thead th:first-child{color:#fff}.compare-table td{color:#5e6e79}.compare-table .highlight{background:#fffaf0}.compare-table thead .highlight{background:var(--gold);color:var(--navy)}.compare-table td.highlight b{color:var(--navy)}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}.compare-table tr>*:last-child{border-right:0}.compare-footnote{margin:15px 0 0;color:#7a8790;font-size:12px;line-height:1.8}.private-section{background:linear-gradient(145deg,#0c2c42,#071c2c);color:#fff}.private-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:start}.private-copy .section-title{color:#fff}.private-copy>p{color:rgba(255,255,255,.72);line-height:1.9;margin-bottom:26px}.private-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.private-feature-grid article{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}.private-feature-grid b{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(208,181,126,.15);color:#f0d69b;font-size:12px}.private-feature-grid h3{margin:1px 0 5px;color:#fff;font-size:16px}.private-feature-grid p{margin:0;color:rgba(255,255,255,.66);font-size:12.5px;line-height:1.72}.choose-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.choose-card{position:relative;overflow:hidden;padding:31px;border-radius:19px;border:1px solid var(--line);background:#fff}.choose-card small{font-weight:800;color:var(--gold-deep)}.choose-card h2{margin:8px 0 19px;color:var(--navy);font-size:25px}.choose-card ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}.choose-card li{position:relative;padding-left:25px;color:var(--muted);font-size:14px;line-height:1.7}.choose-card li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold-deep);font-weight:900}.private-card{background:var(--navy);border-color:var(--navy)}.private-card small{color:#f0d69b}.private-card h2{color:#fff}.private-card li{color:rgba(255,255,255,.74)}.private-card li::before{color:#f0d69b}.principle-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start}.principle-list{display:grid;gap:12px}.principle-list article{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:19px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}.principle-list span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--paper);color:var(--gold-deep);font-size:12px;font-weight:900}.principle-list h3{margin:1px 0 4px;color:var(--navy);font-size:16px}.principle-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.policy-source-section{padding:0 0 92px}.policy-source-card{display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:center;padding:30px 32px;background:#f8f4ea;border:1px solid #eadcc0;border-radius:19px}.policy-source-card h2{margin:7px 0 7px;color:var(--navy);font-size:25px}.policy-source-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.policy-links{display:grid;gap:10px}.policy-links a{padding:13px 15px;border-radius:10px;background:#fff;border:1px solid #eadcc0;color:var(--navy);font-size:13px;font-weight:800}.policy-links a:hover{border-color:var(--gold);transform:translateY(-1px)}
@media(max-width:1000px){.about-answer-card,.why-layout,.private-layout,.principle-layout,.policy-source-card{grid-template-columns:1fr}.about-answer-points>div:first-child{border-left:0}.why-layout,.private-layout,.principle-layout{gap:32px}}
@media(max-width:720px){.about-answer-points{grid-template-columns:1fr}.about-answer-points>div{border-left:0;border-top:1px solid var(--line);padding:16px 22px}.why-cards,.private-feature-grid,.choose-layout{grid-template-columns:1fr}.compare-table th,.compare-table td{padding:15px 14px}.policy-source-section{padding-bottom:72px}}


/* ===== 海葬新闻栏目页 / 详情页 ===== */
.news-page-hero::after{content:"NEWS";position:absolute;right:max(4vw,30px);bottom:28px;font-size:clamp(64px,10vw,142px);line-height:1;font-weight:900;letter-spacing:-7px;color:rgba(255,255,255,.045);pointer-events:none}
.news-feature-strip{position:relative;z-index:4;margin-top:-44px}.news-feature-card{display:grid;grid-template-columns:1.2fr .8fr;background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.news-feature-card>div{padding:30px 32px;background:var(--navy);color:#fff}.news-feature-card small{color:#f0d69b;font-weight:800}.news-feature-card h2{margin:7px 0 8px;font-size:23px}.news-feature-card p{margin:0;color:rgba(255,255,255,.72);font-size:14px}.news-feature-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.news-feature-card li{display:flex;flex-direction:column;justify-content:center;padding:22px;border-left:1px solid var(--line)}.news-feature-card li:first-child{border-left:0}.news-feature-card li b{color:var(--gold-deep);font-size:17px}.news-feature-card li span{margin-top:4px;color:var(--muted);font-size:12px}
.news-section{background:#fbfcfd}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:start}.news-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.news-list-head h2{margin:6px 0 0;color:var(--navy);font-size:32px}.news-list-head>p{margin:0;color:#8a969f;font-size:13px}.news-list{display:grid;gap:14px}.news-list-item{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:22px;align-items:center;padding:25px 26px 25px 20px;background:#fff;border:1px solid var(--line);border-radius:17px;transition:.22s ease}.news-list-item:hover{transform:translateY(-2px);border-color:rgba(176,142,79,.45);box-shadow:0 14px 34px rgba(16,42,67,.07)}.news-date-box{width:72px;height:72px;border-radius:14px;background:var(--paper);border:1px solid #e8dfca;display:grid;place-content:center;text-align:center}.news-date-box strong{font-size:26px;line-height:1;color:var(--navy)}.news-date-box span{margin-top:4px;color:var(--gold-deep);font-size:10px;font-weight:800}.news-category{color:var(--gold-deep);font-size:11px;font-weight:900;letter-spacing:.5px}.news-list-copy h2{margin:5px 0 7px;font-size:19px;line-height:1.45;color:var(--navy)}.news-list-copy h2 a:hover{color:var(--blue)}.news-list-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-meta{display:flex;gap:8px;align-items:center;margin-top:10px;color:#929da5;font-size:11px}.news-meta i{font-style:normal}.news-more{white-space:nowrap;color:var(--blue);font-size:12px;font-weight:800}.news-more:hover{color:var(--gold-deep)}
.pagination{margin-top:34px}.pagination ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pagination li a{min-width:40px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;color:#526572;font-size:13px;font-weight:800;transition:.2s ease}.pagination li a:hover,.pagination li.active a{background:var(--navy);border-color:var(--navy);color:#fff}.pagination li.next a{padding-inline:18px}
.news-sidebar{display:grid;gap:18px;position:sticky;top:110px}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px}.sidebar-title{padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:7px}.sidebar-title small{display:block;color:var(--gold-deep);font-size:10px;font-weight:900;letter-spacing:1.5px}.sidebar-title h2{margin:3px 0 0;color:var(--navy);font-size:20px}.latest-card ol{list-style:none;margin:0;padding:0}.latest-card li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:14px 0;border-bottom:1px dashed #e5eaed}.latest-card li:last-child{border-bottom:0;padding-bottom:0}.latest-card li>b{color:#c8b27d;font-size:11px}.latest-card li>a{color:#344b5b;font-size:13px;line-height:1.55;font-weight:700}.latest-card li>a:hover{color:var(--blue)}.latest-card time{color:#a3adb4;font-size:10px}.category-card ul{list-style:none;margin:0;padding:0}.category-card li a{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px dashed #e5eaed;color:#425867;font-size:13px}.category-card li:last-child a{border-bottom:0}.category-card em{font-style:normal;width:26px;height:26px;border-radius:8px;background:var(--paper);display:grid;place-items:center;color:#87949d;font-size:10px}.sidebar-contact-card{padding:28px;border-radius:18px;background:linear-gradient(145deg,#0d3048,#071c2b);color:#fff;overflow:hidden;position:relative}.sidebar-contact-card::after{content:"津";position:absolute;right:-8px;bottom:-35px;font-family:serif;font-size:115px;color:rgba(255,255,255,.035)}.sidebar-contact-card small{color:#f0d69b;font-weight:800}.sidebar-contact-card h2{position:relative;z-index:2;margin:6px 0 8px;font-size:22px}.sidebar-contact-card p{position:relative;z-index:2;margin:0 0 17px;color:rgba(255,255,255,.68);font-size:12.5px;line-height:1.75}.sidebar-contact-card a{position:relative;z-index:2;display:block;color:#f0d69b;font-size:17px;font-weight:900}.sidebar-contact-card>b{position:relative;z-index:2;display:block;margin-top:3px;color:#fff;font-size:14px}
.article-page{background:#fbfcfd}.article-top{background:linear-gradient(180deg,#f3f7f9,#fff);border-bottom:1px solid var(--line)}.article-top .container{padding-top:48px;padding-bottom:48px}.article-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#788791;font-size:12px;margin-bottom:25px}.article-breadcrumb i{font-style:normal;color:#bdc6cc}.article-breadcrumb b{color:var(--gold-deep)}.article-title-wrap{max-width:900px}.article-category{display:inline-block;padding:6px 10px;border-radius:7px;background:#efe6d1;color:#9c793b;font-size:11px;font-weight:900}.article-title-wrap h1{margin:12px 0 16px;color:var(--navy);font-size:clamp(30px,4vw,45px);line-height:1.35;letter-spacing:-.4px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#87949d;font-size:12px}.article-content-section{padding:54px 0 92px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:start}.news-article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:42px 46px;box-shadow:0 16px 42px rgba(16,42,67,.045)}.news-article>p{margin:0 0 21px;color:#495e6b;font-size:15px;line-height:2}.news-article h2{margin:39px 0 14px;padding-left:15px;border-left:4px solid var(--gold);color:var(--navy);font-size:24px;line-height:1.45}.news-article h3{margin:26px 0 9px;color:var(--navy);font-size:18px}.news-article strong{color:var(--navy)}.article-lead{margin-bottom:29px;padding:22px 24px;background:#f8f4ea;border-radius:13px;border:1px solid #eadcc0}.article-lead>b{color:var(--gold-deep);font-size:12px}.article-lead p{margin:6px 0 0;color:#52636d;font-size:14px;line-height:1.9}.article-point-box{margin:22px 0 29px;padding:23px 25px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd}.article-point-box h3{margin:0 0 10px;font-size:17px}.article-point-box ul{margin:0;padding-left:20px;color:#566873;font-size:14px;line-height:1.9}.article-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:27px 0 34px}.article-material-grid section{padding:21px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd}.article-material-grid b{display:block;color:var(--gold-deep);font-size:11px}.article-material-grid h3{margin:5px 0 6px;font-size:16px}.article-material-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.article-note{margin:31px 0;padding:21px 23px;border-left:4px solid var(--gold);border-radius:11px;background:#f8f4ea}.article-note>b{color:var(--navy)}.article-note p{margin:5px 0 0;color:#64727f;font-size:13px;line-height:1.8}.article-tags{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.article-tags>strong{font-size:13px}.article-tags ul{display:flex;gap:7px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.article-tags li a{display:block;padding:5px 10px;border-radius:7px;background:var(--paper);color:#657681;font-size:11px}.article-tags li a:hover{background:var(--navy);color:#fff}.article-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.article-prev-next a{padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.article-prev-next a:last-child{text-align:right}.article-prev-next small{display:block;color:#a0aab1;font-size:10px}.article-prev-next b{display:block;margin-top:4px;color:var(--navy);font-size:12px;line-height:1.55}.article-prev-next a:hover{border-color:var(--gold)}.similar-card ul{list-style:none;margin:0;padding:0}.similar-card li{border-bottom:1px dashed #e5eaed}.similar-card li:last-child{border-bottom:0}.similar-card a{display:block;padding:13px 0}.similar-card span{display:block;color:var(--gold-deep);font-size:10px;font-weight:800}.similar-card b{display:block;margin-top:4px;color:#3e5361;font-size:13px;line-height:1.55}.similar-card a:hover b{color:var(--blue)}
@media(max-width:1000px){.news-feature-card,.news-layout,.article-layout{grid-template-columns:1fr}.news-sidebar{position:static;grid-template-columns:1fr 1fr}.sidebar-contact-card{grid-column:1/-1}.news-list-item{grid-template-columns:76px minmax(0,1fr)}.news-more{grid-column:2}.article-sidebar{grid-template-columns:1fr 1fr}.article-sidebar .sidebar-contact-card{grid-column:1/-1}}
@media(max-width:680px){.news-feature-card ul{grid-template-columns:1fr}.news-feature-card li{border-left:0;border-top:1px solid var(--line);padding:15px 22px}.news-list-head{align-items:start;flex-direction:column}.news-list-item{grid-template-columns:58px 1fr;gap:15px;padding:19px 17px}.news-date-box{width:56px;height:60px}.news-date-box strong{font-size:21px}.news-list-copy h2{font-size:17px}.news-more{grid-column:2}.news-sidebar,.article-sidebar{grid-template-columns:1fr}.sidebar-contact-card,.article-sidebar .sidebar-contact-card{grid-column:auto}.news-article{padding:28px 22px}.article-top .container{padding-top:36px;padding-bottom:38px}.article-content-section{padding-top:30px}.article-material-grid,.article-prev-next{grid-template-columns:1fr}.article-prev-next a:last-child{text-align:left}.article-meta{gap:8px 15px}}


/* ===== 首页栏目入口与公益VS一对一 ===== */
.section-head-side{max-width:620px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.section-head-side .section-desc{max-width:none}.section-entry-link{display:inline-flex;align-items:center;margin-top:3px;font-weight:800;font-size:14px}.section-entry-light{color:#f0d69b}.section-entry-light:hover{color:#fff;text-decoration:underline}.contact-page-link{position:relative;z-index:2;color:#f0d69b;font-size:13px;font-weight:800;white-space:nowrap}.contact-page-link:hover{text-decoration:underline}
.home-compare{position:relative;overflow:hidden}.home-compare::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(213,183,119,.10),transparent 34%);pointer-events:none}.vs-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:stretch}.vs-card{position:relative;z-index:1;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px rgba(16,42,67,.075)}.vs-card-head{padding:31px 32px 25px;border-bottom:1px solid var(--line)}.vs-type{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.7px}.vs-card h3{margin:12px 0 7px;font-size:27px;line-height:1.25}.vs-card-head p{margin:0;font-size:13px;line-height:1.75}.vs-public .vs-card-head{background:linear-gradient(135deg,#eaf4f7,#f7fbfc)}.vs-public .vs-type{background:#d8edf3;color:#1d5f7a}.vs-public h3{color:#164d69}.vs-public .vs-card-head p{color:#607985}.vs-private{border-color:#ead8ad}.vs-private .vs-card-head{background:linear-gradient(135deg,#fff7e7,#fffdf8)}.vs-private .vs-type{background:#f6e7c3;color:#9a732f}.vs-private h3{color:#8c6829}.vs-private .vs-card-head p{color:#75684f}.vs-list{list-style:none;counter-reset:vstep;margin:0;padding:12px 32px 25px}.vs-list li{counter-increment:vstep;display:grid;grid-template-columns:38px 105px 1fr;gap:10px;align-items:start;padding:16px 0;border-bottom:1px dashed #e1e7ea}.vs-list li:last-child{border-bottom:0}.vs-list li::before{content:counter(vstep);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900}.vs-public .vs-list li::before{background:#dceff4;color:#1d5f7a}.vs-private .vs-list li::before{background:#f8e8bf;color:#a0762b}.vs-list b{padding-top:4px;color:var(--navy);font-size:13px}.vs-list span{padding-top:2px;color:var(--muted);font-size:12.5px;line-height:1.72}.vs-mark{position:relative;z-index:3;align-self:center;justify-self:center;width:70px;height:70px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-content:center;text-align:center;border:6px solid var(--paper);box-shadow:0 12px 30px rgba(16,42,67,.18)}.vs-mark::before,.vs-mark::after{content:"";position:absolute;top:50%;width:22px;height:1px;background:#c8b27d}.vs-mark::before{right:100%}.vs-mark::after{left:100%}.vs-mark strong{font-size:21px;line-height:1;color:#f0d69b}.vs-mark span{margin-top:4px;font-size:9px;opacity:.75}.vs-summary{position:relative;z-index:1;margin-top:20px;padding:22px 25px;border:1px solid #eadcc0;border-radius:16px;background:#fffaf0;display:flex;align-items:center;justify-content:space-between;gap:25px}.vs-summary small{display:block;color:var(--gold-deep);font-size:11px;font-weight:900}.vs-summary strong{display:block;margin-top:5px;color:var(--navy);font-size:15px;line-height:1.65}.vs-note{position:relative;z-index:1;margin:13px 4px 0;color:#7b8790;font-size:11.5px;line-height:1.75}
@media(max-width:900px){.section-head-side{max-width:none}.vs-shell{grid-template-columns:1fr;gap:16px}.vs-mark{width:58px;height:58px;margin:-4px 0;transform:rotate(0)}.vs-mark::before,.vs-mark::after{display:none}.vs-summary{align-items:flex-start;flex-direction:column}.contact-actions{flex-wrap:wrap}}
@media(max-width:560px){.vs-card-head{padding:25px 22px 20px}.vs-card h3{font-size:23px}.vs-list{padding:9px 22px 20px}.vs-list li{grid-template-columns:34px 1fr;gap:8px}.vs-list b{padding-top:3px}.vs-list span{grid-column:2}.vs-summary{padding:20px}.section-head-side{gap:9px}}
/* =========================
   footer 手机端布局
========================= */
@media screen and (max-width: 768px) {

    .footer-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
    }

    /* 第1块：品牌介绍，单独一整行 */
    .footer-grid > div:nth-child(1) {
        grid-column: 1 / -1;
    }

    /* 第2块：服务导航，占50% */
    .footer-grid > div:nth-child(2) {
        grid-column: span 1;
    }

    /* 第3块：网站栏目，占50% */
    .footer-grid > div:nth-child(3) {
        grid-column: span 1;
    }

    /* 第4块：联系电话，单独一整行 */
    .footer-grid > div:nth-child(4) {
        grid-column: 1 / -1;
    }

    .footer-title {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .footer-links {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .footer-links li {
        margin-bottom: 9px;
    }

    .footer-links a {
        display: block;
        font-size: 14px;
        line-height: 1.6;
    }
}
/* =========================
   海葬费用包含项卡片背景图样式
========================= */
.included-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.included-card {
    position: relative;
    overflow: hidden;
    min-height: 250px;
    padding: 28px 22px;
    border-radius: 18px;
    background-color: #0f2740;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    box-shadow: 0 14px 36px rgba(7, 26, 43, 0.16);
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.included-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(8, 24, 40, 0.18) 0%,
        rgba(8, 24, 40, 0.46) 42%,
        rgba(8, 24, 40, 0.82) 100%
    );
    z-index: -1;
}

.included-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    pointer-events: none;
}

.included-card b {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #d0b57e 0%, #b89556 100%);
    box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

.included-card h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.4;
    color: #fff;
}

.included-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255,255,255,0.92);
}

/* 悬停效果 */
.included-card:hover {
    transform: translateY(-4px);
    transition: all 0.3s ease;
    box-shadow: 0 20px 42px rgba(7, 26, 43, 0.22);
}

/* 每个卡片单独背景图 */
.bg-ship {
    background-image: url("../images/included-ship.jpg");
}

.bg-ceremony {
    background-image: url("../images/included-ceremony.jpg");
}

.bg-flower {
    background-image: url("../images/included-flower.jpg");
}

.bg-car {
    background-image: url("../images/included-car.jpg");
}

.bg-people {
    background-image: url("../images/included-people.jpg");
}

.bg-safe {
    background-image: url("../images/included-safe.jpg");
}

.bg-date {
    background-image: url("../images/included-date.jpg");
}

.bg-privacy {
    background-image: url("../images/included-privacy.jpg");
}

/* 平板 */
@media screen and (max-width: 1024px) {
    .included-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}

/* 手机 */
@media screen and (max-width: 768px) {
    .included-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .included-card {
        min-height: 220px;
        padding: 22px 18px;
        border-radius: 16px;
    }

    .included-card h3 {
        font-size: 20px;
    }

    .included-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .included-card b {
        width: 48px;
        height: 48px;
        font-size: 22px;
        margin-bottom: 14px;
    }
}
.page-hero {
    position: relative;
    min-height: 360px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}

.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(8, 29, 48, 0.42);
}

.page-hero .container {
    position: relative;
    z-index: 2;
}

/* 海葬费用页面专属背景 */

@media screen and (max-width: 768px) {
    .page-hero {
        min-height: 260px;
        background-position: center center;
    }

    .page-hero h1 {
        font-size: 30px;
    }

    .page-hero p {
        font-size: 15px;
        line-height: 1.7;
    }
}
.process-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.process-item {
    position: relative;
    min-height: 240px;
    overflow: hidden;
    border-radius: 8px;
    background: #1c3048;
}

.process-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .5s ease;
}

.process-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(10, 28, 48, .08) 15%,
        rgba(10, 28, 48, .78) 100%
    );
}

.process-content {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 24px;
    bottom: 24px;
    color: #fff;
}

.process-content span {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    letter-spacing: 2px;
    opacity: .75;
}

.process-content h3 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 600;
	color:#ffffff;
}

.process-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    opacity: .9;
	color:#ffffff;
}

.process-item:hover .process-bg {
    transform: scale(1.06);
}
.process-item {
    position: relative;
    min-height: 240px;
    overflow: hidden;
}
.process-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.news-thumb {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.news-thumb a {
    display: block;
    width: 100%;
    height: 100%;
}

.news-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.news-card:hover .news-thumb img {
    transform: scale(1.05);
}