/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.right-5{right:calc(var(--spacing) * 5)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.z-40{z-index:40}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mx-auto{margin-inline:auto}.-mt-8{margin-top:calc(var(--spacing) * -8)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-52{height:calc(var(--spacing) * 52)}.h-60{height:calc(var(--spacing) * 60)}.h-72{height:calc(var(--spacing) * 72)}.h-\[18px\]{height:18px}.h-\[28rem\]{height:28rem}.h-\[68px\]{height:68px}.h-\[72svh\]{height:72svh}.h-\[120px\]{height:120px}.h-full{height:100%}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[50px\]{min-height:50px}.min-h-\[52px\]{min-height:52px}.min-h-\[58px\]{min-height:58px}.min-h-\[420px\]{min-height:420px}.min-h-\[540px\]{min-height:540px}.min-h-\[calc\(100svh-64px\)\]{min-height:calc(100svh - 64px)}.min-h-\[calc\(100svh-72px\)\]{min-height:calc(100svh - 72px)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-72{width:calc(var(--spacing) * 72)}.w-\[18px\]{width:18px}.w-\[68px\]{width:68px}.w-\[120px\]{width:120px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[8\.5em\]{max-width:8.5em}.max-w-\[9em\]{max-width:9em}.max-w-\[10em\]{max-width:10em}.max-w-\[12em\]{max-width:12em}.max-w-\[30rem\]{max-width:30rem}.max-w-\[136px\]{max-width:136px}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-max{min-width:max-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#d8c2ac\]\/42>:not(:last-child)){border-color:oklab(82.6693% .015091 .0359759/.42)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#c3915f\]\/40{border-color:oklab(69.3621% .0373289 .081634/.4)}.border-\[\#c99966\]\/16{border-color:oklab(71.6806% .0341373 .0816983/.16)}.border-\[\#c99966\]\/22{border-color:oklab(71.6806% .0341373 .0816983/.22)}.border-\[\#d6c1ac\]\/48{border-color:oklab(82.294% .0144103 .0343983/.48)}.border-\[\#d7b186\]\/20{border-color:oklab(78.3838% .0248343 .0679507/.2)}.border-\[\#d7c2ad\]\/65{border-color:oklab(82.6054% .0143956 .0343679/.65)}.border-\[\#d9c3aa\]\/45{border-color:oklab(82.9081% .0138678 .0397285/.45)}.border-\[\#deb47a\]\/25{border-color:oklab(79.439% .0233182 .0862575/.25)}.border-\[\#deb47a\]\/35{border-color:oklab(79.439% .0233182 .0862575/.35)}.border-\[rgba\(186\,144\,95\,0\.14\)\]{border-color:#ba905f24}.border-\[rgba\(186\,144\,95\,0\.16\)\]{border-color:#ba905f29}.border-amber-300\/20{border-color:#ffd23633}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/20{border-color:color-mix(in oklab, var(--color-amber-300) 20%, transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-\[\#5A3A1F\]{background-color:#5A3A1F}.bg-\[\#9a5833\]{background-color:#9a5833}.bg-\[\#f4ece4\]{background-color:#f4ece4}.bg-\[rgba\(251\,246\,240\,0\.96\)\]{background-color:#fbf6f0f5}.bg-\[rgba\(255\,255\,255\,0\.58\)\]{background-color:#ffffff94}.bg-amber-100\/10{background-color:#fef3c61a}@supports (color:color-mix(in lab, red, red)){.bg-amber-100\/10{background-color:color-mix(in oklab, var(--color-amber-100) 10%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/6{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/6{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-white\/7{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.bg-white\/7{background-color:color-mix(in oklab, var(--color-white) 7%, transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/42{background-color:#ffffff6b}@supports (color:color-mix(in lab, red, red)){.bg-white\/42{background-color:color-mix(in oklab, var(--color-white) 42%, transparent)}}.bg-white\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.bg-white\/55{background-color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(135deg\,\#3D2817_0\%\,\#8b4d39_60\%\,\#c69a68_100\%\)\]{background-image:linear-gradient(135deg,#3D2817 0%,#8b4d39 60%,#c69a68 100%)}.bg-\[linear-gradient\(145deg\,\#5A3A1F_0\%\,\#3D2817_42\%\,\#b97a44_100\%\)\]{background-image:linear-gradient(145deg,#5A3A1F 0%,#3D2817 42%,#b97a44 100%)}.bg-\[linear-gradient\(145deg\,\#5A3A1F_0\%\,\#3D2817_45\%\,\#bc7b46_100\%\)\]{background-image:linear-gradient(145deg,#5A3A1F 0%,#3D2817 45%,#bc7b46 100%)}.bg-\[linear-gradient\(145deg\,\#f1d59c_0\%\,\#c58e55_45\%\,\#844a2d_100\%\)\]{background-image:linear-gradient(145deg,#f1d59c 0%,#c58e55 45%,#844a2d 100%)}.bg-\[linear-gradient\(145deg\,rgba\(252\,247\,241\,0\.98\)\,rgba\(245\,233\,220\,0\.94\)\)\]{background-image:linear-gradient(145deg,#fcf7f1fa,#f5e9dcf0)}.bg-\[linear-gradient\(145deg\,rgba\(255\,251\,246\,0\.96\)\,rgba\(247\,236\,220\,0\.92\)\)\]{background-image:linear-gradient(145deg,#fffbf6f5,#f7ecdceb)}.bg-\[linear-gradient\(180deg\,\#f7eee5\,\#f0e2d5\)\]{background-image:linear-gradient(#f7eee5,#f0e2d5)}.bg-\[linear-gradient\(180deg\,\#f8efe6\,\#f2e6d9\)\]{background-image:linear-gradient(#f8efe6,#f2e6d9)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(120\,31\,46\,0\.20\)\,transparent_30\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(182\,122\,67\,0\.18\)\,transparent_28\%\)\]{background-image:radial-gradient(circle at 0 0,#4A2C1A33,#0000 30%),radial-gradient(circle at 100% 100%,#b67a432e,#0000 28%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(138\,40\,54\,0\.18\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(182\,122\,67\,0\.12\)\,transparent_22\%\)\]{background-image:radial-gradient(circle at 0 0,#5A3A1F2e,#0000 28%),radial-gradient(circle at 100% 100%,#b67a431f,#0000 22%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(185\,28\,28\,0\.08\)\,transparent_24\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(245\,158\,11\,0\.08\)\,transparent_28\%\)\]{background-image:radial-gradient(circle at 0 0,#8B451314,#0000 24%),radial-gradient(circle at 100% 100%,#f59e0b14,#0000 28%)}.from-\[\#8b522e\]{--tw-gradient-from:#8b522e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#8c522d\]{--tw-gradient-from:#8c522d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#1A0F08\]\/26{--tw-gradient-from:oklab(14.3302% .0232167 .00319447/.26);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#deb47b\]{--tw-gradient-from:#deb47b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#e1b57d\]{--tw-gradient-from:#e1b57d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#6B4423\]{--tw-gradient-via:#6B4423;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#6B4423\]{--tw-gradient-via:#6B4423;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#bf7d45\]{--tw-gradient-via:#bf7d45;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#bf7f47\]{--tw-gradient-via:#bf7f47;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#2A190D\]{--tw-gradient-to:#2A190D;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#2A190D\]{--tw-gradient-to:#2A190D;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#ddb47a\]{--tw-gradient-to:#ddb47a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#e1b57d\]{--tw-gradient-to:#e1b57d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/20{--tw-gradient-to:#0003}@supports (color:color-mix(in lab, red, red)){.to-black\/20{--tw-gradient-to:color-mix(in oklab, var(--color-black) 20%, transparent)}}.to-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-14{padding-block:calc(var(--spacing) * 14)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.6rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + .6rem)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.95rem\]{font-size:.95rem}.text-\[2\.08rem\]{font-size:2.08rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1A0F08\]{color:#1A0F08}.text-\[\#5e4a44\]{color:#5e4a44}.text-\[\#7a675f\]{color:#7a675f}.text-\[\#7b4933\]{color:#7b4933}.text-\[\#8c5b2e\]{color:#8c5b2e}.text-\[\#d5c3b9\]{color:#d5c3b9}.text-\[\#e8d9c8\]{color:#e8d9c8}.text-\[\#efe1ce\]{color:#efe1ce}.text-\[\#f5ecde\]{color:#f5ecde}.text-\[\#f7ebde\]{color:#f7ebde}.text-\[\#f8edde\]{color:#f8edde}.text-amber-100{color:var(--color-amber-100)}.text-slate-950{color:var(--color-slate-950)}.text-white{color:var(--color-white)}.text-white\/78{color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.text-white\/78{color:color-mix(in oklab, var(--color-white) 78%, transparent)}}.opacity-85{opacity:.85}.shadow-\[0_14px_28px_rgba\(23\,7\,9\,0\.16\)\]{--tw-shadow:0 14px 28px var(--tw-shadow-color,#1A0F0829);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.shadow-black\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/12{--tw-shadow-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.shadow-black\/12{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 12%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/15{--tw-shadow-color:#00000026}@supports (color:color-mix(in lab, red, red)){.shadow-black\/15{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/25{--tw-shadow-color:#00000040}@supports (color:color-mix(in lab, red, red)){.shadow-black\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:translate-x-1:hover{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#b97a44\]\/35:hover{border-color:oklab(63.415% .0531252 .0910323/.35)}.hover\:border-\[\#b97a44\]\/45:hover{border-color:oklab(63.415% .0531252 .0910323/.45)}.hover\:border-\[\#c3915f\]\/25:hover{border-color:oklab(69.3621% .0373289 .081634/.25)}.hover\:border-\[\#c3915f\]\/70:hover{border-color:oklab(69.3621% .0373289 .081634/.7)}.hover\:bg-\[\#f8efe5\]:hover{background-color:#f8efe5}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:bg-white\/34:hover{background-color:#ffffff57}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/34:hover{background-color:color-mix(in oklab, var(--color-white) 34%, transparent)}}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:text-\[\#7b4933\]:hover{color:#7b4933}.hover\:text-\[\#e0b37a\]:hover{color:#e0b37a}.hover\:text-\[\#e1b47a\]:hover{color:#e1b47a}}@media (width>=40rem){.sm\:-mt-4{margin-top:calc(var(--spacing) * -4)}.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mt-5{margin-top:calc(var(--spacing) * 5)}.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}.sm\:mt-7{margin-top:calc(var(--spacing) * 7)}.sm\:mt-10{margin-top:calc(var(--spacing) * 10)}.sm\:inline-flex{display:inline-flex}.sm\:h-\[38rem\]{height:38rem}.sm\:h-\[68vh\]{height:68vh}.sm\:h-\[72px\]{height:72px}.sm\:max-h-\[760px\]{max-height:760px}.sm\:min-h-\[720px\]{min-height:720px}.sm\:min-h-\[740px\]{min-height:740px}.sm\:w-\[72px\]{width:72px}.sm\:w-auto{width:auto}.sm\:max-w-5xl{max-width:var(--container-5xl)}.sm\:max-w-7xl{max-width:var(--container-7xl)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-10{gap:calc(var(--spacing) * 10)}.sm\:rounded-\[36px\]{border-radius:36px}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-0{padding-inline:0}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:py-18{padding-block:calc(var(--spacing) * 18)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[2\.7rem\]{font-size:2.7rem}.sm\:text-\[2rem\]{font-size:2rem}.sm\:text-\[15px\]{font-size:15px}.sm\:leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}}@media (width>=48rem){.md\:mx-0{margin-inline:0}.md\:mt-7{margin-top:calc(var(--spacing) * 7)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[136px_1fr\]{grid-template-columns:136px 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:pb-0{padding-bottom:0}.md\:text-left{text-align:left}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=64rem){.lg\:mt-8{margin-top:calc(var(--spacing) * 8)}.lg\:mt-10{margin-top:calc(var(--spacing) * 10)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:grid-cols-\[1\.02fr_0\.98fr\]{grid-template-columns:1.02fr .98fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.06fr_0\.94fr\]{grid-template-columns:1.06fr .94fr}.lg\:grid-cols-\[1\.08fr_0\.92fr\]{grid-template-columns:1.08fr .92fr}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\]{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.lg\:grid-cols-\[minmax\(0\,0\.94fr\)_minmax\(0\,1\.06fr\)\]{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}.lg\:grid-cols-\[minmax\(0\,1\.02fr\)_minmax\(0\,0\.98fr\)\]{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}.lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)\]{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pt-1{padding-top:var(--spacing)}.lg\:pt-2{padding-top:calc(var(--spacing) * 2)}.lg\:pr-4{padding-right:calc(var(--spacing) * 4)}.lg\:pl-6{padding-left:calc(var(--spacing) * 6)}}@media (width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-6{gap:calc(var(--spacing) * 6)}}}:root{color:#0f172a;--home-bg:#1F140A;--home-bg-soft:#2D1F12;--home-panel:#fbf6f0;--home-panel-soft:#f3e8dc;--home-text:#f5ecde;--home-muted:#d5c3b9;--home-title:#f7ead8;--home-copper:#C8956D;--home-copper-bright:#E0B88A;--home-burgundy:#3D2817;--home-surface-title:#2A190D;--home-surface-copy:#6a4b40;--home-card-title:#2A190D;--home-card-copy:#5e4a44;--home-card-copy-strong:#463431;--home-card-label:#2A190D;--home-accent-text:#8B4513;--home-contact-text:#5a453f;--home-meta-text:#7a675f;--home-placeholder-text:#74635c;--home-chip-text:#5A3A1F;--home-shadow:0 28px 80px #00000042;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,.brand,button,a,p,li,span,strong{word-break:normal;overflow-wrap:break-word;line-break:auto;text-wrap:pretty}h1,h2,h3{text-wrap:wrap}body{background:#f8fafc;min-width:320px;margin:0}.home-page-shell{min-height:100vh;color:var(--home-text);background:radial-gradient(circle at top,#5A3A1F42,#0000 25%),radial-gradient(circle at 88% 12%,#b67a432e,#0000 24%),radial-gradient(circle at 12% 82%,#3D281738,#0000 20%),linear-gradient(#1A0F08 0%,#2D1F12 18%,#261810 38%,#1A0F08 100%);position:relative}.home-page-shell:before{content:"";pointer-events:none;opacity:.6;z-index:0;background:linear-gradient(120deg,#ffffff08,#0000 18% 78%,#ffffff05),repeating-linear-gradient(90deg,#0000 0 36px,#ffffff03 36px 37px);position:fixed;inset:0}.home-kicker{color:var(--home-copper-bright);background:linear-gradient(135deg,#fff9ef26,#8d4e2d24);border:1px solid #ddb37b52;border-radius:999px;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 10px 28px #00000024}.home-panel-kicker{color:#8a5731;background:linear-gradient(135deg,#fffcf7f5,#f2e4d2eb);border:1px solid #a86e433d;border-radius:999px;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 10px 24px #3a151214}.home-section-title{color:var(--home-title);text-shadow:0 1px #ffffff0d}.home-section-copy{color:var(--home-muted)}.home-panel-title{color:var(--home-surface-title);text-shadow:0 1px #ffffff8c}.home-panel-copy{color:var(--home-surface-copy)}.home-section-shell{position:relative}.home-hero-shell{padding-bottom:.35rem}.home-hero-copy-block{z-index:2;position:relative}.home-hero-actions button{min-height:48px}.home-metal-title{color:#0000;text-shadow:0 2px 18px #cc924d1f;background:linear-gradient(115deg,#8e5c31 0%,#d5a66f 20%,#f3dfb7 32%,#c3874e 46%,#8a532d 64%,#d0a26e 84%,#f5e7c6 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text}.home-panel{background:linear-gradient(145deg,#fbf6f0f5,#f4ebe1ed);border:1px solid #c096672e;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd6,0 20px 42px #150E0826}.home-panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff57,#0000 40%),radial-gradient(circle at 100% 0,#b67a4314,#0000 30%);position:absolute;inset:0}.home-card{background:linear-gradient(145deg,#fcf7f1f7,#f6ede3f0);border:1px solid #ba905f29;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 14px 28px #1A0F081a}.home-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff3d,#0000 38%);position:absolute;inset:0}.home-text-on-dark{color:var(--home-text)}.home-text-muted-on-dark{color:var(--home-muted)}.home-surface-title{color:var(--home-surface-title)}.home-surface-copy{color:var(--home-surface-copy)}.home-card-title{color:var(--home-card-title)}.home-card-copy{color:var(--home-card-copy)}.home-card-copy-strong{color:var(--home-card-copy-strong)}.home-card-label{color:var(--home-card-label)}.home-accent-label{color:var(--home-accent-text)}.home-contact-copy{color:var(--home-contact-text)}.home-meta-copy{color:var(--home-meta-text)}.home-placeholder-copy{color:var(--home-placeholder-text)}.home-dark-card{box-shadow:var(--home-shadow);background:linear-gradient(145deg,#2b1217fa,#1a0b0efa);border:1px solid #dbb07529;position:relative;overflow:hidden}.home-dark-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#cc8f4b1a,#0000 28%),linear-gradient(#ffffff08,#0000 32%);position:absolute;inset:0}.home-chip{color:var(--home-chip-text);background:#5A3A1F08;border:1px solid #b27a4333}.home-soft-pill{color:var(--home-accent-text);background:#ffffff47;border:1px solid #c3915f2e}.home-subtle-rule{background:linear-gradient(90deg,#dfba87eb,#7e43302e);width:76px;height:1px}.home-quiet-callout{background:linear-gradient(145deg,#fffbf6d1,#f7eee3b3);border:1px solid #c9996629;border-radius:24px;box-shadow:inset 0 1px #ffffffbf}.home-link-accent{color:var(--home-accent-text)}.advisor-page .home-subtle-rule{width:84px}.advisor-bio-shell,.advisor-story-shell,.advisor-scope-shell{background:linear-gradient(145deg,#fbf6f0fa,#f2e8def0)}.advisor-nameplate{letter-spacing:.02em}.advisor-bio-grid{align-items:stretch}.advisor-bio-card{background:linear-gradient(145deg,#fffbf6fa,#f7efe6f2);border-color:#b6895d2e;min-height:100%;padding:1.35rem 1.4rem 1.45rem;box-shadow:inset 0 1px #ffffffeb,0 18px 32px #26181014}.advisor-bio-card:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff4e773}.advisor-bio-head{align-items:center;gap:.8rem;display:flex}.advisor-bio-emblem{background:radial-gradient(circle at 35% 35%,#f9e5bbf5,#b26e37f2 72%,#692027eb 100%);border-radius:999px;flex:none;width:12px;height:12px;box-shadow:0 0 0 5px #b98a5c1a,0 8px 16px #531b1b24}.advisor-bio-title{letter-spacing:.01em;text-shadow:0 1px #ffffff75;margin:0;padding-bottom:.55rem;font-size:clamp(1.3rem,1.2rem + .28vw,1.55rem);line-height:1.2;position:relative}.advisor-bio-title:after{content:"";background:linear-gradient(90deg,#c29560eb,#7e43301f);width:52px;height:1px;position:absolute;bottom:0;left:0}.advisor-bio-copy{color:#634d45;font-size:.96rem;line-height:2.02}.advisor-story-card{background:linear-gradient(145deg,#2c1116fa,#18090cfa);border:1px solid #d9b47d29;position:relative;overflow:hidden;box-shadow:0 24px 48px #0A06043d,inset 0 1px #ffffff08}.advisor-story-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#d9a06124,#0000 30%),linear-gradient(#ffffff0a,#0000 36%);position:absolute;inset:0}.advisor-story-line{background:linear-gradient(#f2d2a0d6,#9e513833);width:1px;position:absolute;top:1.2rem;bottom:1.2rem;left:1.2rem}.advisor-story-name,.advisor-story-summary,.advisor-story-note{z-index:1;position:relative}.advisor-story-name{letter-spacing:.02em;padding-left:1.3rem;font-size:1.05rem}.advisor-story-summary{padding-left:1.3rem;line-height:1.95}.advisor-story-note{background:linear-gradient(145deg,#ffffff12,#ffffff08);border:1px solid #ffffff14;margin-left:1.3rem;box-shadow:inset 0 1px #ffffff0d}.advisor-stat-card,.advisor-support-card,.advisor-scope-card{background:linear-gradient(145deg,#fdf9f4fa,#f6ede3f0);border-color:#b6895d29}.advisor-stat-value{font-size:.98rem;line-height:1.4}.advisor-stat-label{color:#6b534a}.advisor-support-grid{align-items:stretch}.advisor-support-card{padding:1.5rem 1.35rem 1.4rem;box-shadow:inset 0 1px #ffffffdb,0 16px 28px #26181014}.advisor-support-mark{background:linear-gradient(90deg,#c19561f2,#7e43302e);width:34px;height:2px}.advisor-support-title{letter-spacing:.01em;font-size:1.02rem;line-height:1.42}.advisor-support-copy{color:#5f4c45;line-height:1.88}.advisor-cluster-title{font-size:clamp(1.5rem,1.28rem + .4vw,1.82rem);line-height:1.24}.advisor-cluster-copy{max-width:42rem;line-height:1.9}.advisor-scope-card{padding:1rem 1rem 1.05rem}.advisor-scope-copy{line-height:1.78}.advisor-contact-shell{border-color:#ddb47a2e}.advisor-contact-title{font-size:clamp(1.55rem,1.36rem + .62vw,2rem);line-height:1.26}.advisor-contact-note{background:linear-gradient(145deg,#ffffff14,#ffffff0a);border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0d}.advisor-contact-list{background:linear-gradient(145deg,#ffffff14,#ffffff0d);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff0a}.advisor-contact-list-title{letter-spacing:.03em}.home-editorial-line{position:relative}.home-editorial-line:before{content:"";background:linear-gradient(#ddb37be6,#6d1f2833);width:1px;height:100%;position:absolute;top:0;left:0}.home-button-primary{color:#2d0d0f;background:linear-gradient(135deg,#f3d49c 0%,#d2a163 36%,#b2743e 72%,#8d552f 100%);border:1px solid #d6ab7066;box-shadow:0 16px 30px #09020342,inset 0 1px #fff7df80}.home-button-primary:hover{filter:brightness(1.04)}.home-button-secondary{color:var(--home-title);background:#fff8ef0d;border:1px solid #d4ab7352;box-shadow:inset 0 1px #ffffff0d}.home-button-secondary:hover{background:#fff8ef17}.home-nav-shell{background:#1A0F08db;border-bottom:1px solid #dcb47d1f;box-shadow:0 12px 24px #00000026}.home-mobile-nav-shell{background:linear-gradient(#1A0F08c7,#1A0F08eb);border-top:1px solid #dcb47d24;box-shadow:0 -4px 14px #0000001f}.home-mobile-nav-frame{background:linear-gradient(#2D1F12e0,#1A0F08f0);border:1px solid #deb47a1c;border-radius:22px;box-shadow:0 10px 20px #0000001a,inset 0 1px #ffffff0a}.home-mobile-nav-button{color:#f5ecdedb;position:relative;transition:transform .14s ease,color .2s ease,background .2s ease}.home-mobile-nav-button:active{transform:scale(.92)}.home-mobile-nav-button:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff8ef05}.home-mobile-nav-button-active{color:#f7e6ce;background:#fff9ef0b;box-shadow:inset 0 1px #ffffff0f,0 6px 12px #00000014}.home-mobile-nav-button-active:after{content:"";background:linear-gradient(90deg,#f3d49ce6,#b1743ead);border-radius:999px;width:18px;height:2px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.home-mobile-nav-label{letter-spacing:.02em}.home-footer-shell{background:linear-gradient(#261810f0,#150E08);border-top:1px solid #dcb47d1f}.home-poster-frame{background:#150E08d6;border:1px solid #e9cda82e;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000057,inset 0 0 0 1px #fff5e00a}.home-poster-frame:before{content:"";pointer-events:none;z-index:1;border:1px solid #e7c28d33;border-radius:24px;position:absolute;inset:16px}.home-poster-frame:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff14,#0000 18% 68%,#0000001f),radial-gradient(circle at top,#d09a5a14,#0000 38%);position:absolute;inset:0}.home-hero-poster{border-radius:0 0 30px 30px}.home-hero-intro{position:relative}.home-hero-intro:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff1e024}.home-lead-shell:after{content:"";pointer-events:none;background:radial-gradient(circle at top,#d6a96b1f,#0000 30%),linear-gradient(#ffffff05,#0000 22%);position:absolute;inset:0}.home-lead-note{box-shadow:inset 0 1px #ffffff0d}.home-lead-contact{box-shadow:inset 0 1px #ffffff0a,0 14px 28px #0000001f}.home-lead-copy p{max-width:34rem}.placeholder-note{background:linear-gradient(145deg,#fcf7f1fa,#f6ede3f0);border:1px solid #ba905f2e;box-shadow:inset 0 1px #ffffffd1,0 14px 28px #1A0F0814}.placeholder-note-label{color:#8a5731}.placeholder-note-copy{color:var(--home-surface-copy)}.placeholder-contact-shell{background:linear-gradient(145deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff0d,0 14px 28px #0000001f}.placeholder-dark-card{background:linear-gradient(145deg,#ffffff14,#00000014);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff0d}.placeholder-dark-title{color:#f5ecde}.placeholder-dark-copy{color:#d5c3b9}button{font:inherit}a{color:inherit;text-decoration:none}.cases-consult-shimmer{color:#0000;text-shadow:0 1px #ffffff2e,0 3px 14px #ffd66624;background:linear-gradient(110deg,#8f6319 0%,#c89135 18%,#f7e3a2 34%,#c89135 48%,#8f6319 62%,#c89135 78%,#fff0b8 92%,#8f6319 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:4.2s linear infinite casesGoldShimmer}.gold-shimmer-text{color:#0000;text-shadow:0 1px #ffffff38,0 3px 14px #ffd66629;background:linear-gradient(110deg,#8f6319 0%,#c89135 18%,#f7e3a2 34%,#c89135 48%,#8f6319 62%,#c89135 78%,#fff0b8 92%,#8f6319 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:4.2s linear infinite casesGoldShimmer}@keyframes casesGoldShimmer{0%{background-position:200%}to{background-position:-20%}}.annual-page-shell{isolation:isolate;background:linear-gradient(145deg,#f8f1ea 0%,#f0e0d2 52%,#e2c4ae 100%)}.annual-page-glow{pointer-events:none;background:radial-gradient(circle,#e4c69142,#0000 68%),linear-gradient(#fff8ed3d,#0000)}.annual-hero-card,.annual-side-card,.annual-panel,.annual-contact-card,.annual-dev-panel{position:relative;overflow:hidden}.annual-hero-card>*,.annual-side-card>*,.annual-panel>*,.annual-contact-card>*,.annual-dev-panel>*{z-index:1;position:relative}.annual-hero-card:before,.annual-side-card:before,.annual-panel:before,.annual-contact-card:before,.annual-dev-panel:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#ffffffb3 0%,#fff8ec38 42%,#ffe8b61f 100%);position:absolute;inset:0}.annual-hero-card,.annual-side-card,.annual-panel{border-color:#9a68462e;box-shadow:0 20px 42px #3D281714,inset 0 1px #fffc}.annual-badge{color:#5A3A1F;background:linear-gradient(135deg,#fffdf8f2,#eee0cadb);border:1px solid #ab845747;box-shadow:inset 0 1px #ffffffd9,0 8px 18px #7c572d14}.annual-badge-gold{color:#82562a}.annual-hero-title,.annual-section-title,.annual-contact-title,.annual-panel-title{letter-spacing:-.03em;color:#111827}.annual-hero-title{text-shadow:0 1px #ffffffb3}.annual-lead{max-width:42rem}.annual-highlight-card,.annual-soft-card,.annual-list-card,.annual-delivery-card,.annual-mini-card,.annual-contact-list-card,.annual-quote-card{background:linear-gradient(145deg,#fffcf8fa,#f4e9dceb);border:1px solid #b28d6533;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #3D28170d}.annual-highlight-card{min-height:118px}.annual-highlight-value{color:#5A3A1F;text-shadow:0 1px #ffffffb3}.annual-mini-card-red{background:linear-gradient(145deg,#fffaf8fa,#f5e7e2eb)}.annual-mini-card-amber{background:linear-gradient(145deg,#fffbf4fa,#f3e8d6eb)}.annual-mini-card-gold{background:linear-gradient(145deg,#fff9f1fa,#f1e5d2e6)}.annual-section-kicker,.annual-panel-kicker{letter-spacing:.08em}.annual-photo-frame{background:linear-gradient(#fffbf5e6,#f4e9d9a3);border-color:#ba9a7342}.annual-photo-frame img{z-index:2;filter:none;opacity:1;position:relative}.annual-outline-button{color:#5A3A1F;background:linear-gradient(135deg,#fffffffa,#f2e8d8e6);border:1px solid #b18c6447;box-shadow:inset 0 1px #ffffffe0,0 10px 22px #3D28170d}.annual-outline-button:hover{background:linear-gradient(135deg,#fffcf6,#eee3d1f2)}.annual-browse-panel{background:linear-gradient(145deg,#fffaf6fa,#f1e6dceb)}.annual-quote-card{background:linear-gradient(145deg,#fbf6f3fa,#efe4def0)}.annual-delivery-panel{background:linear-gradient(145deg,#fffbf4fa,#f1e7d8eb)}.annual-delivery-card{background:linear-gradient(145deg,#fffdf9fa,#f4ebdff0)}.annual-step-chip{background:linear-gradient(135deg,#5A3A1F 0%,#8c5a3c 52%,#cbaa7a 100%);box-shadow:inset 0 1px #fff3,0 8px 18px #6c48272e}.annual-contact-shell{background:linear-gradient(145deg,#f8f1eafa,#eadbcdf0);border:1px solid #b18b6233;position:relative;overflow:hidden;box-shadow:0 22px 44px #3D281714,inset 0 1px #ffffffd1}.annual-contact-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#bc92612e,#0000 26%),linear-gradient(#fffaf27a,#0000 44%);position:absolute;inset:0}.annual-contact-badge{background:linear-gradient(135deg,#fffdf9f5,#efe3d1e6);border:1px solid #ad875c3d;box-shadow:inset 0 1px #ffffffe0,0 8px 18px #67472a14}.annual-contact-card,.annual-dev-panel{background:linear-gradient(145deg,#fffdf9fa,#f1e8dcf0);border:1px solid #b18e682e;box-shadow:inset 0 1px #ffffffeb,0 12px 28px #3D28170f}.annual-contact-list-card{background:linear-gradient(145deg,#fcf8f3,#efe6daf0);border:1px solid #b6956f29;box-shadow:inset 0 1px #ffffffd9}.annual-dev-button{color:#5A3A1F;background:#fffffffa;border:1px solid #b18e683d}.annual-dev-button:hover{background:#f6eee3fa}.annual-dev-button-outline{color:#5A3A1F;background:#f4ece1db;border:1px solid #b18e683d}.annual-dev-button-outline:hover{background:#efe6dafa}.annual-primary-button{background:linear-gradient(135deg,#5A3A1F 0%,#7f2a33 52%,#8e4735 100%);box-shadow:inset 0 1px #ffffff29,0 12px 26px #3D281729}.annual-primary-button:hover{background:linear-gradient(135deg,#662029 0%,#74272f 52%,#874232 100%)}.annual-secondary-button{color:#5A3A1F;background:linear-gradient(135deg,#fffffffa,#f0e5d4e6);border:1px solid #b08c6547;box-shadow:inset 0 1px #ffffffe0,0 10px 22px #3D28170d}.annual-secondary-button:hover{background:linear-gradient(135deg,#fffcf7,#ebe0cef0)}@media (width>=1024px){.home-page .home-section-shell,.annual-page .home-section-shell,.cases-page .home-section-shell,.placeholder-page .home-section-shell{padding-top:4.4rem;padding-bottom:4.6rem}.home-page .home-hero-shell{padding-bottom:1.2rem}.home-page .home-hero-copy-block{max-width:40rem}.home-page .home-hero-copy-column{width:100%;max-width:none;padding-right:1.5rem}.home-page .home-hero-copy-column>.home-hero-intro{align-self:stretch}.home-page .home-hero-copy-block .home-metal-title{max-width:7.3em;font-size:clamp(3.5rem,4.1vw,4.8rem);line-height:1.03}.home-page .home-hero-intro{border-radius:32px;max-width:36rem}.home-page .home-feature-entry-grid{max-width:72rem}.home-page .home-feature-entry-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .home-feature-entry-list>article{flex-direction:column;justify-content:space-between;min-height:18rem;padding:1.75rem;display:flex}.home-page .home-feature-entry-list>article>p{max-width:32rem}.home-page .home-panel,.home-page .home-card,.annual-page .home-panel,.annual-page .home-card,.cases-page .home-panel,.cases-page .home-card,.placeholder-page .home-panel,.placeholder-page .home-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-page .home-panel,.annual-page .home-panel,.cases-page .home-panel,.placeholder-page .home-panel{border-radius:32px}.home-page .home-card,.annual-page .home-card,.cases-page .home-card,.placeholder-page .home-card{border-radius:28px}.home-page .home-button-primary,.home-page .home-button-secondary,.annual-page .home-button-primary,.annual-page .home-button-secondary,.cases-page .home-button-primary,.placeholder-page .home-button-primary,.placeholder-page .home-button-secondary{min-height:52px;padding-inline:1.9rem}.home-page .home-poster-frame{box-shadow:0 40px 110px #00000061,inset 0 0 0 1px #fff5e00a}.home-page .home-chip,.annual-page .home-chip,.cases-page .home-chip,.placeholder-page .home-chip{letter-spacing:.04em}.annual-page .home-panel:first-child{box-shadow:inset 0 1px #ffffffd6,0 28px 56px #150E0829}.annual-page .annual-hero-grid{align-items:stretch}.annual-page .annual-stat-grid .home-card,.annual-page .annual-summary-grid .home-card{min-height:126px}.annual-page .annual-side-stack>.home-panel,.annual-page .annual-side-stack>.home-card{min-height:calc(50% - .625rem)}.annual-page .home-card,.cases-page .home-card,.placeholder-page .home-card{min-height:100%}.annual-page .home-dark-card,.cases-page .home-dark-card{box-shadow:0 32px 70px #0A060447,inset 0 1px #ffffff08}.annual-page #annual-contact .rounded-\[26px\],.annual-page #annual-contact .home-lead-note{border-radius:24px}.cases-page .home-panel:first-child{border-radius:36px}.cases-page .cases-category-shell{overflow:visible}.cases-page .cases-category-row{flex-wrap:wrap;min-width:0}.cases-page .cases-category-button{flex:12rem;min-width:12rem}.cases-page .cases-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cases-page .cases-gallery-card{flex-direction:column;min-height:100%;display:flex}.cases-page .cases-gallery-card>.mt-5:last-child{margin-top:auto;padding-top:1.25rem}.cases-page .cases-category-panel{padding:1.35rem}.cases-page .home-panel .home-card-title.text-2xl{font-size:2.35rem;line-height:1}.cases-page .home-panel .overflow-hidden.rounded-\[22px\] img{height:17rem}.cases-page #cases-contact{box-shadow:0 34px 72px #0A06044d,inset 0 1px #ffffff08}.placeholder-page .placeholder-note{max-width:38rem}.placeholder-page .placeholder-contact-shell{min-height:100%;padding:1.6rem}.placeholder-page .home-panel h2{max-width:16em}}@media (width<=720px){h1{font-size:30px;line-height:1.3}h2{font-size:26px;line-height:1.4}h3{font-size:22px;line-height:1.42}button{white-space:normal;text-align:center}.home-page-shell{background:radial-gradient(circle at 50% -2%,#6B442347,#0000 34%),radial-gradient(circle at 100% 12%,#b67a4329,#0000 28%),linear-gradient(#1A0F08 0%,#1c0c0f 24%,#170a0d 48%,#110709 100%)}.home-page-shell:before{opacity:.42}.home-hero-shell{padding-bottom:0}.home-section-shell{padding-top:3rem;padding-bottom:3rem}.home-section-title,.home-panel-title{letter-spacing:0;line-height:1.3}.home-section-copy,.home-panel-copy{line-height:1.75}.home-poster-frame:before{border-radius:18px;inset:10px}.home-hero-poster{border-radius:0 0 24px 24px;box-shadow:0 22px 54px #00000057,inset 0 0 0 1px #fff5e00a}.home-hero-copy-block{max-width:min(100%,22rem)}.home-hero-actions{max-width:24rem;margin-inline:auto}.home-hero-intro{margin-inline:4px}.home-card,.home-panel,.home-dark-card{border-radius:24px}.advisor-bio-grid{grid-template-columns:1fr}.advisor-bio-card{padding:1.2rem 1.15rem 1.25rem}.advisor-bio-title{font-size:1.12rem;line-height:1.26}.advisor-bio-copy,.advisor-support-copy,.advisor-cluster-copy{line-height:1.82}.advisor-story-card{padding-left:1rem;padding-right:1rem}.advisor-story-line{top:1rem;bottom:1rem;left:1rem}.advisor-story-name,.advisor-story-summary{padding-left:1rem}.advisor-story-note{margin-left:1rem}.advisor-support-grid{grid-template-columns:1fr}.advisor-support-card,.advisor-scope-card{padding-inline:1rem}.advisor-cluster-title,.advisor-contact-title{line-height:1.28}.home-mobile-nav-shell{padding-inline:.75rem}.home-mobile-nav-frame{border-radius:20px}.home-mobile-nav-button{min-height:58px}.home-lead-shell{padding-inline:1.15rem}.home-lead-copy{text-align:center}.home-lead-copy p{margin-inline:auto}.home-kicker,.home-panel-kicker{max-width:calc(100vw - 48px)}.annual-hero-card,.annual-side-card,.annual-panel,.annual-contact-card,.annual-dev-panel{border-radius:26px}.annual-highlight-card{min-height:unset}.annual-page .annual-hero-title,.annual-page .annual-section-title,.annual-page .annual-contact-title,.annual-page .annual-panel-title{line-height:1.28}.annual-page .annual-contact-shell .flex.flex-wrap.gap-3,.annual-page .annual-side-card .flex.flex-wrap.gap-3,.annual-page .annual-hero-card .flex.flex-col.gap-4.sm\:flex-row{align-items:stretch}.annual-page .annual-contact-shell a,.annual-page .annual-contact-shell button,.annual-page .annual-side-card a,.annual-page .annual-side-card button,.annual-page .annual-hero-card button{justify-content:center;width:100%}.annual-page .annual-contact-list-card,.annual-page .annual-list-card,.annual-page .annual-soft-card,.annual-page .annual-delivery-card,.annual-page .annual-mini-card,.annual-page .annual-highlight-card{padding-inline:1rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}







/* ===== 修复：图片拉伸（高优先级） ===== */
div[class*="home-hero-poster"] img,
div[class*="home-poster-frame"] img {
  object-fit: cover !important;
  object-position: top center !important;
}

/* ===== 修复：序号方块渐变背景（Tailwind任意值类未编译） ===== */
div[class~="h-14"][class~="w-14"] {
  background: linear-gradient(145deg, #5A3A1F 0%, #3D2817 42%, #C8956D 100%) !important;
  color: #f8edde !important;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.15) !important;
}

/* ===== 补全Tailwind缺失工具类 ===== */
.object-cover { object-fit: cover !important; }
.object-top { object-position: top !important; }
.object-center { object-position: center !important; }


/* ===== 修复：DecisionSection序号方块渐变（h-11 w-11） ===== */
div[class~="h-11"][class~="w-11"] {
  background: linear-gradient(145deg, #5A3A1F 0%, #3D2817 45%, #C8956D 100%) !important;
  color: #f7ebde !important;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1) !important;
}

/* ===== 修复：案例分类选中标签渐变背景（Tailwind任意值类未编译） ===== */
.cases-category-button.text-white {
  background: linear-gradient(135deg, #6b1f28 0%, #8b4d39 60%, #c69a68 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(23,7,9,0.16) !important;
}
.cases-category-button.text-white div {
  color: #fff !important;
}
.cases-category-button.text-white div:last-child {
  color: rgba(255,255,255,0.78) !important;
}

/* ===== 优化：标题断行，避免短标题在PC端大段留白 ===== */
.home-panel-title, .home-section-title, .home-card-title {
  text-wrap: pretty !important;
}
@media (min-width: 1024px) {
  .home-panel-title {
    max-width: none !important;
  }
  .cases-page .home-panel .home-card-title.text-2xl {
    max-width: none !important;
  }
}

/* ===== 修复：移动端分类标签改为网格布局，避免横向滚动 ===== */
@media (max-width: 768px) {
  .cases-category-shell {
    overflow-x: visible !important;
  }
  .cases-category-row {
    min-width: 0 !important;
    flex-wrap: wrap !important;
  }
  .cases-category-button {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    max-width: calc(50% - 6px) !important;
  }
}

/* ===== 修复：移动端导航不换行 ===== */
@media (max-width: 768px) {
  .home-nav-links {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .home-nav-links::-webkit-scrollbar {
    display: none !important;
  }
}

/* ===== 修复：cases页面大标题去掉max-width限制，避免宽屏大段留白 ===== */
.cases-page .home-panel-title {
  max-width: none !important;
}

/* ===== 修复：移动端导航不换行，横向滚动隐藏滚动条 ===== */
@media (max-width: 768px) {
  .home-nav-links,
  [class*="nav-links"],
  nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .home-nav-links::-webkit-scrollbar,
  [class*="nav-links"]::-webkit-scrollbar,
  nav::-webkit-scrollbar {
    display: none !important;
  }
}

/* ===== 优化：cases页面大标题断行 ===== */
.cases-page .home-panel-title {
  text-wrap: wrap !important;
  word-break: normal !important;
}
.cases-page h1.home-panel-title {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 768px) {
  .cases-page h1.home-panel-title {
    white-space: normal !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
}


@media (min-width: 640px) {
  .cases-page h1.home-panel-title {
    font-size: 34px !important;
    line-height: 1.25 !important;
  }
}
@media (min-width: 1024px) {
  .cases-page h1.home-panel-title {
    font-size: 38px !important;
  }
}

.cases-page h2.home-panel-title {
  font-size: 19px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}
@media (min-width: 640px) {
  .cases-page h2.home-panel-title {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
}
@media (min-width: 1024px) {
  .cases-page h2.home-panel-title {
    font-size: 24px !important;
  }
}

/* 统计数字标题（仅第一个面板内） */
.cases-page .home-panel:first-of-type .home-card-title {
  font-size: 24px !important;
  font-weight: 700 !important;
}
@media (min-width: 640px) {
  .cases-page .home-panel:first-of-type .home-card-title {
    font-size: 28px !important;
  }
}


@media (min-width: 640px) {
  .cases-page article.home-card .home-card-title {
    font-size: 15px !important;
  }
}


@media (min-width: 640px) {
  .cases-page .card-subtitle {
    font-size: 15px !important;
  }
}

/* ============================================================
   cases.html 专业排版设计系统
   设计原则：三级层级、颜色层次、字间距、行高、装饰元素
   ============================================================ */

/* ---------- 一级标题：页面主标题 ---------- */
.cases-page h1.home-panel-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
  color: #1A0F08 !important;
  text-wrap: wrap !important;
  word-break: normal !important;
  margin-bottom: 14px !important;
}
@media (min-width: 640px) {
  .cases-page h1.home-panel-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}
@media (min-width: 1024px) {
  .cases-page h1.home-panel-title {
    font-size: 40px !important;
    letter-spacing: -0.025em !important;
  }
}

/* ---------- 二级标题：区块标题 ---------- */
.cases-page h2.home-panel-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: #2A190D !important;
  text-wrap: wrap !important;
  word-break: normal !important;
  position: relative !important;
  padding-left: 14px !important;
}
.cases-page h2.home-panel-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 1.1em;
  background: linear-gradient(180deg, #8B4513, #C8956D);
  border-radius: 2px;
}
@media (min-width: 640px) {
  .cases-page h2.home-panel-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    padding-left: 16px !important;
  }
}
@media (min-width: 1024px) {
  .cases-page h2.home-panel-title {
    font-size: 26px !important;
    padding-left: 18px !important;
  }
}

/* ---------- 三级标题：卡片小标题 ---------- */
.cases-page .card-subtitle {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
  color: #3D2817 !important;
  margin-bottom: 8px !important;
}
@media (min-width: 640px) {
  .cases-page .card-subtitle {
    font-size: 15px !important;
  }
}

/* ---------- 正文文字 ---------- */
.cases-page .home-panel-copy {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  color: #5A4A3A !important;
  letter-spacing: 0.01em !important;
}
@media (min-width: 640px) {
  .cases-page .home-panel-copy {
    font-size: 15px !important;
    line-height: 1.85 !important;
  }
}

/* ---------- 小标签（eyebrow） ---------- */
.cases-page .home-metal-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: #8B4513 !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

/* ---------- 统计数字 ---------- */
.cases-page .home-panel:first-of-type .home-card-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #1A0F08 !important;
  letter-spacing: -0.02em !important;
}
@media (min-width: 640px) {
  .cases-page .home-panel:first-of-type .home-card-title {
    font-size: 32px !important;
  }
}

/* ---------- 卡片内正文 ---------- */
.cases-page .home-card-copy {
  font-size: 13px !important;
  line-height: 1.75 !important;
  color: #6B5D4F !important;
}
@media (min-width: 640px) {
  .cases-page .home-card-copy {
    font-size: 14px !important;
  }
}

/* ---------- 深色卡片内的文字 ---------- */
.cases-page .home-dark-card p {
  color: #D4C5B0 !important;
}
.cases-page .home-dark-card .home-metal-title {
  color: #C8956D !important;
}

/* ---------- 分类标签 ---------- */
.cases-page .cases-category-button div:first-child {
  font-weight: 700 !important;
  font-size: 15px !important;
}
.cases-page .cases-category-button div:last-child {
  font-size: 12px !important;
  opacity: 0.8 !important;
}

/* ============================================================
   高优先级1：统计数字区域重做
   ============================================================ */
.cases-page .home-panel:first-of-type .home-card {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%) !important;
  border: 1px solid rgba(139, 69, 19, 0.12) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}
.cases-page .home-panel:first-of-type .home-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #8B4513, #C8956D, #8B4513);
  opacity: 0;
  transition: opacity 0.3s ease !important;
}
.cases-page .home-panel:first-of-type .home-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(90, 58, 31, 0.15) !important;
}
.cases-page .home-panel:first-of-type .home-card:hover::before {
  opacity: 1 !important;
}

/* 统计数字金色渐变 */
.cases-page .home-panel:first-of-type .home-card-title {
  background: linear-gradient(135deg, #5A3A1F 0%, #8B4513 50%, #C8956D 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  position: relative !important;
  padding-left: 28px !important;
}
.cases-page .home-panel:first-of-type .home-card-title::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.5em;
  -webkit-text-fill-color: #8B4513;
}
/* 第一个统计：场景数 - 用图标 */
.cases-page .home-panel:first-of-type .home-card:nth-child(1) .home-card-title::before {
  content: "◆";
}
/* 第二个统计：案例数 */
.cases-page .home-panel:first-of-type .home-card:nth-child(2) .home-card-title::before {
  content: "◇";
}
/* 第三个统计：方向数 */
.cases-page .home-panel:first-of-type .home-card:nth-child(3) .home-card-title::before {
  content: "✦";
}

/* 统计标签文字 */
.cases-page .home-panel:first-of-type .home-card-copy {
  font-size: 13px !important;
  color: #7A6B5D !important;
  letter-spacing: 0.02em !important;
  margin-top: 6px !important;
}

/* ============================================================
   高优先级2：案例卡片真实感增强
   ============================================================ */
.cases-page .cases-gallery-card {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid rgba(139, 69, 19, 0.08) !important;
}
.cases-page .cases-gallery-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 48px rgba(90, 58, 31, 0.18) !important;
  border-color: rgba(139, 69, 19, 0.2) !important;
}

/* 案例图片容器 */
.cases-page .cases-gallery-card > div:first-child {
  position: relative !important;
  overflow: hidden !important;
}
.cases-page .cases-gallery-card img {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.cases-page .cases-gallery-card:hover img {
  transform: scale(1.05) !important;
}

/* 图片底部渐变遮罩 + 标签 */
.cases-page .cases-gallery-card > div:first-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, rgba(42, 25, 13, 0.4), transparent) !important;
  pointer-events: none !important;
}

/* 案例标签样式增强 */
.cases-page .home-chip {
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.1), rgba(200, 149, 109, 0.15)) !important;
  color: #8B4513 !important;
  border: 1px solid rgba(139, 69, 19, 0.2) !important;
}
.cases-page .home-soft-pill {
  background: rgba(90, 58, 31, 0.06) !important;
  color: #5A3A1F !important;
}

/* 服务内容卡片 */
.cases-page .cases-gallery-card .home-card {
  background: linear-gradient(135deg, #FDF8F0, #F7F0E5) !important;
  border-left: 3px solid #C8956D !important;
}

/* 结果呈现深色卡片增强 */
.cases-page .cases-gallery-card .home-dark-card {
  background: linear-gradient(135deg, #2A190D, #3D2817) !important;
  position: relative !important;
  overflow: hidden !important;
}
.cases-page .cases-gallery-card .home-dark-card::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(200, 149, 109, 0.2), transparent) !important;
  border-radius: 50% !important;
}

/* ============================================================
   高优先级3：分类切换过渡动画
   ============================================================ */
.cases-page .cases-gallery-grid {
  animation: fadeSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 分类按钮hover效果 */
.cases-page .cases-category-button {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.cases-page .cases-category-button:not(.text-white):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(90, 58, 31, 0.1) !important;
  background: #fff !important;
}

/* ============================================================
   中优先级4：传统行业元素
   ============================================================ */

/* 页面背景增加极淡宣纸纹理 */
.cases-page {
  background-color: #1A0F08;
  background-image: 
    radial-gradient(ellipse at 20% 0%, rgba(139, 69, 19, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(200, 149, 109, 0.1) 0%, transparent 50%);
}

/* 主面板增加微妙宣纸质感 */
.cases-page .home-panel {
  position: relative !important;
}
.cases-page .home-panel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none !important;
  border-radius: inherit !important;
}

/* 区块之间的传统分隔纹样 */
.cases-page .home-panel + .grid,
.cases-page .grid + .home-panel {
  position: relative;
}
.cases-page .home-panel + .grid::before,
.cases-page .grid + .home-panel::before {
  content: "❖";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(200, 149, 109, 0.4);
  font-size: 16px;
  z-index: 1;
}

/* 浏览建议深色卡片增加印章元素 */
.cases-page .home-dark-card {
  position: relative !important;
}
.cases-page .home-dark-card::after {
  content: "知";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #8B2500, #A03020);
  color: #F5E6D3;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  opacity: 0.6;
  font-family: serif;
  transform: rotate(-5deg);
  letter-spacing: 0;
}

/* ============================================================
   中优先级5：排版细节
   ============================================================ */

/* 首字下沉已移除：会导致"日期规划"的"日"字突兀放大 */

/* 列表项自定义图标 */
.cases-page .home-dark-card ul li,
.cases-page .home-card ul li {
  position: relative;
  padding-left: 18px;
}
.cases-page .home-dark-card ul li::before {
  content: "◆";
  position: absolute;
  left: 0;
  color: #C8956D;
  font-size: 0.6em;
  top: 0.4em;
}
.cases-page .home-card ul li::before {
  content: "▸";
  position: absolute;
  left: 0;
  color: #8B4513;
  font-size: 0.8em;
  top: 0.2em;
}

/* 引用样式（如果有blockquote） */
.cases-page blockquote {
  border-left: 3px solid #C8956D;
  padding: 12px 20px;
  margin: 16px 0;
  background: linear-gradient(90deg, rgba(200, 149, 109, 0.08), transparent);
  font-style: italic;
  color: #5A3A1F;
  border-radius: 0 8px 8px 0;
}

/* 段落间距优化 */
.cases-page .home-card-copy + .home-card-copy {
  margin-top: 10px;
}

/* ============================================================
   中优先级6：色彩层次丰富化
   ============================================================ */

/* 关键词金色高亮 */
.cases-page .home-metal-title {
  background: linear-gradient(135deg, #8B4513, #C8956D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 按钮样式增强 */
.cases-page .home-cta-button,
.cases-page button[class*="rounded-full"] {
  background: linear-gradient(135deg, #5A3A1F, #8B4513) !important;
  box-shadow: 0 4px 16px rgba(90, 58, 31, 0.3) !important;
  transition: all 0.3s ease !important;
}
.cases-page .home-cta-button:hover,
.cases-page button[class*="rounded-full"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(90, 58, 31, 0.4) !important;
}

/* 卡片阴影分层 */
.cases-page .home-panel {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}
.cases-page .home-card {
  box-shadow: 0 2px 12px rgba(90, 58, 31, 0.06), 0 1px 3px rgba(90, 58, 31, 0.04) !important;
}

/* 选中分类标签金色渐变 */
.cases-page .cases-category-button.text-white {
  background: linear-gradient(135deg, #5A3A1F, #8B4513) !important;
  box-shadow: 0 4px 16px rgba(90, 58, 31, 0.3) !important;
}

/* ============================================================
   低优先级7：滚动动效
   ============================================================ */

/* 页面加载时区块渐入动画 */
.cases-page .home-panel {
  animation: panelFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.cases-page .home-panel:nth-of-type(1) { animation-delay: 0.1s; }
.cases-page .home-panel:nth-of-type(2) { animation-delay: 0.2s; }
.cases-page .home-panel:nth-of-type(3) { animation-delay: 0.3s; }

@keyframes panelFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 案例卡片错落渐入 */
.cases-page .cases-gallery-card {
  animation: cardFadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.cases-page .cases-gallery-card:nth-child(1) { animation-delay: 0.1s; }
.cases-page .cases-gallery-card:nth-child(2) { animation-delay: 0.2s; }
.cases-page .cases-gallery-card:nth-child(3) { animation-delay: 0.3s; }

@keyframes cardFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* 平滑滚动 */
.cases-page {
  scroll-behavior: smooth !important;
}

/* 选中文字颜色 */
.cases-page ::selection {
  background: rgba(139, 69, 19, 0.2);
  color: #2A190D;
}

/* ============================================================
   低优先级8：移动端体验优化
   ============================================================ */

@media (max-width: 768px) {
  /* 移动端卡片间距优化 */
  .cases-page .home-panel {
    padding: 20px !important;
    border-radius: 20px !important;
  }
  
  /* 移动端统计数字更紧凑 */
  .cases-page .home-panel:first-of-type .home-card {
    padding: 14px !important;
  }
  .cases-page .home-panel:first-of-type .home-card-title {
    font-size: 24px !important;
    padding-left: 22px !important;
  }
  
  /* 移动端案例卡片图片高度统一 */
  .cases-page .cases-gallery-card > div:first-child {
    aspect-ratio: 16/9 !important;
  }
  .cases-page .cases-gallery-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  
  /* 移动端分类标签网格 */
  .cases-page .cases-category-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  
  /* 移动端h2装饰线调整 */
  .cases-page h2.home-panel-title {
    padding-left: 12px !important;
  }
  .cases-page h2.home-panel-title::before {
    width: 3px !important;
  }
}

/* 移动端底部安全区 */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .cases-page {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* ============================================================
   低优先级9：信息架构视觉优化
   ============================================================ */

/* 已移除"查看详情"提示：没有详情页，会误导用户 */

/* 分类区域增加筛选提示 */
.cases-page .cases-category-section::before {
  content: "点击分类筛选案例";
  display: block;
  font-size: 12px;
  color: #8B4513;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
  opacity: 0.7;
}

/* ============================================================
   高级视觉优化：流体排版、微交互、光影质感、细节打磨
   ============================================================ */

/* ---------- 1. 流体排版（clamp平滑缩放，非断点跳变） ---------- */
.cases-page h1.home-panel-title {
  font-size: clamp(20px, 4vw, 40px) !important;
}
.cases-page h2.home-panel-title {
  font-size: clamp(18px, 2.5vw, 26px) !important;
}
.cases-page .home-panel:first-of-type .home-card-title {
  font-size: clamp(24px, 3.5vw, 32px) !important;
}
.cases-page .home-panel-copy {
  font-size: clamp(14px, 1.2vw, 15px) !important;
  max-width: 65ch !important;  /* 最佳阅读行宽 */
}

/* ---------- 2. 金色文字光泽扫过动画（高级感） ---------- */
.cases-page .home-metal-title {
  background: linear-gradient(
    90deg,
    #8B4513 0%,
    #C8956D 25%,
    #E8C9A0 50%,
    #C8956D 75%,
    #8B4513 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
  to {
    background-position: 200% center;
  }
}

/* 统计数字hover时光泽流动 */
.cases-page .home-panel:first-of-type .home-card:hover .home-card-title {
  background: linear-gradient(
    90deg,
    #5A3A1F 0%,
    #8B4513 25%,
    #C8956D 50%,
    #8B4513 75%,
    #5A3A1F 100%
  ) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: shimmer 1.5s linear infinite !important;
}

/* ---------- 3. 光影质感：内阴影+外阴影组合 ---------- */
.cases-page .home-panel {
  box-shadow: 
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 -1px 0 rgba(90, 58, 31, 0.05) inset,
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.cases-page .home-card {
  box-shadow: 
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 2px 8px rgba(90, 58, 31, 0.08),
    0 1px 2px rgba(90, 58, 31, 0.04) !important;
}

/* 深色卡片内发光 */
.cases-page .home-dark-card {
  box-shadow: 
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    0 0 40px rgba(200, 149, 109, 0.1) inset,
    0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

/* ---------- 4. 图片统一暖色滤镜（氛围感） ---------- */
.cases-page .cases-gallery-card img {
  filter: saturate(1.05) contrast(1.02) brightness(1.01);
  transition: filter 0.4s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.cases-page .cases-gallery-card:hover img {
  filter: saturate(1.1) contrast(1.05) brightness(1.03);
}

/* ---------- 5. 微交互：按钮按压效果 ---------- */
.cases-page .cases-category-button:active,
.cases-page button:active {
  transform: scale(0.97) !important;
  transition: transform 0.1s ease !important;
}

/* 分类按钮选中态的微妙呼吸效果 */
.cases-page .cases-category-button.text-white {
  animation: subtlePulse 2s ease-in-out infinite;
}
@keyframes subtlePulse {
  0%, 100% { box-shadow: 0 4px 16px rgba(90, 58, 31, 0.3); }
  50% { box-shadow: 0 4px 24px rgba(139, 69, 19, 0.45); }
}

/* ---------- 6. 中文排版高级技巧 ---------- */
/* 标点悬挂（引号、逗号溢出边界） */
.cases-page .home-panel-copy {
  hanging-punctuation: first allow-end;
  text-indent: 0;
}

/* 数字等宽（统计数字对齐） */
.cases-page .home-panel:first-of-type .home-card-title {
  font-variant-numeric: tabular-nums;
}

/* 段落首行缩进（中文规范） */
.cases-page .cases-gallery-card .home-card .home-card-copy {
  text-indent: 2em;
}
.cases-page .cases-gallery-card .home-card .home-card-copy::first-letter {
  text-indent: 0;  /* 首字下沉时取消缩进 */
}

/* ---------- 7. 滚动条美化 ---------- */
.cases-page::-webkit-scrollbar {
  width: 8px;
}
.cases-page::-webkit-scrollbar-track {
  background: #1A0F08;
}
.cases-page::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5A3A1F, #8B4513);
  border-radius: 4px;
}
.cases-page::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #8B4513, #C8956D);
}

/* ---------- 8. 焦点状态（可访问性+高级感） ---------- */
.cases-page a:focus-visible,
.cases-page button:focus-visible {
  outline: 2px solid #C8956D;
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---------- 9. 减少动效支持（可访问性） ---------- */
@media (prefers-reduced-motion: reduce) {
  .cases-page *,
  .cases-page *::before,
  .cases-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ---------- 10. 区块间距节奏（呼吸感） ---------- */
.cases-page .home-panel + .home-panel,
.cases-page .home-panel + .grid,
.cases-page .grid + .home-panel {
  margin-top: 32px !important;
}
@media (min-width: 768px) {
  .cases-page .home-panel + .home-panel,
  .cases-page .home-panel + .grid,
  .cases-page .grid + .home-panel {
    margin-top: 48px !important;
  }
}

/* ---------- 11. 标签hover时的微妙位移 ---------- */
.cases-page .home-chip,
.cases-page .home-soft-pill {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.cases-page .home-chip:hover,
.cases-page .home-soft-pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(139, 69, 19, 0.15);
}

/* ---------- 12. 链接下划线动画 ---------- */
.cases-page a:not(.cases-category-button):not(.home-cta-button) {
  position: relative;
  text-decoration: none;
}
.cases-page a:not(.cases-category-button):not(.home-cta-button)::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: linear-gradient(90deg, #8B4513, #C8956D);
  transition: width 0.3s ease;
}
.cases-page a:not(.cases-category-button):not(.home-cta-button):hover::after {
  width: 100%;
}

/* ============================================================
   紧急修复：移动端字体渲染问题
   ============================================================ */

/* 全局中文字体栈统一 */
.cases-page,
.cases-page h1,
.cases-page h2,
.cases-page h3,
.cases-page p,
.cases-page span,
.cases-page div,
.cases-page button,
.cases-page a {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 移动端标题取消负字间距，避免字挤压突兀 */
@media (max-width: 768px) {
  .cases-page h1.home-panel-title,
  .cases-page h2.home-panel-title {
    letter-spacing: 0 !important;
  }
  .cases-page .card-subtitle {
    letter-spacing: 0 !important;
  }
}

/* 确保数字和中文混排时基线对齐 */
.cases-page .home-panel:first-of-type .home-card-title {
  font-feature-settings: "tnum" 1;
  vertical-align: baseline;
}

/* ============================================================
   配色升级方案A：金色层次丰富化（4层金色体系）
   暗金 #6B3410 / 主金 #8B4513 / 浅金 #C8956D / 高光 #E8C9A0
   ============================================================ */

/* 金色渐变文字（4层更细腻） */
.cases-page .home-panel:first-of-type .home-card-title {
  background: linear-gradient(
    135deg,
    #6B3410 0%,
    #8B4513 30%,
    #C8956D 70%,
    #E8C9A0 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* 小标签金色光泽（4层流动） */
.cases-page .home-metal-title {
  background: linear-gradient(
    90deg,
    #6B3410 0%,
    #8B4513 20%,
    #C8956D 40%,
    #E8C9A0 50%,
    #C8956D 60%,
    #8B4513 80%,
    #6B3410 100%
  ) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* h2装饰线（4层金色渐变） */
.cases-page h2.home-panel-title::before {
  background: linear-gradient(
    180deg,
    #6B3410 0%,
    #8B4513 30%,
    #C8956D 70%,
    #E8C9A0 100%
  ) !important;
}

/* 选中分类标签（4层金色渐变按钮） */
.cases-page .cases-category-button.text-white {
  background: linear-gradient(
    135deg,
    #5A3A1F 0%,
    #6B3410 25%,
    #8B4513 50%,
    #A0522D 75%,
    #C8956D 100%
  ) !important;
}

/* 统计卡片顶部金线（4层流动） */
.cases-page .home-panel:first-of-type .home-card::before {
  background: linear-gradient(
    90deg,
    #6B3410,
    #8B4513,
    #C8956D,
    #E8C9A0,
    #C8956D,
    #8B4513,
    #6B3410
  ) !important;
}

/* 标签背景（更丰富的金色层次） */
.cases-page .home-chip {
  background: linear-gradient(
    135deg,
    rgba(107, 52, 16, 0.08) 0%,
    rgba(139, 69, 19, 0.12) 50%,
    rgba(200, 149, 109, 0.15) 100%
  ) !important;
  border: 1px solid rgba(139, 69, 19, 0.25) !important;
  color: #6B3410 !important;
}

/* 服务内容卡片左侧金线（用::before，保持圆角） */
.cases-page .cases-gallery-card .home-card {
  border-left: none !important;
  border-image: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.cases-page .cases-gallery-card .home-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: linear-gradient(180deg, #6B3410, #8B4513, #C8956D, #E8C9A0);
  border-radius: 0 2px 2px 0;
}

/* 深色卡片内发光（金色光晕更丰富） */
.cases-page .home-dark-card::before {
  background: radial-gradient(
    circle at 70% 30%,
    rgba(232, 201, 160, 0.25) 0%,
    rgba(200, 149, 109, 0.15) 30%,
    rgba(139, 69, 19, 0.05) 60%,
    transparent 100%
  ) !important;
}

/* ============================================================
   配色升级方案B：背景光晕层次（空间感+高级感）
   ============================================================ */

/* 页面背景：多层径向渐变光晕 */
.cases-page {
  background-color: #0F0805 !important;
  background-image: 
    /* 左上角主光源 - 暖金光晕 */
    radial-gradient(
      ellipse 60% 40% at 15% 0%,
      rgba(139, 69, 19, 0.25) 0%,
      rgba(107, 52, 16, 0.15) 30%,
      transparent 70%
    ),
    /* 右上角辅助光 - 淡金 */
    radial-gradient(
      ellipse 50% 35% at 85% 5%,
      rgba(200, 149, 109, 0.12) 0%,
      rgba(139, 69, 19, 0.08) 40%,
      transparent 70%
    ),
    /* 底部深棕阴影 - 增加深度 */
    radial-gradient(
      ellipse 80% 50% at 50% 100%,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(26, 15, 8, 0.2) 50%,
      transparent 80%
    ),
    /* 中心微妙暖光 */
    radial-gradient(
      ellipse 100% 60% at 50% 50%,
      rgba(90, 58, 31, 0.08) 0%,
      transparent 70%
    ) !important;
  background-attachment: fixed !important;
}

/* 主面板：增加微妙的顶部高光，模拟受光 */
.cases-page .home-panel {
  background: linear-gradient(
    180deg,
    #FDF8F0 0%,
    #FAF3E8 50%,
    #F5EDE0 100%
  ) !important;
}

/* 统计卡片：受光面更亮 */
.cases-page .home-panel:first-of-type .home-card {
  background: linear-gradient(
    145deg,
    #FEFAF4 0%,
    #FDF8F0 40%,
    #F7F0E5 100%
  ) !important;
}

/* 普通卡片：微妙的光影渐变 */
.cases-page .home-card {
  background: linear-gradient(
    145deg,
    #FDF8F0 0%,
    #FAF3E8 100%
  ) !important;
}

/* 深色卡片：更深邃的渐变 */
.cases-page .home-dark-card {
  background: linear-gradient(
    145deg,
    #1A0F08 0%,
    #2A190D 40%,
    #3D2817 100%
  ) !important;
}

/* 分隔纹样：增加光晕效果 */
.cases-page .home-panel + .grid::before,
.cases-page .grid + .home-panel::before {
  text-shadow: 0 0 12px rgba(200, 149, 109, 0.5);
  color: rgba(232, 201, 160, 0.5) !important;
}

/* 印章：增加立体感 */
.cases-page .home-dark-card::after {
  background: linear-gradient(
    135deg,
    #A03020 0%,
    #8B2500 50%,
    #6B1A00 100%
  ) !important;
  box-shadow: 
    0 2px 8px rgba(139, 37, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* ============================================================
   【强制修复】移动端h2字间距问题 - 最高优先级
   问题："门店开业择吉案例"中"日"字突兀
   原因：负字间距在移动端导致字挤压
   修复：移动端完全移除字间距，强制字体栈
   ============================================================ */
@media (max-width: 768px) {
  html body .cases-page h1.home-panel-title,
  html body .cases-page h2.home-panel-title,
  html body .cases-page h3,
  html body .cases-page .card-subtitle,
  html body .cases-page p,
  html body .cases-page span,
  html body .cases-page div {
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
  
  /* 特别针对h2，确保完全没有字间距 */
  html body .cases-page h2.home-panel-title {
    letter-spacing: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
  }
}

/* PC端字间距（仅在769px以上生效，避免覆盖移动端） */
@media (min-width: 769px) {
  html body .cases-page h2.home-panel-title {
    letter-spacing: -0.005em !important;
  }
}

/* 移动端强制：完全移除所有字间距，包括h1/h2/h3/p */
@media (max-width: 768px) {
  html body .cases-page * {
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
  }
}

/* ============================================================
   【最终强制修复】移动端h2字号和字重
   问题："门店开业择吉案例"中"日"字突兀
   修复：移动端h2强制16px/600，PC端保持设计
   ============================================================ */
@media (max-width: 768px) {
  html body .cases-page h2.home-panel-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
  }
  
  /* 同时调小h1，保持层级比例 */
  html body .cases-page h1.home-panel-title {
    font-size: 22px !important;
    font-weight: 700 !important;
  }
}

/* PC端保持设计感 */
@media (min-width: 769px) {
  html body .cases-page h2.home-panel-title {
    font-size: 22px !important;
    font-weight: 700 !important;
  }
}

/* ============================================================
   案例卡片模块 - 高级审美优化（高/中/低优先级）
   ============================================================ */

/* ---------- 高优先级1：图片角标系统 ---------- */

/* 案例网格计数器 */
.cases-page .cases-gallery-grid {
  counter-reset: case-counter;
}
.cases-page .cases-gallery-card {
  counter-increment: case-counter;
}

/* 图片容器：16:9比例 + inset渐变遮罩（替代之前的::after） */
.cases-page .cases-gallery-card > div:first-child {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 16/9 !important;
  box-shadow: inset 0 -30px 50px -25px rgba(42, 25, 13, 0.3) !important;
}
.cases-page .cases-gallery-card > div:first-child img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: relative !important;
  z-index: 0 !important;
}

/* 移除之前的::after渐变遮罩（已用inset shadow替代） */
.cases-page .cases-gallery-card > div:first-child::after {
  background: none !important;
}

/* 左上角：案例编号 */
.cases-page .cases-gallery-card > div:first-child::before {
  content: counter(case-counter, decimal-leading-zero);
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  font-size: 14px;
  font-weight: 700;
  color: #F5E6D3;
  background: linear-gradient(135deg, rgba(90, 58, 31, 0.85), rgba(139, 69, 19, 0.9));
  padding: 4px 10px;
  border-radius: 6px;
  letter-spacing: 0.05em;
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* 右下角：实景拍摄角标（去掉模糊效果） */
.cases-page .cases-gallery-card > div:first-child::after {
  content: "实景拍摄";
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  font-size: 11px;
  font-weight: 600;
  color: #F5E6D3;
  background: rgba(42, 25, 13, 0.85);
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.08em;
  border: 1px solid rgba(200, 149, 109, 0.4);
}

/* ---------- 高优先级2：标签系统分层 ---------- */

/* 主标签（home-chip）：金色渐变 + 白色文字 */
.cases-page .home-chip {
  background: linear-gradient(135deg, #8B4513, #A0522D) !important;
  color: #FDF8F0 !important;
  border: 1px solid rgba(200, 149, 109, 0.4) !important;
  box-shadow: 0 2px 8px rgba(139, 69, 19, 0.25) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

/* 次标签（home-soft-pill）：浅米色 + 深棕文字 */
.cases-page .home-soft-pill {
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.06), rgba(200, 149, 109, 0.1)) !important;
  color: #5A3A1F !important;
  border: 1px solid rgba(139, 69, 19, 0.15) !important;
  font-weight: 500 !important;
}

/* ---------- 高优先级3：结果呈现卡片引用感 ---------- */

.cases-page .cases-gallery-card .home-dark-card {
  position: relative !important;
  padding-top: 20px !important;
}

/* 大引号装饰 */
.cases-page .cases-gallery-card .home-dark-card::before {
  content: """;
  position: absolute;
  top: -8px;
  left: 12px;
  font-size: 48px;
  font-family: Georgia, serif;
  color: rgba(200, 149, 109, 0.3);
  line-height: 1;
  z-index: 0;
}

/* "结果呈现"标题变金色 */
.cases-page .cases-gallery-card .home-dark-card p:first-child {
  color: #E8C9A0 !important;
  font-weight: 700 !important;
  position: relative !important;
  z-index: 1;
  padding-left: 20px;
}
.cases-page .cases-gallery-card .home-dark-card p:first-child::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #C8956D;
  font-weight: 700;
}

/* 结果文字 */
.cases-page .cases-gallery-card .home-dark-card p:last-child {
  position: relative !important;
  z-index: 1;
  color: #E8D9C8 !important;
  line-height: 1.7 !important;
}

/* ---------- 中优先级4：服务内容卡片优化 ---------- */

.cases-page .cases-gallery-card .home-card {
  position: relative !important;
  padding-left: 40px !important;
}

/* 服务内容标题前加图标 */
.cases-page .cases-gallery-card .home-card p:first-child {
  position: relative !important;
  color: #5A3A1F !important;
  font-weight: 700 !important;
}
.cases-page .cases-gallery-card .home-card p:first-child::before {
  content: "✦";
  position: absolute;
  left: -24px;
  color: #8B4513;
  font-size: 0.9em;
}

/* 服务内容文字 */
.cases-page .cases-gallery-card .home-card p:last-child {
  color: #5A4A3A !important;
  line-height: 1.75 !important;
}

/* ---------- 中优先级5：标题与描述节奏 ---------- */

/* 案例标题下加金色分隔线 */
.cases-page .cases-gallery-card h2.home-panel-title {
  position: relative !important;
  padding-bottom: 10px !important;
  margin-bottom: 4px !important;
}
.cases-page .cases-gallery-card h2.home-panel-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: linear-gradient(90deg, #8B4513, #C8956D);
  border-radius: 1px;
}

/* 描述文字 */
.cases-page .cases-gallery-card .home-panel-copy {
  margin-top: 10px !important;
  line-height: 1.8 !important;
}

/* ---------- 中优先级6：卡片hover效果升级 ---------- */

.cases-page .cases-gallery-card {
  position: relative !important;
  overflow: hidden !important;
}

/* hover时顶部高光扫过 */
.cases-page .cases-gallery-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, transparent, #C8956D, transparent);
  transition: left 0.6s ease;
  z-index: 10;
}
.cases-page .cases-gallery-card:hover::before {
  left: 100%;
}

/* 已移除"查看详情"提示：没有详情页，会误导用户 */

/* ---------- 低优先级7：案例元信息（CSS模拟） ---------- */
/* 注：完整的城市/日期信息需要改JS，这里先用CSS在标题下加装饰 */

/* ---------- 低优先级8：图片加载优化（CSS过渡） ---------- */
.cases-page .cases-gallery-card img {
  transition: opacity 0.4s ease, filter 0.4s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ============================================================
   修复：服务内容标题被统计数字样式误选中
   原因：.home-panel:first-of-type 会选中每个案例卡片（都是article）
   修复：给服务内容标题独立类名 service-title，并设置正确样式
   ============================================================ */

/* 服务内容标题正确样式 */
.cases-page .service-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #5A3A1F !important;
  background: none !important;
  -webkit-text-fill-color: #5A3A1F !important;
  letter-spacing: 0.02em !important;
  line-height: 1.4 !important;
  padding-left: 0 !important;
}

/* 确保案例卡片内的 home-card-title 不受统计数字样式影响 */
.cases-page .cases-gallery-card .home-card-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #3D2817 !important;
  background: none !important;
  -webkit-text-fill-color: #3D2817 !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  padding-left: 0 !important;
}

/* 统计数字选择器更精确：只选中页面顶部的统计面板 */
/* 用 > 直接子选择器，避免误选中案例卡片内的 */
.cases-page > div > section > div > div > .home-panel:first-child .home-card-title {
  font-size: clamp(24px, 3.5vw, 32px) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #6B3410 0%, #8B4513 30%, #C8956D 70%, #E8C9A0 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ============================================================
   第二轮高级审美优化（高/中/低优先级）
   ============================================================ */

/* ---------- 高优先级1：图片统一暖色滤镜 ---------- */
.cases-page .cases-gallery-card img {
  filter: sepia(0.06) saturate(1.08) contrast(1.02) brightness(1.01) !important;
  transition: filter 0.4s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.cases-page .cases-gallery-card:hover img {
  filter: sepia(0.04) saturate(1.12) contrast(1.04) brightness(1.03) !important;
}

/* ---------- 高优先级2：统计数字升级 ---------- */
.cases-page .home-panel:first-child .home-card {
  position: relative !important;
  padding-bottom: 16px !important;
}

/* 数字下方金色分隔线 */
.cases-page .home-panel:first-child .home-card::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #C8956D, transparent);
}

/* 数字更大更突出 */
.cases-page .home-panel:first-child .home-card-title {
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  transition: transform 0.3s ease !important;
}
.cases-page .home-panel:first-child .home-card:hover .home-card-title {
  transform: scale(1.05) !important;
}

/* 统计标签文字 */
.cases-page .home-panel:first-child .home-card-copy {
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
  color: #7A6B5D !important;
  margin-top: 4px !important;
}

/* ---------- 高优先级3：卡片光影层次 ---------- */

/* 主面板：顶部高光 + 分层阴影 */
.cases-page .home-panel {
  box-shadow: 
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 -1px 0 rgba(90, 58, 31, 0.03) inset,
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 4px 12px rgba(0, 0, 0, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.08) !important;
  transition: box-shadow 0.4s ease, transform 0.4s ease !important;
}

/* 普通卡片：更精致的光影 */
.cases-page .home-card {
  box-shadow: 
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 2px rgba(90, 58, 31, 0.04),
    0 4px 12px rgba(90, 58, 31, 0.06) !important;
}

/* 案例卡片：hover时阴影从近景变远景 */
.cases-page .cases-gallery-card {
  box-shadow: 
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 2px 4px rgba(0, 0, 0, 0.04),
    0 8px 20px rgba(0, 0, 0, 0.06) !important;
}
.cases-page .cases-gallery-card:hover {
  box-shadow: 
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 4px 8px rgba(0, 0, 0, 0.06),
    0 16px 40px rgba(0, 0, 0, 0.12),
    0 24px 60px rgba(90, 58, 31, 0.08) !important;
}

/* ---------- 中优先级4：标题两侧金线装饰 ---------- */
.cases-page h2.home-panel-title {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.cases-page h2.home-panel-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #C8956D, rgba(200, 149, 109, 0.3), transparent);
  margin-left: 8px;
}

/* ---------- 中优先级5：正文重点高亮（CSS基础，关键词需JS加span） ---------- */
.cases-page .highlight-gold {
  color: #8B4513 !important;
  font-weight: 600 !important;
}

/* ---------- 中优先级6：列表图标精致化 ---------- */
.cases-page .home-dark-card ul li::before {
  content: "◆" !important;
  color: #E8C9A0 !important;
  font-size: 0.5em !important;
  top: 0.5em !important;
}
.cases-page .home-card ul li::before {
  content: "✦" !important;
  color: #8B4513 !important;
  font-size: 0.7em !important;
  top: 0.3em !important;
}

/* ---------- 低优先级7：滚动渐入（页面加载时触发） ---------- */
.cases-page .cases-gallery-card {
  animation: cardFadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.cases-page .cases-gallery-card:nth-child(1) { animation-delay: 0.1s; }
.cases-page .cases-gallery-card:nth-child(2) { animation-delay: 0.2s; }
.cases-page .cases-gallery-card:nth-child(3) { animation-delay: 0.3s; }

@keyframes cardFadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------- 低优先级9：分类切换交叉淡入 ---------- */
.cases-page .cases-gallery-grid {
  animation: crossFadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes crossFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================================
   【最终强制修复】移动端H1标题断行问题
   问题：text-wrap: balance 导致第一行后面大片空白
   修复：移动端强制 text-wrap: wrap + white-space: normal + 小字号
   ============================================================ */
@media (max-width: 768px) {
  html body .cases-page h1.home-panel-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-wrap: wrap !important;
    word-break: normal !important;
    white-space: normal !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
  }
}

/* 超小屏幕（320px）进一步缩小字号 */
@media (max-width: 380px) {
  html body .cases-page h1.home-panel-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }
}

/* ============================================
   首页视觉统一 - 套用cases.html设计系统
   第一阶段：Hero区 + 服务说明卡片
   ============================================ */

/* 首页背景光晕增强 */
.home-page {
  background: #0F0805;
}

.home-page .home-hero-shell {
  background: linear-gradient(180deg, #0F0805 0%, #1A0F08 50%, #0F0805 100%);
}

.home-page .home-hero-shell::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(ellipse at 20% 20%, rgba(139, 69, 19, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(200, 149, 109, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* Hero图片样式 */
.home-page .home-hero-poster {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(200, 149, 109, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
}

.home-page .home-hero-poster::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(15, 8, 5, 0.4) 100%);
  pointer-events: none;
}

.home-page .home-hero-poster img {
  transition: transform 0.6s ease;
}

.home-page .home-hero-poster:hover img {
  transform: scale(1.02);
}

/* H1标题 - 金色渐变 */
.home-page .home-metal-title {
  background: linear-gradient(135deg, #E8C9A0 0%, #C8956D 30%, #8B4513 60%, #C8956D 80%, #E8C9A0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0.05em;
  text-shadow: none;
  position: relative;
}

.home-page .home-metal-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #8B4513, transparent);
  margin: 12px auto 0;
}

/* 副标题 */
.home-page .home-text-on-dark {
  color: #E8DCC8 !important;
  letter-spacing: 0.08em;
}

/* 描述文字 */
.home-page .home-text-muted-on-dark {
  color: #B8A890 !important;
  line-height: 1.8;
}

/* 按钮样式 - 主按钮 */
.home-page .home-button-primary {
  background: linear-gradient(135deg, #8B4513 0%, #6B3410 100%);
  color: #F5F0E8;
  border: 1px solid rgba(232, 201, 160, 0.3);
  box-shadow: 
    0 4px 15px rgba(139, 69, 19, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.home-page .home-button-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}

.home-page .home-button-primary:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 25px rgba(139, 69, 19, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.home-page .home-button-primary:hover::before {
  left: 100%;
}

/* 按钮样式 - 次按钮 */
.home-page .home-button-secondary {
  background: rgba(245, 240, 232, 0.08);
  color: #E8DCC8;
  border: 1px solid rgba(200, 149, 109, 0.4);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.home-page .home-button-secondary:hover {
  background: rgba(245, 240, 232, 0.12);
  border-color: rgba(200, 149, 109, 0.6);
  transform: translateY(-2px);
}

/* 软按钮 */
.home-page .home-soft-pill {
  background: transparent;
  color: #C8956D;
  border: 1px solid rgba(200, 149, 109, 0.3);
  transition: all 0.3s ease;
}

.home-page .home-soft-pill:hover {
  background: rgba(200, 149, 109, 0.1);
  border-color: rgba(200, 149, 109, 0.5);
}

/* 服务说明卡片 - 米色渐变 + 阴影 */
.home-page .home-hero-intro {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.15);
  box-shadow: 
    0 10px 40px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset,
    0 2px 0 rgba(255, 255, 255, 0.8) inset;
  position: relative;
  overflow: hidden;
}

.home-page .home-hero-intro::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6B3410, #8B4513, #C8956D, #8B4513, #6B3410);
}

/* 卡片内文字颜色 */
.home-page .home-hero-intro p {
  color: #3D2817;
}

.home-page .home-hero-intro .home-card-title {
  color: #2A190D;
}

.home-page .home-hero-intro .home-card-copy {
  color: #5A4A3A;
}


/* ============================================
   首页视觉统一 - 第二阶段：五大服务场景
   ============================================ */

/* 区块标题 - 金色渐变 + 装饰线 */
.home-page .home-section-title {
  background: linear-gradient(135deg, #E8C9A0 0%, #C8956D 30%, #8B4513 60%, #C8956D 80%, #E8C9A0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
}

.home-page .home-section-title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 1em;
  background: linear-gradient(180deg, #8B4513, #C8956D);
  margin-right: 12px;
  vertical-align: middle;
  border-radius: 2px;
}

/* 区块副标题 */
.home-page .home-section-shell .home-text-muted-on-dark {
  color: #B8A890 !important;
}

/* 服务场景卡片 - 米色渐变 + 阴影 */
.home-page .home-section-shell .home-card {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.12);
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 
    0 4px 20px rgba(0, 0, 0, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  transition: all 0.4s ease;
  position: relative;
}

.home-page .home-section-shell .home-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(139, 69, 19, 0.4), transparent);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.home-page .home-section-shell .home-card:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 12px 40px rgba(0, 0, 0, 0.3),
    0 2px 0 rgba(255, 255, 255, 0.9) inset;
}

.home-page .home-section-shell .home-card:hover::before {
  opacity: 1;
}

/* 服务场景图片 */
.home-page .home-section-shell .home-card > div:first-child {
  position: relative;
  overflow: hidden;
}

.home-page .home-section-shell .home-card > div:first-child:has(img)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, transparent, rgba(253, 248, 240, 0.9));
  pointer-events: none;
}

.home-page .home-section-shell .home-card img {
  transition: transform 0.6s ease;
}

.home-page .home-section-shell .home-card:hover img {
  transform: scale(1.08);
}

/* 服务场景标题 */
.home-page .home-section-shell .home-card .home-card-title {
  color: #2A190D !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

/* 服务场景描述 */
.home-page .home-section-shell .home-card .home-card-copy {
  color: #5A4A3A !important;
  line-height: 1.7 !important;
}

/* 区块分隔 */
.home-page .home-section-shell {
  position: relative;
}

.home-page .home-section-shell::after {
  content: '❖';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(200, 149, 109, 0.3);
  font-size: 16px;
  z-index: 1;
}


/* ============================================
   首页视觉统一 - 第三阶段：为什么需要专业择吉 + 为什么选择知远
   ============================================ */

/* 区块描述文字 */
.home-page .home-section-copy {
  color: #B8A890 !important;
  line-height: 1.9 !important;
  font-size: 0.95rem !important;
}

/* 引用卡片 - 米色渐变 + 左侧金线 */
.home-page .home-section-shell .home-panel {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.15);
  border-radius: 24px !important;
  box-shadow: 
    0 8px 30px rgba(0, 0, 0, 0.25),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  position: relative;
  overflow: hidden;
}

.home-page .home-section-shell .home-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #8B4513, #C8956D);
}

.home-page .home-section-shell .home-panel p {
  color: #3D2817 !important;
  line-height: 1.9 !important;
}

.home-page .home-section-shell .home-panel p:first-child {
  color: #8B4513 !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  margin-bottom: 12px !important;
}

/* 服务卡片（带图标）- 米色渐变 + 阴影 */
.home-page .home-section-shell .space-y-4 .home-card {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.12);
  border-radius: 24px !important;
  box-shadow: 
    0 4px 20px rgba(0, 0, 0, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.home-page .home-section-shell .space-y-4 .home-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #6B3410, #8B4513, #C8956D, #8B4513, #6B3410);
  opacity: 0.6;
}

.home-page .home-section-shell .space-y-4 .home-card:hover {
  transform: translateY(-4px);
  box-shadow: 
    0 12px 40px rgba(0, 0, 0, 0.3),
    0 2px 0 rgba(255, 255, 255, 0.9) inset;
}

/* 图标容器 */
.home-page .home-section-shell .space-y-4 .home-card > div:first-child > div:first-child {
  background: linear-gradient(135deg, #8B4513 0%, #6B3410 100%) !important;
  box-shadow: 
    0 4px 12px rgba(139, 69, 19, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* 卡片标题 */
.home-page .home-section-shell .space-y-4 .home-card .home-card-title {
  color: #2A190D !important;
  font-weight: 700 !important;
}

/* 卡片描述 */
.home-page .home-section-shell .space-y-4 .home-card .home-card-copy {
  color: #5A4A3A !important;
  line-height: 1.8 !important;
}

/* 引用提示（home-quiet-callout） */
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout {
  background: rgba(139, 69, 19, 0.06) !important;
  border-left: 3px solid rgba(139, 69, 19, 0.3) !important;
  border-radius: 0 12px 12px 0 !important;
}

.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout p {
  color: #6B4A30 !important;
  font-style: italic;
}

/* 分隔线 */
.home-page .home-subtle-rule {
  width: 60px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #8B4513, #C8956D) !important;
  border-radius: 2px !important;
  opacity: 1 !important;
}


/* ============================================
   首页视觉统一 - 第四阶段：服务体系 + 服务说明
   ============================================ */

/* 服务体系卡片 - 米色渐变 + 阴影 */
.home-page .home-section-shell .grid.gap-5 .home-card {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.12);
  border-radius: 24px !important;
  box-shadow: 
    0 4px 20px rgba(0, 0, 0, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.home-page .home-section-shell .grid.gap-5 .home-card:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 16px 50px rgba(0, 0, 0, 0.35),
    0 2px 0 rgba(255, 255, 255, 0.9) inset;
}

/* 卡片顶部渐变线增强 */
.home-page .home-section-shell .grid.gap-5 .home-card > div:first-child {
  height: 4px !important;
  background: linear-gradient(90deg, #6B3410, #8B4513, #C8956D, #8B4513, #6B3410) !important;
  opacity: 0.8;
}

/* 卡片标题 */
.home-page .home-section-shell .grid.gap-5 .home-card .home-card-title {
  color: #2A190D !important;
  font-weight: 700 !important;
  /* round26 字体统一：移除硬编码 1.25rem，字号交给文件末尾 zy 分级层（按 text-xl/2xl/base 归级） */
  letter-spacing: 0.02em;
}

/* 列表项 */
.home-page .home-section-shell .grid.gap-5 .home-card ul li {
  color: #5A4A3A !important;
  line-height: 1.8 !important;
}

/* 列表圆点 */
.home-page .home-section-shell .grid.gap-5 .home-card ul li span:first-child {
  background: linear-gradient(135deg, #8B4513, #C8956D) !important;
  box-shadow: 0 0 6px rgba(139, 69, 19, 0.4);
}

/* 了解详情按钮 */
.home-page .home-section-shell .grid.gap-5 .home-card .home-soft-pill {
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.08), rgba(200, 149, 109, 0.08)) !important;
  color: #8B4513 !important;
  border: 1px solid rgba(139, 69, 19, 0.25) !important;
  font-weight: 600 !important;
  transition: all 0.3s ease;
}

.home-page .home-section-shell .grid.gap-5 .home-card .home-soft-pill:hover {
  background: linear-gradient(135deg, #8B4513, #6B3410) !important;
  color: #F5F0E8 !important;
  border-color: #8B4513 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 69, 19, 0.3);
}

/* 服务说明侧边面板 */
.home-page .home-section-shell aside.home-panel {
  background: linear-gradient(135deg, #1A0F08 0%, #2A190D 100%);
  border: 1px solid rgba(200, 149, 109, 0.2);
  border-radius: 24px !important;
  box-shadow: 
    0 8px 30px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: hidden;
}

.home-page .home-section-shell aside.home-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6B3410, #8B4513, #C8956D, #8B4513, #6B3410);
}

.home-page .home-section-shell aside.home-panel h3,
.home-page .home-section-shell aside.home-panel .home-card-title {
  color: #E8C9A0 !important;
}

.home-page .home-section-shell aside.home-panel p,
.home-page .home-section-shell aside.home-panel .home-card-copy {
  color: #B8A890 !important;
}

/* 服务说明大卡片（择日择吉是为成功找到最顺利的途径） */
.home-page .home-section-shell > div > .home-panel {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.15);
  border-radius: 28px !important;
  box-shadow: 
    0 10px 40px rgba(0, 0, 0, 0.3),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  position: relative;
  overflow: hidden;
}

.home-page .home-section-shell > div > .home-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6B3410, #8B4513, #C8956D, #8B4513, #6B3410);
}

.home-page .home-section-shell > div > .home-panel h2,
.home-page .home-section-shell > div > .home-panel h3 {
  color: #2A190D !important;
}

.home-page .home-section-shell > div > .home-panel p {
  color: #5A4A3A !important;
  line-height: 1.9 !important;
}

/* 标签样式 */
.home-page .home-section-shell > div > .home-panel .home-soft-pill {
  background: rgba(139, 69, 19, 0.08) !important;
  color: #8B4513 !important;
  border: 1px solid rgba(139, 69, 19, 0.2) !important;
  font-weight: 600 !important;
}

/* 预约顾问沟通按钮 */
.home-page .home-section-shell > div > .home-panel .home-button-primary {
  background: linear-gradient(135deg, #8B4513 0%, #6B3410 100%);
  color: #F5F0E8;
  border: 1px solid rgba(232, 201, 160, 0.3);
  box-shadow: 
    0 4px 15px rgba(139, 69, 19, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
}

.home-page .home-section-shell > div > .home-panel .home-button-primary:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 25px rgba(139, 69, 19, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}


/* ============================================
   首页视觉统一 - 第五阶段：底部导航入口 + 知识库预览 + 导航栏修复
   ============================================ */

/* 底部导航入口卡片 */
.home-page .home-feature-entry-list .home-card {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.12);
  border-radius: 24px !important;
  box-shadow: 
    0 4px 20px rgba(0, 0, 0, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.home-page .home-feature-entry-list .home-card:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 16px 50px rgba(0, 0, 0, 0.35),
    0 2px 0 rgba(255, 255, 255, 0.9) inset;
}

/* 顶部渐变线 */
.home-page .home-feature-entry-list .home-card > div:first-child {
  height: 4px !important;
  background: linear-gradient(90deg, #6B3410, #8B4513, #C8956D, #8B4513, #6B3410) !important;
  opacity: 0.8;
}

/* 标签 */
.home-page .home-feature-entry-list .home-card .home-accent-label {
  color: #8B4513 !important;
  background: rgba(139, 69, 19, 0.08) !important;
  padding: 4px 12px !important;
  border-radius: 12px !important;
  letter-spacing: 0.05em;
}

/* 标题 */
.home-page .home-feature-entry-list .home-card .home-card-title {
  color: #2A190D !important;
  font-weight: 700 !important;
}

/* 描述 */
.home-page .home-feature-entry-list .home-card .home-card-copy {
  color: #5A4A3A !important;
  line-height: 1.8 !important;
}

/* 按钮 */
.home-page .home-feature-entry-list .home-card .home-soft-pill {
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.08), rgba(200, 149, 109, 0.08)) !important;
  color: #8B4513 !important;
  border: 1px solid rgba(139, 69, 19, 0.25) !important;
  font-weight: 600 !important;
  transition: all 0.3s ease;
}

.home-page .home-feature-entry-list .home-card .home-soft-pill:hover {
  background: linear-gradient(135deg, #8B4513, #6B3410) !important;
  color: #F5F0E8 !important;
  border-color: #8B4513 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 69, 19, 0.3);
}

/* 知识库预览区块 */
.home-page .home-section-shell .home-panel {
  background: linear-gradient(135deg, #FDF8F0 0%, #F5EDE0 100%);
  border: 1px solid rgba(139, 69, 19, 0.15);
  border-radius: 28px !important;
  box-shadow: 
    0 10px 40px rgba(0, 0, 0, 0.3),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  position: relative;
  overflow: hidden;
}

.home-page .home-section-shell .home-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6B3410, #8B4513, #C8956D, #8B4513, #6B3410);
}

.home-page .home-section-shell .home-panel h2,
.home-page .home-section-shell .home-panel h3 {
  color: #2A190D !important;
}

.home-page .home-section-shell .home-panel p {
  color: #5A4A3A !important;
  line-height: 1.9 !important;
}

/* 知识库分类标签 */
.home-page .home-section-shell .home-panel .home-soft-pill {
  background: rgba(139, 69, 19, 0.08) !important;
  color: #8B4513 !important;
  border: 1px solid rgba(139, 69, 19, 0.2) !important;
  font-weight: 600 !important;
  transition: all 0.3s ease;
}

.home-page .home-section-shell .home-panel .home-soft-pill:hover {
  background: rgba(139, 69, 19, 0.15) !important;
  transform: translateY(-2px);
}

/* 知识库文章卡片 */
.home-page .home-section-shell .home-panel .home-card {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(139, 69, 19, 0.1) !important;
  border-radius: 16px !important;
  transition: all 0.3s ease;
}

.home-page .home-section-shell .home-panel .home-card:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* ============================================
   导航栏修复 - 咨询&领取不换行
   ============================================ */
.home-page .home-nav-shell nav {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.home-page .home-nav-shell nav a {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* 隐藏导航栏滚动条 */
.home-page .home-nav-shell nav::-webkit-scrollbar {
  display: none !important;
}

.home-page .home-nav-shell nav {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}


/* ============================================
   导航栏修复 - 右侧按钮不换行
   ============================================ */
.home-page .home-nav-shell .home-button-primary,
.home-page .home-nav-shell .home-button-secondary {
  white-space: nowrap !important;
  min-width: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* 导航链接button不换行 */
.home-page .home-nav-shell nav button {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* 导航容器不换行 */
.home-page .home-nav-shell .hidden.items-center.gap-10 {
  flex-wrap: nowrap !important;
}

.home-page .home-nav-shell nav {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* 隐藏滚动条 */
.home-page .home-nav-shell nav::-webkit-scrollbar {
  display: none !important;
}


/* ============================================
   首页问题修复 - 9个问题一次性修复
   ============================================ */

/* 问题1：五大服务场景图片容器高度被覆盖，恢复明确高度 */
.home-page .home-section-shell .home-card > div.overflow-hidden {
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
}

@media (min-width: 640px) {
  .home-page .home-section-shell .home-card > div.overflow-hidden {
    height: 144px !important;
    min-height: 144px !important;
    max-height: 144px !important;
  }
}

/* 图片object-position调整为顶部，避免主体被裁剪 */
.home-page .home-section-shell .home-card > div:first-child img {
  object-position: center top !important;
}

/* 问题2：为什么需要专业择吉的图标过大，头重脚轻 */
.home-page .home-section-shell .space-y-4 .home-card > div:first-child > div:first-child {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

.home-page .home-section-shell .space-y-4 .home-card > div:first-child > div:first-child svg {
  width: 20px !important;
  height: 20px !important;
}

/* 图标和文字垂直居中对齐 */
.home-page .home-section-shell .space-y-4 .home-card > div:first-child {
  align-items: center !important;
}

/* 问题3：服务说明引用卡片文字模糊，提高对比度 */
.home-page .home-section-shell > div > .home-panel .home-quiet-callout,
.home-page .home-section-shell > div > .home-panel .home-card-copy,
.home-page .home-section-shell > div > .home-panel p {
  color: #3D2817 !important;
  opacity: 1 !important;
}

/*  specifically fix the service flow callout */
.home-page .home-section-shell > div > .home-panel > div > div {
  color: #3D2817 !important;
  background: rgba(139, 69, 19, 0.06) !important;
  border-left: 3px solid rgba(139, 69, 19, 0.3) !important;
}

/* 问题4+5：标题断行问题，禁止text-wrap:balance，去掉max-width限制 */
.home-page .home-section-title,
.home-page .home-panel-title,
.home-page .home-card-title {
  text-wrap: wrap !important;
  white-space: normal !important;
  max-width: none !important;
}

/* 标题不强制换行 */
.home-page h1, .home-page h2, .home-page h3 {
  text-wrap: wrap !important;
}

/* 问题6：知识轨标签更换，开工知识库名称调整 */
/* 这个需要改JS文字，CSS先隐藏原标签，用伪元素显示新名称 */
.home-page .home-feature-entry-list .home-card:nth-child(2) .home-accent-label {
  font-size: 0 !important;
  padding: 4px 12px !important;
}

.home-page .home-feature-entry-list .home-card:nth-child(2) .home-accent-label::before {
  content: '风物知识库';
  font-size: 12px !important;
  color: #8B4513 !important;
}

/* 问题5补充：标题后面有空位却换行，可能是因为inline-block导致的 */
.home-page .home-section-title {
  display: block !important;
}

/* 移动端标题字号调整，避免断行 */
@media (max-width: 640px) {
  .home-page .home-section-title {
    font-size: 1.5rem !important;
  }
  .home-page .home-hero-copy-block .home-metal-title {
    font-size: 1.8rem !important;
  }
  /* 收窄：顶部导航品牌、footer版权不再被hero大标题字号误伤，恢复各自Tailwind字号 */
  .home-page .home-nav-shell .home-metal-title { font-size: 1rem !important; }
  .home-page .home-footer-shell .home-metal-title { font-size: 0.875rem !important; }
}


/* 强制修复引用提示文字模糊 - 为什么需要专业择吉区块 */
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout {
  background: rgba(139, 69, 19, 0.08) !important;
  border-left: 3px solid rgba(139, 69, 19, 0.4) !important;
  border-radius: 0 12px 12px 0 !important;
}

.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout * {
  color: #2A190D !important;
  opacity: 1 !important;
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
}

.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout p {
  color: #2A190D !important;
  opacity: 1 !important;
}

/* 强制修复服务说明区块的引用提示文字 */
.home-page .home-section-shell > div > .home-panel .home-quiet-callout,
.home-page .home-section-shell > div > .home-panel .home-quiet-callout * {
  color: #2A190D !important;
  opacity: 1 !important;
}

.home-page .home-section-shell > div > .home-panel .home-quiet-callout p {
  color: #2A190D !important;
  opacity: 1 !important;
  font-size: 0.95rem !important;
}

/* 服务流程说明文字 - 强制提高对比度 */
.home-page .home-section-shell > div > .home-panel div[class*="rounded"] {
  color: #2A190D !important;
  background: rgba(139, 69, 19, 0.08) !important;
}

.home-page .home-section-shell > div > .home-panel div[class*="rounded"] * {
  color: #2A190D !important;
  opacity: 1 !important;
}


/* 强制修复所有引用提示文字 - 针对home-card-copy-strong类 */
.home-page .home-card-copy-strong,
.home-page .home-quiet-callout .home-card-copy-strong,
.home-page .home-quiet-callout p,
.home-page .home-quiet-callout p.home-card-copy-strong {
  color: #2A190D !important;
  opacity: 1 !important;
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
}

/* 针对为什么需要专业择吉区块的引用提示 */
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout .home-card-copy-strong {
  color: #2A190D !important;
  opacity: 1 !important;
}

/* 针对服务说明区块的引用提示 */
.home-page .home-section-shell aside.home-panel .home-quiet-callout .home-card-copy,
.home-page .home-section-shell aside.home-panel .home-quiet-callout p {
  color: #E8DCC8 !important;
  opacity: 1 !important;
}

/* 针对案例中心区块的引用提示 */
.home-page .home-section-shell .home-panel .home-quiet-callout .home-card-copy-strong {
  color: #2A190D !important;
  opacity: 1 !important;
}


/* 修复五大服务场景图片裁剪问题 - object-position居中 */
.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] img {
  object-position: center center !important;
}

/* 同时调整容器高度，让比例更接近图片原始比例(1.08:1) */
.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
  height: 180px !important;
}

@media (min-width: 640px) {
  .home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
    height: 200px !important;
  }
}


/* 修复案例卡片顶部装饰条高度 - 强制6px */
.home-page .home-section-shell article.home-card > div.absolute.inset-x-0.top-0 {
  height: 6px !important;
  max-height: 6px !important;
}

/* 修复服务体系卡片顶部装饰条高度 */
.home-page .home-section-shell .grid article.home-card > div.absolute.inset-x-0.top-0,
.home-page .home-section-shell div.grid article.home-card > div.absolute.inset-x-0.top-0 {
  height: 6px !important;
  max-height: 6px !important;
}

/* 修复为什么选择知远卡片顶部装饰条高度 */
.home-page .home-section-shell .grid article.home-card > div.absolute.inset-x-0.top-0 {
  height: 6px !important;
  max-height: 6px !important;
}


/* 强制修复所有home-card顶部装饰条高度 */
.home-page .home-card > div[class*="absolute"][class*="inset-x-0"][class*="top-0"] {
  height: 6px !important;
  max-height: 6px !important;
  min-height: 6px !important;
}

/* 同时修复所有包含h-1.5类的顶部装饰条 */
.home-page .home-card div.h-1\.5 {
  height: 6px !important;
  max-height: 6px !important;
}


/* 修正五大服务场景图片容器高度 - 保持1.69:1比例，和新图片完全匹配 */
.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
  height: 144px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (min-width: 640px) {
  .home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
    height: 160px !important;
  }
}

@media (min-width: 1024px) {
  .home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
    height: 180px !important;
  }
}


/* 问题2：五大服务场景图片左侧文字被圆角裁剪 - 给图片加内边距，避免圆角裁剪文字 */
.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
  padding: 0 !important;
  border-radius: 12px !important;
}

.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] img {
  object-position: 52% 50% !important;
  transform: scale(0.98) !important;
}

/* 问题1：服务说明区块引用提示文字颜色修复 - 深色背景上用浅色文字 */
.home-page .home-section-shell aside.home-panel .home-quiet-callout {
  background: rgba(255, 255, 255, 0.08) !important;
  border-left: 3px solid rgba(200, 149, 109, 0.5) !important;
}

.home-page .home-section-shell aside.home-panel .home-quiet-callout p,
.home-page .home-section-shell aside.home-panel .home-quiet-callout .home-card-copy {
  color: #E8DCC8 !important;
  opacity: 1 !important;
}

/* 问题4：案例中心卡片对齐修复 - 确保所有卡片顶部对齐 */
.cases-page .case-card,
.cases-page article.home-card {
  align-items: flex-start !important;
}


/* 问题4：案例中心卡片图片高度不统一 - 强制统一图片容器高度 */
.cases-page .case-card .case-image,
.cases-page article.home-card .relative.mb-5.flex.h-52 {
  height: 220px !important;
  max-height: 220px !important;
  min-height: 220px !important;
}

.cases-page .case-card .case-image img,
.cases-page article.home-card .relative.mb-5.flex.h-52 img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* 问题3：年度顾问页面卡片高度统一 */
.annual-grid .annual-card {
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
}

.annual-grid .annual-card ul {
  flex: 1 !important;
}


/* 问题2：五大服务场景图片左侧文字裁剪 - 更激进修复 */
.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
  border-radius: 8px !important;
  padding: 0 !important;
}

.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] img {
  object-position: 55% 50% !important;
  transform: scale(0.95) !important;
  margin-left: 6px !important;
}


/* 问题4：案例中心卡片图片显示统一 - 正确的选择器 */
.cases-page article .overflow-hidden.rounded-\[22px\] {
  height: 200px !important;
  max-height: 200px !important;
  min-height: 200px !important;
}

.cases-page article .overflow-hidden.rounded-\[22px\] img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* 问题2彻底修复：五大服务场景图片文字裁剪 - 容器加内边距，图片完全不碰边缘 */
.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
  padding: 6px !important;
  border-radius: 12px !important;
  background: #F5EDE0 !important;
}

.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] img {
  object-position: center center !important;
  transform: none !important;
  margin-left: 0 !important;
  border-radius: 8px !important;
  display: block !important;
}


/* 问题1：案例中心所有卡片高度统一 - 用flex布局让卡片等高 */
.cases-page article {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.cases-page .grid {
  align-items: stretch !important;
}

/* 确保图片容器高度统一 */
.cases-page article div[class*="overflow-hidden"][class*="rounded"] {
  height: 220px !important;
  max-height: 220px !important;
  min-height: 220px !important;
  flex-shrink: 0 !important;
}

.cases-page article div[class*="overflow-hidden"][class*="rounded"] img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* 服务内容和结果呈现卡片自动填充剩余空间 */
.cases-page article .service-content,
.cases-page article .result-card {
  flex: 1 !important;
}


/* 问题1彻底修复：五大服务场景图片上下文字裁剪 - 用contain模式完整显示 */
.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] {
  padding: 4px !important;
  height: 160px !important;
  max-height: 160px !important;
  min-height: 160px !important;
}

.home-page .home-section-shell .grid .home-card > div[class*="overflow-hidden"] img {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  margin: 0 !important;
  border-radius: 6px !important;
}


/* 问题2：案例中心所有卡片高度强制统一 - 不管内容多少 */
.cases-page .cases-gallery-grid article {
  min-height: 780px !important;
  max-height: 780px !important;
  height: 780px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.cases-page .cases-gallery-grid article > * {
  flex-shrink: 0 !important;
}

/* 描述段落自动填充剩余空间 */
.cases-page .cases-gallery-grid article p {
  flex: 1 !important;
  overflow: hidden !important;
}


/* 问题2修复：去掉固定高度和overflow:hidden，确保内容完整显示 */
.cases-page .cases-gallery-grid article {
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
}

.cases-page .cases-gallery-grid article > * {
  flex-shrink: 0 !important;
}

.cases-page .cases-gallery-grid article p {
  flex: none !important;
  overflow: visible !important;
}


/* 修复：确保grid的align-items stretch生效，同一行卡片高度一致 */
.cases-page .cases-gallery-grid {
  align-items: stretch !important;
  display: grid !important;
}

.cases-page .cases-gallery-grid article {
  height: 100% !important;
  min-height: 100% !important;
  align-self: stretch !important;
}


/* 根本修复：案例卡片顶部不对齐问题 - 强制marginTop为0 */
.cases-page .cases-gallery-grid article,
.cases-page .cases-gallery-grid .cases-gallery-card,
.cases-page .cases-gallery-grid .home-panel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}

/* 确保grid行高一致 */
.cases-page .cases-gallery-grid {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}


/* 修复：移除最后一个子元素的margin-top:auto，让内容自然流动 */
.cases-page .cases-gallery-card > .mt-5:last-child,
.cases-page .cases-gallery-card > div:last-child {
  margin-top: 1.25rem !important;
  padding-top: 0 !important;
}

/* 确保结果呈现完整显示，不被裁剪 */
.cases-page .cases-gallery-card .space-y-3,
.cases-page .cases-gallery-card .space-y-3 > div {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* 卡片高度由内容决定，不限制 */
.cases-page .cases-gallery-grid article {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
}


/* 根本修复：移除卡片高度限制，让内容完整显示，不被下面容器遮盖 */
.cases-page .cases-gallery-grid article {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
}

/* grid行高由内容决定，不限制 */
.cases-page .cases-gallery-grid {
  grid-auto-rows: auto !important;
  align-items: stretch !important;
}

/* 确保所有子元素不被裁剪 */
.cases-page .cases-gallery-card * {
  overflow: visible !important;
  max-height: none !important;
}

/* 结果呈现容器确保完整显示 */
.cases-page .home-dark-card {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

.cases-page .home-card {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}


/* 最高优先级：移除案例卡片所有高度限制，确保内容完整显示 */
html body .cases-page .cases-gallery-grid article,
html body .cases-page .cases-gallery-grid .cases-gallery-card,
html body .cases-page .cases-gallery-grid .home-panel {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

html body .cases-page .cases-gallery-grid {
  grid-auto-rows: auto !important;
  align-items: stretch !important;
}

/* 确保结果呈现和服务内容完整显示 */
html body .cases-page .home-dark-card,
html body .cases-page .home-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* 移除最后一个子元素的margin-top:auto */
html body .cases-page .cases-gallery-card > div:last-child {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}


/* 修复：手机端结果呈现右边被卡片圆角遮住 */
.cases-page .cases-gallery-card .space-y-3 {
  padding-right: 8px !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.cases-page .cases-gallery-card .home-card,
.cases-page .cases-gallery-card .home-dark-card {
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-right: 0 !important;
}

/* 确保卡片内容不超出圆角范围 */
.cases-page .cases-gallery-card {
  padding: 20px 24px 20px 20px !important;
}


/* 修复：正确的响应式grid列数（之前错误地设置了全局3列） */
.cases-page .cases-gallery-grid {
  grid-template-columns: 1fr !important;
}

@media (min-width: 768px) {
  .cases-page .cases-gallery-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1280px) {
  .cases-page .cases-gallery-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* 确保手机端卡片宽度100%，不溢出 */
.cases-page .cases-gallery-grid article {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 确保页面没有水平滚动 */
.cases-page {
  overflow-x: hidden;
  overflow-x: clip !important;
}


/* 修复：grid子元素min-width:0，防止内容撑宽卡片导致手机端溢出 */
.cases-page .cases-gallery-grid > article {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 卡片内部所有元素不超出卡片宽度 */
.cases-page .cases-gallery-grid article * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* 图片容器宽度100% */
.cases-page .cases-gallery-grid article .overflow-hidden {
  width: 100% !important;
  max-width: 100% !important;
}

/* 结果呈现和服务内容容器宽度100% */
.cases-page .cases-gallery-grid article .space-y-3 {
  width: 100% !important;
  max-width: 100% !important;
}


/* 修正：只防止水平溢出，不裁剪垂直内容 */
.cases-page .cases-gallery-grid > article {
  overflow-x: hidden;
  overflow-x: clip !important;
  overflow-y: visible !important;
}


/* 最终方案：不用overflow，用min-width:0和max-width:100%防止水平溢出 */
html body .cases-page .cases-gallery-grid > article {
  overflow: visible !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 确保图片不会撑宽卡片 */
html body .cases-page .cases-gallery-grid article img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 确保所有子元素不超出 */
html body .cases-page .cases-gallery-grid article > * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* ============================================================
   P0修复：椭圆标签根因 —— 收窄 .cases-page .grid 宽泛选择器的误伤
   根因：.cases-page .grid{align-items:stretch!important} 覆盖了
   Tailwind 的 lg:items-start / lg:items-center，导致PC端标签被拉伸
   ============================================================ */

/* 1. PC端(≥1024)恢复Tailwind原本的对齐意图（高特异性覆盖宽泛规则） */
@media (min-width: 1024px) {
  html body .cases-page [class*="lg:items-start"] {
    align-items: flex-start !important;
  }
  html body .cases-page [class*="lg:items-center"] {
    align-items: center !important;
  }
  html body .cases-page [class*="lg:items-end"] {
    align-items: flex-end !important;
  }
}

/* 2. 标签行：任何宽度下标签都不被纵向拉伸，顶部对齐、自身高度 */
html body .cases-page .flex.flex-wrap.gap-2 {
  align-items: flex-start !important;
  align-content: flex-start !important;
}

/* 3. home-chip 胶囊：高度由内容决定，绝不被拉伸成椭圆 */
html body .cases-page .home-chip {
  align-self: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}


/* ============================================================
   P0修复：导航在768-1100px区间溢出/换行 + 全局横向滚动条
   根因：桌面导航md(768)就显示，但logo+8导航+2按钮需约1100px
   ============================================================ */

/* 1. 全局兜底：杜绝页面级横向滚动条 */
html, body {
  overflow-x: hidden;
  overflow-x: clip !important;
  max-width: 100% !important;
}

/* 2. 导航项一律不换行（解决"知识库"竖排、"咨询&领取"折行） */
.home-nav-shell nav a,
.home-nav-shell nav button,
.home-nav-shell .home-button-primary,
.home-nav-shell .home-button-secondary {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* 3. 中间宽度区间(768-1100px)压缩导航，保证一行放下不溢出 */
@media (min-width: 768px) and (max-width: 1100px) {
  /* 中间容器：logo与nav间距收窄 */
  .home-nav-shell .gap-10 {
    gap: 14px !important;
  }
  /* 隐藏桌面导航里的logo文字块，把空间让给导航项 */
  .home-nav-shell .gap-10 > div:first-child {
    display: none !important;
  }
  /* 导航项间距、字号收窄 */
  .home-nav-shell nav {
    gap: 4px !important;
  }
  .home-nav-shell nav a,
  .home-nav-shell nav button {
    font-size: 13.5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  /* 右侧两按钮收窄 */
  .home-nav-shell > div > div:last-child {
    gap: 8px !important;
  }
  .home-nav-shell .home-button-primary,
  .home-nav-shell .home-button-secondary {
    height: 38px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    font-size: 13.5px !important;
  }
}

/* 4. ≥1100px恢复宽松间距（覆盖上面的压缩） */
@media (min-width: 1101px) {
  .home-nav-shell .gap-10 { gap: 2.5rem !important; }
  .home-nav-shell nav { gap: 1.5rem !important; }
}


/* ============================================================
   P1修复：奇数卡片末行空缺平衡
   方案：grid改 flex-wrap + justify-content:center，
   末行不足时自然居中（不跨列、不裁剪图内文字）
   全部用完整class属性匹配，只作用于首页这3类网格，不污染他页
   ============================================================ */

/* ---------- 1. 五大服务场景（5卡：2/3/5列） ---------- */
.home-page [class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
}
.home-page [class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5"] > * {
  flex: 0 0 calc((100% - 1rem) / 2) !important;  /* 手机2列：gap-4=1rem，1个间隔 */
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (min-width: 640px) {
  .home-page [class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5"] > * {
    flex-basis: calc((100% - 2rem) / 3) !important;  /* 平板3列：2个间隔 */
  }
}
@media (min-width: 1024px) {
  .home-page [class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5"] > * {
    flex-basis: calc((100% - 4rem) / 5) !important;  /* PC5列：4个间隔 */
  }
}

/* ---------- 2. 服务体系编号卡片内小项（5项/4项：手机1列、sm2列） ---------- */
.home-page [class="relative mt-5 grid gap-3 sm:grid-cols-2"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
}
.home-page [class="relative mt-5 grid gap-3 sm:grid-cols-2"] > * {
  flex: 0 0 100% !important;  /* 手机单列 */
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (min-width: 640px) {
  .home-page [class="relative mt-5 grid gap-3 sm:grid-cols-2"] > * {
    flex: 0 0 calc((100% - 0.75rem) / 2) !important;  /* 2列：gap-3=0.75rem */
  }
}

/* ---------- 3. 服务方案卡片区（3卡：手机1列、md2列、xl3列） ---------- */
.home-page [class="mt-8 grid gap-5 md:grid-cols-2 lg:mt-10 xl:grid-cols-3 xl:gap-6"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
}
.home-page [class="mt-8 grid gap-5 md:grid-cols-2 lg:mt-10 xl:grid-cols-3 xl:gap-6"] > * {
  flex: 0 0 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (min-width: 768px) {
  .home-page [class="mt-8 grid gap-5 md:grid-cols-2 lg:mt-10 xl:grid-cols-3 xl:gap-6"] > * {
    flex-basis: calc((100% - 1.25rem) / 2) !important;  /* md2列：gap-5=1.25rem */
  }
}
@media (min-width: 1280px) {
  .home-page [class="mt-8 grid gap-5 md:grid-cols-2 lg:mt-10 xl:grid-cols-3 xl:gap-6"] > * {
    flex-basis: calc((100% - 3rem) / 3) !important;  /* xl3列：xl:gap-6=1.5rem×2 */
  }
}


/* ============================================================
   P2 新增：宣传语吸睛 / 引导问句重点 / hero联系二维码
   ============================================================ */

/* 附图5：五大服务区深底上的宣传语，金色渐变 + 两侧细金线，居中吸睛但不破坏排版 */
.home-slogan-highlight{
  margin: 0.55rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  text-align: center;
  font-size: 1.02rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #ecd2a2;
  background: linear-gradient(90deg,#d9a866 0%,#f6e3b8 50%,#d9a866 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-slogan-highlight::before,
.home-slogan-highlight::after{
  content: "";
  flex: 0 0 26px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c8956d);
}
.home-slogan-highlight::after{
  background: linear-gradient(90deg, #c8956d, transparent);
}
@media (min-width: 640px){
  .home-slogan-highlight{ font-size: 1.2rem; gap: 0.9rem; }
  .home-slogan-highlight::before,
  .home-slogan-highlight::after{ flex-basis: 38px; }
}

/* 附图7：浅卡片上的重点引导问句（您需要的不只是…/您需要的是…），深棕+金色竖条 */
.home-page .home-card .home-lead-question{
  margin: 0.3rem 0;
  padding-left: 0.85rem;
  border-left: 3px solid #b97a44;
  color: #5a3a1f !important;
  font-weight: 700 !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em;
}
.home-page .home-card p.home-lead-question.mt-5{ margin-top: 1.25rem; }

/* 附图6：hero 联系面板右下角微信二维码，白底深棕细边，不溢出，手机略小/PC略大 */
.home-contact-qr{
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  object-fit:contain;
  background: #ffffff;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid rgba(139, 69, 19, 0.28);
  box-shadow: 0 6px 16px rgba(42, 25, 13, 0.22);
}
@media (min-width: 640px){
  .home-contact-qr{ width: 104px; height: 104px; padding: 5px; border-radius: 12px; }
}

/* ===== 统一：浅色卡(home-card)内引用说明框文字，全视口高对比、正体、不发虚（事故32） ===== */
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout,
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout p,
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout .home-card-copy,
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout .home-card-copy-strong{
  color:#3D2817 !important;
  opacity:1 !important;
  font-style:normal !important;
}
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout .home-card-copy-strong,
.home-page .home-section-shell .space-y-4 .home-card .home-quiet-callout p{
  font-weight:500 !important;
}
/* ===== 事故33：案例页类型胶囊 home-chip(深)/home-soft-pill(浅) 几何与对齐统一，保留深浅主次配色 ===== */
.cases-page .home-chip,
.cases-page .home-soft-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center;
  line-height:1 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  box-sizing:border-box;
  white-space:nowrap;
}
/* 与既有“html body .cases-page .home-chip{height:auto}”同特异性且更靠后，强制两类绝对等高（事故33） */
html body .cases-page .home-chip,
html body .cases-page .home-soft-pill{
  height:26px !important;
  min-height:26px !important;
}
/* ===== D1 信息密度收紧：为什么选择知远4卡(.home-why-grid)+服务体系4卡(.home-svc-grid)，只收卡内留白、不动卡间网格（2026-09-13） ===== */
.home-why-grid>.home-card,
.home-svc-grid>.home-card{padding:1.15rem 1.25rem;}
.home-why-grid .flex.items-start.gap-4{gap:.9rem;}
.home-why-grid .home-card-copy{margin-top:.55rem;line-height:1.62;}
.home-why-grid .home-quiet-callout{margin-top:.7rem;padding:.55rem .95rem;border-radius:18px;}
.home-why-grid .home-quiet-callout .home-card-copy-strong{line-height:1.55;}
.home-svc-grid ul.home-card-copy{margin-top:.85rem;gap:.55rem;}
.home-svc-grid ul li{line-height:1.5;}
.home-svc-grid button{margin-top:1rem !important;}
@media (max-width:640px){
  .home-why-grid>.home-card,
  .home-svc-grid>.home-card{padding:.95rem 1rem;}
  .home-why-grid .home-card-copy{line-height:1.6;}
}
/* ===== D2 统一标题装饰：五大服务居中标题补铜短线，与其他板块 home-subtle-rule 语言一致（2026-09-13） ===== */
.home-hub-head .home-section-title{position:relative;}
.home-hub-head .home-section-title::after{content:"";display:block;width:60px;height:2px;margin:.65rem auto 0;border-radius:2px;background:linear-gradient(90deg,#dfba87eb,#7e43302e);}

/* 任务4：同级板块标题统一——浅底(米白卡)上用深棕铜渐变，与深底home-section-title金色渐变同构，保证对比度 */
.home-title-on-surface{background:linear-gradient(135deg,#7a4520 0%,#5A3A1F 48%,#9a5a2e 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}
.home-title-on-surface::before{background:linear-gradient(180deg,#5A3A1F,#B07A45)!important;}



.home-hero-banner .hbb-wrap{position:relative;width:100%;overflow:hidden}
.home-hero-banner .hbb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,13,7,.70) 0%,rgba(42,25,13,.48) 48%,rgba(26,13,7,.86) 100%)}
.home-hero-banner .hbb-inner{position:relative;z-index:10;margin:0 auto;width:100%;max-width:64rem;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;text-align:center}
.home-hero-banner .hbb-col{display:flex;width:100%;flex-direction:column;align-items:center}
.home-hero-banner .hbb-logo{height:4rem;width:4rem;flex:none}
.home-hero-banner .hbb-title{margin-top:1.25rem;max-width:12em;font-size:2rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.home-hero-banner .hbb-sub{margin-top:.75rem;max-width:32rem;font-size:.95rem;line-height:1.75rem}
.home-hero-banner .hbb-detail{margin-top:.75rem;max-width:46rem;font-size:11px;letter-spacing:.06em;line-height:1.7}
.home-hero-banner .hbb-actions{margin-top:1.75rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:.75rem}
.home-hero-banner .hbb-below{position:relative;margin:0 auto;width:100%;max-width:48rem;padding:1.25rem 1rem 1.5rem}
@media(min-width:640px){
.home-hero-banner .hbb-inner{min-height:600px;padding:6rem 2rem}
.home-hero-banner .hbb-logo{height:72px;width:72px}
.home-hero-banner .hbb-title{margin-top:1.5rem;font-size:2.7rem}
.home-hero-banner .hbb-sub{margin-top:1rem;font-size:1.125rem;line-height:2rem}
.home-hero-banner .hbb-detail{font-size:.875rem}
.home-hero-banner .hbb-actions{flex-direction:row;justify-content:center;gap:1rem;width:auto}
.home-hero-banner .hbb-below{padding:1.75rem 0 2.5rem}
}


.home-hero-banner .hbb-wrap{position:relative;width:100%;overflow:hidden}
.home-hero-banner .hbb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,13,7,.70) 0%,rgba(42,25,13,.48) 48%,rgba(26,13,7,.86) 100%)}
.home-hero-banner .hbb-inner{position:relative;z-index:10;margin:0 auto;width:100%;max-width:64rem;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;text-align:center}
.home-hero-banner .hbb-col{display:flex;width:100%;flex-direction:column;align-items:center}
.home-hero-banner .hbb-logo{height:4rem;width:4rem;flex:none}
.home-hero-banner .hbb-title{margin-top:1.25rem;max-width:12em;font-size:2rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.home-hero-banner .hbb-sub{margin-top:.75rem;max-width:32rem;font-size:.95rem;line-height:1.75rem}
.home-hero-banner .hbb-detail{margin-top:.75rem;max-width:46rem;font-size:11px;letter-spacing:.06em;line-height:1.7}
.home-hero-banner .hbb-actions{margin-top:1.75rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:.75rem}
.home-hero-banner .hbb-below{position:relative;margin:0 auto;width:100%;max-width:48rem;padding:1.25rem 1rem 1.5rem}
@media(min-width:640px){
.home-hero-banner .hbb-inner{min-height:600px;padding:6rem 2rem}
.home-hero-banner .hbb-logo{height:72px;width:72px}
.home-hero-banner .hbb-title{margin-top:1.5rem;font-size:2.7rem}
.home-hero-banner .hbb-sub{margin-top:1rem;font-size:1.125rem;line-height:2rem}
.home-hero-banner .hbb-detail{font-size:.875rem}
.home-hero-banner .hbb-actions{flex-direction:row;justify-content:center;gap:1rem;width:auto}
.home-hero-banner .hbb-below{padding:1.75rem 0 2.5rem}
}


.home-hero-banner .hbb-wrap{position:relative;width:100%;overflow:hidden}
.home-hero-banner .hbb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,13,7,.74) 0%,rgba(42,25,13,.60) 48%,rgba(26,13,7,.88) 100%)}
.home-hero-banner .hbb-inner{position:relative;z-index:10;margin:0 auto;width:100%;max-width:64rem;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;text-align:center}
.home-hero-banner .hbb-col{display:flex;width:100%;flex-direction:column;align-items:center}
.home-hero-banner .hbb-logo{height:4rem;width:4rem;flex:none}
.home-hero-banner .hbb-title{margin-top:1.25rem;max-width:12em;font-size:2rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.home-hero-banner .hbb-sub{margin-top:.75rem;max-width:32rem;font-size:.95rem;line-height:1.75rem}
.home-hero-banner .hbb-detail{margin-top:.75rem;max-width:46rem;font-size:11px;letter-spacing:.06em;line-height:1.7}
.home-hero-banner .hbb-actions{margin-top:1.75rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:.75rem}
.home-hero-banner .hbb-below{position:relative;margin:0 auto;width:100%;max-width:48rem;padding:1.25rem 1rem 1.5rem}
@media(min-width:640px){
.home-hero-banner .hbb-inner{min-height:600px;padding:6rem 2rem}
.home-hero-banner .hbb-logo{height:72px;width:72px}
.home-hero-banner .hbb-title{margin-top:1.5rem;font-size:2.7rem}
.home-hero-banner .hbb-sub{margin-top:1rem;font-size:1.125rem;line-height:2rem}
.home-hero-banner .hbb-detail{font-size:.875rem}
.home-hero-banner .hbb-actions{flex-direction:row;justify-content:center;gap:1rem;width:auto}
.home-hero-banner .hbb-below{padding:1.75rem 0 2.5rem}
}


.home-hero-banner .hbb-wrap{position:relative;width:100%;overflow:hidden}
.home-hero-banner .hbb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,13,7,.74) 0%,rgba(42,25,13,.60) 48%,rgba(26,13,7,.88) 100%)}
.home-hero-banner .hbb-inner{position:relative;z-index:10;margin:0 auto;width:100%;max-width:64rem;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;text-align:center}
.home-hero-banner .hbb-col{display:flex;width:100%;flex-direction:column;align-items:center}
.home-hero-banner .hbb-logo{height:4rem;width:4rem;flex:none}
.home-hero-banner .hbb-title{margin-top:1.25rem;max-width:12em;font-size:2rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.home-hero-banner .hbb-sub{margin-top:.75rem;max-width:34rem;font-size:.95rem;line-height:1.75rem;color:rgba(248,240,228,.96);text-shadow:0 1px 10px rgba(16,8,4,.72),0 0 3px rgba(16,8,4,.6)}
.home-hero-banner .hbb-detail{margin-top:.85rem;max-width:48rem;font-size:12px;letter-spacing:.04em;line-height:1.75;color:rgba(238,228,210,.94);text-shadow:0 1px 10px rgba(16,8,4,.74),0 0 3px rgba(16,8,4,.62)}
.home-hero-banner .hbb-actions{margin-top:1.75rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:.75rem}
.home-hero-banner .hbb-below{position:relative;margin:0 auto;width:100%;max-width:64rem;padding:1.25rem 1rem 1.5rem}
@media(min-width:640px){
.home-hero-banner .hbb-inner{min-height:600px;padding:6rem 2rem}
.home-hero-banner .hbb-logo{height:72px;width:72px}
.home-hero-banner .hbb-title{margin-top:1.5rem;font-size:2.7rem}
.home-hero-banner .hbb-sub{margin-top:1rem;font-size:1.125rem;line-height:2rem}
.home-hero-banner .hbb-detail{font-size:.875rem}
.home-hero-banner .hbb-actions{flex-direction:row;justify-content:center;gap:1rem;width:auto}
.home-hero-banner .hbb-below{padding:1.75rem 0 2.5rem}
}


.home-hero-banner .hbb-wrap{position:relative;width:100%;overflow:hidden}
.home-hero-banner .hbb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,13,7,.74) 0%,rgba(42,25,13,.60) 48%,rgba(26,13,7,.88) 100%)}
.home-hero-banner .hbb-inner{position:relative;z-index:10;margin:0 auto;width:100%;max-width:64rem;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;text-align:center}
.home-hero-banner .hbb-col{display:flex;width:100%;flex-direction:column;align-items:center}
.home-hero-banner .hbb-logo{height:4rem;width:4rem;flex:none}
.home-hero-banner .hbb-title{margin-top:1.25rem;max-width:12em;font-size:2rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.home-hero-banner .hbb-sub{margin-top:.75rem;max-width:34rem;font-size:.95rem;line-height:1.75rem;color:rgba(248,240,228,.97)!important;text-shadow:0 1px 10px rgba(16,8,4,.72),0 0 3px rgba(16,8,4,.6)}
.home-hero-banner .hbb-detail{margin-top:.85rem;max-width:48rem;font-size:12px;letter-spacing:.04em;line-height:1.75;color:rgba(240,231,214,.95)!important;text-shadow:0 1px 10px rgba(16,8,4,.76),0 0 3px rgba(16,8,4,.64)}
.home-hero-banner .hbb-actions{margin-top:1.75rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:.75rem}
.home-hero-banner .hbb-below{position:relative;margin:0 auto;width:100%;max-width:64rem;padding:1.25rem 1rem 1.5rem}
@media(min-width:640px){
.home-hero-banner .hbb-inner{min-height:600px;padding:6rem 2rem}
.home-hero-banner .hbb-logo{height:72px;width:72px}
.home-hero-banner .hbb-title{margin-top:1.5rem;font-size:2.7rem}
.home-hero-banner .hbb-sub{margin-top:1rem;font-size:1.125rem;line-height:2rem}
.home-hero-banner .hbb-detail{font-size:.875rem}
.home-hero-banner .hbb-actions{flex-direction:row;justify-content:center;gap:1rem;width:auto}
.home-hero-banner .hbb-below{padding:1.75rem 1.5rem 2.5rem}
}

/* ===== 首页hero全宽banner（方案①，自定义类承载尺寸，不依赖Tailwind JIT） ===== */
.home-hero-banner .hbb-wrap{position:relative;width:100%;overflow:hidden}
.home-hero-banner .hbb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,13,7,.74) 0%,rgba(42,25,13,.60) 48%,rgba(26,13,7,.88) 100%)}
.home-hero-banner .hbb-inner{position:relative;z-index:10;margin:0 auto;width:100%;max-width:64rem;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;text-align:center}
.home-hero-banner .hbb-col{display:flex;width:100%;flex-direction:column;align-items:center}
.home-hero-banner .hbb-logo{height:4rem;width:4rem;flex:none}
.home-hero-banner .hbb-title{margin-top:1.25rem;max-width:12em;font-size:2rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.home-hero-banner .hbb-sub{margin-top:.75rem;max-width:34rem;font-size:.95rem;line-height:1.75rem;color:rgba(248,240,228,.97)!important;text-shadow:0 1px 10px rgba(16,8,4,.72),0 0 3px rgba(16,8,4,.6)}
.home-hero-banner .hbb-detail{margin-top:.85rem;max-width:48rem;font-size:12px;letter-spacing:.04em;line-height:1.75;color:rgba(240,231,214,.95)!important;text-shadow:0 1px 10px rgba(16,8,4,.76),0 0 3px rgba(16,8,4,.64)}
.home-hero-banner .hbb-actions{margin-top:1.75rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:.75rem}
.home-hero-banner .hbb-below{position:relative;margin:0 auto;width:100%;max-width:64rem;padding:1.25rem 1rem 1.5rem}
@media(min-width:640px){
.home-hero-banner .hbb-inner{min-height:600px;padding:6rem 2rem}
.home-hero-banner .hbb-logo{height:72px;width:72px}
.home-hero-banner .hbb-title{margin-top:1.5rem;font-size:2.7rem}
.home-hero-banner .hbb-sub{margin-top:1rem;font-size:1.125rem;line-height:2rem}
.home-hero-banner .hbb-detail{font-size:.875rem}
.home-hero-banner .hbb-actions{flex-direction:row;justify-content:center;gap:1rem;width:auto}
.home-hero-banner .hbb-below{padding:1.75rem 1.5rem 2.5rem}
}
/* 修复事故37：≥1024旧规则 .home-hero-intro{max-width:36rem} 把卡锁576且默认靠左，覆盖为满宽below、与banner浮层对齐居中 */
@media(min-width:1024px){
.home-hero-banner .hbb-below .home-hero-intro{max-width:none!important;width:100%;margin-inline:auto!important}
.home-hero-banner .hbb-below .home-hero-intro .home-card-copy{max-width:56rem}
}

/* ==================== 第十六轮 首页统一与美化 (2026-09-14) ==================== */
/* A. 补齐 Tailwind JIT 未生成、但 main.js 用到的响应式工具类（标准语义） */
.items-stretch{align-items:stretch;}
@media(min-width:1024px){
  .lg\:flex{display:flex;}
  .lg\:flex-col{flex-direction:column;}
  .lg\:mt-auto{margin-top:auto;}
  .lg\:h-full{height:100%;}
  .lg\:items-stretch{align-items:stretch;}
}
/* #11 案例/选知远 标题分栏：去掉被全局规则误加的两个浅色块与左竖条，合并为连贯容器 */
.home-page .home-section-shell .home-panel .home-head-split > div{background:transparent !important;border-left:0 !important;}
/* #13 01/03卡 标签网格：奇数个标签时最后一项整行，避免半行悬空 */
@media(min-width:640px){
  .home-points{grid-template-columns:1fr 1fr;}
  .home-points > div:last-child:nth-child(odd){grid-column:1 / -1;}
}
/* #14 “为什么选知远”01-04四卡：PC两行等高，行间齐平（移动保持自然高度） */
@media(min-width:1024px){
  .home-why-grid{grid-auto-rows:1fr;}
}
/* #15 banner 与下方 intro 卡之间增加呼吸间距 */
.hbb-below{padding-top:2.35rem;}
/* ==================== 第十六轮 END ==================== */

/* ============== 第十七轮 (2026-09-14) 首页案例预览图铺满 + 01-04后真实图廊 ============== */
/* 事故40：历史为保护五大服务带字图写的 .home-card>div[overflow] img{object-fit:contain}
   选择器过宽，误伤首页“真实案例中心”纯实景预览图（h-52 容器），致方图缩在横向框中留白。
   用 h-52 精准命中预览图（五大服务是 h-32/sm:h-36，不受影响），特异性(0,6,1)高于历史(0,5,1)。 */
.home-page .home-section-shell .grid .home-card > div[class*="h-52"][class*="overflow-hidden"]{
  padding:0 !important;
  height:13rem !important;
  max-height:none !important;
  min-height:0 !important;
  background:transparent !important;
  border-radius:16px !important;
}
.home-page .home-section-shell .grid .home-card > div[class*="h-52"][class*="overflow-hidden"] img{
  object-fit:cover !important;
  object-position:center center !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  margin:0 !important;
  border-radius:16px !important;
  display:block !important;
}
@media (max-width:639px){
  .home-page .home-section-shell .grid .home-card > div[class*="h-52"][class*="overflow-hidden"]{
    height:11.5rem !important;
  }
}
/* 01-04 长文字区后的真实现场图廊 */
.home-real-strip{margin-top:2.5rem;}
.home-real-strip-head{
  display:flex;align-items:center;gap:.9rem;margin-bottom:1.15rem;
}
.home-real-strip-head::before,.home-real-strip-head::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,153,102,.55),transparent);
}
.home-real-strip-head span{
  font-size:1.02rem;font-weight:600;letter-spacing:.14em;white-space:nowrap;
  color:#ecd6b4;
}
.home-real-strip-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
}
.home-real-strip-grid figure{
  position:relative;margin:0;border-radius:18px;overflow:hidden;
  aspect-ratio:4/3;background:#2a190d;
  box-shadow:0 12px 32px rgba(0,0,0,.30);
}
.home-real-strip-grid img{
  width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  transition:transform .55s ease;
}
.home-real-strip-grid figure:hover img{transform:scale(1.05);}
.home-real-strip-grid figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:1.7rem .95rem .65rem;
  background:linear-gradient(transparent,rgba(18,9,4,.78));
  color:#f6ead6;font-size:.88rem;font-weight:500;letter-spacing:.08em;
}
@media (max-width:639px){
  .home-real-strip{margin-top:1.75rem;}
  .home-real-strip-grid{grid-template-columns:1fr;gap:.75rem;}
  .home-real-strip-grid figure{aspect-ratio:16/10;}
  .home-real-strip-head span{font-size:.95rem;letter-spacing:.1em;}
}
/* ============== 第十七轮 END ============== */
@media(min-width:1024px){.annual-hero-grid{align-items:start;grid-template-rows:auto auto}.annual-hero-grid>.annual-hero-hero{grid-column:1;grid-row:1}.annual-hero-grid>.annual-hero-teacher{grid-column:2;grid-row:1/span 2;align-self:stretch}.annual-hero-grid>.annual-hero-fit{grid-column:1;grid-row:2}}
/* ===== round22 上线前总检：次要按钮双场景统一 + 顾问服务范围图标 ===== */
/* 默认（深色导航 / 实景 hero / 深棕卡）：浅米字 + 半透深暖底，实景亮区也看得清 */
.home-button-secondary{color:#f4ead9;background:rgba(43,24,14,.30);border:1px solid rgba(216,175,120,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.home-button-secondary:hover{background:rgba(43,24,14,.44);border-color:rgba(216,175,120,.80);color:#fff7ea}
/* 浅底（米白面板 / 普通卡片 / placeholder 浅页）：深棕字 + 铜边 + 暖米底 */
.home-panel .home-button-secondary,
.home-card .home-button-secondary,
.advisor-story-shell .home-button-secondary,
.placeholder-page .home-button-secondary{color:#5a3a1f;background:linear-gradient(180deg,#fdf8f1,#f3e6d2);border:1px solid rgba(150,96,52,.36);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 16px rgba(90,58,31,.10)}
.home-panel .home-button-secondary:hover,
.home-card .home-button-secondary:hover,
.placeholder-page .home-button-secondary:hover{background:linear-gradient(180deg,#fbf2e6,#eedcc2);border-color:rgba(150,96,52,.55);color:#47290f}
/* 顾问页“适合承接哪些咨询”5 条：统一铜色线性业务图标 */
.advisor-scope-shell .advisor-scope-card{position:relative;padding-left:54px;min-height:56px;display:flex;align-items:center}
.advisor-scope-card::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:9px;background-color:rgba(182,122,67,.13);background-repeat:no-repeat;background-position:center;background-size:19px}
.advisor-scope-shell .advisor-scope-card:nth-child(1)::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a4a28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 9.5 12 4l8 5.5'/><path d='M5.5 9.5V20h13V9.5'/><path d='M10 20v-5h4v5'/></svg>")}
.advisor-scope-shell .advisor-scope-card:nth-child(2)::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a4a28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 20V11l5 3.2V11l5 3.2V11l5 3.2V20'/><path d='M3 20h18'/></svg>")}
.advisor-scope-shell .advisor-scope-card:nth-child(3)::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a4a28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11l8-6 8 6'/><path d='M6 10v10h12V10'/><path d='M12 13v4M10 15h4'/></svg>")}
.advisor-scope-shell .advisor-scope-card:nth-child(4)::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a4a28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 21V4h7v17'/><path d='M13 21V9h5v12'/><path d='M8.6 8h1.9M8.6 11.6h1.9M8.6 15.2h1.9'/></svg>")}
.advisor-scope-shell .advisor-scope-card:nth-child(5)::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a4a28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8'/><path d='M12 7.5 14 12l-2 4.5L10 12z'/><circle cx='12' cy='12' r='1'/></svg>")}
@media (max-width:640px){.advisor-scope-shell .advisor-scope-card{min-height:52px;padding-left:50px}.advisor-scope-card::before{width:28px;height:28px;left:14px;background-size:18px}}
.advisor-scope-shell .advisor-scope-card:nth-child(5){grid-column:1/-1}

/* P2-7 年度顾问页 stat/summary 六卡：移动两列、≥640 三列，收紧留白，避免手机端长条空卡 */
.annual-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}
@media(min-width:640px){.annual-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}
.annual-mini-card{padding:.75rem .85rem}
.annual-mini-card .home-card-title{font-size:.92rem}
.annual-mini-card .home-card-copy{margin-top:.25rem;line-height:1.5}

/* P2-8 合作页价值观主标题：≥640 在语义处断成均衡两行，<640 隐藏断点保持移动端自然断行 */
@media(max-width:639px){.hero-title-br{display:none!important}}

/* ===== round23 P1-3：首页实景 hero 第三按钮（先看真实案例）在醒狮亮区发灰，补半透深玻璃，与同排 secondary 统一质感、仍弱于实心主按钮 ===== */
.home-page .hbb-actions .home-soft-pill{background:rgba(43,24,14,.30);color:#f4ead9;border:1px solid rgba(216,175,120,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.home-page .hbb-actions .home-soft-pill:hover{background:rgba(43,24,14,.44);border-color:rgba(216,175,120,.80);color:#fff7ea}

/* ===== round23 P1-1：首页卡片中文标题按标点/意群断行（keep-all 不拆词），移动字号统一、消孤行 ===== */
.home-page .home-card-title{word-break:keep-all;line-break:strict;overflow-wrap:normal}
@media(max-width:640px){
  .home-page .home-panel .home-card-title.text-2xl{font-size:20px;line-height:1.5}
}

/* ===== round23 P2-2：统一板块标题语言——通栏居中标题(.text-center 内)把左侧竖线改为标题上方居中横向短铜条；卡内左对齐标题保留左竖线，消除“居中文字却带左竖线”的矛盾 ===== */
.home-page .text-center .home-section-title::before{display:block;width:46px;height:3px;margin:0 auto 14px;background:linear-gradient(90deg,transparent,#C8956D 50%,transparent);border-radius:2px;vertical-align:baseline}
@media(max-width:640px){.home-page .text-center .home-section-title::before{width:40px;margin-bottom:11px}}

/* ===== round23 P2-1：首页微信联系条成组——浅暖内嵌框、左文右码垂直居中、二维码略缩，消除左文矮右码高的松散感 ===== */
.home-hero-intro .home-contact-copy{align-items:center;gap:18px;background:linear-gradient(135deg,rgba(139,69,19,.06),rgba(200,149,109,.09));border:1px solid rgba(139,69,19,.14);border-radius:18px;padding:14px 18px;margin-top:14px}
.home-hero-intro .home-contact-copy>div{align-content:center}
.home-hero-intro .home-contact-copy p{line-height:1.75}
.home-hero-intro .home-contact-qr{width:96px;height:96px}
@media(max-width:640px){
  .home-hero-intro .home-contact-copy{padding:12px 14px;gap:12px;border-radius:16px;margin-top:12px}
  .home-hero-intro .home-contact-qr{width:82px;height:82px;padding:4px}
  .home-hero-intro .home-contact-copy p{line-height:1.6}
}

/* round23 P2-5：案例统计三卡移动改三列紧凑横排，不再单列长条占两屏；sm 以上保持原样 */
.cases-page .case-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.cases-page .case-stat-card{text-align:center}
.cases-page .case-stat-card .home-card-copy{text-align:center}
.cases-page .case-stat-grid .case-stat-card .home-card-title{white-space:nowrap!important;padding-left:0!important;text-align:center}
.cases-page .case-stat-grid .case-stat-card .home-card-title::before{display:none!important}
@media(min-width:640px){
 .cases-page .case-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:639px){
 .cases-page .case-stat-grid{gap:8px}
 .cases-page .case-stat-card{padding:10px 6px!important;text-align:center;border-radius:14px}
 .cases-page .case-stat-grid .case-stat-card .home-card-title{font-size:19px!important;line-height:1.25;letter-spacing:0!important;margin-bottom:2px!important}
 .cases-page .case-stat-card .home-card-copy{font-size:11.5px;line-height:1.35;margin-top:3px}
}

/* round23 P2-6：红“知”印只作页尾收口落款(#cases-contact)，引导块与每个“结果呈现”块不再逐块盖印，消除满页重复、贴边机械感 */
.cases-page .home-dark-card::after{display:none!important}
.cases-page #cases-contact.home-dark-card::after{display:flex!important;top:18px;right:18px}

/* round23 P2-7b：年度6卡 PC去固定126高、贴合内容垂直居中；移动每组第3卡跨两列通栏横排，消除2+1孤卡右侧空洞 */
@media(min-width:640px){
 .annual-page .annual-mini-grid .annual-mini-card{min-height:auto!important;padding:.95rem 1.05rem;display:flex;flex-direction:column;justify-content:center}
}
@media(max-width:639px){
 .annual-page .annual-mini-grid .annual-mini-card:nth-child(3){grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left}
 .annual-page .annual-mini-grid .annual-mini-card:nth-child(3) .home-card-title{margin:0;white-space:nowrap;flex-shrink:0}
}

/* ============================================================
   round26 全站字体统一 · 首页样板（对齐「知远风物志」：标题宋体、字号四级、字重/行高归一）
   仅作用 .home-page；案例/年度/合作/咨询/知识库后续按同一 token 逐页铺开
   分级：L1 板块大标题 / L2 重点卡片标题 / L3 紧凑条目(五大服务·知识库列表) / L4 引导化文字
   ============================================================ */
:root{
  --zy-font-title:"Noto Serif SC","Source Han Serif SC","STSong","STZhongsong","SimSun",serif;
  --zy-l1:clamp(27px,2.35vw,32px);
  --zy-l2:19px;
  --zy-l3:15.5px;
  --zy-l4:15px;
}
/* 标题统一宋体（正文保留 PingFang/雅黑无衬线，长文阅读更省力） */
.home-page h1,.home-page h2,.home-page h3,.home-page h4,
.home-page .home-section-title,.home-page .home-panel-title,
.home-page .home-card-title,.home-page .home-metal-title,
.home-page .home-cluster-title,.home-page .home-contact-title{font-family:var(--zy-font-title)!important}
/* 正文统一字号/行高，颜色仍走既有深棕变量 */
.home-page .home-card-copy{font-size:15px;line-height:1.85}
.home-page .home-panel-copy{line-height:1.85}
@media(min-width:1024px){
 .home-page .home-section-title{font-size:var(--zy-l1)!important;line-height:1.3;font-weight:700;letter-spacing:.01em}
 .home-page .home-panel-title{font-size:var(--zy-l1)!important;line-height:1.3;font-weight:700}
 .home-page .home-card-title.text-2xl,
 .home-page .home-card-title.text-xl,
 .home-page .home-card-title.text-lg{font-size:var(--zy-l2)!important;line-height:1.5;font-weight:700;letter-spacing:.005em}
 .home-page .home-card-title.text-base{font-size:var(--zy-l3)!important;line-height:1.5;font-weight:600}
 .home-page .home-card-title.text-sm,
 .home-page .home-card-title.text-\[15px\]{font-size:var(--zy-l4)!important;line-height:1.6;font-weight:600}
}
@media(max-width:1023.98px){
 .home-page .home-section-title{font-size:25px!important;line-height:1.34;font-weight:700}
 .home-page .home-panel-title{font-size:23px!important;line-height:1.36;font-weight:700}
 .home-page .home-card-title.text-2xl,
 .home-page .home-card-title.text-xl,
 .home-page .home-card-title.text-lg{font-size:17px!important;line-height:1.5;font-weight:700}
 .home-page .home-card-title.text-base{font-size:15px!important;line-height:1.5;font-weight:600}
 .home-page .home-card-title.text-sm,
 .home-page .home-card-title.text-\[15px\]{font-size:14.5px!important;line-height:1.6;font-weight:600}
 .home-page .home-card-copy{font-size:14.5px;line-height:1.8}
}

/* ============================================================
   round26 内页标题分级 · 年度顾问(.annual-page)+合作加盟(.placeholder-page)
   与首页同构：页面H1 / 区块panel-title / 重点卡片card-title / 迷你条目mini-card
   案例页(.cases-page)有独立设计系统与统计大数字，单独处理，不在此层
   ============================================================ */
@media(min-width:1024px){
 .annual-page h1.home-panel-title,.placeholder-page h1.home-panel-title{font-size:34px!important;font-weight:700;line-height:1.3;letter-spacing:-.01em}
 .annual-page .home-panel-title,.placeholder-page .home-panel-title{font-size:24px!important;font-weight:700;line-height:1.35}
 .annual-page .home-card-title,.placeholder-page .home-card-title{font-size:19px!important;font-weight:600;line-height:1.5}
 .annual-page .annual-mini-card .home-card-title{font-size:15.5px!important;font-weight:600;line-height:1.45}
}
@media(max-width:1023.98px){
 .annual-page h1.home-panel-title,.placeholder-page h1.home-panel-title{font-size:27px!important;font-weight:700;line-height:1.32}
 .annual-page .home-panel-title,.placeholder-page .home-panel-title{font-size:20px!important;font-weight:700;line-height:1.38}
 .annual-page .home-card-title,.placeholder-page .home-card-title{font-size:17px!important;font-weight:600;line-height:1.5}
 .annual-page .annual-mini-card .home-card-title{font-size:15px!important;font-weight:600;line-height:1.45}
}

/* ============================================================
   round26 案例页(.cases-page)标题分级，跨页对齐：页面H1=34 / 区块标题=24 / 案例卡标题=19
   统计大数字 .case-stat-card(200+/5类)属数据展示，保留既有放大体系不动
   ============================================================ */
/* 选择器加 html body 前缀，特异性(0,2,2)对齐历史 html body .cases-page 规则并靠后生效；标题显式宋体（覆盖1249行移动端临时无衬线），letter-spacing 保持0避免单字突兀 */
html body .cases-page h1.home-panel-title,
html body .cases-page h2.home-panel-title,
html body .cases-page h3.home-panel-title,
html body .cases-page .cases-gallery-card .home-panel-title{font-family:var(--zy-font-title)!important;letter-spacing:0!important}
@media(min-width:1024px){
 html body .cases-page h1.home-panel-title{font-size:34px!important;font-weight:700;line-height:1.3}
 html body .cases-page h2.home-panel-title,html body .cases-page h3.home-panel-title{font-size:24px!important;font-weight:700;line-height:1.35}
 /* 案例画廊卡片标题：卡片级，低于区块标题，对齐全站重点卡19 */
 html body .cases-page .cases-gallery-card .home-panel-title{font-size:19px!important;font-weight:700;line-height:1.45}
}
@media(max-width:1023.98px){
 html body .cases-page h1.home-panel-title{font-size:27px!important;font-weight:700;line-height:1.32}
 html body .cases-page h2.home-panel-title,html body .cases-page h3.home-panel-title{font-size:20px!important;font-weight:700;line-height:1.38}
 html body .cases-page .cases-gallery-card .home-panel-title{font-size:17px!important;font-weight:700;line-height:1.5}
}
/* === 修复：卡片"编号+标题"flex 行在移动端/部分浏览器内核文本不收缩、横向溢出被 overflow:hidden 裁切 === */
.home-card .flex.items-start.gap-4{flex-wrap:nowrap;}
.home-card .flex.items-start.gap-4 > h3.home-card-title{min-width:0;flex:1 1 auto;white-space:normal;overflow-wrap:break-word;word-break:normal;}
.home-card .flex.items-start.gap-4 > :first-child{flex:0 0 auto;}