*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
:before,:after{--tw-content: ""}
html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
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;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role=button]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden=until-found])){display:none}
:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .625rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}
.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}
*{border-color:hsl(var(--border))}
body{background-color:hsl(var(--background));color:hsl(var(--foreground))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.pointer-events-none{pointer-events:none}
.visible{visibility:visible}
.invisible{visibility:hidden}
.collapse{visibility:collapse}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0}
.inset-x-0{left:0;right:0}
.inset-y-0{top:0;bottom:0}
.-bottom-12{bottom:-3rem}
.-left-12{left:-3rem}
.-right-12{right:-3rem}
.-top-12{top:-3rem}
.bottom-0{bottom:0}
.left-0{left:0}
.left-2{left:.5rem}
.right-0{right:0}
.right-1{right:.25rem}
.right-2{right:.5rem}
.right-3{right:.75rem}
.right-4{right:1rem}
.top-0{top:0}
.top-4{top:1rem}
.top-full{top:100%}
.isolate{isolation:isolate}
.z-10{z-index:10}
.z-20{z-index:20}
.z-50{z-index:50}
.order-first{order:-9999}
.order-last{order:9999}
.col-start-2{grid-column-start:2}
.row-span-2{grid-row:span 2 / span 2}
.row-start-1{grid-row-start:1}
.-mx-1{margin-left:-.25rem;margin-right:-.25rem}
.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}
.mx-2{margin-left:.5rem;margin-right:.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-0{margin-top:0;margin-bottom:0}
.my-1{margin-top:.25rem;margin-bottom:.25rem}
.-ml-4{margin-left:-1rem}
.-mt-4{margin-top:-1rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.ml-1{margin-left:.25rem}
.ml-4{margin-left:1rem}
.ml-auto{margin-left:auto}
.mt-2{margin-top:.5rem}
.mt-4{margin-top:1rem}
.mt-auto{margin-top:auto}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.block{display:block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.table-caption{display:table-caption}
.table-cell{display:table-cell}
.table-row{display:table-row}
.grid{display:grid}
.hidden{display:none}
.aspect-square{aspect-ratio:1 / 1}
.aspect-video{aspect-ratio:16 / 9}
.size-10{width:2.5rem;height:2.5rem}
.size-2{width:.5rem;height:.5rem}
.size-3{width:.75rem;height:.75rem}
.size-4{width:1rem;height:1rem}
.size-6{width:1.5rem;height:1.5rem}
.size-7{width:1.75rem;height:1.75rem}
.size-8{width:2rem;height:2rem}
.size-9{width:2.25rem;height:2.25rem}
.size-auto{width:auto;height:auto}
.size-full{width:100%;height:100%}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-2{height:.5rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-auto{height:auto}
.h-full{height:100%}
.h-px{height:1px}
.h-svh{height:100svh}
.min-h-0{min-height:0px}
.min-h-16{min-height:4rem}
.min-h-4{min-height:1rem}
.min-h-svh{min-height:100svh}
.w-0{width:0px}
.w-1{width:.25rem}
.w-2{width:.5rem}
.w-3{width:.75rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-64{width:16rem}
.w-72{width:18rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-auto{width:auto}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.w-max{width:-moz-max-content;width:max-content}
.w-px{width:1px}
.min-w-0{min-width:0px}
.min-w-10{min-width:2.5rem}
.min-w-5{min-width:1.25rem}
.min-w-8{min-width:2rem}
.min-w-9{min-width:2.25rem}
.max-w-max{max-width:-moz-max-content;max-width:max-content}
.max-w-sm{max-width:24rem}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.grow{flex-grow:1}
.grow-0{flex-grow:0}
.basis-full{flex-basis:100%}
.caption-bottom{caption-side:bottom}
.border-collapse{border-collapse:collapse}
.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-px{--tw-translate-x: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes caret-blink{0%,70%,to{opacity:1}
	20%,50%{opacity:0}
}
.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}
@keyframes pulse{50%{opacity:.5}
}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes spin{to{transform:rotate(360deg)}
}
.animate-spin{animation:spin 1s linear infinite}
.cursor-default{cursor:default}
.cursor-text{cursor:text}
.touch-none{touch-action:none}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.resize-none{resize:none}
.scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}
.scroll-py-1{scroll-padding-top:.25rem;scroll-padding-bottom:.25rem}
.list-disc{list-style-type:disc}
.list-none{list-style-type:none}
.auto-rows-min{grid-auto-rows:min-content}
.flex-row{flex-direction:row}
.flex-col{flex-direction:column}
.flex-col-reverse{flex-direction:column-reverse}
.flex-wrap{flex-wrap:wrap}
.place-content-center{place-content:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.items-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-items-start{justify-items:start}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-7{gap:1.75rem}
.self-start{align-self:flex-start}
.self-stretch{align-self:stretch}
.justify-self-end{justify-self:end}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.whitespace-nowrap{white-space:nowrap}
.text-balance{text-wrap:balance}
.break-words{overflow-wrap:break-word}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:var(--radius)}
.rounded-md{border-radius:calc(var(--radius) - 2px)}
.rounded-none{border-radius:0}
.rounded-sm{border-radius:calc(var(--radius) - 4px)}
.rounded-xl{border-radius:calc(var(--radius) + 4px)}
.rounded-xs{border-radius:calc(var(--radius) - 6px)}
.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}
.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}
.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}
.border{border-width:1px}
.border-0{border-width:0px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-t{border-top-width:1px}
.border-dashed{border-style:dashed}
.border-border{border-color:hsl(var(--border))}
.border-input{border-color:hsl(var(--input))}
.border-primary{border-color:hsl(var(--primary))}
.border-sidebar-border{border-color:hsl(var(--sidebar-border))}
.border-transparent{border-color:transparent}
.border-l-transparent{border-left-color:transparent}
.border-t-transparent{border-top-color:transparent}
.bg-accent{background-color:hsl(var(--accent))}
.bg-background{background-color:hsl(var(--background))}
.bg-border{background-color:hsl(var(--border))}
.bg-card{background-color:hsl(var(--card))}
.bg-destructive{--tw-bg-opacity: 1;background-color:hsl(var(--destructive) / var(--tw-bg-opacity, 1))}
.bg-foreground{background-color:hsl(var(--foreground))}
.bg-input{background-color:hsl(var(--input))}
.bg-muted{background-color:hsl(var(--muted))}
.bg-popover{background-color:hsl(var(--popover))}
.bg-primary{background-color:hsl(var(--primary))}
.bg-secondary{background-color:hsl(var(--secondary))}
.bg-sidebar{background-color:hsl(var(--sidebar-background))}
.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}
.bg-transparent{background-color:transparent}
.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.fill-current{fill:currentColor}
.fill-foreground{fill:hsl(var(--foreground))}
.fill-primary{fill:hsl(var(--primary))}
.p-0{padding:0}
.p-1{padding:.25rem}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-px{padding:1px}
.px-1{padding-left:.25rem;padding-right:.25rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.pb-3{padding-bottom:.75rem}
.pb-4{padding-bottom:1rem}
.pl-2{padding-left:.5rem}
.pl-3{padding-left:.75rem}
.pl-4{padding-left:1rem}
.pl-8{padding-left:2rem}
.pr-1{padding-right:.25rem}
.pr-2{padding-right:.5rem}
.pr-3{padding-right:.75rem}
.pr-8{padding-right:2rem}
.pt-0{padding-top:0}
.pt-3{padding-top:.75rem}
.pt-4{padding-top:1rem}
.text-left{text-align:left}
.text-center{text-align:center}
.align-middle{vertical-align:middle}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}
.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xs{font-size:.75rem;line-height:1rem}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.leading-none{line-height:1}
.leading-normal{line-height:1.5}
.leading-snug{line-height:1.375}
.tracking-tight{letter-spacing:-.025em}
.tracking-widest{letter-spacing:.1em}
.text-accent-foreground{color:hsl(var(--accent-foreground))}
.text-background{color:hsl(var(--background))}
.text-card-foreground{color:hsl(var(--card-foreground))}
.text-current{color:currentColor}
.text-destructive{--tw-text-opacity: 1;color:hsl(var(--destructive) / var(--tw-text-opacity, 1))}
.text-foreground{color:hsl(var(--foreground))}
.text-muted-foreground{color:hsl(var(--muted-foreground))}
.text-popover-foreground{color:hsl(var(--popover-foreground))}
.text-primary{color:hsl(var(--primary))}
.text-primary-foreground{color:hsl(var(--primary-foreground))}
.text-secondary-foreground{color:hsl(var(--secondary-foreground))}
.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}
.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.underline-offset-4{text-underline-offset:4px}
.opacity-0{opacity:0}
.opacity-50{opacity:.5}
.opacity-70{opacity:.7}
.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-xs{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.outline{outline-style:solid}
.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}
.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}
.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)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-none{transition-property:none}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-100{transition-duration:.1s}
.duration-1000{transition-duration:1s}
.duration-200{transition-duration:.2s}
.duration-300{transition-duration:.3s}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.ease-linear{transition-timing-function:linear}
@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}
}
@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}
}
.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}
.fade-in-0{--tw-enter-opacity: 0}
.zoom-in-95{--tw-enter-scale: .95}
.duration-100{animation-duration:.1s}
.duration-1000{animation-duration:1s}
.duration-200{animation-duration:.2s}
.duration-300{animation-duration:.3s}
.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}
.ease-linear{animation-timing-function:linear}
@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}
	to{height:0}
}
@keyframes accordion-down{0%{height:0}
	to{height:var(--radix-accordion-content-height)}
}
:root{--paper: #f8f7f4;--paper-warm: #ede9e2;--ink: #0e2b46;--ink-deep: #071724;--ink-light: #5a7a92;--body: #3a4a57;--gold: #cea84e;--gold-soft: #e7d7aa;--rubber: #466d43;--archive-dark: #181412;--white: #fffdf8;--line: rgba(14, 43, 70, .16);--line-light: rgba(255, 253, 248, .18);--shadow: 0 24px 70px rgba(14, 43, 70, .16);--serif: "EB Garamond", "Noto Serif SC", Georgia, serif;--sans: "Jost", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;min-width:320px;color:var(--body);background:radial-gradient(circle at 12% 6%,rgba(206,168,78,.08),transparent 28rem),var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body::-moz-selection{background:var(--gold);color:var(--ink-deep)}
body::selection{background:var(--gold);color:var(--ink-deep)}
#root{min-height:100vh}
main{overflow-x:clip}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--ink);font-family:var(--serif);font-weight:500;letter-spacing:-.035em}
h1{max-width:10.8ch;margin-bottom:1.6rem;font-size:clamp(4.1rem,8.2vw,8.8rem);line-height:.88}
h2{margin-bottom:1.25rem;font-size:clamp(2.8rem,5.6vw,6rem);line-height:.95}
h3{margin-bottom:1rem;font-size:clamp(1.8rem,2.6vw,3rem);line-height:1.02}
p{font-size:clamp(1rem,1.15vw,1.16rem);line-height:1.75}
.section-shell{width:min(100% - 3rem,1480px);margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:1rem;margin-bottom:1.4rem;color:var(--gold);font-size:.76rem;font-weight:600;letter-spacing:.24em;line-height:1.2;text-transform:uppercase}
.eyebrow:before{width:3.75rem;height:1px;background:currentColor;content:""}
.button-primary,.button-secondary,.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:3.35rem;padding:.95rem 1.35rem;border:1px solid var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease}
.button-primary{color:var(--ink-deep);background:var(--gold)}
.button-secondary{color:var(--ink);background:transparent}
.button-primary:hover,.button-secondary:hover,.header-cta:hover{transform:translateY(-2px)}
.button-secondary:hover{border-color:var(--ink);background:var(--ink);color:var(--white)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;z-index:100;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:5.75rem;padding:1.05rem clamp(1.25rem,3.5vw,4rem);color:var(--white);transition:min-height .32s ease,color .32s ease,background .32s ease,box-shadow .32s ease}
.site-header.is-scrolled{min-height:4.7rem;color:var(--ink);background:#f8f7f4e0;box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.brand-lockup{display:inline-flex;align-items:center;gap:.85rem;width:-moz-max-content;width:max-content}
.brand-logo{display:block;width:2.9rem;height:2.9rem;-o-object-fit:contain;object-fit:contain}
.brand-mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--gold);font-family:var(--serif);font-size:1.55rem;line-height:1}
.brand-lockup strong,.brand-lockup small{display:block;white-space:nowrap}
.brand-lockup strong{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.brand-lockup small{margin-top:.12rem;font-size:.68rem;letter-spacing:.08em;opacity:.74}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(1.2rem,2.5vw,2.7rem)}
.desktop-nav a{position:relative;padding:.55rem 0;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.desktop-nav a:after{position:absolute;right:0;bottom:.2rem;left:0;height:1px;background:var(--gold);content:"";transform:scaleX(0);transform-origin:right;transition:transform .26s ease}
.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}
.header-cta{justify-self:end;min-height:2.75rem;padding:.7rem 1rem;gap:.45rem;background:transparent}
.site-header:not(.is-scrolled) .header-cta{border-color:#fffdf86b}
.menu-button{display:none;justify-self:end;width:2.9rem;height:2.9rem;place-items:center;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent}
.mobile-menu{position:fixed;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;width:min(26rem,100%);padding:3rem;background:var(--ink-deep);transform:translate(100%);transition:transform .42s cubic-bezier(.23,.34,.18,1);z-index: 99;}
.mobile-menu.is-open{transform:translate(0)}
.mobile-menu a{padding:1.2rem 0;border-bottom:1px solid var(--line-light);color:var(--white);font-family:var(--serif);font-size:2.25rem}
.hero-section{position:relative;display:grid;min-height:100svh;padding:8.6rem clamp(1.5rem,3.5vw,4rem) 5.6rem;overflow:hidden;color:var(--white);background:linear-gradient(104deg,#071724f7 0 44%,#0e2b46e0),var(--ink-deep)}
.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hero-year{position:absolute;right:-.04em;bottom:-.23em;color:transparent;font-family:var(--serif);font-size:clamp(14rem,32vw,34rem);line-height:.78;-webkit-text-stroke:1px rgba(255,253,248,.12);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(31rem,1.12fr);align-items:center;gap:clamp(3rem,5vw,7rem);width:min(100%,1600px);margin:auto}
.hero-copy .eyebrow{color:var(--gold-soft)}
.hero-copy h1{color:var(--white)}
.hero-lede{max-width:38rem;margin-bottom:2.1rem;color:#fffdf8c2;font-size:clamp(1.08rem,1.3vw,1.28rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}
.hero-copy .button-secondary{color:var(--white);border-color:#fffdf85c}
.hero-copy .button-secondary:hover{border-color:var(--white);background:var(--white);color:var(--ink-deep)}
.hero-collage{position:relative;min-height:min(72vh,47rem)}
.hero-collage figure{position:absolute;margin:0;overflow:hidden;background:var(--archive-dark);box-shadow:0 28px 80px #0000005c}
.hero-collage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s ease,filter .9s ease}
.hero-collage figure:hover img{transform:scale(1.035);filter:saturate(1.08)}
.hero-collage figcaption{position:absolute;right:0;bottom:0;left:0;padding:2rem 1rem .85rem;color:var(--white);background:linear-gradient(transparent,#071724d1);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.collage-main{right:0;bottom:0;width:79%;height:74%}
.collage-main img{filter:sepia(.12) saturate(.84) contrast(1.05)}
.collage-small{width:43%;height:37%;border:1px solid rgba(255,253,248,.18)}
.collage-small-top{top:0;left:0}
.collage-small-bottom{bottom:7%;left:8%;width:37%;height:31%}
.collage-small img{filter:sepia(.18) contrast(1.06)}
.scroll-cue{position:absolute;z-index:2;bottom:2rem;left:50%;display:flex;align-items:center;gap:.55rem;color:#fffdf8b8;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transform:translate(-50%)}
.scroll-cue svg{animation:cue-bounce 1.6s ease-in-out infinite}
@keyframes cue-bounce{0%,to{transform:translateY(0)}
	50%{transform:translateY(5px)}
}
.trade-ticker{overflow:hidden;border-block:1px solid var(--line);color:var(--ink);background:var(--paper-warm)}
.trade-ticker>div{display:flex;width:-moz-max-content;width:max-content;animation:ticker 36s linear infinite}
.trade-ticker span{display:flex;align-items:center;padding:1.05rem 1.35rem;font-family:var(--serif);font-size:clamp(1.4rem,2.3vw,2.5rem);white-space:nowrap}
.trade-ticker span:after{width:.42rem;height:.42rem;margin-left:2.7rem;background:var(--gold);content:""}
@keyframes ticker{to{transform:translate(-50%)}
}
.intro-section{padding:clamp(6rem,10vw,11rem) 0 clamp(5rem,8vw,8rem)}
.intro-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(22rem,.7fr);gap:clamp(3rem,7vw,9rem);align-items:end}
.intro-copy{max-width:40rem;padding-bottom:.4rem}
.intro-copy p{color:var(--ink);font-size:clamp(1.18rem,1.5vw,1.45rem);line-height:1.62}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(4rem,7vw,7rem);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.fact-strip>div{min-height:11rem;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact-strip strong,.fact-strip span{display:block}
.fact-strip strong{margin-bottom:1.3rem;color:var(--ink);font-family:var(--serif);font-size:clamp(2.7rem,4.5vw,5rem);font-weight:500;line-height:1}
.fact-strip span{max-width:11rem;font-size:.72rem;font-weight:700;letter-spacing:.17em;line-height:1.55;text-transform:uppercase}
.story-section{padding:clamp(6rem,10vw,10rem) 0 0;color:#fffdf8c2;background:var(--archive-dark)}
.story-section h2,.story-section h3{color:var(--white)}
.story-heading{display:grid;grid-template-columns:.82fr 1fr;gap:4rem;padding-bottom:clamp(3rem,6vw,6rem)}
.story-heading .eyebrow{align-self:start}
.story-layout{display:grid;grid-template-columns:minmax(22rem,.84fr) minmax(0,1fr);gap:clamp(3rem,6vw,8rem);align-items:start}
.story-visual{position:sticky;top:6rem;height:calc(100vh - 8rem);min-height:34rem;overflow:hidden;background:#050100}
.story-visual figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .65s ease,visibility .65s ease;visibility:hidden}
.story-visual figure.is-active{opacity:1;visibility:visible}
.story-visual figure:after{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,1,0,.84),transparent 36%),linear-gradient(120deg,rgba(206,168,78,.08),transparent 48%);content:""}
.story-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.story-visual figure:nth-child(-n+3) img{filter:sepia(.18) contrast(1.04)}
.story-visual figcaption{position:absolute;z-index:2;right:1.3rem;bottom:3.4rem;left:1.3rem;color:#fffdf8b8;font-size:.72rem;letter-spacing:.08em;line-height:1.55}
.story-progress{position:absolute;z-index:3;right:1.3rem;bottom:1.25rem;left:1.3rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}
.story-progress span{height:2px;background:#fffdf833;transition:background .3s ease}
.story-progress span.is-filled{background:var(--gold)}
.story-copy{padding-bottom:10vh}
.story-chapter{display:grid;align-content:center;min-height:92vh;padding:clamp(2rem,4vw,4rem) 0;opacity:.36;transition:opacity .42s ease}
.story-chapter.is-active{opacity:1}
.story-chapter>span{display:inline-block;width:-moz-max-content;width:max-content;margin-bottom:1.3rem;padding:.35rem .65rem;border:1px solid rgba(206,168,78,.46);color:var(--gold-soft);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.story-chapter h3{max-width:12ch;font-size:clamp(3rem,5.6vw,6.3rem)}
.story-chapter p{max-width:46rem;margin-bottom:1.25rem;font-size:clamp(1.05rem,1.28vw,1.28rem)}
.compare-section{padding:clamp(6rem,10vw,10rem) 0;background:linear-gradient(#f8f7f4eb,#f8f7f4f5),var(--paper)}
.compare-heading{display:grid;grid-template-columns:.65fr 1fr;gap:4rem;margin-bottom:3rem}
.compare-heading h2{max-width:13ch}
.compare-frame{position:relative;height:clamp(28rem,68vw,48rem);overflow:hidden;background:var(--ink-deep);box-shadow:var(--shadow)}
.compare-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.compare-base{position:absolute;inset:0}
.compare-top{position:absolute;top:0;bottom:0;left:0;overflow:hidden;border-right:1px solid var(--gold)}
.compare-top img{width:calc(100vw - 3rem);max-width:1480px;filter:sepia(.16) saturate(.88) contrast(1.04)}
.compare-handle{position:absolute;top:0;bottom:0;z-index:3;width:1px;background:var(--gold)}
.compare-handle span{position:absolute;top:50%;left:50%;display:grid;width:3.8rem;height:3.8rem;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);background:#071724b8;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.compare-handle span:before,.compare-handle span:after{font-size:1.25rem;line-height:1}
.compare-handle span:before{content:"‹";transform:translate(-.28rem)}
.compare-handle span:after{margin-left:-1.2rem;content:"›";transform:translate(-.28rem)}
.compare-frame input[type=range]{position:absolute;z-index:4;inset:0;width:100%;height:100%;cursor:ew-resize;opacity:0}
.compare-label{position:absolute;z-index:2;top:1.2rem;padding:.45rem .7rem;color:var(--white);background:#07172494;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.compare-label-left{left:1.2rem}
.compare-label-right{right:1.2rem}
.commodities-section{padding:clamp(6rem,10vw,10rem) 0}
.commodities-heading{display:grid;grid-template-columns:1fr minmax(20rem,.54fr);gap:clamp(3rem,6vw,7rem);align-items:end;margin-bottom:clamp(3rem,6vw,5.5rem)}
.commodities-heading h2{max-width:13ch}
.commodities-heading>p{margin-bottom:.4rem;color:var(--ink);font-size:clamp(1.06rem,1.25vw,1.24rem)}
.commodity-panels{display:grid;grid-template-columns:1.05fr .95fr 1.05fr;gap:1rem}
.commodity-panel{position:relative;display:flex;min-height:43rem;overflow:hidden;color:var(--white);background:var(--ink-deep)}
.commodity-panel:nth-child(2){margin-top:4rem}
.commodity-image{position:absolute;inset:0}
.commodity-image:after{position:absolute;inset:0;background:linear-gradient(to top,#071724f0,#07172480 54%,#0717241f);content:""}
.commodity-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s ease}
.commodity-panel:hover .commodity-image img{transform:scale(1.055)}
.commodity-image>span{position:absolute;z-index:2;top:1.2rem;right:1.2rem;color:transparent;font-family:var(--serif);font-size:5rem;line-height:1;-webkit-text-stroke:1px rgba(255,253,248,.44)}
.commodity-content{position:relative;z-index:2;align-self:end;padding:clamp(1.5rem,3vw,2.5rem)}
.commodity-content>p:first-child{margin-bottom:.7rem;color:var(--gold-soft);font-size:.72rem;font-weight:700;letter-spacing:.19em;line-height:1.4;text-transform:uppercase}
.commodity-content h3{color:var(--white);font-size:clamp(2.1rem,3vw,3.45rem)}
.commodity-content>p:not(:first-child){color:#fffdf8c7;font-size:1rem}
.commodity-content small{display:block;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,253,248,.22);color:#fffdf89e;font-size:.8rem;line-height:1.6}
.market-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.42fr);min-height:27rem;margin-top:6rem;overflow:hidden;color:var(--white);background:radial-gradient(circle at 24% 50%,rgba(206,168,78,.16),transparent 22rem),var(--ink)}
.map-lines{position:relative;min-height:27rem;background:linear-gradient(rgba(255,253,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,253,248,.04) 1px,transparent 1px);background-size:54px 54px}
.map-lines:before,.map-lines:after{position:absolute;border:1px solid rgba(206,168,78,.32);border-radius:50%;content:""}
.map-lines:before{inset:13% 16% 12% 14%}
.map-lines:after{inset:26% 30% 25% 26%}
.node{position:absolute;z-index:2;padding:.42rem .68rem;border:1px solid rgba(255,253,248,.2);border-radius:999px;color:#fffdf8d1;background:#07172499;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.node:before{display:inline-block;width:.42rem;height:.42rem;margin-right:.45rem;border-radius:50%;background:var(--gold);content:""}
.node-sg{top:47%;left:44%;color:var(--gold-soft)}
.node-cn{top:18%;left:61%}
.node-vn{top:51%;left:65%}
.node-my{top:67%;left:40%}
.node-id{top:78%;left:55%}
.node-in{top:38%;left:18%}
.map-copy{align-self:center;padding:clamp(2rem,4vw,4rem);border-left:1px solid var(--line-light)}
.map-copy>span{display:block;margin-bottom:1rem;color:var(--gold-soft);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.map-copy h3{color:var(--white)}
.map-copy p{color:#fffdf8b8}
.values-section-story-bet{display:flex;align-items:center;justify-content:space-between;flex-direction: column; gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line-light)}
.values-section-story{padding-bottom:clamp(4rem,6vw,6rem);background:var(--paper-warm)}
.values-section{padding:clamp(6rem,10vw,10rem) 0;background:var(--paper-warm)}
.values-grid{display:grid;grid-template-columns:minmax(22rem,.72fr) minmax(0,1fr);gap:clamp(3rem,7vw,8rem)}
.values-image{position:sticky;top:7rem;height:calc(100vh - 9rem);min-height:34rem;overflow:hidden;box-shadow:var(--shadow)}
.values-image:after{position:absolute;inset:0;border:1px solid rgba(14,43,70,.1);content:""}
.values-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.values-copy h2{max-width:13ch}
.value-list{margin-top:3rem;border-top:1px solid var(--line)}
.value-list article{display:grid;grid-template-columns:4rem .45fr 1fr;gap:1.4rem;padding:2rem 0;border-bottom:1px solid var(--line)}
.value-list span{color:var(--gold);font-family:var(--serif);font-size:1.7rem}
.value-list h3{margin:0;font-size:clamp(1.6rem,2.1vw,2.25rem)}
.value-list p{margin:0}
.people-section{padding:clamp(6rem,10vw,10rem) 0}
.people-heading{display:grid;grid-template-columns:.7fr 1fr minmax(20rem,.5fr);gap:clamp(2rem,4vw,5rem);align-items:end;margin-bottom:3rem}
.people-heading h2{margin-bottom:0}
.people-heading>p:last-child{margin-bottom:.2rem}
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.person-card{position:relative;min-height:36rem;padding:clamp(1.6rem,3vw,2.6rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf861;transition:background .3s ease,transform .3s ease}
.person-card:hover{background:var(--white);transform:translateY(-.35rem)}
.person-number{position:absolute;right:1.4rem;bottom:1rem;color:transparent;font-family:var(--serif);font-size:8rem;line-height:1;-webkit-text-stroke:1px rgba(14,43,70,.12);pointer-events:none}
.person-card>span{display:inline-block;margin-bottom:3.5rem;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.person-card h3{margin-bottom:.45rem;font-size:clamp(2.4rem,3.5vw,4.2rem)}
.person-role{margin-bottom:2rem;color:var(--ink);font-size:.82rem;font-weight:700;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}
.person-card>p:not(.person-role){color:var(--body);font-size:1rem}
.person-links{position:absolute;right:2rem;bottom:2rem;left:2rem;display:flex;flex-wrap:wrap;gap:.55rem}
.person-links a{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .68rem;border:1px solid var(--line);color:var(--ink);background:#f8f7f4bd;font-size:.76rem;font-weight:700;letter-spacing:.06em}
.contact-section{padding:clamp(5rem,9vw,9rem) 0;color:var(--white);background:linear-gradient(120deg,#071724f7,#0e2b46e6),var(--ink-deep)}
.contact-panel{display:grid;grid-template-columns:1fr minmax(22rem,.48fr);gap:clamp(3rem,7vw,8rem);padding:clamp(2rem,5vw,5rem) 0}
.contact-panel h2{max-width:11ch;color:var(--white)}
.contact-panel p{max-width:43rem;color:#fffdf8b8;font-size:clamp(1.08rem,1.25vw,1.25rem)}
.contact-mail{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding-bottom:.55rem;border-bottom:1px solid var(--gold);color:var(--gold-soft);font-family:var(--serif);font-size:clamp(1.7rem,3vw,3.3rem);line-height:1.1}
.contact-panel address{display:grid;gap:1rem;margin:0;font-style:normal}
.contact-panel address>div{display:grid;grid-template-columns:1.5rem 1fr;gap:.9rem;padding:1.2rem 0;border-bottom:1px solid var(--line-light);color:#fffdf8c7}
.contact-panel address svg{margin-top:.25rem;color:var(--gold)}
.contact-panel address a{color:var(--white)}
.site-footer{padding:3rem 0 2rem;color:#fffdf8a8;background:#07111a}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line-light);padding-top:2rem;}
.footer-top strong,.footer-top span{display:block}
.footer-logo{display:block;width:3rem;height:3rem;margin-bottom:.9rem;-o-object-fit:contain;object-fit:contain}
.footer-tagline{margin-top:.3rem;color:var(--gold-soft);font-family:var(--serif);font-style:italic;font-size:.95rem!important;letter-spacing:.04em!important}
.footer-top strong{color:var(--white);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.footer-top span,.footer-top a{font-size:.75rem;letter-spacing:.08em}
.footer-top a{color:var(--gold-soft)}
.image-credits{padding-top:2rem}
.image-credits p{max-width:58rem;margin-bottom:1.4rem;font-size:.78rem;line-height:1.7}
.image-credits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem 1.5rem}
.image-credits a{display:block;padding:.85rem 0;border-top:1px solid rgba(255,253,248,.12);font-size:.75rem;line-height:1.5}
.image-credits a span{display:block;color:var(--gold-soft);font-weight:700}
@media(max-width:1180px){.desktop-nav{display:none}
	.site-header{grid-template-columns:1fr auto auto}
.menu-button{display:grid}
.hero-grid,.story-layout,.values-grid{grid-template-columns:1fr}
.hero-grid{gap:4rem}
.hero-collage{min-height:38rem}
.story-visual,.values-image{position:relative;top:auto;height:68vh;min-height:29rem}
.story-chapter{min-height:auto;padding:5rem 0}
.commodity-panels,.people-grid{grid-template-columns:1fr}
.commodity-panel,.commodity-panel:nth-child(2){min-height:36rem;margin-top:0}
.market-map,.contact-panel{grid-template-columns:1fr}
.map-copy{border-top:1px solid var(--line-light);border-left:0}
.image-credits>div{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){.section-shell{width:min(100% - 2rem,1480px)}
	h1{font-size:clamp(3.4rem,17vw,5.4rem)}
h2{font-size:clamp(2.6rem,12vw,4.2rem)}
.site-header{min-height:4.7rem;padding:.85rem 1rem;color:var(--ink);background:#f8f7f4eb;box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.brand-lockup small,.header-cta{display:none}
.hero-section{padding:7.2rem 1rem 5rem}
.hero-actions{align-items:stretch;flex-direction:column}
.button-primary,.button-secondary{width:100%}
.hero-collage{min-height:28rem}
.collage-main{width:86%;height:68%}
.collage-small{width:52%;height:34%}
.collage-small-bottom{left:0;width:43%;height:28%}
.scroll-cue{display:none}
.intro-grid,.story-heading,.compare-heading,.commodities-heading,.people-heading{grid-template-columns:1fr;gap:1.5rem}
.fact-strip{grid-template-columns:repeat(2,1fr)}
.fact-strip>div{min-height:9rem;padding:1.1rem}
.story-visual{height:58vh;min-height:24rem}
.story-chapter h3{font-size:clamp(2.6rem,12vw,4.6rem)}
.compare-frame{height:28rem}
.compare-top img{width:calc(100vw - 2rem)}
.commodity-panel{min-height:34rem}
.market-map{min-height:auto}
.map-lines{min-height:22rem}
.node{font-size:.61rem}
.values-image{height:58vh;min-height:24rem}
.value-list article{grid-template-columns:1fr;gap:.6rem}
.person-card{min-height:32rem}
.contact-mail{font-size:clamp(1.45rem,7vw,2.4rem);overflow-wrap:anywhere}
.footer-top{align-items:flex-start;flex-direction:column}
.image-credits>div{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
.header-actions{display:flex;align-items:center;gap:1.1rem}
.lang-toggle{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.14em}
.lang-toggle span{width:1px;height:.85rem;background:currentColor;opacity:.3}
.lang-toggle button{padding:.2rem 0;color:inherit;font:inherit;letter-spacing:inherit;background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .22s ease}
.lang-toggle button:hover{opacity:.85}
.lang-toggle button.is-active{opacity:1;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.35em}
.read-story-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.6rem;padding-bottom:.35rem;color:var(--gold);font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(206,168,78,.45);transition:gap .26s ease,border-color .26s ease}
.read-story-link:hover{gap:.9rem;border-color:var(--gold)}
.story-page{background:var(--archive-dark)}
.story-hero{padding-top:clamp(9rem,16vh,13rem);padding-bottom:clamp(3rem,6vw,5rem);color:#fffdf8c2}
.story-hero h1{max-width:15ch;margin:1.4rem 0 1.6rem;color:var(--white);font-family:var(--serif);font-size:clamp(3rem,7vw,5.6rem);font-weight:500;line-height:1.04;letter-spacing:-.015em}
.story-hero .story-lede{max-width:34rem;margin:0;font-size:1.08rem;line-height:1.75}
.story-page-chapters{padding-top:0}
.story-chapter p.story-closing{margin-top:2.2rem;padding-top:1.8rem;color:var(--gold-soft);font-family:var(--serif);font-size:1.5rem;font-style:normal;line-height:1.5;border-top:1px solid rgba(206,168,78,.35)}
.story-next{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(6rem,10vw,9rem);color:#fffdf8c2}
.story-next .eyebrow{display:flex}
.story-next-p{display:inline-flex;align-items:center;margin-top:1.2rem;color:var(--ink);font-family:var(--serif);font-size:clamp(1.6rem,2.1vw,2.25rem);;font-weight:500;line-height:1.15;text-decoration:none;transition:color .26s ease,gap .26s ease}
.story-next-link{display:inline-flex;align-items:center;gap:.8rem;max-width:22ch;margin-top:1.2rem;color:var(--white);font-family:var(--serif);font-size:clamp(2rem,4.4vw,3.4rem);font-weight:500;line-height:1.15;text-decoration:none;transition:color .26s ease,gap .26s ease}
.story-next-link:hover{color:var(--gold);gap:1.3rem}
.back-to-top{padding:0;color:inherit;font:inherit;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;background:none;border:none;cursor:pointer;opacity:.7;transition:opacity .22s ease}
.back-to-top:hover{opacity:1}
:root.lang-zh{--serif: "EB Garamond", "Noto Serif SC", "Songti SC", serif;--sans: "Jost", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}
.lang-zh body{line-height:1.8}
.lang-zh h1,.lang-zh h2,.lang-zh h3{letter-spacing:.01em;line-height:1.28}
.lang-zh .eyebrow,.lang-zh .header-cta,.lang-zh .button-primary,.lang-zh .button-secondary,.lang-zh .read-story-link{letter-spacing:.22em}
.lang-zh .story-chapter h3{line-height:1.3}
.lang-zh .hero-copy h1{letter-spacing:.01em;line-height:1.22}
@media(max-width:1180px){.header-actions .lang-toggle{display:none}
}
.writings-page{background:#12100d;color:#ece7db}
.writings-page h1,.writings-page h2,.writings-page h3{max-width:none;margin:0;color:#f4efe3;letter-spacing:.02em;line-height:1.25}
.writings-page [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.writings-page [data-reveal].is-revealed{opacity:1;transform:translateY(0)}
.writings-hero{width:100%;padding:clamp(8.5rem,16vw,12rem) 1.5rem clamp(3.5rem,7vw,5.5rem);text-align:center;background:radial-gradient(circle at 50% 16%,rgba(206,168,78,.1),transparent 48%),linear-gradient(180deg,#181412,#12100d);border-bottom:1px solid rgba(236,231,219,.1)}
.writings-hero-inner{max-width:860px;margin:0 auto;display:grid;justify-items:center;gap:1.4rem}
.writings-hero-rule{width:72px;height:1px;margin:0 0 .6rem;padding:0;background:linear-gradient(90deg,transparent,rgba(206,168,78,.85),transparent)}
.writings-title{display:grid;gap:1rem;justify-items:center}
.writings-title-zh{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:700;letter-spacing:.32em;text-indent:.32em;color:#f4efe3}
.writings-title-en{font-family:EB Garamond,Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1.3rem,3vw,2rem);letter-spacing:.02em;color:#ece7dbd9}
.writings-subtitle{margin:0;display:grid;gap:.5rem;font-family:"Noto Serif SC",Songti SC,serif;font-size:1.05rem;letter-spacing:.28em;text-indent:.28em;color:#ece7dbb8}
.writings-subtitle span{font-family:Jost,Helvetica Neue,sans-serif;font-size:.8rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#ece7db80}
.writings-name{margin:.6rem 0 0;font-family:EB Garamond,Georgia,serif;font-size:clamp(1.5rem,3.6vw,2.2rem);letter-spacing:.02em;color:#f4efe3}
.writings-epigraph{margin:1.2rem 0 0;padding:1.8rem 0 0;max-width:640px;display:grid;gap:.8rem;border-top:1px solid rgba(236,231,219,.16)}
.writings-epigraph p{margin:0}
.writings-epigraph p:first-child{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:2;letter-spacing:.14em;color:#f4efe3}
.writings-epigraph p:last-child{font-family:EB Garamond,Georgia,serif;font-style:italic;font-size:1.02rem;line-height:1.7;letter-spacing:.01em;color:#ece7dba8}
.writings-dedication{margin:.4rem 0 0;font-family:"Noto Serif SC",Songti SC,serif;font-size:1rem;line-height:2;letter-spacing:.16em;color:#ece7dbd1}
.writings-from{margin:0;font-family:Jost,Helvetica Neue,sans-serif;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:#ece7db73}
.writings-index{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .9rem;max-width:980px;padding:clamp(2.6rem,5vw,4rem) 1.5rem}
.writings-index a{display:inline-block;padding:.45rem .95rem;border:1px solid rgba(236,231,219,.16);border-radius:999px;text-decoration:none;color:#ece7dbc7;font-family:"Noto Serif SC",Songti SC,serif;font-size:.9rem;letter-spacing:.08em;transition:border-color .25s ease,color .25s ease,background .25s ease}
.writings-index a:hover{border-color:#cea84eb3;color:#f4efe3;background:#cea84e14}
.writings-section{padding-top:clamp(3.5rem,7vw,5.5rem);padding-bottom:clamp(3.5rem,7vw,5.5rem);border-bottom:1px solid rgba(236,231,219,.1);scroll-margin-top:84px}
.writings-section>*{max-width:860px;margin-inline:auto}
.writings-section-head{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}
.writings-num{display:block;margin-bottom:.6rem;font-family:EB Garamond,Georgia,serif;font-size:.95rem;letter-spacing:.4em;text-indent:.4em;color:#cea84ee6}
.writings-section-head h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;letter-spacing:.24em;text-indent:.24em;color:#f4efe3}
.writings-section-head h2 span{display:block;margin-top:.55rem;font-family:EB Garamond,Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1rem,2.2vw,1.25rem);letter-spacing:.04em;text-indent:0;color:#ece7db8c}
.writings-prose{display:grid;gap:1.7rem}
.writings-prose-pair{display:grid;gap:.55rem}
.prose-zh{margin:0;font-family:"Noto Serif SC",Songti SC,serif;font-size:1.05rem;line-height:2.05;letter-spacing:.05em;color:#efe9da;text-align:justify}
.prose-en{margin:0;font-family:EB Garamond,Georgia,serif;font-size:.98rem;line-height:1.75;letter-spacing:.01em;color:#ece7db94}
.writings-intro{max-width:700px;margin:0 auto clamp(1.8rem,4vw,2.6rem);display:grid;gap:.6rem;text-align:center}
.writings-intro .prose-zh{text-align:center;color:#ece7dbd6}
.writings-intro .prose-en{font-style:italic;color:#ece7db80}
.writings-entries{display:grid;gap:1.1rem;counter-reset:saying}
.saying{position:relative;display:grid;gap:.5rem;padding:1.5rem 1.7rem 1.5rem 3.4rem;border:1px solid rgba(236,231,219,.1);border-radius:14px;background:#ffffff05;transition:border-color .3s ease,background .3s ease}
.saying:hover{border-color:#cea84e59;background:#cea84e0b}
.saying:before{counter-increment:saying;content:counter(saying,decimal-leading-zero);position:absolute;top:1.55rem;left:1.35rem;font-family:EB Garamond,Georgia,serif;font-size:.85rem;color:#cea84ebf}
.saying p{margin:0;white-space:pre-line}
.saying-zh{font-family:"Noto Serif SC",Songti SC,serif;font-size:1.08rem;line-height:1.95;letter-spacing:.05em;color:#efe9da}
.saying-en{font-family:EB Garamond,Georgia,serif;font-size:.95rem;line-height:1.7;letter-spacing:.01em;color:#ece7db8f}
.saying-en.saying-lead{font-size:1.06rem;color:#ece7db}
.saying-zh.saying-second{font-size:1rem;color:#ece7db99}
.saying-attrib{font-family:Jost,Helvetica Neue,sans-serif;font-size:.8rem;letter-spacing:.1em;color:#cea84ecc}
.writings-entries.is-verse .saying{justify-items:center;text-align:center;padding:1.9rem 1.7rem;background:radial-gradient(circle at 50% 0%,rgba(206,168,78,.06),transparent 60%),#ffffff05}
.writings-entries.is-verse .saying:before{position:static;margin-bottom:.2rem}
.writings-entries.is-verse .saying-zh{font-size:1.15rem;line-height:2.15;letter-spacing:.1em}
.writings-entries.is-verse .saying-attrib{margin-top:.4rem}
.writings-thanks{margin:1.6rem auto 0;padding-top:2rem;max-width:640px;border-top:1px solid rgba(206,168,78,.3);text-align:center;font-family:EB Garamond,Georgia,serif;font-style:italic;font-size:1.1rem;letter-spacing:.03em;color:#ece7dbb3}
.writings-thanks span{display:block;margin-bottom:.55rem;font-family:"Noto Serif SC",Songti SC,serif;font-style:normal;font-size:clamp(1.4rem,3.4vw,1.9rem);letter-spacing:.22em;text-indent:.22em;color:#cea84e}
.writings-colophon{max-width:640px;padding-top:clamp(3rem,6vw,4.5rem);padding-bottom:clamp(4.5rem,9vw,7rem);text-align:center;display:grid;justify-items:center;gap:1.1rem}
.writings-colophon p{margin:0;font-family:"Noto Serif SC",Songti SC,serif;font-size:.92rem;line-height:2;letter-spacing:.1em;color:#ece7db73}
.writings-circulation{color:#ece7db8c}
.writings-colophon .read-story-link{margin-top:.8rem;color:#ece7dbcc;border-color:#cea84e80}
.writings-page .site-header.is-scrolled{color:#ece7db;background:#12100de0;box-shadow:0 1px #ece7db1f}
.writings-page .site-header.is-scrolled .header-cta{border-color:#ece7db59}
.writings-page .site-footer{background:#0c0a08}
@media(max-width:1180px){.writings-page .site-header{color:#ece7db;background:#12100deb;box-shadow:0 1px #ece7db1f}
}
.person-note{margin:.9rem 0 0;padding:.9rem 1.1rem;border-left:2px solid rgba(206,168,78,.65);background:#cea84e12;border-radius:0 10px 10px 0;font-size:.92rem;line-height:1.7;color:#181412c7}
.person-writings{display:flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;margin-top:1rem;margin-bottom:5rem;font-family:Jost,Helvetica Neue,sans-serif;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#0e2b46;border-bottom:1px solid rgba(206,168,78,.7);padding-bottom:.25rem;transition:color .25s ease}
.person-writings:hover{color:#a5792a}
:root.lang-zh .person-writings{letter-spacing:.06em}
@media(max-width:640px){.saying{padding:1.3rem 1.2rem 1.3rem 2.9rem}
	.saying:before{left:1.05rem}
.writings-entries.is-verse .saying{padding:1.5rem 1.2rem}
}


/* ============================================================
   Static file:// build — progressive-enhancement layer
   ============================================================ */
html { scroll-behavior: smooth; }


/* Bilingual roots: ZH hidden unless <html lang-zh> */
#root-zh { display: none; }

html.lang-zh #root-en { display: none; }

html.lang-zh #root-zh { display: block; }


/* Anchor targets clear the fixed header (writings keeps its 84px) */
main > section[id]:not(.writings-section) { scroll-margin-top: 92px; }


/* Resting state of the story ken-burns frame */
.story-visual figure.is-active img { transform: translateY(-4%) scale(1.08); }


/* Reveal-on-scroll: content visible without JS, animated with it */
html:not(.js-anim) .writings-page [data-reveal] { opacity: 1; transform: none; }

html.js-anim [data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s ease, transform .8s ease;
}

html.js-anim [data-reveal].is-revealed { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  
  html.js-anim [data-reveal] { opacity: 1; transform: none; transition: none; }
  
}


/* Menu button keeps its round hit area while swapping icon */
.menu-button svg { width: 1.5rem; height: 1.5rem; }

.story-page-image{margin:3rem auto;max-width:48rem}
.story-page-image img{width:100%;height:auto;display:block}
.story-page-image figcaption{font-size:.85rem;color:#fffdf8c2;margin-top:.6rem;line-height:1.5}


/* 卡片主体 */
.values-copy-card{display: grid;gap: 0.6rem;}
.border-card {
/* 核心布局：使用 Grid */
display: grid;
grid-template-columns: 1fr; /* 单列布局，内容垂直排列 */
gap: 6px; /* 每一行之间的间距 */

/* 样式细节 */
background-color: #ffffff;
border-left: 4px solid #1c2a42; /* 左侧深蓝色粗边框 */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* 轻微的悬浮阴影 */

/* 尺寸和内边距 */
padding: 1rem;
box-sizing: border-box;
}
.border-card-title{color:#c33c24;margin-left: 1rem;}
.border-card-con{font-size: clamp(1.08rem,1.3vw,1.28rem);color:var(--ink);}
.border-card-txt{font-size: clamp(1.2rem,1.3vw,1.4rem);color:var(--ink);}
.wx-img{display:flex;position: absolute;width:6rem;height:6rem;bottom: 9rem;-o-object-fit:contain;object-fit:contain}
.foot-logo-box{display: grid;grid-template-columns: 3rem 1fr;gap: 1rem; justify-items: space-between;align-items: flex-start;}
.button-txt{display: flex;gap: 1rem;}
.button-txt a{color: inherit;}


.footer-btns{display: flex !important;font-size: 1.2rem !important;color: inherit !important;height: 2.5rem;justify-content: center;align-items: center;border: 1px solid rgba(255,253,248,.12);}
.footer-btns-p{padding:0 1rem !important;}

/* 正圆形社交按钮 */
.social-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;height: 2.5rem;border-radius:50%;
  justify-content: center;align-items: center;border: 1px solid rgba(255,253,248,.12);
  color: inherit !important;
  text-decoration: none;
  transition: all 0.3s var(--cubic-bounce);
  border: 1px solid rgba(255,253,248,.12) !important;
  background: transparent;
}