@import "https://fontsapi.zeoseven.com/22/main/result.css";:root{--font-serif:"LXGW Neo ZhiSong", "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", Georgia, serif;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", Menlo, monospace;--type-body:17px;--type-small:13px;--type-label:12px;--type-control:15px;--shared-card-white:var(--card-white,#fff);--shared-border:var(--border,#20242c24);--shared-brand:var(--brand,var(--imprint-ink,var(--ink,#20242c)));--shared-parchment:var(--parchment,var(--imprint-paper,var(--paper,#fbfaf6)))}.site-utility{z-index:100;position:absolute;inset:1.25rem 0 auto}.site-utility-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto;padding:0 2rem;display:flex}.showcase-home{color:var(--text-muted,var(--muted,#6c6d70));font-family:var(--font-serif,var(--serif,serif));font-size:var(--type-small,.82rem);letter-spacing:.03em;flex:none;text-decoration:none;transition:color .2s}.showcase-home:hover{color:var(--brand,var(--imprint-ink,var(--ink,#20242c)))}.showcase-home:focus-visible{outline:2px solid var(--brand,var(--imprint-accent,var(--ink,#20242c)));outline-offset:4px}.lang-toggle{background:var(--card-white,var(--shared-card-white,#fff));border:1px solid var(--border,var(--imprint-rule,var(--rule,#20242c24)));font-family:var(--font-sans,var(--sans,sans-serif));border-radius:8px;flex:none;gap:0;display:flex;overflow:hidden}.lang-toggle button{font-size:var(--type-label,.72rem);cursor:pointer;color:var(--text-muted,var(--imprint-muted,var(--muted,#6c6d70)));letter-spacing:.3px;background:0 0;border:0;padding:.35rem .75rem;font-weight:500;transition:all .2s}.lang-toggle button.active{background:var(--brand,var(--imprint-ink,var(--ink,#20242c)));color:var(--parchment,var(--imprint-paper,var(--paper,#fbfaf6)))}.lang-toggle button:hover:not(.active){color:var(--brand,var(--imprint-ink,var(--ink,#20242c)))}.lang-toggle button:focus-visible{outline:2px solid var(--brand,var(--imprint-accent,#6b7a6f));outline-offset:-2px}@media (width<=900px){.site-utility{inset:1rem 0 auto}}@media (width<=720px){.site-utility{inset:.75rem 0 auto}.site-utility-inner{padding:0 1rem}.lang-toggle button{padding:.3rem .55rem}}@media (width<=600px){.site-utility{inset:.5rem 0 auto}.site-utility-inner{padding:0 .75rem}}:root{--bg:#faf9f5;--parchment:#f5f4ed;--card-white:#fff;--brand:#1b365d;--brand-light:#2a5080;--text:#141413;--text-secondary:#6b6a64;--text-muted:#9a9890;--border:#e8e6dc;--sage:#7a8b7a;--sage-light:#a3b0a3;--rose:#c4a0a0;--rose-light:#d4b8b8;--combo-bg:#f7f6f0;--serif:var(--font-serif);--sans:var(--font-sans);--surface-border:1px solid var(--border);--surface-shadow:0 2px 10px #1b365d0b;--surface-shadow-hover:0 7px 20px #1b365d13;--card-art-shadow:0 8px 30px #00000014;--card-art-shadow-hover:0 16px 40px #0000001f;--radius:12px;--radius-sm:8px;--transition:.3s cubic-bezier(.25,.1,.25,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--serif);font-size:var(--type-body);font-weight:400;line-height:1.8;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--sage) 1px, transparent 1px), linear-gradient(90deg, var(--sage) 1px, transparent 1px);opacity:.03;background-size:72px 72px;position:fixed;inset:0}.container{max-width:960px;margin:0 auto;padding:0 2rem}section{padding:5rem 0;position:relative}.section-divider{max-width:960px;margin:0 auto;padding:0 2rem}.section-divider hr{border:none;border-top:1px solid var(--border);opacity:.6}.section-header{text-align:center;margin-bottom:3.5rem}.section-label{font-family:var(--sans);font-size:var(--type-label);text-transform:uppercase;letter-spacing:4px;color:var(--brand);margin-bottom:.75rem}.section-title{color:var(--text);margin-bottom:.75rem;font-size:2.2rem;font-weight:600;line-height:1.3}.section-title em{color:var(--brand);font-style:normal}.section-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.05rem;font-weight:350}.hero{text-align:center;padding:6rem 0 5rem;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid var(--sage);opacity:.06;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-80px}.hero-badge{font-family:var(--sans);letter-spacing:3px;text-transform:uppercase;color:var(--brand);border:1px solid var(--brand);opacity:.8;border-radius:20px;margin-bottom:2rem;padding:.3rem 1rem;font-size:.7rem;display:inline-block}.hero-title{color:var(--text);margin-bottom:1rem;font-size:3.4rem;font-weight:700;line-height:1.2}.hero-tagline{color:var(--text-secondary);max-width:600px;margin:0 auto .75rem;font-size:1.2rem;font-weight:350;line-height:1.6}.hero-credit{color:var(--text-muted);letter-spacing:1px;margin-bottom:2.5rem;font-size:.78rem}.hero-cards{justify-content:center;gap:2rem;margin:3.5rem 0;display:flex}.hero-card{width:140px;height:210px;box-shadow:var(--card-art-shadow);transition:transform var(--transition), box-shadow var(--transition);border-radius:8px;animation:6s ease-in-out infinite cardFloat;overflow:hidden}.hero-card:nth-child(2){animation-delay:-2s}.hero-card:nth-child(3){animation-delay:-4s}.hero-card:hover{box-shadow:var(--card-art-shadow-hover);transform:translateY(-8px)scale(1.04)}.hero-card img{object-fit:cover;width:100%;height:100%;display:block}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{font-family:var(--sans);font-size:var(--type-control);transition:all var(--transition);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);color:var(--parchment)}.btn-primary:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:0 4px 16px #1b365d40}.btn-outline{color:var(--brand);border:1.5px solid var(--brand);background:0 0}.btn-outline:hover{background:var(--brand);color:var(--parchment);transform:translateY(-1px)}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--card-white);border:var(--surface-border);border-radius:var(--radius);box-shadow:var(--surface-shadow);transition:transform var(--transition), box-shadow var(--transition);padding:2rem 1.5rem}.feature-card:hover{box-shadow:var(--surface-shadow-hover);transform:translateY(-2px)}.feature-icon{background:var(--combo-bg);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.feature-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.feature-card p{color:var(--text-secondary);font-size:.92rem;font-weight:350;line-height:1.7}.workflow{align-items:flex-start;gap:0;display:flex;position:relative}.workflow-step{text-align:center;z-index:1;flex:1;position:relative}.step-number{background:var(--card-white);border:2px solid var(--brand);width:56px;height:56px;font-family:var(--sans);color:var(--brand);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.2rem;font-weight:600;display:flex}.workflow-step:hover .step-number{background:var(--brand);color:var(--parchment);transform:scale(1.1)}.workflow-step h3{color:var(--text);margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.workflow-step .step-label{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:350}.workflow-step p{color:var(--text-secondary);max-width:230px;margin:0 auto;font-size:.9rem;font-weight:350;line-height:1.65}.workflow-arrow{color:var(--text-muted);flex-shrink:0;align-items:center;padding-top:16px;font-size:1.5rem;display:flex}.product-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.product-tab{font-family:var(--sans);border:1px solid var(--border);background:var(--card-white);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:8px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:500}.product-tab:hover{border-color:var(--brand);color:var(--brand)}.product-tab.active{background:var(--brand);color:var(--parchment);border-color:var(--brand)}.product-panel{display:none}.product-panel.active{animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.product-showcase-card{background:var(--card-white);border:var(--surface-border);border-radius:var(--radius);box-shadow:var(--surface-shadow);padding:2rem}.preview-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.preview-img-wrap{border:var(--surface-border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.preview-img-wrap img{width:100%;display:block}.product-desc{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.95rem;line-height:1.7}.iframe-showcase{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:560px;overflow:hidden}.iframe-showcase iframe{border:none;width:100%;height:100%}.spreads-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.spread-card{background:var(--card-white);border:var(--surface-border);border-radius:var(--radius);text-align:center;box-shadow:var(--surface-shadow);transition:transform var(--transition), box-shadow var(--transition);padding:1.75rem 1rem}.spread-card:hover{box-shadow:var(--surface-shadow-hover);transform:translateY(-2px)}.spread-visual{width:64px;height:64px;margin:0 auto 1rem}.spread-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.spread-dot{background:var(--sage);opacity:.4;border-radius:50%;width:10px;height:10px}.spread-dot.accent{background:var(--brand);opacity:.7}.spread-card h3{color:var(--text);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.spread-card p{color:var(--text-secondary);margin-top:.5rem;font-size:.8rem;line-height:1.5}.gallery-grid{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}.gallery-item{border:var(--surface-border);box-shadow:var(--surface-shadow);transition:transform var(--transition), box-shadow var(--transition);aspect-ratio:2/3;background:var(--bg);border-radius:6px;overflow:hidden}.gallery-item:hover{box-shadow:var(--surface-shadow-hover);z-index:2;transform:translateY(-4px)scale(1.06)}.gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.gallery-rotate{text-align:center;margin-top:1.5rem}.gallery-rotate button{font-family:var(--sans);color:var(--text-muted);border:1px solid var(--border);background:var(--card-white);cursor:pointer;transition:all var(--transition);border-radius:6px;padding:.4rem 1.2rem;font-size:.82rem}.gallery-rotate button:hover{border-color:var(--brand);color:var(--brand)}.install-block{background:var(--card-white);border:var(--surface-border);border-radius:var(--radius);box-shadow:var(--surface-shadow);text-align:center;max-width:720px;margin:0 auto;padding:2rem}.install-note{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem}.skill-install{--install-bg:var(--combo-bg);--install-ink:var(--text);--install-muted:var(--text-secondary);--install-accent:var(--brand);--install-rule:var(--sage-light);--install-hair:var(--border);margin-top:1.5rem}.install-badges{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.badge-link{font-family:var(--sans);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;text-decoration:none;display:inline-flex}.badge-link:hover{border-color:var(--brand);color:var(--brand);background:var(--combo-bg)}.badge-link svg{width:16px;height:16px}.site-footer{background:var(--parchment);border-top:1px solid var(--border);text-align:center;padding:3rem 0}.footer-brand{font-family:var(--serif);color:var(--brand);margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.footer-tagline{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;font-weight:350}.footer-credits{color:var(--text-muted);font-size:.8rem;line-height:2}.footer-credits a{color:var(--text-secondary);transition:color var(--transition);text-decoration:none}.footer-credits a:hover{color:var(--brand)}.animate-in{opacity:0;animation:.8s forwards slideUp;transform:translateY(24px)}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.2s}.animate-in:nth-child(4){animation-delay:.3s}.animate-in:nth-child(5){animation-delay:.4s}.animate-in:nth-child(6){animation-delay:.5s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (width<=900px){.features-grid,.spreads-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}.workflow{flex-direction:column;gap:2rem}.hero-title{font-size:2.4rem}.section-title{font-size:1.8rem}.site-utility{top:.75rem}.lang-toggle button{font-size:var(--type-label);padding:.3rem .55rem}}@media (width<=600px){.container{padding:0 1.25rem}.features-grid{grid-template-columns:1fr}.spreads-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.hero-title{font-size:1.8rem}.hero-cards{gap:1rem}.hero-card{width:90px;height:135px}.preview-grid{grid-template-columns:1fr}.product-tabs{flex-wrap:wrap}section{padding:3.5rem 0}.section-title{font-size:1.5rem}.workflow-step p{max-width:100%}.site-utility{top:.5rem}.site-utility-inner{padding:0 .75rem}.showcase-home{max-width:9rem}}
