@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{--imprint-paper:#f7f4eb;--imprint-ink:#403c44;--imprint-muted:#8a8680;--imprint-rule:#403c4424;--imprint-accent:#6b7a6f;--imprint-accent-soft:#6b7a6f24;--imprint-warm:#e8e2d6;--bg:var(--imprint-paper);--parchment:var(--imprint-paper);--card-white:#fff;--brand:var(--imprint-ink);--brand-light:#5a565e;--text:var(--imprint-ink);--text-secondary:var(--imprint-muted);--text-muted:var(--imprint-muted);--border:var(--imprint-rule);--sage:var(--imprint-accent);--sage-light:var(--imprint-accent-soft);--combo-bg:var(--imprint-warm);--serif:var(--font-serif);--sans:var(--font-sans);--surface-border:1px solid var(--border);--surface-shadow:0 2px 10px #403c440f;--surface-shadow-hover:0 7px 20px #403c441a;--radius:12px;--radius-sm:8px;--transition:.3s cubic-bezier(.25,.1,.25,1)}*{box-sizing:border-box}:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--imprint-paper);color:var(--imprint-ink);font-family:var(--font-serif);font-size:var(--type-body,17px);-webkit-font-smoothing:antialiased;margin:0;line-height:1.8;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--imprint-accent) 1px, transparent 1px), linear-gradient(90deg, var(--imprint-accent) 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(--imprint-accent);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(--imprint-accent);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(--imprint-accent);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(--imprint-accent);border:1px solid var(--imprint-accent);opacity:.85;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-title span{color:var(--imprint-accent)}.hero-tagline{color:var(--text);max-width:600px;margin:0 auto .75rem;font-size:1.2rem;font-weight:350;line-height:1.6}.hero-tagline2{color:var(--text-secondary);max-width:560px;margin:0 auto 2rem;font-size:1rem;line-height:1.7}.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(--imprint-ink);color:var(--imprint-paper)}.btn-primary:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:0 4px 16px #403c4440}.btn-outline{color:var(--imprint-ink);border:1.5px solid var(--imprint-ink);background:0 0}.btn-outline:hover{background:var(--imprint-ink);color:var(--imprint-paper);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--imprint-accent);outline-offset:3px}.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-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);margin:0;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(--imprint-ink);width:56px;height:56px;font-family:var(--sans);color:var(--imprint-ink);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(--imprint-ink);color:var(--imprint-paper);transform:scale(1.1)}.workflow-step h3{color:var(--text);margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.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}.templates-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.template-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:1.75rem 1.25rem}.template-card:hover{box-shadow:var(--surface-shadow-hover);transform:translateY(-2px)}.template-card h3{color:var(--text);margin:0 0 .4rem;font-size:.98rem;font-weight:600}.template-card p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.7}.showcase-tabs,.product-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.tab,.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}.tab:hover,.product-tab:hover{border-color:var(--imprint-ink);color:var(--imprint-ink)}.tab.active,.product-tab.active{background:var(--imprint-ink);color:var(--imprint-paper);border-color:var(--imprint-ink)}.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}.compare-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.compare-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.compare-item{border:var(--surface-border);border-radius:var(--radius);background:var(--card-white);box-shadow:var(--surface-shadow);overflow:hidden}.compare-item img{aspect-ratio:9/16;object-fit:cover;background:var(--imprint-warm);width:100%;height:auto;display:block}.compare-caption{color:var(--text-secondary);border-top:1px solid var(--border);padding:.7rem .85rem;font-size:.84rem;line-height:1.6}.compare-caption strong{color:var(--text);font-weight:600}.vitrine-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:980px;margin:0 auto;display:grid}.vitrine-item{border:var(--surface-border);border-radius:var(--radius);background:var(--card-white);box-shadow:var(--surface-shadow);overflow:hidden}.vitrine-pair{background:var(--imprint-warm);grid-template-columns:64px 16px 1fr;align-items:center;gap:.35rem;padding:.5rem;display:grid}.vitrine-pair .vitrine-source{aspect-ratio:3/4;object-fit:cover;opacity:.9;filter:blur();border-radius:4px;width:64px;height:auto}.vitrine-arrow{color:var(--text-muted);text-align:center;font-size:.9rem}.vitrine-item img{aspect-ratio:9/16;object-fit:cover;background:var(--imprint-warm);width:100%;height:auto;display:block}.vitrine-caption{color:var(--text-secondary);border-top:1px solid var(--border);text-align:center;padding:.7rem .85rem;font-size:.84rem;line-height:1.6}.vitrine-caption strong{color:var(--text);font-weight:600}.source-note{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.82rem;line-height:1.6}@media (width<=900px){.vitrine-grid{grid-template-columns:1fr 1fr}.vitrine-pair{grid-template-columns:56px 14px 1fr}}@media (width<=600px){.vitrine-grid{grid-template-columns:1fr;max-width:360px}.compare-pair{grid-template-columns:1fr}}.template-placeholder{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--card-white);grid-column:1/-1;padding:3rem 1rem;font-size:.92rem;line-height:1.7}.vs-table{border-collapse:collapse;width:100%;max-width:720px;margin-top:1.5rem;margin-left:auto;margin-right:auto;font-size:.88rem}.vs-table th,.vs-table td{text-align:left;border:1px solid var(--border);padding:.65rem .85rem}.vs-table th{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--imprint-warm);font-size:.74rem}.vs-table td{line-height:1.6}.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(--imprint-warm);--install-ink:var(--imprint-ink);--install-muted:var(--imprint-muted);--install-accent:var(--imprint-accent);--install-rule:var(--imprint-rule);--install-hair:var(--imprint-rule);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(--imprint-ink);color:var(--imprint-ink);background:var(--imprint-warm)}.badge-link svg{width:16px;height:16px}.site-footer{background:var(--imprint-paper);border-top:1px solid var(--border);text-align:center;padding:3rem 0}.footer-brand{font-family:var(--serif);color:var(--imprint-ink);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(--imprint-ink)}.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,.compare-grid{grid-template-columns:repeat(2,1fr)}.workflow{flex-direction:column;gap:2rem}.hero-title{font-size:2.4rem}.section-title{font-size:1.8rem}}@media (width<=600px){.container{padding:0 1.25rem}.features-grid,.templates-grid,.compare-grid{grid-template-columns:1fr}.hero-title{font-size:1.8rem}.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%}.hero{padding:5.5rem 0 3rem}}