:root{--color-primary: #1fb3a7;--color-primary-dark: #18998f;--color-primary-light: #83e8df;--color-primary-rgb: 31, 179, 167;--color-bg: #ffffff;--color-bg-alt: #f4f5f7;--color-text: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-border: rgba(0, 0, 0, .07);--color-bg-dark: #0a0a0f;--color-bg-alt-dark: #111118;--color-text-dark: #e5e7eb;--color-text-secondary-dark: #9ca3af;--font-sans: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 36px;--section-gap: clamp(80px, 14vh, 140px);--content-width: 1320px;--shadow-card: 0 2px 16px rgba(0, 0, 0, .04);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .08);--shadow-heavy: 0 12px 48px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(var(--color-primary-rgb), .15);--shadow-3d: 0 20px 60px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);--perspective: 1200px;--depth-near: 10px;--depth-mid: 30px;--depth-far: 60px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: .2s ease;--transition-base: .4s ease;--transition-slow: .85s cubic-bezier(.22, 1, .36, 1);--transition-reveal: 1s cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--color-bg: var(--color-bg-dark);--color-bg-alt: var(--color-bg-alt-dark);--color-text: var(--color-text-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-border: rgba(255, 255, 255, .06);--shadow-card: 0 2px 16px rgba(0, 0, 0, .2);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .3);--shadow-heavy: 0 12px 48px rgba(0, 0, 0, .4);--shadow-3d: 0 20px 60px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}body{font-family:var(--font-sans);line-height:1.6;color:var(--color-text);background:radial-gradient(ellipse 120% 80% at 15% 20%,rgba(var(--color-primary-rgb),.05) 0%,transparent 60%),radial-gradient(ellipse 100% 70% at 85% 50%,rgba(var(--color-primary-rgb),.04) 0%,transparent 55%),radial-gradient(ellipse 80% 60% at 50% 85%,rgba(var(--color-primary-rgb),.03) 0%,transparent 50%),linear-gradient(135deg,rgba(var(--color-primary-rgb),.04) 25%,transparent 25%),linear-gradient(225deg,rgba(var(--color-primary-rgb),.04) 25%,transparent 25%),linear-gradient(315deg,rgba(var(--color-primary-rgb),.03) 25%,transparent 25%),linear-gradient(45deg,rgba(var(--color-primary-rgb),.03) 25%,transparent 25%),var(--color-bg);background-size:auto,auto,auto,60px 60px,60px 60px,60px 60px,60px 60px,auto;background-position:0 0,0 0,0 0,0 0,0 0,30px 0,30px 30px,0 0;overflow-x:hidden;letter-spacing:.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}::selection{background:rgba(var(--color-primary-rgb),.2);color:var(--color-text)}.sec{position:relative;padding-bottom:var(--section-gap);overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 800px}.sec-wrap{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 clamp(24px,5vw,60px);position:relative;z-index:1}.sec-head{text-align:center;margin-bottom:clamp(44px,7vh,64px)}.sec-ttl{font-size:clamp(29px,4.8vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--color-text);margin-bottom:14px}.sec-sub{font-size:clamp(14px,1.8vw,19px);color:var(--color-text-secondary);max-width:720px;margin:0 auto;line-height:1.6}.sec-full{width:100vw;margin-left:calc(50% - 50vw);position:relative}.sec-full img{width:100%;display:block}.t{opacity:0;transform:translateY(40px);transition:opacity var(--transition-reveal),transform var(--transition-reveal)}.t.on{opacity:1;transform:translateY(0);will-change:auto}.t1{transition-delay:.08s}.t2{transition-delay:.16s}.t3{transition-delay:.24s}.t4{transition-delay:.32s}.t5{transition-delay:.4s}.t6{transition-delay:.48s}.t7{transition-delay:.56s}.t8{transition-delay:.64s}.t9{transition-delay:.72s}.t10{transition-delay:.8s}.t-l{opacity:0;transform:translate(-40px);transition:opacity var(--transition-reveal),transform var(--transition-reveal)}.t-l.on{opacity:1;transform:translate(0)}.t-r{opacity:0;transform:translate(40px);transition:opacity var(--transition-reveal),transform var(--transition-reveal)}.t-r.on{opacity:1;transform:translate(0)}.t-scale{opacity:0;transform:scale(.92);transition:opacity var(--transition-reveal),transform var(--transition-reveal)}.t-scale.on{opacity:1;transform:scale(1)}.glass{background:#ffffffb8;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);box-shadow:0 2px 16px #0000000a,inset 0 1px #fff9;transition:transform var(--transition-base),box-shadow var(--transition-base)}[data-theme=dark] .glass{background:#111118d1;border-color:#ffffff0f;box-shadow:0 2px 16px #0003,inset 0 1px #ffffff0a}.glass:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.glass-3d{background:#ffffffbf;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a,inset 0 1px #ffffffb3;transition:transform .5s var(--ease-smooth),box-shadow .5s var(--ease-smooth);transform-style:preserve-3d;perspective:var(--perspective)}[data-theme=dark] .glass-3d{background:#14141ed9;border-color:#ffffff0f;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff0a}.tilt-container{perspective:var(--perspective);transform-style:preserve-3d}.tilt-card{transition:transform .5s var(--ease-smooth);transform-style:preserve-3d;will-change:transform}.tilt-card:hover{transform:translateZ(var(--depth-near))}.bento{display:grid;gap:clamp(16px,2.5vw,24px)}.b2{grid-template-columns:repeat(2,1fr)}.b3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.b3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.b2,.b3{grid-template-columns:1fr}}.tabs{display:inline-flex;gap:5px;padding:6px;background:var(--color-bg-alt);border-radius:var(--radius-md)}.tab{padding:12px 28px;border-radius:var(--radius-sm);font-size:16px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .3s var(--ease-spring);white-space:nowrap}.tab:hover{color:var(--color-text)}.tab.on{background:var(--color-bg);color:var(--color-primary);font-weight:600;box-shadow:0 1px 4px #0000000d;transform:scale(1.03)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.particles-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle-dot{position:absolute;border-radius:50%;background:rgba(var(--color-primary-rgb),.15);animation:float 6s ease-in-out infinite}[data-theme=dark] .particle-dot{background:rgba(var(--color-primary-rgb),.25)}@media(max-width:1024px){.t-l,.t-r{transform:translateY(40px)}.t-l.on,.t-r.on{transform:translateY(0)}}@media(max-width:640px){:root{font-size:16px;--section-gap: clamp(56px, 14vw, 80px);--perspective: 800px}body{background:radial-gradient(ellipse 120% 80% at 15% 20%,rgba(var(--color-primary-rgb),.04) 0%,transparent 60%),var(--color-bg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.t,.t-l,.t-r,.t-scale{opacity:1;transform:none;transition:none}.particles-bg{display:none}}