:root{--bg: #fafaf8;--fg: #1a1a1a;--fg-muted: #6b6b67;--accent: #c45d3e;--accent-hover: #a84e34;--accent-light: rgba(196, 93, 62, .08);--border: #e8e8e3;--border-strong: #d4d4cf;--bg-alt: #f0f0ec;--bg-elevated: #ffffff;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--font-serif: "Noto Serif SC", "Georgia", serif;--font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);line-height:1.7;min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.015'/%3E%3C/svg%3E")}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--fg);color:var(--bg);font-size:.9rem;transition:top .2s}.skip-link:focus{top:.5rem}a{color:var(--accent);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.3;letter-spacing:-.02em}.container{max-width:1080px;margin:0 auto;padding:0 2rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fafaf8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1080px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:var(--nav-height)}.nav-logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--fg);letter-spacing:-.03em}.nav-logo:hover{color:var(--fg)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--fg-muted);font-size:.9rem;letter-spacing:.02em;position:relative;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--accent);transition:width .2s var(--ease)}.nav-links a:hover{color:var(--fg)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--fg)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-toggle span{display:block;width:20px;height:1.5px;background:var(--fg);margin:5px 0;transition:all .2s var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{opacity:0;animation:fadeUp .5s var(--ease) forwards}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}@media(prefers-reduced-motion:reduce){.animate{opacity:1;animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.footer{margin-top:8rem;padding:3rem 0;border-top:1px solid var(--border);color:var(--fg-muted);font-size:.85rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--fg-muted);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:all .2s var(--ease)}.footer-links a:hover{color:var(--accent);background:var(--accent-light)}.footer-copyright{margin:0}.page-header{padding:10rem 0 4rem;position:relative}.page-header:after{content:"";position:absolute;bottom:0;left:2rem;right:2rem;height:1px;background:linear-gradient(to right,transparent,var(--border-strong),transparent)}.page-header h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem}.page-header p{color:var(--fg-muted);font-size:1.15rem;max-width:540px}.section{padding:5rem 0}.section-title{font-size:1.5rem;margin-bottom:2.5rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--fg);color:var(--bg);font-size:.9rem;letter-spacing:.02em;border:none;cursor:pointer;transition:all .2s var(--ease);min-height:44px}.btn:hover{background:var(--accent);color:var(--bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--fg);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.card{background:var(--bg-elevated);border:1px solid var(--border);transition:all .3s var(--ease)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.divider{height:1px;background:linear-gradient(to right,transparent,var(--border-strong),transparent);margin:0 2rem}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background:#fafaf8fa;backdrop-filter:blur(20px);flex-direction:column;padding:1.5rem 2rem;gap:0;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-links a{padding:.75rem 0;min-height:44px;display:flex;align-items:center}.container{padding:0 1.25rem}}