/* =============================
   Namespace: .spc (this page only)
   迁移自: 定制页模版.txt
   ============================= */

body, html { font-family: 'Noto Sans', sans-serif !important; }
.spc { color:#111; background:#fff; margin-bottom: 5px; }
.spc .spc-wrap { max-width:1180px; margin-inline:auto; padding:0 24px; }

/* HERO (use <section>, NOT <header>) */
.spc .spc-hero { position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; }
.spc .spc-hero::after { content:""; position:absolute; inset:0; background:radial-gradient(60% 60% at 50% 40%, rgba(198,161,91,.25), transparent 60%); pointer-events:none; }
.spc .spc-hero-media { 
  position:absolute;
  inset:0; z-index: 1; 
  background: linear-gradient(360deg, #140f0f, #4b4b3c 50%, #141414);
  filter: saturate(108%) brightness(1.4);
  animation: spcLightDrift 38s cubic-bezier(.45,.05,.2,1) infinite alternate;
  will-change: background-position, background-size, filter, opacity;
  overflow:hidden;
}
.spc .spc-hero-media::before,.spc .spc-hero-media::after { content:""; position:absolute; inset:0; pointer-events:none; will-change: opacity, transform; }
.spc .spc-hero-media::before {
  background:
    radial-gradient(60% 80% at 30% 42%, rgba(255,152,28,0.36), transparent 60%),
    radial-gradient(52% 62% at 72% 58%, rgba(255,206,60,0.28), transparent 64%),
    radial-gradient(44% 46% at 50% 50%, rgba(255,235,200,0.20), transparent 70%);
  animation: spcWarmOpacity 26s ease-in-out infinite;
  opacity: 1;
}
.spc .spc-hero-media::after {
  background:
    radial-gradient(62% 82% at 32% 44%, rgba(255,178,96,0.22), transparent 62%),
    radial-gradient(54% 66% at 70% 60%, rgba(255,224,160,0.18), transparent 68%),
    radial-gradient(46% 48% at 50% 52%, rgba(255,248,228,0.14), transparent 72%);
  animation: spcNeutralOpacity 26s ease-in-out infinite;
  opacity: 0;
}

@keyframes spcWarmOpacity{
  0%   { opacity: 1; }
  50%  { opacity: 0; }  /* 逐步让暖色退场 */
  100% { opacity: 1; }  /* 再慢慢回来 */
}

@keyframes spcNeutralOpacity{
  0%   { opacity: 0; }
  50%  { opacity: 1; }  /* 中性逐步登场 */
  100% { opacity: 0; }  /* 再退回去 */
}

.spc .spc-hero-inner { position:relative; z-index:3; text-align:center; color:#fff; text-shadow: 0 2px 12px rgba(0,0,0,.26); }
.spc .spc-hero-title { font-family: "Edu NSW ACT Cursive", cursive; font-size:clamp(1rem, 4vw, 2.5rem); font-weight:400; margin:0; }

/* BRAND DESCRIPTION */
.spc .spc-brand-description { padding: 250px 24px; }
.spc .spc-brand-description .brand-description-title { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 700; text-align: center; }
.spc .spc-brand-description .brand-description-text {color: #000; line-height: 1.6; text-align: center; margin-top: 20px; font-size: 24px; font-family: "Edu NSW ACT Cursive", cursive; font-weight: 500; }

/* Typo helpers */
.spc .spc-text { color:#666; line-height:1.6; }
@media (min-width: 1024px){ .spc .shift-right { transform: translateX(20%); } .spc .shift-left  { transform: translateX(-20%); } }

/* Grid system */
.spc .spc-grid { display:grid; gap:24px; }
.spc-grid-3 a,.spc-grid-3 a:hover { text-decoration: none; }
@media (min-width:768px){ .spc .spc-grid-3{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:640px){ .spc .spc-grid-2{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .spc .spc-grid-5{ grid-template-columns:repeat(5,1fr); } }

/* Why Us Background */
.why-us-section { 
    position: relative; 
    background-size: cover; 
    background-position: center; 
    height: 1080px; 
}
/* **注意**: 图片路径已从 [!--news.url--]... 替换为相对路径 */
/* 你必须在 'Seeposh_theme/assets/' 下创建 'uploads/customize/' 文件夹并放入图片 */
.why-us-section[style*="fa30d11"] { background-image: url('../uploads/customize/fa30d11b664a08a578fe3b17eec6e836.png'); }
.why-us-section[style*="579e81b"] { background-image: url('../uploads/customize/579e81b46423ef6775b6e355c841ca14.png'); }
.why-us-section[style*="c90f938"] { background-image: url('../uploads/customize/c90f938223a469a280b5e42cb2ce7c9f.png'); }

.why-us-section .brand-description-text {color: #000; line-height: 1.6; text-align: center; margin-top: 70px; font-size: 22px; max-width: 900px; margin-left: auto; margin-right: auto; }

/* Cards */
.spc .spc-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; background: rgba(255, 255, 255, 0.2); border-radius:14px; padding:24px; backdrop-filter: blur(10px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.spc .spc-card:hover { box-shadow:0 20px 50px rgba(0,0,0,.08); transform:translateY(-2px); }

/* Process badge */
.spc .spc-badge { margin: 0 auto; width:75px; height:75px; border-radius:999px; background:#C6A15B; color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; }
.spc .spc-badge img { width: 50px; height: 50px; object-fit: contain; display: block; }
.process .brand-description-text {color: #000; line-height: 1.6; text-align: center; margin-top: 70px; font-size: 22px; max-width: 900px; margin-left: auto; margin-right: auto; }

/* Process STEP */
.spc .spc-ps-band { background:#F7F7F8; /*padding:12px 0 24px;*/ }
.spc .spc-ps-wrap { max-width:1400px; margin-inline:auto; padding:26px 12px; }
.spc .spc-ps-card { display:grid; grid-template-columns:1.25fr .9fr; gap:40px; align-items:center; margin:64px 0; background:#fff; border:none; border-radius:16px; box-shadow:0 2px 22px rgba(12,13,14,.06); padding:28px; }
.spc .spc-ps-card:first-of-type{ margin-top:24px; }
.spc .spc-ps-card:last-of-type{ margin-bottom:64px; }
.spc .spc-ps-card:nth-child(even){ grid-template-columns:.9fr 1.25fr; }

/* Case cards */
.spc .spc-case { border:1px solid rgba(198,161,91,.25); overflow:hidden; background:#fff; border-radius: 14px; /* 添加圆角 */ }
.spc .spc-case-media { position:relative; aspect-ratio:5/3; overflow:hidden; }
.spc .spc-case-media img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.spc .spc-case:hover .spc-case-media img { transform:scale(1.05); }
.spc .spc-case-shade { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,.1), transparent); }
.spc .spc-case-cap { position:absolute; left:12px; bottom:10px; color:#fff; font-size:.9rem; }
@media (max-width:1120px){.spc .spc-ps-card, .spc .spc-ps-card:nth-child(even){ grid-template-columns:1fr; }.spc .spc-ps-card{ margin:48px 0; }}
.spc .spc-ps-left{ display:block; }
.spc .spc-ps-badge{width:64px; height:64px; border-radius:999px; background:#C6A15B; display:flex; align-items:center; justify-content:center; margin:2px 0 12px 0; }
.spc .spc-ps-badge img{ width:40px; height:40px; object-fit:contain; display:block; }
.spc .spc-ps-h3{ margin:0 0 12px; font-size:clamp(1.5rem,2.2vw,3rem); font-weight:700; line-height:1.2; }
.spc .spc-ps-text{ color:#0C0D0E; line-height:1.85; font-size:1rem; }
.spc .spc-ps-meta{ display:none !important; }
.spc .spc-ps-media{ position:relative; /*aspect-ratio:5/3;*/ overflow:hidden; border-radius: 12px; /* 给图片加圆角 */ }
.spc .spc-ps-media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.spc .spc-ps-card:hover .spc-ps-media img{ transform:scale(1.04); }
.spc .spc-ps-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.18), transparent 55%); pointer-events:none; }

/* CTA */
.spc .spc-cta { position:relative; background:#0C0D0E; color:#fff; padding:80px 0; text-align:center; overflow:hidden; }
.spc .spc-cta::before { content:""; position:absolute; inset:0; opacity:.3; background:radial-gradient(60% 60% at 50% 0%, rgba(198,161,91,.14), transparent); }
.spc .spc-btn { display:inline-flex; align-items:center; gap:.5rem; padding:.875rem 1.25rem; border-radius:16px; font-weight:600; text-decoration:none; background:#fff; color:#000; box-shadow:0 0 0 1px #C6A15B inset, 0 10px 30px rgba(0,0,0,.06); }

/* Scroll reveal (scoped) */
.spc .spc-reveal { opacity:0; transform:translateY(16px); transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); }
.spc .spc-reveal.spn { opacity:1; transform:none; }