@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color:#fff;--text-color:#333;--primary-color:#3b82f6;--secondary-color:#1e40af;--accent-color:#60a5fa;--red-bg:#ef4444;--red-dark-bg:#7f1d1d}@media (prefers-color-scheme:dark){:root{--bg-color:#111827;--text-color:#f3f4f6;--primary-color:#3b82f6;--secondary-color:#93c5fd;--accent-color:#60a5fa;--red-bg:#b91c1c;--red-dark-bg:#450a0a}}body{background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans SC,sans-serif;margin:0;padding:0;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}div,main,section{display:block}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color)}.fixed.inset-0.flex.items-center.justify-center{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999}.first-page{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.first-page .absolute.inset-0{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}html{scroll-behavior:smooth}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.text-shadow-sm{text-shadow:1px 1px 3px rgba(0,0,0,.4)}.text-shadow-lg{text-shadow:3px 3px 6px rgba(0,0,0,.6)}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dark .dark-mode-transition{transition:all .3s ease-in-out}.text-outline{-webkit-text-stroke:1px rgba(0,0,0,.1)}.bg-transition{transition:background-color .5s ease-in-out}.page-transition{transition:all 1s cubic-bezier(.645,.045,.355,1);will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-hint{animation:bounce 2s infinite}@keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}to{transform:translateY(0) scale(1)}}.white-decoration{animation:float 8s ease-in-out infinite}.white-decoration:nth-child(2){animation-delay:-2s}.white-decoration:nth-child(3){animation-delay:-4s}.white-decoration:nth-child(4){animation-delay:-6s}.smooth-transform{transition:transform 1s cubic-bezier(.645,.045,.355,1),opacity 1s cubic-bezier(.645,.045,.355,1);will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content-transition{transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);will-change:transform,opacity;transform-origin:center center}