@import"https://fonts.loli.net/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Ma+Shan+Zheng&display=swap";:root{--color-primary: #0B3058;--color-primary-dark: #061A30;--color-primary-light: #2A5A8A;--color-secondary: #C59D5F;--color-secondary-light: #E0C89F;--color-accent: #00B4D8;--color-accent-light: #EAF4FA;--color-bg-body: #F5F7FA;--color-bg-card: #FFFFFF;--color-text-main: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-light: #888888;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--font-heading: "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", sans-serif;--font-script: "Ma Shan Zheng", cursive;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--shadow-sm: 0 2px 4px rgba(11, 48, 88, .05);--shadow-md: 0 6px 12px -2px rgba(11, 48, 88, .1);--shadow-lg: 0 15px 25px -5px rgba(11, 48, 88, .1), 0 8px 10px -6px rgba(11, 48, 88, .1);--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--color-primary);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-2xl) 0}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.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-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-20{padding-top:5rem}.pl-7{padding-left:1.75rem}.w-full{width:100%}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.leading-relaxed{line-height:1.75}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.text-secondary{color:var(--color-text-secondary)}.text-white{color:#fff}.text-gray-800{color:#1f2937}.bg-white{background-color:#fff}.bg-light{background-color:var(--color-bg-body)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-gray-100{background-color:#f3f4f6}.bg-accent-light{background-color:var(--color-accent-light)}.opacity-80{opacity:.8}.opacity-60{opacity:.6}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid #e5e7eb}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-weight:600;font-size:.95rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 14px #0b305840;letter-spacing:.02em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0b305859;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:transparent;color:var(--color-primary);font-weight:600;font-size:.95rem;border-radius:var(--radius-full);border:2px solid var(--color-primary);cursor:pointer;transition:all var(--transition-normal)}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0b305840}.btn-outline:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#ffffff26;color:#fff;font-weight:600;font-size:.95rem;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px)}.page-hero{padding:8rem 0 4rem;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,180,216,.15) 0%,transparent 60%);pointer-events:none}.page-hero h1{color:#fff;font-size:2.5rem;margin-bottom:1rem;position:relative}.page-hero p{opacity:.85;max-width:42rem;margin:0 auto;font-size:1.1rem;position:relative}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2rem;margin-bottom:.75rem}.section-header p{color:var(--color-text-secondary);max-width:42rem;margin:0 auto;font-size:1.05rem}.section-header .section-line{width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));margin:1rem auto 0;border-radius:2px}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--spacing-md)}}@media(max-width:767px){.md\:flex{display:none}.md\:hidden{display:block}.section{padding:var(--spacing-xl) 0}.page-hero{padding:6rem 0 3rem}.page-hero h1{font-size:1.75rem}}@media(max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@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-delay-1{animation-delay:.1s;opacity:0}.fade-in-up-delay-2{animation-delay:.2s;opacity:0}.fade-in-up-delay-3{animation-delay:.3s;opacity:0}