:root{color:#16324f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffb97838,#0000 26%),radial-gradient(circle at 86% 12%,#7bb7ff29,#0000 24%),linear-gradient(#fcfdff 0%,#f5f8fd 100%);font-family:MiSans,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow:hidden scroll}body{background:inherit;min-width:360px;min-height:100vh;margin:0;overflow:visible}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}.page-shell{min-height:100vh;position:relative;overflow:visible}.orb{filter:blur(38px);opacity:.86;pointer-events:none;border-radius:999px;position:absolute}.orb-a{background:#ffb97829;width:360px;height:360px;top:-120px;left:-120px}.orb-b{background:#7eb3ff24;width:440px;height:440px;top:60px;left:50%;transform:translate(-50%)}.orb-c{background:#487fff1a;width:320px;height:320px;bottom:-120px;right:-120px}.global-header{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb8;border-bottom:1px solid #e2e8f2e6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1280px,100% - 40px);min-height:80px;margin:0 auto;display:flex}.brand-button{color:#10233b;align-items:center;gap:14px;min-height:52px;padding:0;display:flex}.brand-logo{object-fit:cover;border-radius:16px;width:48px;height:48px;box-shadow:0 14px 30px #1f36591f}.brand-text{text-align:left;gap:2px;display:grid}.brand-text strong{font-size:1rem;line-height:1.1}.brand-text small{color:#667890;font-size:.84rem}.global-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link{color:#17283f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.96rem;font-weight:700;transition:transform .16s,background .16s,color .16s;display:inline-flex}.nav-link.is-active,.nav-link:hover{color:#2563eb;background:#eff5fff5;transform:translateY(-1px)}.app-frame{z-index:1;width:min(1280px,100% - 40px);margin:0 auto;padding:18px 0 72px;position:relative;overflow:visible}.view-hidden{display:none!important}.home-view{gap:8px;display:grid}.site-notice{background:#ffffffd1;border:1px solid #e4e9f1f5;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex;box-shadow:0 18px 48px #1f36590d}.site-notice__text{gap:4px;display:grid}.site-notice__text strong{color:#13263e;font-size:1rem}.site-notice__text span{color:#64748b}.site-notice__actions,.console-cta__actions{flex-wrap:wrap;align-items:center;display:flex}.site-notice__actions{gap:4px}.console-cta__actions{gap:12px}.notice-button{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;transition:transform .16s,opacity .16s;display:inline-flex}.notice-button--ghost{color:#2563eb;background:#f8fafff5;border:1px solid #e4e9f1f5}.home-hero{align-items:flex-start;min-height:auto;padding:0;display:flex}.home-hero__panel{background:linear-gradient(#fffffff0,#f7faffe0),radial-gradient(circle at top,#d4e5ff75,#0000 58%);border:1px solid #e4e9f1f5;border-radius:38px;width:100%;padding:clamp(36px,5vw,72px) clamp(28px,4vw,56px) 28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #1f365914}.home-hero__glow{filter:blur(24px);background:radial-gradient(circle,#a1dfff73 0%,#b3cfff38 38%,#fff0 72%);border-radius:999px;height:380px;position:absolute;inset:20% 16% auto}.home-hero__content{z-index:1;text-align:center;gap:22px;max-width:900px;margin:0 auto;display:grid;position:relative}.hero-badge,.section-kicker,.feature-tag,.sidebar-title{color:#2563eb;letter-spacing:.01em;background:#2563eb1a;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.hero-badge{justify-self:center}.home-hero h1{color:#111d2e;letter-spacing:-.06em;margin:0;font-size:clamp(3.2rem,8vw,6.2rem);line-height:.94}.home-hero p{color:#607086;max-width:780px;margin:0 auto;font-size:1.06rem}.home-hero__entry{justify-content:center;display:flex}.hero-entry__shell{background:#ffffffd1;border:1px solid #e3e9f3fa;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;width:min(720px,100%);padding:18px 22px;display:flex;box-shadow:0 16px 34px #1f365914}.hero-entry__shell span{color:#61748c}.hero-entry__shell strong{color:#2563eb}.hero-points{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-points span{color:#61748c;background:#f8fafff5;border:1px solid #e4e9f1f5;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-action{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:800;transition:transform .16s,opacity .16s,box-shadow .16s;display:inline-flex}.primary-link{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 18px 34px #2563eb3d}.secondary-link{color:#2563eb;background:#f8fafff5;border:1px solid #e4e9f1f5}.hero-action:hover,.nav-link:hover,.notice-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.home-overview{z-index:2;gap:18px;margin-top:0;display:grid;position:relative}.overview-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:-4px;display:grid}.overview-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.support-copy-card,.support-qr-card,.panel,.stat-card,.status-bar,.dashboard-top{background:#ffffffd6;border:1px solid #e4e9f1f5;box-shadow:0 18px 48px #1f365912}.feature-card{border-radius:28px;gap:12px;padding:24px;display:grid}.feature-card--highlight{background:linear-gradient(#fafcfffa,#f3f8ffeb),linear-gradient(135deg,#2563eb0f,#fff0);align-content:start;min-height:206px}.feature-index{color:#2563eb;background:#2563eb1a;border-radius:999px;justify-content:center;align-items:center;min-width:36px;min-height:28px;font-size:.82rem;font-weight:800;display:inline-flex}.feature-card h2,.support-copy-card h1,.support-qr-card h2,.dashboard-heading h2,.panel-head h2{color:#112540;margin:0}.feature-card h2{font-size:1.22rem}.feature-card p,.support-copy-card p,.support-qr-card p,.support-note p,.dashboard-heading p,.panel-head span,.status-bar,.meta-list span,.export-summary span,.empty-state,.mini-title{color:#64748b}.feature-card p,.support-note p{margin:0}.support-view{padding-top:42px}.support-shell{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;padding-top:6px;display:grid}.support-copy-card{border-radius:30px;gap:18px;padding:32px;display:grid}.support-copy-card h1{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.08}.support-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.support-note{background:linear-gradient(#f5f8fffa,#fafcfff0);border:1px solid #e4e9f1e6;border-radius:18px;padding:16px 18px}.support-note strong{color:#172230;margin-bottom:8px;display:block}.support-actions{flex-wrap:wrap;gap:12px;display:flex}.support-qr-card{border-radius:30px;gap:14px;padding:18px;display:grid;position:sticky;top:128px}.support-card__image{border:1px solid #e4e9f1f5;border-radius:22px;width:100%}.support-caption{text-align:center;color:#5f7289;font-size:.92rem}.console-view{padding-top:0;overflow:visible}.console-shell{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:22px;padding-top:0;display:grid;overflow:visible}.console-sidebar{background:#ffffffd6;border:1px solid #e4e9f1f5;border-radius:26px;align-self:start;gap:10px;width:auto;height:auto;padding:18px;display:grid;position:sticky;top:106px;box-shadow:0 18px 48px #1f365912}.sidebar-title{border-radius:999px;justify-self:start}.sidebar-link{color:#1f2e43;text-align:left;border-radius:16px;align-items:center;min-height:46px;padding:0 14px;font-weight:700;transition:background .16s,color .16s,transform .16s;display:flex}.sidebar-link.is-active,.sidebar-link:hover{color:#2563eb;background:#eef5fff5;transform:translateY(-1px)}.console-main{gap:14px;min-width:0;padding-top:0;display:grid;overflow:visible}.dashboard-top{border-radius:30px;padding:30px 30px 28px}#dashboard-top,#source-console,#crop-console,#keying-console,#preview-console,#export-console{scroll-margin-top:132px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.dashboard-heading h2{margin-top:10px;font-size:1.52rem}.dashboard-heading p{text-align:right;max-width:440px;margin:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border-radius:22px;padding:20px}.stat-card span{color:#7b8798;font-size:.88rem;display:block}.stat-card strong{color:#162231;margin-top:6px;font-size:1.18rem;display:block}.status-bar{border-radius:24px;padding:16px 18px;font-weight:700}.board-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.console-cta{background:#ffffffd6;border:1px solid #e4e9f1f5;border-radius:26px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex;box-shadow:0 18px 48px #1f365912}.console-cta__copy{gap:6px;display:grid}.console-cta__copy strong{color:#112540;font-size:1.04rem}.console-cta__copy p{color:#64748b;margin:0}.panel{border-radius:26px;padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-head h2{font-size:1.08rem}.panel-head span{font-size:.9rem}.upload-drop{background:linear-gradient(#f7fafffa,#fff8f4f2);border:1px dashed #9fb1ceb8;border-radius:22px;gap:8px;padding:20px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.upload-drop input{display:none}.upload-drop strong{color:#102842;font-size:1.02rem}.upload-drop.is-dragover{border-color:#2563ebcc;transform:translateY(-1px);box-shadow:0 18px 40px #387cd029}.meta-list{gap:10px;margin-top:16px;display:grid}.meta-list div,.export-summary div{background:linear-gradient(#f4f8fff5,#fafcffeb);border-radius:16px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.meta-list strong,.export-summary strong{color:#15293f;text-align:right;word-break:break-all}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.control-grid label,.switch-row{gap:8px;display:grid}.control-grid span,.switch-row span,.mini-title{color:#61748b;font-size:.88rem;font-weight:700}.control-grid input,.control-grid select{color:#13263e;background:#fffffff5;border:1px solid #bdcbe1e0;border-radius:14px;width:100%;padding:12px 14px}.switch-row input{justify-self:start;width:auto}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.tab{color:#4f6784;background:#edf3fcf5;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.tab.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.mini-title{margin:0 0 8px}.canvas-stage,.sheet-preview,.animation-preview{background:linear-gradient(#f1f6fcfa,#f8fbfff5);border-radius:22px;place-items:center;min-height:320px;padding:14px;display:grid;overflow:auto}.checker{background-image:linear-gradient(45deg,#b0bed640 25%,#0000 25%),linear-gradient(-45deg,#b0bed640 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#b0bed640 75%),linear-gradient(-45deg,#0000 75%,#b0bed640 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}canvas,.sheet-preview img{border-radius:18px;max-width:100%;height:auto}.export-summary{gap:10px;margin:14px 0;display:grid}.action-stack{gap:12px;display:grid}.primary-button,.secondary-button{border-radius:16px;width:100%;min-height:52px;padding:0 18px;font-weight:800;transition:transform .16s,opacity .16s}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.secondary-button{color:#18406d;background:linear-gradient(#f4f8ff,#ebf2ff);border:1px solid #5b80ad33}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.empty-state{font-weight:700}@media (width<=1180px){.support-shell{grid-template-columns:1fr}.support-qr-card{position:static}.overview-highlights,.overview-workflow,.stats-grid,.board-row,.preview-grid{grid-template-columns:1fr 1fr}.site-notice,.console-cta,.dashboard-heading{flex-direction:column;align-items:flex-start}.dashboard-heading p{text-align:left;max-width:none}}@media (width<=900px){.header-inner{flex-direction:column;align-items:flex-start;padding:14px 0}.global-nav{width:100%}.app-frame{width:min(1280px,100% - 28px)}.home-hero{min-height:auto;padding-top:8px}.home-hero__panel{padding:30px 22px}.home-hero h1{font-size:clamp(2.5rem,11vw,4.4rem)}.overview-highlights,.overview-workflow,.stats-grid,.board-row,.preview-grid,.control-grid,.support-note-grid{grid-template-columns:1fr}.home-overview{margin-top:0}.support-copy-card,.dashboard-top,.panel,.support-qr-card{padding:18px}.support-view,.console-view{padding-top:24px}}@media (width<=760px){.console-shell{grid-template-columns:1fr}.console-sidebar{width:auto;height:auto;position:static}}@media (width<=640px){.header-inner,.app-frame{width:min(1280px,100% - 20px)}.global-nav{gap:8px}.nav-link,.hero-action,.notice-button{width:100%}.support-actions{flex-direction:column}.site-notice__actions,.console-cta__actions{width:100%}.hero-entry__shell{border-radius:24px}.home-overview{margin-top:0}}