:root{font-family:var(--font-body),"Noto Sans SC","PingFang SC","Microsoft Yahei",sans-serif;line-height:1.6;font-weight:400;color:#e2e8f0;background-color:#0a1628;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg:#0a1628;--color-bg-elevated:#0f172a;--color-surface:rgba(15,23,42,.86);--color-surface-soft:rgba(10,16,32,.9);--color-border:rgba(148,163,184,.22);--color-text:#e2e8f0;--color-muted:#94a3b8;--color-text-secondary:#94a3b8;--color-accent:#6366f1;--color-accent-soft:rgba(99,102,241,.2);--color-primary:#6366f1;--color-primary-hover:#8b5cf6;--color-error:#f87171;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:3.5rem;--space-10:4rem;--shadow-sm:0 8px 20px rgba(6,11,22,.35);--shadow-md:0 14px 36px rgba(6,11,22,.4);--shadow-accent:0 14px 32px rgba(99,102,241,.35)}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(circle at 20% 20%,rgba(99,102,241,.22),transparent 42%),radial-gradient(circle at 80% 10%,rgba(6,182,212,.15),transparent 38%);color:var(--color-text)}h1,h2,h3,h4,h5,h6{margin:0;color:#fff}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word;word-break:break-word}p{margin:0}a{color:inherit}.page-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.page-shell__main{flex:1 1;padding:var(--space-6) 0 var(--space-8)}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-8) 0;display:flex;flex-direction:column;gap:var(--space-5)}.card{padding:var(--space-5);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;min-height:46px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn--primary{background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#0a0f1f;box-shadow:var(--shadow-accent)}.btn--primary:hover{transform:translateY(-2px)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--secondary{background:transparent;color:var(--color-text);border-color:rgba(148,163,184,.3)}.btn--secondary:hover{border-color:rgba(99,102,241,.5);background:rgba(99,102,241,.12)}.type-h1{font-size:clamp(2rem,2.6vw,3rem);line-height:1.15;letter-spacing:-.02em}.type-h1,.type-h2{font-family:var(--font-display),"Noto Sans SC","PingFang SC","Microsoft Yahei",sans-serif}.type-h2{font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.2;letter-spacing:-.01em}.type-body{color:var(--color-muted);font-size:1rem}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.layout__content{flex:1 1;padding:var(--space-6);max-width:1280px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.layout__main{flex:1 1;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(9,13,28,.92));border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid rgba(99,102,241,.2)}.layout--public .layout__content{flex-direction:column;align-items:center;text-align:left}.layout--public .layout__content .layout__main{width:100%}.layout__main--marketing{display:flex;flex-direction:column;gap:var(--space-6)}.marketing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.marketing-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.marketing-card h3{margin-bottom:var(--space-2)}.marketing-list{margin:0;padding-left:1.2rem;color:var(--color-muted)}.marketing-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.social-proof{display:flex;flex-direction:column;gap:.75rem}.social-proof__text{font-weight:600;color:var(--color-text)}.social-proof__logos{display:flex;flex-wrap:wrap;gap:.5rem}.social-proof__logo{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-muted);font-size:.85rem}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;background:rgba(148,163,184,.2);color:var(--color-text)}.template-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.template-tile{display:flex;flex-direction:column;gap:var(--space-2)}.template-tile__thumb{width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:linear-gradient(135deg,#111827,#1f2937)}.template-tile__meta{display:flex;justify-content:space-between;font-size:.85rem}.template-tile__meta,.template-tile__tag{color:var(--color-muted)}.marketing-section--cta{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid rgba(37,99,235,.35);background:rgba(37,99,235,.08);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.pricing-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pricing-card{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.pricing-card__label{font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.pricing-card__price{font-size:2rem;font-weight:700;margin:.25rem 0 .75rem}.pricing-card--highlight{border-color:rgba(37,99,235,.6);box-shadow:var(--shadow-accent)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-soft)}.faq-item summary{cursor:pointer;font-weight:600;color:var(--color-text);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--color-muted)}.faq-item[open] summary:after{content:"-"}.faq-item p{margin-top:var(--space-3)}.contact-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.contact-form{margin-top:0}.page{display:flex;flex-direction:column;gap:.75rem;padding-bottom:96px}.page--generator .card:hover{transform:none;box-shadow:var(--shadow-sm)}.page__header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.page__actions{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}.page__actions-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.page__actions-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 0 16px;background:rgba(8,12,24,.85);border-top:1px solid rgba(99,102,241,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:12}.page__actions-bar-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;gap:.75rem}.page__actions-bar-spacer{flex:1 1}.page--hero{gap:1rem}.page__lead{color:var(--color-muted);max-width:720px}.source-card{width:100%;display:flex;flex-direction:column;gap:1.25rem}.source-language{width:100%;max-width:360px}.source-card__header h1{margin-bottom:.25rem}.source-upload{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.file-chips{gap:.75rem}.file-chip,.file-chips{display:flex;flex-direction:column}.file-chip{gap:.35rem;padding:.75rem 1rem;border-radius:.75rem;background:rgba(15,23,42,.6);border:1px solid hsla(0,0%,100%,.08)}.file-chip__meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.file-chip__name{font-weight:600;color:#f8fafc}.file-chip__status{font-size:.85rem;color:#cbd5e1}.file-chip__actions{display:flex;gap:.5rem;flex-wrap:wrap}.source-mode{display:flex;flex-direction:column;gap:.5rem}.source-mode__options{display:flex;flex-wrap:wrap;gap:.5rem}.template-card{width:100%;display:flex;flex-direction:column;gap:1.5rem}.template-card__header h1{margin-bottom:.25rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.template-notes{padding:1rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.18);background:rgba(12,18,32,.5)}.template-card__item{text-align:left;padding:.85rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.6);color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.template-card__item:hover{border-color:rgba(148,163,184,.6);transform:translateY(-2px)}.template-card__item.is-active{border-color:rgba(37,99,235,.8);box-shadow:0 12px 30px rgba(37,99,235,.2)}.template-card__preview{width:100%;aspect-ratio:16/9;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.08);margin-bottom:.75rem}.template-card__preview--image{background-size:cover;background-position:50%;background-repeat:no-repeat}.template-card__preview--aurora{background:linear-gradient(135deg,#0f172a,#0ea5e9)}.template-card__preview--slate{background:linear-gradient(135deg,#111827,#334155)}.template-card__preview--horizon{background:linear-gradient(135deg,#0f172a,#38bdf8,#a855f7)}.template-card__preview--vertex{background:linear-gradient(135deg,#0f172a,#22c55e)}.template-card__preview--nimbus{background:linear-gradient(135deg,#0f172a,#60a5fa,#e2e8f0)}.template-card__preview--ledger{background:linear-gradient(135deg,#111827,#0ea5e9,#14b8a6)}.template-card__preview--signal{background:linear-gradient(135deg,#0f172a,#f97316,#facc15)}.template-card__preview--canvas{background:linear-gradient(135deg,#0f172a,#f472b6,#fda4af)}.template-card__preview--orbit{background:linear-gradient(135deg,#111827,#8b5cf6,#22d3ee)}.template-card__preview--cobalt{background:linear-gradient(135deg,#0b1020,#1e3a8a,#2563eb)}.template-card__preview--studio{background:linear-gradient(135deg,#0f172a,#64748b,#cbd5f5)}.template-card__preview--beacon{background:linear-gradient(135deg,#0f172a,#f59e0b,#84cc16)}.template-card__preview--strata{background:linear-gradient(135deg,#0f172a,#475569,#94a3b8)}.template-card__preview--quartz{background:linear-gradient(135deg,#0f172a,#e879f9,#60a5fa)}.template-card__preview--summit{background:linear-gradient(135deg,#0f172a,#0ea5e9,#22c55e)}.template-card__preview--none{background:repeating-linear-gradient(45deg,rgba(148,163,184,.2),rgba(148,163,184,.2) 6px,rgba(15,23,42,.6) 0,rgba(15,23,42,.6) 12px)}.template-card__name{font-weight:600;color:#f8fafc;margin-bottom:.25rem}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;text-decoration:none;width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow-accent)}.primary-button:hover{filter:brightness(1.05)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.ghost-button:hover{border-color:hsla(0,0%,100%,.4)}.ghost-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button.is-locked{opacity:.55;cursor:not-allowed}.ghost-button.is-locked:hover{border-color:var(--color-border)}.ghost-button.is-active,.primary-button.is-active{box-shadow:0 0 0 2px rgba(37,99,235,.35)}.form__label{display:flex;flex-direction:column;gap:.35rem}.form__label-text{font-weight:600;color:#fff}.form__input,.form__textarea{width:100%;background:#0b1224;color:#e5e7eb;border:1px solid hsla(0,0%,100%,.16);border-radius:.75rem;padding:.75rem}.form__input:focus,.form__textarea:focus{outline:2px solid #2563eb}.form__textarea{resize:vertical;min-height:160px}.form__textarea--error{border-color:#ef4444;outline-color:#ef4444}.form__textarea--error:focus{outline:2px solid #ef4444}.form__error{color:#fca5a5;font-size:.875rem;margin-top:.25rem;display:block}.form__helper{color:#cbd5e1;font-size:.95rem}.form__actions{display:flex;gap:.75rem;margin-top:1rem}.form__grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.template-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.outline-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:1px dashed hsla(0,0%,100%,.2);border-radius:1rem}.outline-status__actions{display:flex;gap:.75rem;align-items:center}.outline-list{list-style:none;padding:0;margin:1rem 0;display:grid;grid-gap:.75rem;gap:.75rem}.outline-list__item{padding:1rem;border-radius:.9rem;background:#0b1224;border:1px solid hsla(0,0%,100%,.1);color:#e5e7eb}.outline-list__item ul{margin:.5rem 0 0;padding-left:1.25rem;color:#cbd5e1}.outline-grid{display:flex;flex-direction:column;gap:1.25rem;margin:1rem 0}.outline-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.outline-row--placeholder{pointer-events:none}.outline-card{padding:1rem;border-radius:.9rem;background:#0b1224;border:1px solid hsla(0,0%,100%,.1);color:#e5e7eb;display:flex;flex-direction:column;gap:.75rem}.outline-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.outline-card__title{font-weight:600;color:#f8fafc}.outline-card--preview .outline-preview{margin-top:.25rem}.outline-preview{min-height:180px;border-radius:.75rem;border:1px dashed rgba(148,163,184,.4);background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;padding:.75rem;text-align:center;color:#cbd5e1}.outline-preview img{max-width:100%;border-radius:.6rem;border:1px solid hsla(0,0%,100%,.08)}.outline-card--placeholder{opacity:.6;position:relative;overflow:hidden}.outline-card__content{display:flex;flex-direction:column;gap:.75rem;filter:blur(6px)}.outline-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;background:rgba(2,6,23,.55)}.outline-card__overlay-text{color:#e2e8f0;font-weight:600;max-width:220px}.outline-placeholder__skeleton{height:14px;border-radius:999px;background:rgba(148,163,184,.2);filter:blur(1px)}.outline-placeholder__skeleton--short{width:70%}.outline-placeholder__message{font-size:.95rem;color:#cbd5e1;text-align:center;padding:1rem 0}.preview-slide{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.preview-slide__actions{display:flex;align-items:flex-start}.preview-slide__image{margin-top:.75rem}.preview-image{width:100%;max-width:640px;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.08)}.error-text{color:#fca5a5;margin-top:.25rem}.upload-preview{margin-top:.75rem;padding:.75rem;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;display:grid;grid-gap:.5rem;gap:.5rem;background:#0b1224}.upload-preview img{max-width:160px;border-radius:.5rem;border:1px solid hsla(0,0%,100%,.08)}.upload-preview__meta{display:flex;justify-content:space-between;color:#cbd5e1}.file-input--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-picker{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.file-picker__status{color:#cbd5e1;font-size:.95rem}.source-grid{display:grid;grid-template-columns:3fr 2fr;grid-gap:1rem;gap:1rem;margin-top:1rem}.source-column{display:flex;flex-direction:column;gap:1rem}.card{background:linear-gradient(160deg,rgba(24,32,56,.9),rgba(10,14,30,.92)) padding-box,linear-gradient(135deg,rgba(99,102,241,.35),rgba(6,182,212,.25)) border-box;border:1px solid transparent;border-radius:1rem;padding:1rem;box-shadow:var(--shadow-sm)}.upload-dropzone{border:1px dashed hsla(0,0%,100%,.2);text-align:center}.file-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:.75rem;gap:.75rem}.file-list__item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem}.file-list__actions{display:flex;gap:.5rem}.preview-column textarea{margin-top:.5rem}@media (max-width:900px){.source-grid{grid-template-columns:1fr}.container{padding:0 var(--space-4)}.section{padding:var(--space-6) 0}.page-shell__main{padding:var(--space-5) 0 var(--space-7)}.page{padding-bottom:180px}.page__actions-bar-inner{padding:0 var(--space-4)}.layout__content{gap:var(--space-4)}.card,.layout__content,.layout__main{padding:var(--space-4)}.marketing-section--cta{align-items:flex-start}}@media (max-width:1100px){.outline-row{grid-template-columns:1fr}}@media (max-width:960px){.layout__content{flex-direction:column}.layout__sidebar{width:100%}}@media (max-width:720px){.btn{width:100%;justify-content:center}.marketing-section__header{align-items:flex-start}}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:rgba(8,12,24,.82);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.navbar,.navbar__brand{color:var(--color-text)}.navbar__brand{text-decoration:none;font-weight:700;letter-spacing:.02em}.navbar__links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.navbar__link{color:var(--color-muted);text-decoration:none;padding:.35rem .65rem;border-radius:.5rem;transition:background .12s ease,color .12s ease}.navbar__link:hover{background:hsla(0,0%,100%,.08);color:var(--color-text)}.navbar__link--active{background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#0a0f1f}@media (max-width:900px){.navbar{flex-wrap:wrap;align-items:flex-start;padding:.75rem 1rem}.navbar__links{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem}.navbar__links::-webkit-scrollbar{display:none}.navbar__link{font-size:.9rem;white-space:nowrap}}.footer{margin-top:auto;padding:1.25rem 1.5rem;background:rgba(8,12,24,.82);color:var(--color-muted);text-align:center;font-size:.95rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgba(99,102,241,.2)}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.footer__links a{color:var(--color-muted);text-decoration:none}.footer__links a:hover{color:var(--color-text)}.footer__tagline{margin:0}.footer__copy{margin:0;font-size:.85rem;color:var(--color-muted)}