:root { --seal-logo: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABNCAYAAADZ2VbDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE72lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgMTM3LmRhNGE3ZTUsIDIwMjIvMTEvMjctMDk6MzU6MDMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4xIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjYtMDUtMjJUMTQ6MDA6MDUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI2LTA1LTIyVDE0OjAxOjEzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI2LTA1LTIyVDE0OjAxOjEzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NTM2MGFmMS1mZDEwLTA0NDktODRmZS0wYTNjZTJmNTIyZjgiIHhtcE1NOkRvY3VtZW50SUQ9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"); --seal-red: #e60012; --seal-red-dark: #720006; --primary: #d71220; --primary-dark: #8f0b13; --brown-900: #130906; --brown-800: #20120c; --brown-700: #372015; --brown-600: #5b3826; --gold: #d7b56d; --gold-light: #fff0bf; --paper: #f7efe0; --paper-2: #eadcc3; --ink: #22150f; --muted: #b9a990; --white: #fff; --shadow: 0 30px 70px rgba(0,0,0,.35); --radius-lg: 34px; --radius-md: 22px; --radius-sm: 14px; --ease: cubic-bezier(.2,.8,.2,1); --bg-dark-a: #150806; --bg-dark-b: #100504; --bg-red-soft: rgba(183,28,28,.13); --bg-gold-soft: rgba(212,175,55,.085); --paper-base: #f2eadc; --paper-soft: #e9dec9; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: "Noto Serif TC",serif; color: var(--paper); line-height: 1.75; background: radial-gradient(circle at 12% 8%,rgba(215,18,32,.18),transparent 32%),radial-gradient(circle at 92% 22%,rgba(215,181,109,.12),transparent 30%),linear-gradient(180deg,#120805 0%,#1d100a 45%,#090403 100%); overflow-x: hidden; background: radial-gradient(circle at 12% 8%,rgba(215,18,32,.18),transparent 32%),radial-gradient(circle at 92% 22%,rgba(215,181,109,.12),transparent 30%),linear-gradient(180deg,#120805 0%,#1a0d08 34%,#120805 68%,#050302 100%); background-color: #110806; background-image: radial-gradient(circle at 18% 8%,rgba(183,28,28,.12),transparent 26%),radial-gradient(circle at 86% 18%,rgba(212,175,55,.08),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size: auto,auto,88px 88px,88px 88px; background-color: var(--bg-dark-b); background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27180%27%20height=%27180%27%20viewBox=%270%200%20180%20180%27%3E%0A%3Cpath%20d=%27M0%200H180V180H0Z%27%20fill=%27none%27/%3E%0A%3Cpath%20d=%27M0%2045H180M0%2090H180M0%20135H180M45%200V180M90%200V180M135%200V180%27%20stroke=%27%23d4af37%27%20stroke-opacity=%27.035%27%20stroke-width=%271%27/%3E%0A%3Cpath%20d=%27M45%2045Q90%2016%20135%2045Q164%2090%20135%20135Q90%20164%2045%20135Q16%2090%2045%2045Z%27%20fill=%27none%27%20stroke=%27%23d4af37%27%20stroke-opacity=%27.035%27%20stroke-width=%271%27/%3E%0A%3Ccircle%20cx=%2790%27%20cy=%2790%27%20r=%275%27%20fill=%27%23d4af37%27%20fill-opacity=%27.025%27/%3E%0A%3C/svg%3E"),radial-gradient(circle at 16% 9%,rgba(183,28,28,.10),transparent 25%),radial-gradient(circle at 88% 16%,rgba(212,175,55,.075),transparent 28%);background-size: 180px 180px,auto,auto; background-attachment: scroll,fixed,fixed; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; opacity: .46; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(circle at center,black,transparent 78%); }
a { color: inherit; text-decoration: none; display: inline-block; transition: .35s var(--ease); }
img { max-width: 100%; display: block; }
a.masklink { position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; left: 0; }
.container { width: min(1180px,calc(100% - 48px)); margin: 0 auto; position: relative; }
.section-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--primary); font-size: .92rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; margin-bottom: 12px; color: var(--seal-red); }
.section-kicker::before,.section-kicker::after { content: ""; width: 28px; height: 1px; background: currentColor; }
.section-title {font-size: clamp(1.95rem,4vw,3.3rem);line-height: 1.22;font-weight: 900;letter-spacing: .09em;position: relative;}
.section-desc { max-width: 660px; margin: 16px auto 0; color: var(--muted); font-size: 1.05rem; letter-spacing: .08em; }
.text-gold { color: var(--gold); }
.btn { min-height: 54px; padding: 14px 30px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-size: 1rem; font-weight: 800; letter-spacing: .14em; border: 1px solid transparent; cursor: pointer; white-space: nowrap; }
.btn-primary { background: linear-gradient(135deg,#f0444f 0%,var(--primary) 42%,#8b070e 100%); color: var(--white); box-shadow: 0 18px 36px rgba(215,18,32,.32); }
.btn-primary:hover { transform: translateY(-4px); box-shadow: 0 24px 44px rgba(215,18,32,.46); }
.btn-ghost { color: var(--paper); background: rgba(255,255,255,.055); border-color: rgba(215,181,109,.5); backdrop-filter: blur(12px); }
.btn-ghost:hover { color: var(--brown-900); background: var(--gold); transform: translateY(-4px); }
.reveal { opacity: 0; transform: translateY(34px); transition: opacity .8s var(--ease),transform .8s var(--ease); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
#header { position: fixed; inset: 0 0 auto 0; z-index: 1000; padding: 14px 0; background: rgba(18,8,5,.78); border-bottom: 1px solid rgba(215,181,109,.14); backdrop-filter: blur(18px); transition: .35s var(--ease); }
#header.is-scrolled { padding: 9px 0; background: rgba(12,5,3,.92); box-shadow: 0 16px 38px rgba(0,0,0,.32); }
.nav-container { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.logo { display: inline-flex; align-items: center; gap: 13px; font-weight: 900; letter-spacing: .12em; font-size: 1.18rem; gap: 12px; }
.logo-icon { width: 44px; height: 44px; display: inline-grid; place-items: center; border-radius: 50%; color: var(--paper); background: radial-gradient(circle at 35% 28%,rgba(255,255,255,.55),transparent 22%),linear-gradient(135deg,var(--primary),#6e050a); outline: 1px solid rgba(215,181,109,.45); box-shadow: 0 0 0 7px rgba(215,181,109,.08); width: 34px; height: 58px; min-width: 34px; border-radius: 0; background: transparent; outline: none; box-shadow: none; overflow: visible; filter: drop-shadow(0 10px 18px rgba(0,0,0,.38)); }
.nav-links { display: flex; align-items: center; gap: 28px; }
a.nav-item { position: relative; font-size: .96rem; color: rgba(247,239,224,.82); letter-spacing: .12em; }
a.nav-item::after { content: ""; position: absolute; left: 50%; bottom: -9px; width: 0; height: 1px; background: var(--gold); transition: .35s var(--ease); transform: translateX(-50%); }
a.nav-item:hover { color: var(--gold); color: var(--gold-light); }
a.nav-item:hover::after { width: 100%; }
.mobile-menu-btn { display: none; width: 44px; height: 44px; border-radius: 50%; place-items: center; color: var(--paper); background: rgba(255,255,255,.07); border: 1px solid rgba(215,181,109,.2); cursor: pointer; }
#hero-section { position: relative; min-height: 900px; padding: 165px 0 125px; display: grid; align-items: center; overflow: hidden; background: #120805; padding-bottom: clamp(145px,13vw,220px); min-height: clamp(680px,48vw,860px); padding-top: clamp(130px,9vw,170px); padding-bottom: clamp(95px,8vw,145px); padding-bottom: 125px; background-color: #110604; background-image: radial-gradient(circle at 78% 28%,rgba(212,175,55,.10),transparent 26%),radial-gradient(circle at 12% 70%,rgba(183,28,28,.10),transparent 28%); }
.hero-bg-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transform: scale(1.04); filter: saturate(.9) contrast(1.08); }
#hero-section::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(10,5,3,.90),rgba(10,5,3,.68) 48%,rgba(10,5,3,.42)),linear-gradient(180deg,rgba(10,5,3,.38),rgba(10,5,3,.74)); pointer-events: none; content: ""; display: block; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(10,5,3,.90),rgba(10,5,3,.68) 48%,rgba(10,5,3,.42)),linear-gradient(180deg,rgba(10,5,3,.38),rgba(10,5,3,.74)); pointer-events: none; background: linear-gradient(90deg,rgba(10,5,3,.90),rgba(10,5,3,.68) 48%,rgba(10,5,3,.42)),linear-gradient(180deg,rgba(10,5,3,.38),rgba(10,5,3,.74)); }
#hero-section::after { content: ""; position: absolute; inset: auto -12% -24% -12%; height: 420px; z-index: 2; background: radial-gradient(ellipse at center,rgba(215,18,32,.35),transparent 65%); filter: blur(30px); pointer-events: none; inset: auto -10% -1px -10%; height: clamp(190px,16vw,280px); z-index: 2; filter: none; background: radial-gradient(ellipse at 50% 0%,rgba(215,18,32,.24),transparent 58%),linear-gradient(180deg,transparent 0%,rgba(19,9,6,.25) 25%,rgba(247,239,224,.96) 96%,var(--paper) 100%); clip-path: ellipse(72% 52% at 50% 100%); opacity: 1; content: ""; position: absolute; left: 0; right: 0; bottom: -1px; top: auto; width: 100%; height: clamp(110px,10vw,170px); z-index: 2; opacity: 1; filter: none; transform: none; border-radius: 0; clip-path: none; background: linear-gradient(180deg,rgba(18,8,5,0) 0%,rgba(18,8,5,.38) 28%,rgba(247,239,224,.82) 78%,var(--paper) 100%); pointer-events: none; }
.hero-ornament { position: absolute; border-radius: 50%; pointer-events: none; z-index: 2; }
.hero-ornament.one { width: 360px; height: 360px; right: 12%; top: 18%; border: 1px solid rgba(215,181,109,.18); box-shadow: inset 0 0 70px rgba(215,181,109,.08); animation: floatSlow 8s ease-in-out infinite; }
.hero-ornament.two { width: 130px; height: 130px; right: 43%; bottom: 18%; background: rgba(215,181,109,.08); border: 1px solid rgba(215,181,109,.18); animation: floatSlow 7s ease-in-out infinite reverse; }
.hero-grid { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0,.95fr) minmax(380px,.72fr); align-items: center; gap: 70px; }
.hero-label { display: inline-flex; align-items: center; gap: 12px; padding: 9px 18px; margin-bottom: 25px; border-radius: 999px; background: rgba(247,239,224,.07); border: 1px solid rgba(215,181,109,.25); color: var(--gold-light); letter-spacing: .13em; font-weight: 800; backdrop-filter: blur(12px); border-color: rgba(230,0,18,.42); background: linear-gradient(90deg,rgba(230,0,18,.18),rgba(247,239,224,.06)); }
.hero-main-title { font-size: clamp(3rem,7vw,4rem); font-weight: 900; line-height: 1.06; letter-spacing: .08em; text-shadow: 0 22px 44px rgba(0,0,0,.65); text-shadow: 0 14px 38px rgba(0,0,0,.62),0 0 22px rgba(230,0,18,.16); }
.hero-desc { max-width: 690px; margin-top: 28px; color: rgba(247,239,224,.84); font-size: 1.12rem; letter-spacing: .08em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 42px; }
.hero-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 46px; max-width: 680px; }
.stat-card { padding: 18px 16px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(215,181,109,.18); backdrop-filter: blur(16px); }
.stat-num { color: var(--gold); font-size: 1.55rem; line-height: 1; font-weight: 900; }
.stat-text { margin-top: 7px; color: rgba(247,239,224,.72); font-size: .9rem; letter-spacing: .1em; }
.hero-card { justify-self: end; width: min(430px,100%); padding: 24px; border-radius: 34px; background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035)),rgba(44,24,14,.52); border: 1px solid rgba(215,181,109,.3); box-shadow: var(--shadow); backdrop-filter: blur(20px); transform: translateY(18px); }
.hero-card-img { position: relative; overflow: hidden; border-radius: 26px; aspect-ratio: 4/5; }
.hero-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.hero-card:hover img { transform: scale(1.07); }
.hero-card-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 46%,rgba(0,0,0,.72)); }
.hero-card-info { position: absolute; left: 24px; right: 24px; bottom: 23px; z-index: 2; }
.hero-card-info b { display: block; font-size: 1.45rem; color: var(--paper); letter-spacing: .08em; }
.hero-card-info span { color: var(--gold-light); letter-spacing: .1em; }
.hero-scroll {position: absolute;left: 50%;bottom: 0;z-index: 4;transform: translateX(-50%);color: rgba(247,239,224,.6);font-size: .84rem;letter-spacing: .18em;}
.hero-scroll::after { content: ""; display: block; width: 1px; height: 54px; margin: 10px auto 0; background: linear-gradient(var(--gold),transparent); animation: scrollLine 1.8s ease-in-out infinite; }
#features-section { position: relative; padding: 110px 0 105px; color: var(--ink); background: radial-gradient(circle at 10% 10%,rgba(215,18,32,.10),transparent 28%),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%); overflow: hidden; background: radial-gradient(circle at 88% 12%,rgba(230,0,18,.10),transparent 28%),radial-gradient(circle at 12% 86%,rgba(215,181,109,.18),transparent 26%),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%); margin-top: clamp(-120px,-8vw,-74px); padding-top: clamp(170px,14vw,230px); padding-bottom: clamp(155px,13vw,215px); background: radial-gradient(circle at 13% 22%,rgba(215,18,32,.09),transparent 28%),radial-gradient(circle at 82% 72%,rgba(215,181,109,.18),transparent 32%),linear-gradient(180deg,rgba(247,239,224,.98) 0%,var(--paper) 36%,var(--paper-2) 100%); position: relative; padding-top: clamp(92px,8vw,135px); padding-bottom: clamp(95px,8vw,145px); background: radial-gradient(circle at 14% 18%,rgba(215,18,32,.055),transparent 28%),radial-gradient(circle at 86% 70%,rgba(215,181,109,.14),transparent 32%),linear-gradient(180deg,var(--paper) 0%,#f4ead7 58%,#e8dbc3 100%); overflow: hidden; padding-top: 110px; padding-bottom: 110px; background-color: #f3ecdf; background-image: radial-gradient(circle at 12% 20%,rgba(183,28,28,.08),transparent 24%),radial-gradient(circle at 88% 30%,rgba(212,175,55,.16),transparent 30%),linear-gradient(135deg,rgba(80,49,24,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(80,49,24,.035) 25%,transparent 25%); background-size: auto,auto,36px 36px,36px 36px; background-color: var(--paper-base); background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27160%27%20height=%27160%27%20viewBox=%270%200%20160%20160%27%3E%0A%3Cpath%20d=%27M80%2022a58%2058%200%201%200%200%20116a58%2058%200%200%200%200-116Zm0%2016a42%2042%200%201%201%200%2084a42%2042%200%200%201%200-84Z%27%20fill=%27none%27%20stroke=%27%237f4b2d%27%20stroke-opacity=%27.045%27%20stroke-width=%271.2%27/%3E%0A%3Cpath%20d=%27M22%2080h116M80%2022v116%27%20stroke=%27%237f4b2d%27%20stroke-opacity=%27.025%27%20stroke-width=%271%27/%3E%0A%3Ccircle%20cx=%2780%27%20cy=%2780%27%20r=%278%27%20fill=%27none%27%20stroke=%27%23b31a1a%27%20stroke-opacity=%27.035%27%20stroke-width=%271%27/%3E%0A%3C/svg%3E"),radial-gradient(circle at 50% -10%,rgba(255,255,255,.72),transparent 36%),radial-gradient(circle at 12% 30%,rgba(183,28,28,.055),transparent 23%),radial-gradient(circle at 88% 70%,rgba(130,86,38,.075),transparent 26%),linear-gradient(180deg,#f6efe3 0%,#ebe0cf 100%);background-size: 160px 160px,auto,auto,auto,auto; background-blend-mode: multiply,normal,normal,normal,normal; }
#features-section::before { content: ""; position: absolute; right: clamp(-42px,-2vw,-20px); top: 58px; width: clamp(96px,10vw,138px); height: clamp(180px,18vw,252px); border-radius: 8px 8px 26px 26px; clip-path: polygon(0 0,100% 0,100% 82%,50% 100%,0 82%); background: radial-gradient(circle at 35% 18%,rgba(255,255,255,.38),transparent 18%),linear-gradient(180deg,rgba(230,0,18,.20),rgba(114,0,6,.08)); box-shadow: inset 0 0 0 1px rgba(230,0,18,.18),inset 0 0 0 10px rgba(255,255,255,.14),0 30px 70px rgba(91,56,38,.12); opacity: .75; transform: rotate(8deg); pointer-events: none; content: ""; display: block; position: absolute; right: clamp(-110px,-7vw,-56px); top: 46px; width: clamp(210px,20vw,320px); height: clamp(210px,20vw,320px); border-radius: 50%; clip-path: none; background: radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(215,181,109,.22) 39% 41%,transparent 42% 100%),conic-gradient(from 90deg,rgba(215,181,109,.22),rgba(215,18,32,.10),rgba(91,56,38,.08),rgba(215,181,109,.22)); box-shadow: inset 0 0 0 1px rgba(215,181,109,.20),inset 0 0 0 28px rgba(255,255,255,.08),0 34px 80px rgba(91,56,38,.10); opacity: .62; transform: rotate(18deg); pointer-events: none; content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: clamp(115px,10vw,170px); border-radius: 0; clip-path: polygon(0 0,100% 0,100% 52%,83% 66%,66% 54%,49% 72%,33% 57%,16% 70%,0 54%); transform: none; opacity: 1; background: radial-gradient(ellipse at 18% 0%,rgba(215,181,109,.35),transparent 48%),radial-gradient(ellipse at 84% 10%,rgba(215,18,32,.13),transparent 42%),linear-gradient(180deg,rgba(18,8,5,.72),rgba(75,40,25,.22) 45%,transparent 100%); box-shadow: none; pointer-events: none; content: ""; position: absolute; inset: 0 0 auto 0; width: 100%; height: clamp(120px,10vw,180px); display: block; border-radius: 0; opacity: 1; transform: none; clip-path: none; background: radial-gradient(ellipse at 50% -25%,rgba(255,255,255,.95),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,0) 100%); box-shadow: none; pointer-events: none; }
#features-section::after { content: ""; position: absolute; left: -90px; bottom: -110px; width: 280px; height: 280px; border-radius: 50%; background: linear-gradient(135deg,rgba(215,18,32,.16),rgba(215,181,109,.18)),radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 38%); box-shadow: inset 0 0 0 24px rgba(255,255,255,.13),inset 0 0 0 45px rgba(91,56,38,.07); pointer-events: none; content: ""; display: block; position: absolute; left: clamp(-150px,-8vw,-70px); bottom: -135px; width: clamp(300px,28vw,460px); height: clamp(300px,28vw,460px); border-radius: 50%; background: radial-gradient(circle at 42% 38%,rgba(255,255,255,.24),transparent 24%),radial-gradient(circle at 50% 50%,rgba(215,181,109,.20),transparent 58%),repeating-conic-gradient(from 22deg,rgba(91,56,38,.055) 0deg 8deg,transparent 8deg 18deg); box-shadow: inset 0 0 0 1px rgba(215,181,109,.14),inset 0 0 0 42px rgba(255,255,255,.06); pointer-events: none; opacity: .72; content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: clamp(155px,13vw,220px); border-radius: 0; opacity: 1; background: radial-gradient(ellipse at 70% 20%,rgba(215,181,109,.20),transparent 48%),linear-gradient(180deg,transparent 0%,rgba(75,40,25,.16) 34%,rgba(32,18,12,.72) 78%,var(--brown-900) 100%); clip-path: polygon(0 35%,13% 46%,28% 32%,44% 47%,58% 31%,73% 45%,88% 29%,100% 40%,100% 100%,0 100%); box-shadow: none; pointer-events: none; content: ""; position: absolute; inset: auto 0 -1px 0; width: 100%; height: clamp(125px,10vw,180px); display: block; border-radius: 0; opacity: 1; transform: none; clip-path: none; background: linear-gradient(180deg,rgba(232,219,195,0) 0%,rgba(97,65,44,.16) 38%,rgba(29,15,9,.74) 78%,#130906 100%); box-shadow: none; pointer-events: none; }
.section-header { text-align: center; margin-bottom: 56px; position: relative; position: relative; z-index: 4; margin-bottom: clamp(34px,4vw,58px); position: relative; }
.features-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 18px; }
.feature-card { position: relative; min-height: 248px; padding: 32px 18px; text-align: center; border-radius: 28px; background: rgba(255,255,255,.48); border: 1px solid rgba(255,255,255,.85); box-shadow: 0 18px 44px rgba(55,32,21,.08); overflow: hidden; transition: .45s var(--ease); border-top: 4px solid rgba(230,0,18,.48); }
.feature-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top right,rgba(215,18,32,.12),transparent 46%),linear-gradient(145deg,rgba(215,181,109,.24),transparent 62%); opacity: 0; transition: .45s var(--ease); }
.feature-card:hover { transform: translateY(-12px); box-shadow: 0 26px 58px rgba(55,32,21,.16); border-color: rgba(215,18,32,.22); }
.feature-card:hover::before { opacity: 1; }
.icon-wrap { position: relative; z-index: 2; width: 74px; height: 74px; margin: 0 auto 20px; display: grid; place-items: center; border-radius: 26px 50% 50% 50%; color: var(--paper); font-size: 1.75rem; background: linear-gradient(135deg,var(--primary),#6c070c); box-shadow: 0 12px 24px rgba(215,18,32,.22),0 0 0 7px rgba(215,181,109,.22); transform: rotate(-8deg); background: radial-gradient(circle at 32% 25%,rgba(255,255,255,.38),transparent 18%),linear-gradient(135deg,var(--seal-red),var(--seal-red-dark)); border-radius: 8px 8px 20px 20px; clip-path: polygon(0 0,100% 0,100% 82%,50% 100%,0 82%); transform: rotate(-5deg); width: 76px; height: 76px; border-radius: 50%; clip-path: none; transform: none; background: radial-gradient(circle at 32% 25%,rgba(255,255,255,.38),transparent 20%),linear-gradient(135deg,var(--primary),#8d1119); box-shadow: 0 14px 28px rgba(215,18,32,.20),0 0 0 8px rgba(215,181,109,.18),inset 0 0 0 1px rgba(255,255,255,.28); }
.icon-wrap i { transform: rotate(8deg); transform: rotate(5deg); transform: none; }
.feature-title,.feature-desc { position: relative; z-index: 2; }
.feature-title { margin-bottom: 11px; font-size: 1.23rem; font-weight: 900; letter-spacing: .08em; }
.feature-desc { color: rgba(34,21,15,.68); font-size: .95rem; letter-spacing: .05em; }
#highlight-section { position: relative; padding: 130px 0; overflow: hidden; background: var(--brown-900); margin-top: clamp(-95px,-7vw,-60px); padding-top: clamp(175px,13vw,235px); padding-bottom: clamp(165px,12vw,225px); background: var(--brown-900); position: relative; padding-top: clamp(105px,8vw,150px); padding-bottom: clamp(105px,8vw,150px); background: #130906; overflow: hidden; padding-top: 110px; padding-bottom: 110px; background-color: #160906; background-image: radial-gradient(circle at 20% 22%,rgba(183,28,28,.20),transparent 28%),radial-gradient(circle at 78% 18%,rgba(212,175,55,.12),transparent 26%),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 86px); --light-x: 84%; --light-y: 20%; --red-x: 12%; --red-y: 68%; --section-top: #180907; --section-bottom: #120504; }
#highlight-section::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg,rgba(19,9,6,.94),rgba(74,24,15,.72)),url("https://images.unsplash.com/photo-1509048191080-d2984bad6ae5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80") center/cover fixed; background: linear-gradient(180deg,var(--brown-900) 0%,rgba(19,9,6,.82) 12%,transparent 30%,rgba(19,9,6,.88) 100%),linear-gradient(120deg,rgba(19,9,6,.94),rgba(74,24,15,.72)),url("https://images.unsplash.com/photo-1509048191080-d2984bad6ae5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80") center/cover fixed; background: linear-gradient(180deg,#130906 0%,rgba(19,9,6,.72) 16%,rgba(19,9,6,.72) 74%,#100704 100%),linear-gradient(120deg,rgba(19,9,6,.92),rgba(74,24,15,.68)),url("https://images.unsplash.com/photo-1509048191080-d2984bad6ae5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80") center/cover fixed; }
#highlight-section::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(215,181,109,.12) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(90deg,transparent,black 18%,black 82%,transparent); content: ""; position: absolute; inset: 0; z-index: 1; opacity: 1; background: linear-gradient(180deg,var(--brown-900) 0%,transparent 18%,transparent 70%,rgba(17,8,5,.92) 100%),radial-gradient(ellipse at 18% 96%,rgba(215,18,32,.20),transparent 38%),radial-gradient(ellipse at 82% 100%,rgba(215,181,109,.18),transparent 36%),radial-gradient(rgba(215,181,109,.12) 1px,transparent 1px) 0 0/34px 34px; mask-image: none; pointer-events: none; content: ""; position: absolute; inset: 0; z-index: 1; opacity: 1; clip-path: none; mask-image: none; background: linear-gradient(180deg,#130906 0%,rgba(19,9,6,0) 18%,rgba(19,9,6,0) 70%,#110805 100%),radial-gradient(ellipse at 18% 82%,rgba(215,18,32,.14),transparent 34%),radial-gradient(ellipse at 82% 18%,rgba(215,181,109,.12),transparent 36%); pointer-events: none; }
.glass-panel { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .95fr; align-items: center; gap: 60px; padding: clamp(34px,6vw,78px); border-radius: 44px; background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04)); border: 1px solid rgba(215,181,109,.32); box-shadow: 0 44px 90px rgba(0,0,0,.55); backdrop-filter: blur(24px); overflow: hidden; }
.glass-panel::before { content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; right: -130px; top: -120px; background: radial-gradient(circle,rgba(215,181,109,.2),transparent 62%); right: 34px; bottom: 30px; width: 92px; height: 154px; opacity: .09; transform: rotate(10deg); content: "老\A 酒"; white-space: pre; right: 34px; bottom: 30px; width: 86px; height: 126px; opacity: .13; font-size: 1.22rem; color: rgba(215,18,32,.72); border-color: rgba(215,18,32,.42); transform: rotate(10deg); mix-blend-mode: screen; }
.highlight-text { position: relative; z-index: 2; }
.tag { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; padding: 9px 18px; border-radius: 999px; color: var(--gold-light); background: rgba(215,181,109,.14); border: 1px solid rgba(215,181,109,.38); letter-spacing: .14em; font-weight: 800; }
.big-title {font-size: clamp(1.75rem,7vw,5.3rem);font-weight: 900;line-height: 1;letter-spacing: .12em;color: var(--gold);text-shadow: 0 18px 46px rgba(0,0,0,.45);}
.desc { margin-top: 26px; max-width: 560px; color: rgba(247,239,224,.86); font-size: 1.12rem; letter-spacing: .08em; }
.highlight-points { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 34px 0 38px; }
.highlight-point { padding: 14px 12px; border-radius: 16px; background: rgba(255,255,255,.065); border: 1px solid rgba(215,181,109,.17); color: rgba(247,239,224,.78); font-weight: 700; font-size: .92rem; letter-spacing: .06em; }
.highlight-point i { color: var(--gold); margin-right: 6px; }
.highlight-image { position: relative; z-index: 2; }
.highlight-image-frame { position: relative; border-radius: 34px; overflow: hidden; aspect-ratio: 1/1.08; border: 1px solid rgba(215,181,109,.34); box-shadow: 0 30px 70px rgba(0,0,0,.5); }
.highlight-image-frame img { width: 100%; height: 100%; object-fit: cover; }
.highlight-image-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgba(0,0,0,.64)); }
.badge { position: absolute; right: -18px; top: -22px; width: 138px; height: 138px; display: grid; place-items: center; text-align: center; border-radius: 50%; color: var(--paper); background: radial-gradient(circle at 35% 28%,rgba(255,255,255,.3),transparent 24%),linear-gradient(135deg,var(--primary),#6a0408); border: 2px solid var(--gold); box-shadow: 0 18px 38px rgba(0,0,0,.45); font-weight: 900; letter-spacing: .08em; animation: floatSlow 5s ease-in-out infinite; }
#popular-section {position: relative;padding: 120px 0 95px;overflow: hidden;margin-top: clamp(-95px,-7vw,-58px);padding-top: clamp(170px,13vw,230px);padding-bottom: clamp(135px,11vw,190px);background: linear-gradient(180deg,#110805 0%,#170b07 52%,#1a120e 100%);position: relative;padding-top: clamp(100px,8vw,145px);padding-bottom: clamp(100px,8vw,145px);background: radial-gradient(ellipse at 50% 0%,rgba(215,181,109,.10),transparent 42%),linear-gradient(180deg,#110805 0%,#170b07 54%,#160a06 100%);overflow: hidden;padding-top: 80px;padding-bottom: 80px;background-color: #120604;background-image: radial-gradient(circle at 12% 18%,rgba(212,175,55,.10),transparent 26%),radial-gradient(circle at 90% 72%,rgba(183,28,28,.14),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size: auto,auto,92px 92px,92px 92px;--light-x: 18%;--light-y: 24%;--red-x: 88%;--red-y: 72%;--section-top: #130604;--section-bottom: #100403;}
#popular-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 15% 20%,rgba(215,181,109,.13),transparent 24%),radial-gradient(circle at 85% 0%,rgba(215,18,32,.13),transparent 28%); inset: 0; z-index: 1; background: linear-gradient(180deg,rgba(19,9,6,.95) 0%,transparent 18%,transparent 78%,rgba(26,18,14,.96) 100%),radial-gradient(ellipse at 50% 0%,rgba(215,181,109,.16),transparent 42%),radial-gradient(circle at 15% 20%,rgba(215,181,109,.13),transparent 24%),radial-gradient(circle at 85% 0%,rgba(215,18,32,.13),transparent 28%); content: ""; position: absolute; inset: 0; z-index: 1; opacity: 1; clip-path: none; background: linear-gradient(180deg,#110805 0%,rgba(17,8,5,0) 20%,rgba(17,8,5,0) 78%,rgba(15,7,4,.96) 100%),radial-gradient(circle at 16% 26%,rgba(215,18,32,.11),transparent 24%),radial-gradient(circle at 84% 18%,rgba(215,181,109,.12),transparent 28%); pointer-events: none; }
.items-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; position: relative; z-index: 2; }
.card { position: relative; min-height: 418px; border-radius: 30px; overflow: hidden; background: rgba(255,255,255,.055); border: 1px solid rgba(215,181,109,.16); box-shadow: 0 22px 55px rgba(0,0,0,.35); transition: .45s var(--ease); }
.card:hover { transform: translateY(-10px); border-color: rgba(215,181,109,.44); box-shadow: 0 32px 72px rgba(0,0,0,.45); }
.card-img-wrap { height: 230px; overflow: hidden; }
.card-img { width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: .7s var(--ease); }
.card:hover .card-img { transform: scale(1.08); opacity: 1; }
.card-body { padding: 24px; }
.card-title { color: var(--paper); font-size: 1.38rem; font-weight: 900; letter-spacing: .1em; }
.card-desc {margin: 9px 0 18px;color: rgba(247,239,224,.62);font-size: .9rem;letter-spacing: .05em;}
.card-link { color: var(--gold); font-weight: 900; letter-spacing: .1em; }
.card-link i { margin-left: 7px; transition: .35s var(--ease); }
.card-link:hover i { transform: translateX(6px); }
#process-section { position: relative; padding: 20px 0 115px; background: linear-gradient(180deg,transparent,rgba(0,0,0,.28)); margin-top: clamp(-82px,-6vw,-48px); padding-top: clamp(130px,10vw,190px); padding-bottom: clamp(135px,10vw,180px); background: radial-gradient(ellipse at 50% 0%,rgba(215,181,109,.12),transparent 40%),linear-gradient(180deg,rgba(12,6,4,.98) 0%,rgba(26,18,14,.96) 48%,rgba(17,8,5,.98) 100%); overflow: hidden; position: relative; padding-top: clamp(95px,8vw,140px); padding-bottom: clamp(95px,8vw,140px); background: radial-gradient(ellipse at 50% 0%,rgba(215,181,109,.09),transparent 42%),linear-gradient(180deg,#0c0604 0%,#17100c 50%,#100704 100%); overflow: hidden; padding-top: 90px; padding-bottom: 100px; background-color: #100403; background-image: radial-gradient(circle at 75% 24%,rgba(212,175,55,.10),transparent 26%),radial-gradient(circle at 20% 72%,rgba(183,28,28,.12),transparent 30%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 78px); --light-x: 78%; --light-y: 34%; --red-x: 20%; --red-y: 72%; --section-top: #120504; --section-bottom: #0d0303; }
.process-wrapper { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.process-wrapper::before { content: ""; position: absolute; left: 15%; right: 15%; top: 66px; height: 1px; background: linear-gradient(90deg,transparent,rgba(215,181,109,.45),transparent); }
.step {position: relative;z-index: 2;padding: 32px;min-height: 260px;border-radius: 30px;background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border: 3px solid rgb(215 215 215 / 26%);box-shadow: 0 22px 50px rgba(0,0,0,.32);backdrop-filter: blur(16px);}
.step-icon { width: 92px; height: 92px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 50%; background: linear-gradient(135deg,var(--primary),#72050a); color: var(--paper); font-size: 2.1rem; border: 2px solid rgba(215,181,109,.75); box-shadow: 0 0 0 10px rgba(215,181,109,.08); }
.step-num { color: var(--gold); font-size: 1.05rem; font-weight: 900; letter-spacing: .14em; }
.step-title {margin: 6px 0 8px;color: var(--paper);font-size: 1.5rem;font-weight: 900;letter-spacing: .12em;}
.step-desc { color: rgba(247,239,224,.62); letter-spacing: .06em; }
#cta-section { padding: 0 0 105px; margin-top: clamp(-88px,-7vw,-56px); padding-top: clamp(145px,11vw,205px); background: radial-gradient(ellipse at 50% 0%,rgba(215,18,32,.20),transparent 42%),linear-gradient(180deg,rgba(19,9,6,.98) 0%,#090403 100%); position: relative; padding-top: clamp(90px,8vw,135px); padding-bottom: clamp(90px,8vw,130px); background: radial-gradient(ellipse at 50% 0%,rgba(215,18,32,.16),transparent 42%),linear-gradient(180deg,#0a0403 0%,#070302 100%); overflow: hidden; padding-top: 90px; padding-bottom: 100px; background-color: #0d0303; background-image: radial-gradient(circle at 50% 16%,rgba(183,28,28,.18),transparent 34%),radial-gradient(circle at 85% 82%,rgba(212,175,55,.08),transparent 28%); --light-x: 88%; --light-y: 78%; --red-x: 50%; --red-y: 18%; --section-top: #100403; --section-bottom: #080202; }
.cta-box { position: relative; padding: clamp(34px,6vw,70px); border-radius: 42px; overflow: hidden; background: linear-gradient(120deg,rgba(215,18,32,.88),rgba(90,28,18,.92)),url("https://images.unsplash.com/photo-1612965607446-25e1332775ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80") center/cover; box-shadow: 0 34px 80px rgba(0,0,0,.42); position: relative; z-index: 2; margin-top: 0; }
.cta-box::before { content: ""; position: absolute; inset: 1px; border-radius: 41px; border: 1px solid rgba(255,255,255,.18); pointer-events: none; }
.cta-content { position: relative; z-index: 2; width: 100%; max-width: none; padding-right: clamp(0px,13vw,160px); }
.cta-title { font-size: clamp(2rem,4vw,3.35rem); line-height: 1.22; font-weight: 900; letter-spacing: .1em; }
.cta-desc { margin: 18px 0 30px; color: rgba(255,255,255,.8); letter-spacing: .07em; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.cta-actions .btn-ghost { background: rgba(255,255,255,.13); }
#footer { position: relative; padding: 82px 0 32px; background: radial-gradient(circle at 15% 20%,rgba(215,18,32,.22),transparent 28%),linear-gradient(180deg,#130906,#050201 72%); overflow: hidden; margin-top: -1px; background: linear-gradient(180deg,#090403 0%,#050302 46%,#000 100%); margin-top: 0; background: linear-gradient(180deg,#070302 0%,#050201 62%,#000 100%); --light-x: 16%; --light-y: 20%; --red-x: 85%; --red-y: 70%; --section-top: #0b0202; --section-bottom: #030101; }
.footer-top { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: start; padding-bottom: 36px; border-bottom: 1px solid rgba(215,181,109,.16); }
.footer-logo { display: inline-flex; align-items: center; gap: 14px; color: var(--gold); font-size: 1.65rem; font-weight: 900; letter-spacing: .12em; padding-left: 0; }
.footer-desc { margin-top: 14px; color: rgba(247,239,224,.72); letter-spacing: .08em; }
.footer-contact { display: grid; gap: 12px; }
.contact-pill { display: inline-flex; align-items: center; gap: 12px; min-width: 315px; padding: 13px 20px; border-radius: 999px; color: var(--gold-light); background: rgba(255,255,255,.055); border: 1px solid rgba(215,181,109,.18); }
.contact-pill:hover { background: rgba(215,181,109,.12); transform: translateY(-4px); }
.footer-warning { margin-top: 28px; padding: 17px 20px; border-radius: 18px; text-align: center; color: var(--white); background: rgba(215,18,32,.45); border: 1px solid rgba(255,255,255,.14); font-size: 1.18rem; font-weight: 900; letter-spacing: .22em; }
.footer-copy { margin-top: 22px; text-align: center; color: rgba(247,239,224,.45); font-size: .9rem; letter-spacing: .1em; }
.float-contact { position: fixed; right: 22px; bottom: 22px; z-index: 900; display: grid; gap: 10px; }
.float-contact a,.go-top { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; color: var(--white); background: linear-gradient(135deg,var(--primary),#77060b); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 18px 34px rgba(0,0,0,.38); cursor: pointer; }
.go-top { opacity: 0; visibility: hidden; transform: translateY(10px); transition: .35s var(--ease); }
.go-top.is-show { opacity: 1; visibility: visible; transform: translateY(0); }
.seal-style-section .container::before,.seal-style-section .container::after { content: ""; position: absolute; width: clamp(58px,7vw,96px); height: clamp(98px,12vw,162px); background: var(--seal-logo) center/contain no-repeat; opacity: .08; pointer-events: none; z-index: 1; filter: drop-shadow(0 18px 24px rgba(0,0,0,.5)); }
.seal-style-section .container::before { left: -22px; top: 80px; transform: rotate(-12deg); content: "珍\A 藏"; white-space: pre; width: clamp(58px,7vw,86px); height: clamp(86px,9vw,126px); opacity: .10; font-size: clamp(.9rem,1.6vw,1.35rem); transform: rotate(-12deg); }
.seal-style-section .container::after { right: -16px; bottom: 22px; transform: rotate(10deg); content: "古\A 韻"; white-space: pre; width: clamp(58px,7vw,86px); height: clamp(86px,9vw,126px); opacity: .10; font-size: clamp(.9rem,1.6vw,1.35rem); transform: rotate(10deg); }
#popular-section .section-header::after { content: "雅軒鑑藏"; position: absolute; left: 50%; top: -18px; transform: translateX(-50%) rotate(-4deg); padding: 7px 12px; border: 2px solid rgba(215,18,32,.72); color: rgba(215,18,32,.78); font-size: .78rem; font-weight: 900; letter-spacing: .18em; border-radius: 3px; opacity: .72; mix-blend-mode: multiply; content: "珍藏鑑定"; border-style: double; background: rgba(215,18,32,.04); }
.stamp-items-grid { margin-top: 8px; }
.stamp-card { isolation: isolate; background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),radial-gradient(circle at 100% 0%,rgba(215,18,32,.11),transparent 35%); background: linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.035)),radial-gradient(circle at 100% 0%,rgba(215,181,109,.10),transparent 38%); }
.stamp-card::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(215,181,109,.20); border-radius: 22px; pointer-events: none; z-index: 3; inset: 8px; border: 1px solid rgba(215,181,109,.24); border-radius: 22px; background: linear-gradient(90deg,transparent,rgba(215,181,109,.16),transparent) top center/72% 1px no-repeat,linear-gradient(90deg,transparent,rgba(215,181,109,.10),transparent) bottom center/62% 1px no-repeat; }
.stamp-card::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 36px; height: 60px; background: var(--seal-logo) center/contain no-repeat; opacity: .16; transform: rotate(8deg); pointer-events: none; z-index: 4; content: "收"; right: 18px; bottom: 18px; width: 44px; height: 44px; opacity: .18; z-index: 4; font-size: .95rem; transform: rotate(8deg); }
.card-stamp-no { position: absolute; left: 18px; top: 18px; width: 46px; height: 46px; display: grid; place-items: center; z-index: 5; color: var(--white); font-size: 1.05rem; font-weight: 900; letter-spacing: .04em; background: linear-gradient(145deg,var(--seal-red),var(--seal-red-dark)); border: 1px solid rgba(247,239,224,.55); box-shadow: 0 12px 24px rgba(0,0,0,.38),inset 0 0 0 3px rgba(255,255,255,.08); clip-path: polygon(10% 0,90% 0,100% 18%,100% 82%,90% 100%,10% 100%,0 82%,0 18%); width: 44px; height: 44px; border-radius: 50%; clip-path: none; color: var(--ink); background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.72),transparent 26%),linear-gradient(145deg,var(--gold-light),var(--gold)); border: 1px solid rgba(255,255,255,.55); box-shadow: 0 12px 26px rgba(0,0,0,.32),inset 0 0 0 5px rgba(255,255,255,.12); }
.stamp-card .card-title { display: flex; align-items: center; gap: 10px; }
.stamp-card .card-title::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--seal-red); box-shadow: 0 0 0 5px rgba(215,18,32,.12); flex: 0 0 auto; background: var(--gold); box-shadow: 0 0 0 5px rgba(215,181,109,.14); }
.stamp-card:hover .card-stamp-no { animation: sealTap .45s var(--ease) both; animation: none; transform: translateY(-2px) scale(1.04); }
.logo-icon img { width: 100%; height: 100%; object-fit: contain; }
.brand-copy { display: inline-grid; gap: 2px; line-height: 1.15; }
.brand-name { color: var(--paper); font-size: 1.08rem; font-weight: 900; letter-spacing: .14em; }
.brand-sub { color: rgba(215,181,109,.82); font-size: .68rem; font-weight: 700; letter-spacing: .18em; }
#header::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: linear-gradient(90deg,transparent,rgba(230,0,18,.88),rgba(215,181,109,.72),transparent); opacity: .75; pointer-events: none; }
#header::after { content: ""; position: absolute; right: 7.5%; top: 50%; width: 46px; height: 76px; background: var(--seal-logo) center/contain no-repeat; opacity: .045; transform: translateY(-50%) rotate(-10deg) scale(1.5); pointer-events: none; content: "古"; width: 34px; height: 34px; right: 8%; top: 50%; opacity: .16; font-size: .86rem; transform: translateY(-50%) rotate(-12deg); }
a.nav-item::before { content: ""; position: absolute; left: 50%; top: -13px; width: 6px; height: 6px; border-radius: 50%; background: var(--seal-red); opacity: 0; transform: translateX(-50%) scale(.3); transition: .35s var(--ease); box-shadow: 0 0 16px rgba(230,0,18,.8); }
a.nav-item:hover::before { opacity: 1; transform: translateX(-50%) scale(1); }
.hero-text { position: relative; }
.hero-text::before { content: ""; position: absolute; left: -38px; top: -56px; width: 86px; height: 145px; background: var(--seal-logo) center/contain no-repeat; opacity: .16; filter: drop-shadow(0 18px 28px rgba(0,0,0,.45)); transform: rotate(-9deg); pointer-events: none; z-index: -1; content: "鑑\A 藏"; white-space: pre; left: -44px; top: -58px; width: 74px; height: 118px; z-index: -1; opacity: .18; font-size: 1.25rem; transform: rotate(-10deg); background: rgba(215,18,32,.10); color: rgba(230,0,18,.72); }
.hero-card-img::before { content: ""; position: absolute; right: 22px; top: 22px; width: 58px; height: 98px; background: var(--seal-logo) center/contain no-repeat; opacity: .92; z-index: 3; filter: drop-shadow(0 12px 16px rgba(0,0,0,.48)); transform: rotate(7deg); content: "藏"; right: 20px; top: 20px; width: 48px; height: 48px; z-index: 3; opacity: .9; font-size: 1.05rem; color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.38); background: linear-gradient(145deg,rgba(230,0,18,.88),rgba(114,0,6,.88)); mix-blend-mode: normal; transform: rotate(8deg); }
.section-header::before { content: ""; position: absolute; left: 50%; top: -32px; width: 34px; height: 56px; background: var(--seal-logo) center/contain no-repeat; opacity: .18; transform: translateX(-50%) rotate(-6deg); pointer-events: none; content: "珍"; width: 38px; height: 38px; top: -36px; left: 50%; opacity: .22; font-size: .92rem; transform: translateX(-50%) rotate(-8deg); right: calc(50% + min(28vw,390px)); }
.section-title::after { content: ""; display: block; width: 78px; height: 4px; margin: 18px auto 0; border-radius: 99px; background: linear-gradient(90deg,var(--seal-red),var(--gold),transparent); }
.feature-card::after { content: ""; position: absolute; right: 16px; bottom: 16px; width: 32px; height: 50px; background: var(--seal-logo) center/contain no-repeat; opacity: .09; transform: rotate(8deg); pointer-events: none; content: "信"; right: 16px; bottom: 16px; width: 38px; height: 38px; opacity: .12; font-size: .9rem; transform: rotate(9deg); }
.glass-panel::before,.cta-box::after,#footer::after { content: ""; position: absolute; background: var(--seal-logo) center/contain no-repeat; pointer-events: none; }
.cta-box::after { right: clamp(18px,5vw,72px); top: 50%; width: clamp(70px,10vw,118px); height: clamp(116px,16vw,198px); opacity: .13; transform: translateY(-50%) rotate(8deg); filter: drop-shadow(0 18px 25px rgba(0,0,0,.28)); content: "誠\A 價"; white-space: pre; right: clamp(18px,5vw,72px); top: 50%; width: clamp(70px,10vw,118px); height: clamp(92px,13vw,150px); opacity: .16; font-size: clamp(1rem,2vw,1.7rem); color: rgba(255,255,255,.82); border-color: rgba(255,255,255,.45); background: rgba(230,0,18,.18); mix-blend-mode: screen; transform: translateY(-50%) rotate(8deg); }
.footer-logo .logo-icon { width: 42px; height: 70px; display: none; }
.footer-logo .brand-name { color: var(--gold-light); font-size: 1.45rem; }
.footer-logo .brand-sub { color: rgba(247,239,224,.68); }
#footer::after { right: 8%; bottom: 32px; width: 86px; height: 144px; opacity: .08; transform: rotate(-8deg); content: "雅"; right: 8%; bottom: 32px; width: 58px; height: 58px; opacity: .12; color: rgba(230,0,18,.72); font-size: 1.12rem; transform: rotate(-9deg); mix-blend-mode: screen; }
#header::after,.hero-text::before,.hero-card-img::before,.section-header::before,.feature-card::after,.glass-panel::before,.cta-box::after,#footer::after,.stamp-card::after,.seal-style-section .container::before,.seal-style-section .container::after { background-image: none; background: rgba(215,18,32,.08); border: 2px solid rgba(215,18,32,.45); color: rgba(215,18,32,.58); display: grid; place-items: center; font-weight: 900; letter-spacing: .16em; font-family: "Noto Serif TC",serif; line-height: 1; box-shadow: inset 0 0 0 5px rgba(215,18,32,.065),inset 0 0 0 10px rgba(255,255,255,.035),0 18px 38px rgba(0,0,0,.18); clip-path: polygon(8% 0,92% 0,100% 10%,100% 90%,92% 100%,8% 100%,0 90%,0 10%); mix-blend-mode: multiply; }
#popular-section::after { content: ""; position: absolute; right: -8%; top: 16%; width: 330px; height: 330px; border-radius: 50%; pointer-events: none; opacity: .12; background: repeating-linear-gradient(0deg,rgba(215,18,32,.55) 0 2px,transparent 2px 22px),repeating-linear-gradient(90deg,rgba(215,18,32,.45) 0 2px,transparent 2px 22px); border: 1px solid rgba(215,18,32,.22); filter: blur(.2px); transform: rotate(8deg); content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -1px; height: clamp(120px,9vw,170px); z-index: 1; background: linear-gradient(180deg,transparent 0%,rgba(26,18,14,.72) 56%,rgba(12,6,4,.96) 100%),radial-gradient(ellipse at 45% 95%,rgba(215,181,109,.14),transparent 48%); clip-path: polygon(0 25%,12% 42%,25% 30%,38% 48%,50% 30%,64% 44%,78% 26%,90% 40%,100% 29%,100% 100%,0 100%); pointer-events: none; content: ""; position: absolute; inset: auto 0 -1px 0; height: clamp(95px,8vw,140px); z-index: 1; opacity: 1; clip-path: none; background: linear-gradient(180deg,rgba(22,10,6,0) 0%,rgba(12,6,4,.94) 100%); pointer-events: none; }
#header::after,.hero-text::before,.hero-card-img::before,.section-header::before,.feature-card::after,.glass-panel::before,.cta-box::after,#footer::after,.seal-style-section .container::before,.seal-style-section .container::after,.stamp-card::after,#popular-section .section-header::after { display: none; content: none; background: none; }
#hero-section,#features-section,#highlight-section,#popular-section,#process-section,#cta-section,#footer { margin-top: -1px; isolation: isolate; margin-top: 0; isolation: isolate; }
#features-section > .container,#highlight-section > .container,#popular-section > .container,#process-section > .container,#cta-section > .container { position: relative; z-index: 3; }
#process-section::before { content: ""; position: absolute; inset: 0 0 auto 0; height: clamp(120px,9vw,170px); background: linear-gradient(180deg,rgba(12,6,4,.92),transparent),radial-gradient(ellipse at 50% 0%,rgba(215,181,109,.18),transparent 55%); pointer-events: none; z-index: 1; content: ""; position: absolute; inset: 0 0 auto 0; height: clamp(80px,7vw,120px); z-index: 1; opacity: 1; clip-path: none; background: linear-gradient(180deg,#0c0604 0%,rgba(12,6,4,0) 100%); pointer-events: none; }
#process-section::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: clamp(125px,9vw,175px); background: linear-gradient(180deg,transparent 0%,rgba(18,8,5,.60) 54%,rgba(90,22,18,.30) 78%,rgba(19,9,6,.98) 100%); clip-path: polygon(0 38%,18% 28%,35% 45%,52% 29%,70% 47%,86% 30%,100% 42%,100% 100%,0 100%); pointer-events: none; z-index: 1; content: ""; position: absolute; inset: auto 0 -1px 0; height: clamp(90px,7vw,130px); z-index: 1; opacity: 1; clip-path: none; background: linear-gradient(180deg,rgba(16,7,4,0) 0%,#0a0403 100%); pointer-events: none; }
#cta-section::before { content: ""; position: absolute; inset: 0 0 auto 0; height: clamp(115px,9vw,165px); background: linear-gradient(180deg,rgba(19,9,6,.98),transparent); pointer-events: none; z-index: 1; content: ""; position: absolute; inset: 0 0 auto 0; height: clamp(80px,7vw,120px); z-index: 1; background: linear-gradient(180deg,#0a0403 0%,rgba(10,4,3,0) 100%); pointer-events: none; }
#footer::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 120px; background: linear-gradient(180deg,rgba(9,4,3,1),transparent); pointer-events: none; z-index: 1; content: ""; position: absolute; inset: 0 0 auto 0; height: 86px; z-index: 1; background: linear-gradient(180deg,#070302 0%,rgba(7,3,2,0) 100%); pointer-events: none; }
.feature-card,.glass-panel,.card,.step,.cta-box { box-shadow: 0 26px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08); }
#features-section .features-grid,#popular-section .items-grid,#process-section .process-grid { position: relative; z-index: 4; }
#hero-section,#features-section,#highlight-section,#popular-section,#process-section,#cta-section { margin-top: 0; position: relative; overflow: hidden; }
#hero-section::after,#features-section::before,#features-section::after,#highlight-section::before,#highlight-section::after,#popular-section::before,#popular-section::after,#process-section::before,#process-section::after,#cta-section::before,#cta-section::after { content: none; display: none; background: none; clip-path: none; filter: none; }
#hero-section .container,#features-section .container,#highlight-section .container,#popular-section .container,#process-section .container,#cta-section .container { position: relative; z-index: 5; }
.section-header::before,.section-header::after { content: ""; position: absolute; top: 50%; width: clamp(72px,9vw,150px); height: 1px; background: currentColor; opacity: .16; pointer-events: none; }
.section-header::after { left: calc(50% + min(28vw,390px)); }
#features-section .section-header::before,#features-section .section-header::after { color: #9a1717; }
#highlight-section .section-header::before,#highlight-section .section-header::after,#popular-section .section-header::before,#popular-section .section-header::after,#process-section .section-header::before,#process-section .section-header::after,#cta-section .section-header::before,#cta-section .section-header::after { color: #d4af37; }
.feature-card,.card,.step,.cta-box,.glass-panel { position: relative; }
.feature-card::after,.card::after,.step::after { content: ""; position: absolute; inset: 10px; border-radius: inherit; border: 1px solid rgba(212,175,55,.10); pointer-events: none; opacity: .75; }
#features-section .feature-card::after { border-color: rgba(183,28,28,.10); }
#highlight-section,#popular-section,#process-section,#cta-section,#footer { background-color: var(--bg-dark-a); background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27180%27%20height=%27180%27%20viewBox=%270%200%20180%20180%27%3E%0A%3Cpath%20d=%27M0%200H180V180H0Z%27%20fill=%27none%27/%3E%0A%3Cpath%20d=%27M0%2045H180M0%2090H180M0%20135H180M45%200V180M90%200V180M135%200V180%27%20stroke=%27%23d4af37%27%20stroke-opacity=%27.035%27%20stroke-width=%271%27/%3E%0A%3Cpath%20d=%27M45%2045Q90%2016%20135%2045Q164%2090%20135%20135Q90%20164%2045%20135Q16%2090%2045%2045Z%27%20fill=%27none%27%20stroke=%27%23d4af37%27%20stroke-opacity=%27.035%27%20stroke-width=%271%27/%3E%0A%3Ccircle%20cx=%2790%27%20cy=%2790%27%20r=%275%27%20fill=%27%23d4af37%27%20fill-opacity=%27.025%27/%3E%0A%3C/svg%3E"),radial-gradient(circle at var(--light-x,80%) var(--light-y,18%),var(--bg-gold-soft),transparent 28%),radial-gradient(circle at var(--red-x,16%) var(--red-y,76%),var(--bg-red-soft),transparent 30%),linear-gradient(180deg,var(--section-top,#170907) 0%,var(--section-bottom,#0f0403) 100%);background-size: 180px 180px,auto,auto,auto; background-blend-mode: screen,normal,normal,normal; }
{}
#features-section .container,#highlight-section .container,#popular-section .container,#process-section .container,#cta-section .container,#footer .container { position: relative; z-index: 5; }
#features-section .section-header::before,#features-section .section-header::after,#highlight-section .section-header::before,#highlight-section .section-header::after,#popular-section .section-header::before,#popular-section .section-header::after,#process-section .section-header::before,#process-section .section-header::after,#cta-section .section-header::before,#cta-section .section-header::after { opacity: .12; }
.feature-card,.card,.step,.glass-panel,.cta-box { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
#features-section .feature-card { background: rgba(255,252,244,.58); box-shadow: 0 18px 45px rgba(62,37,18,.10); }
#highlight-section .glass-panel,#process-section .step,#popular-section .card,#cta-section .cta-box { box-shadow: 0 22px 55px rgba(0,0,0,.34); }
/* Keyframes/Other At-Rules */
@keyframes sealTap {
  0% { transform: rotate(-6deg) scale(1.16); opacity: .45; }
  65% { transform: rotate(0deg) scale(.94); opacity: 1; }
  100% { transform: rotate(0deg) scale(1); opacity: 1; }
}
@keyframes floatSlow {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
@keyframes scrollLine {
  0% { transform: scaleY(.25); opacity: .25; }
  50% { transform: scaleY(1); opacity: .9; }
  100% { transform: scaleY(.25); opacity: .25; }
}
/* =========================
   RWD/Media Queries
========================= */@media (max-width:1180px) {
  .hero-grid { grid-template-columns: 1fr .62fr; gap: 42px; }
  .features-grid { grid-template-columns: repeat(3,1fr); }
  .feature-card:nth-child(4),.feature-card:nth-child(5) { grid-column: span 1; }
  .items-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width:1024px) {
  #hero-section { padding-bottom: 170px; padding-bottom: 115px; }
  #features-section { margin-top: -92px; padding-top: 170px; padding-bottom: 155px; padding-top: 105px; padding-bottom: 110px; }
  #highlight-section { margin-top: -74px; padding-top: 155px; padding-bottom: 155px; }
  #popular-section { margin-top: -74px; padding-top: 150px; padding-bottom: 145px; }
  #process-section { margin-top: -64px; padding-top: 130px; }
  #cta-section { margin-top: -64px; padding-top: 135px; }
  #highlight-section,#popular-section,#process-section,#cta-section { padding-top: 105px; padding-bottom: 105px; }
}
@media (max-width:991px) {
  #hero-section { padding-bottom: 90px; }
  #features-section,#highlight-section,#popular-section,#process-section,#cta-section { padding-top: 85px; padding-bottom: 85px; }
}
@media (max-width:960px) {
  .container { width: min(100% - 36px,760px); }
  .mobile-menu-btn { display: grid; }
  .nav-links {position: absolute;left: 18px;right: 18px;top: calc(100% + 30px);display: grid;gap: 0;padding: 14px;border-radius: 22px;background: rgba(18,8,5,.96);border: 1px solid rgba(215,181,109,.18);box-shadow: 0 22px 44px rgba(0,0,0,.35);backdrop-filter: blur(18px);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: .35s var(--ease);}
  .nav-links.active { opacity: 1; visibility: visible; transform: translateY(0); }
  a.nav-item { width: 100%; padding: 13px 16px; border-radius: 14px; text-align: center; }
  a.nav-item:hover { background: rgba(255,255,255,.055); }
  a.nav-item::after { display: none; }
  #hero-section { min-height: auto; padding: 138px 0 86px; }
  #hero-section::before { background: linear-gradient(180deg,rgba(10,5,3,.88),rgba(10,5,3,.78)),linear-gradient(90deg,rgba(10,5,3,.82),rgba(10,5,3,.46)); }
  .hero-grid {grid-template-columns: 1fr;text-align: center;display: flex;flex-direction: column;padding: 80px 0;}
  .hero-actions,.hero-stats { justify-content: center; margin-left: auto; margin-right: auto; }
  .hero-card { justify-self: center; transform: none; max-width: 430px; }
  .glass-panel { grid-template-columns: 1fr; text-align: center; }
  .desc { margin-left: auto; margin-right: auto; }
  .highlight-points { max-width: 560px; margin-left: auto; margin-right: auto; }
  .items-grid { grid-template-columns: repeat(2,1fr); }
  .process-wrapper { grid-template-columns: 1fr; }
  .process-wrapper::before { left: 46px; right: auto; top: 50px; bottom: 50px; width: 1px; height: auto; background: linear-gradient(180deg,transparent,rgba(215,181,109,.45),transparent); }
  .step { display: grid; grid-template-columns: 92px 1fr; gap: 22px; min-height: auto; align-items: center; }
  .step-icon { margin: 0; }
  .footer-top { grid-template-columns: 1fr; text-align: center; }
  .footer-contact {justify-content: center;gap: 20px;}
  .contact-pill {min-width: 0;justify-content: center;display: flex;flex-direction: column;}
}
@media (max-width:768px) {
  .icon-wrap{
    width: 60px;
    height: 60px;
}
  .logo-icon { width: 28px; height: 48px; }
  .brand-name { font-size: .95rem; letter-spacing: .08em; }
  .brand-sub { display: none; }
  #header::after,.hero-card-img::before,.section-header::before { display: none; display: grid; }
  .hero-text::before { left: auto; right: 4px; top: -42px; width: 60px; height: 100px; opacity: .12; right: 6px; left: auto; top: -44px; width: 54px; height: 84px; font-size: .95rem; opacity: .13; }
  .cta-content { padding-right: 0; }
  .cta-box::after { opacity: .08; right: 16px; top: auto; bottom: 10px; transform: rotate(8deg); opacity: .12; right: 16px; top: auto; bottom: 12px; width: 58px; height: 78px; transform: rotate(8deg); }
  #popular-section::after { width: 190px; height: 190px; right: -26%; top: 12%; height: 118px; }
  #features-section::before { right: -125px; top: 72px; width: 230px; height: 230px; height: 110px; clip-path: polygon(0 0,100% 0,100% 58%,78% 68%,54% 56%,32% 72%,0 58%); }
  #features-section::after { left: -185px; bottom: -145px; width: 330px; height: 330px; height: 132px; clip-path: polygon(0 44%,22% 36%,47% 53%,70% 36%,100% 46%,100% 100%,0 100%); }
  #hero-section { padding-bottom: 150px; padding-bottom: 90px; }
  #features-section {margin-top: 0px;padding-top: 150px;padding-bottom: 132px;padding-top: 82px;padding-bottom: 88px;}
  #highlight-section {margin-top: 0px;padding-top: 135px;padding-bottom: 130px;}
  #popular-section {margin-top: 0px;padding-top: 128px;padding-bottom: 125px;}
  #process-section {margin-top: 0;padding-top: 118px;padding-bottom: 122px;}
  #cta-section { margin-top: -54px; padding-top: 118px; }
  #hero-section::after { height: 92px; }
  #features-section::before,#features-section::after,#popular-section::after,#process-section::before,#process-section::after,#cta-section::before { clip-path: none; }
  #highlight-section,#popular-section,#process-section,#cta-section { padding-top: 82px; padding-bottom: 86px; }
}
@media (max-width:767px) {
  #hero-section {padding-bottom: 70px;}
  #features-section,#highlight-section,#popular-section,#process-section,#cta-section {padding-top: 65px;padding-bottom: 50px;}
  body,#features-section,#popular-section { background-size: auto,auto,56px 56px,56px 56px; }
  .section-header::before,.section-header::after { display: none; }
  body,#highlight-section,#popular-section,#process-section,#cta-section,#footer {background-size: 80px 80px,auto,auto,auto;}
  #footer{padding-top:40px;}
  #features-section { background-size: 120px 120px,auto,auto,auto,auto; }
}
@media (max-width:680px) {
  .container {width: min(100% - 28px,375px);}
  .logo { font-size: 1rem; letter-spacing: .06em; }
  .logo-icon { width: 38px; height: 38px; }
  .hero-label { font-size: .85rem; }
  .hero-main-title {letter-spacing: .04em;font-size: clamp(2.75rem, 7vw, 4rem);}
  .hero-desc { font-size: 1rem; }
  .hero-actions { display: grid; }
  .btn { width: 100%; }
  .hero-stats {grid-template-columns: 1fr;display: flex;flex-direction: column;gap: 20px;}
  #features-section,#highlight-section,#popular-section {padding: 75px 0 20px;}
  #highlight-section{
    padding-bottom: 20px;
}
  .features-grid,.items-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: auto; }
  .highlight-points { grid-template-columns: 1fr; }
  .badge { width: 112px; height: 112px; right: -6px; top: -18px; font-size: .84rem; }
  .card { min-height: auto; }
  .card-img-wrap { height: 220px; }
  .step { grid-template-columns: 1fr; text-align: center; }
  .step-icon { margin: 0 auto; }
  .process-wrapper::before { display: none; }
  .cta-actions { display: grid; }
  .footer-warning { font-size: .94rem; letter-spacing: .12em; }
  .float-contact { right: 14px; bottom: 14px; }
  .float-contact a,.go-top { width: 48px; height: 48px; }
}
@media (max-width:420px) {
  .container {width: min(100% - 24px,340px);}
  .section-title { letter-spacing: .05em; }
  .glass-panel,.cta-box { border-radius: 28px; }
  .card-body,.step { padding: 22px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}