@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--font-serif: "Playfair Display", serif;--font-display: "Cinzel", serif;--font-sans: "Lato", sans-serif;--bg-color: #0c0c0c;--text-primary: #f2f2f2;--text-secondary: #a0a0a0;--border-color: #333333;--surface-color: rgba(255, 255, 255, .03);--btn-hover-bg: #f2f2f2;--btn-hover-text: #0c0c0c;--feature-border: #333333;--container-width: 1000px;--header-height: 100px}[data-theme=light]{--bg-color: #f7f7f5;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #e5e5e5;--surface-color: rgba(0, 0, 0, .03);--btn-hover-bg: #1a1a1a;--btn-hover-text: #f7f7f5;--feature-border: #e5e5e5}.hidden{display:none!important}:root[lang=en] [data-zh]{display:none!important}:root[lang=zh] [data-en]{display:none!important}body,.btn,.feature-item,.navbar,.icon-btn,.text-btn{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}#diffuse-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}h1,h2,h3{font-family:var(--font-serif);font-weight:400;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(3rem,5vw,4.5rem);margin-bottom:2rem}h2{font-size:2.5rem;margin-bottom:1rem;position:relative;display:inline-block}h2:after{content:"";display:block;width:40px;height:1px;background:var(--text-primary);margin-top:1rem;opacity:.5}p{font-size:1.1rem;color:var(--text-secondary);font-weight:300;max-width:600px}a{text-decoration:none;color:inherit;transition:all .4s ease}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:1rem 2.5rem;border:1px solid var(--text-primary);font-family:var(--font-sans);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--text-primary);transition:all .4s ease}.btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text)}.btn-secondary{border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-primary);background:transparent;color:var(--text-primary)}.icon-btn,.text-btn{background:none;border:none;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .3s ease}.icon-btn:hover,.text-btn:hover{color:var(--text-secondary)}.text-btn{font-family:var(--font-sans);font-weight:700;font-size:.9rem}.nav-link{font-family:var(--font-sans);font-size:.9rem;color:var(--text-secondary);font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--text-primary)}.navbar{position:absolute;top:0;width:100%;height:var(--header-height);z-index:10;display:flex;align-items:center}.navbar .container{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:.05em;display:flex;align-items:center;gap:1rem}.logo img{height:32px;filter:invert(1);opacity:.9;transition:filter .3s ease}[data-theme=light] .logo img{filter:invert(0)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);position:relative}.hero-content{animation:fadeInSlow 1.5s ease-out}.hero-subtitle{font-family:var(--font-display);font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2rem;display:block}.hero-image-container{margin-top:4rem;position:relative;border:1px solid var(--border-color);padding:20px;background:#ffffff03}.hero-image{width:100%;display:block;filter:grayscale(100%) contrast(1.1);transition:filter .5s ease}.hero-image:hover{filter:grayscale(0%) contrast(1)}.philosophy{padding:10rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:6rem 4rem;margin-top:5rem}.feature-item{border-top:1px solid var(--feature-border);padding-top:2rem;transition:border-color .4s ease}.feature-item:hover{border-color:var(--text-primary)}.feature-num{font-family:var(--font-display);font-size:1.2rem;color:var(--text-secondary);margin-bottom:1rem;display:block}.feature-item h3{font-size:1.5rem;margin-bottom:1rem;font-weight:400}.feature-item p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.feature-preview{margin-top:2rem;border:1px solid var(--border-color);padding:10px;background:var(--surface-color);overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .4s ease}.feature-item:hover .feature-preview{transform:translateY(-10px);border-color:var(--text-primary)}.preview-img{width:100%;display:block;filter:grayscale(100%) contrast(1.1);transition:filter .5s ease}.feature-item:hover .preview-img{filter:grayscale(0%) contrast(1)}.quote-section{padding:8rem 0;text-align:center;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.quote{font-family:var(--font-serif);font-size:2rem;font-style:italic;color:var(--text-primary);line-height:1.4;max-width:800px;margin:0 auto}.quote-mission{margin-top:2rem;font-size:1.1rem;color:var(--text-secondary);font-weight:300;letter-spacing:.05em;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInSlow 2s ease-out}.installation{padding:10rem 0}.step-list{margin-top:4rem;list-style:none}.step{display:flex;justify-content:space-between;align-items:baseline;padding:2rem 0;border-bottom:1px solid var(--border-color);transition:padding .3s ease}.step:hover{padding-left:20px}.step-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.05em}.step-desc{color:var(--text-secondary);font-size:.95rem;text-align:right}footer{padding:3rem 0;text-align:center;font-size:.8rem;color:var(--border-color);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase}@keyframes fadeInSlow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.step{flex-direction:column;gap:.5rem;align-items:flex-start}.step-desc{text-align:left}h1{font-size:2.5rem}}.share-input-group{display:flex;margin-top:2.5rem;max-width:450px;background:#ffffff08;border:1px solid var(--border-color);padding:.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.share-input-group:focus-within{border-color:var(--text-primary);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.share-input-wrapper{flex:1;display:flex;align-items:center;padding:0 1rem}.share-input-wrapper input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:.8rem 0}.share-input-wrapper input::placeholder{color:var(--text-secondary);opacity:.5}.share-input-btn{background:var(--text-primary);color:var(--bg-color);border:none;padding:0 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.share-input-btn:hover{opacity:.9}.share-input-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.share-input-group{max-width:100%}}