@import"tailwindcss";@import"tw-animate-css";@custom-variant dark (&:is(.dark *));@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }:root{--primary: #1f2937;--primary-foreground: #ffffff;--accent: #10b981;--accent-light: #d1fae5;--secondary: #f59e0b;--secondary-light: #fef3c7;--tertiary: #ec4899;--tertiary-light: #fce7f3;--quaternary: #3b82f6;--quaternary-light: #dbeafe;--danger: #ef4444;--success: #22c55e;--background: #ffffff;--background-alt: #f9fafb;--foreground: #1f2937;--border-color: #e5e7eb;--text-muted: #6b7280;--radius: .75rem;--comic-yellow: #fbbf24;--comic-red: #dc2626;--comic-blue: #2563eb;--japan-red: #c41e3a;--japan-gold: #d4af37;--japan-navy: #1a365d}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}button:not(:disabled),[role=button]:not([aria-disabled=true]),[type=button]:not(:disabled),[type=submit]:not(:disabled),[type=reset]:not(:disabled),a[href],select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled){@apply cursor-pointer;}}@layer components{.heading-1{@apply text-5xl md:text-6xl font-bold leading-tight tracking-tight;color:var(--foreground)}.heading-2{@apply text-3xl md:text-4xl font-bold leading-tight;color:var(--foreground)}.heading-3{@apply text-xl md:text-2xl font-semibold;color:var(--foreground)}.body-text{@apply text-base md:text-lg leading-relaxed;color:var(--text-muted)}.btn-primary{@apply px-8 py-4 font-semibold rounded-lg transition-all duration-300;background:var(--accent);color:#fff;box-shadow:0 4px 15px #10b98133}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98159}.btn-primary:active{transform:translateY(0)}.image-placeholder{@apply w-full rounded-lg overflow-hidden bg-gradient-to-br from-gray-50 to-gray-100 border-2 flex items-center justify-center;border-color:var(--border-color);aspect-ratio:16 / 9}.image-placeholder-text{@apply text-gray-500 font-medium text-center px-4;}.panel-card{@apply bg-white rounded-lg p-8 transition-all duration-300;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000a}.panel-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.accent-border-left{@apply pl-6 border-l-4;border-color:var(--accent)}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comic-panel{@apply rounded-none p-6 md:p-8 relative overflow-hidden;border:4px solid #000;background:#fff;box-shadow:8px 8px #00000026}.comic-panel-yellow{background:var(--comic-yellow);border-color:#000}.comic-panel-red{background:var(--comic-red);border-color:#000;color:#fff}.comic-panel-blue{background:var(--comic-blue);border-color:#000;color:#fff}.speech-bubble{@apply p-4 md:p-6 relative;background:#fff;border:3px solid #000;border-radius:20px;position:relative;margin-bottom:1rem}.speech-bubble:after{content:"";position:absolute;bottom:-15px;left:20px;width:0;height:0;border-left:15px solid transparent;border-right:0 solid transparent;border-top:15px solid white}.speech-bubble:before{content:"";position:absolute;bottom:-21px;left:17px;width:0;height:0;border-left:18px solid transparent;border-right:0 solid transparent;border-top:18px solid #000}.comic-title{@apply text-4xl md:text-5xl font-black leading-tight;font-family:Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.02em;text-shadow:3px 3px 0 rgba(0,0,0,.3)}.comic-text{@apply font-bold;font-family:Arial,sans-serif;letter-spacing:.05em}.japan-section{@apply relative;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-top:8px solid var(--japan-red);border-bottom:8px solid var(--japan-red)}.japan-accent{color:var(--japan-red)}.japan-card{@apply p-8 rounded-lg relative;background:#fff;border-left:6px solid var(--japan-red);box-shadow:0 4px 20px #c41e3a1a;position:relative}.japan-card:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle at 30% 30%,var(--japan-red) 0%,var(--japan-red) 40%,transparent 70%);opacity:.1;border-radius:50%}.japan-pattern{@apply relative;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(196,30,58,.05) 35px,rgba(196,30,58,.05) 70px)}.japan-divider{@apply h-2 w-full my-8;background:linear-gradient(90deg,transparent,var(--japan-red) 20%,var(--japan-red) 80%,transparent);position:relative}.japan-divider:before{content:"\e2\2014\2020";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--japan-red);font-size:1.5rem;background:#fff;padding:0 .5rem}.gradient-bg-1{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-bg-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-bg-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.accent-dot{@apply absolute rounded-full;background:var(--accent)}.accent-dot-secondary{background:var(--secondary)}.accent-dot-tertiary{background:var(--tertiary)}.border-thick{border:3px solid var(--foreground)}.border-dashed-thick{border:3px dashed var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in-up-1{animation-delay:.1s}.fade-in-up-2{animation-delay:.2s}.fade-in-up-3{animation-delay:.3s}.divider-gradient{@apply h-1 w-full my-12 rounded-full;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.divider-complex{@apply h-2 w-full my-12 rounded-full relative;background:linear-gradient(90deg,var(--accent) 0%,var(--secondary) 25%,var(--tertiary) 50%,var(--quaternary) 75%,var(--accent) 100%)}.highlight-box{@apply p-6 md:p-8 rounded-lg;background:linear-gradient(135deg,var(--accent-light) 0%,var(--secondary-light) 100%);border:1px solid var(--accent)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.flex{min-height:0;min-width:0}@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container{padding-left:2rem;padding-right:2rem;max-width:1280px}}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/jiyu-landing.css.map */