.home-demo{width:100%;min-width:0;color:var(--foreground);margin:0;container-type:inline-size}.hd-stage{border:var(--border-width) solid var(--collection-line);border-radius:var(--radius-card);background:radial-gradient(ellipse at center,var(--secondary),var(--background) 75%);height:380px;position:relative;overflow:hidden}.hd-top{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:18px 20px auto}.hd-brand{font-size:var(--type-body);font-weight:var(--weight-semibold);color:var(--primary);align-items:center;gap:6px;display:flex}.hd-role{font-size:var(--type-caption);color:var(--muted-foreground);animation:.4s both hd-appear}.hd-scene{animation:hd-enter .55s var(--motion-ease) both;position:absolute}.hd-share{inset:66px 24px 24px}.hd-share-folder{width:82%;max-width:365px}.hd-folder-tab{background:var(--card);border:1px solid var(--collection-line);border-radius:var(--radius-card) var(--radius-card) 0 0;width:max-content;max-width:85%;height:34px;font-size:var(--type-ui);font-weight:var(--weight-medium);color:var(--primary);z-index:1;border-bottom:0;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.hd-folder-body{border:1px solid var(--collection-line);background:var(--card);border-radius:0 var(--radius-card) var(--radius-card) var(--radius-card);box-shadow:0 16px 30px -25px var(--muted-foreground);margin-top:-1px;padding:18px}.hd-folder-title{font-size:var(--type-section);justify-content:space-between;align-items:center;gap:8px;display:flex}.hd-folder-title strong{font-weight:var(--weight-semibold)}.hd-link-strip{background:var(--secondary);border:1px solid var(--collection-line);border-radius:var(--radius-control);font-size:var(--type-ui);align-items:center;gap:8px;margin-top:18px;padding:10px;display:flex}.hd-link-strip>svg{color:var(--primary);flex:none}.hd-link-strip>span:nth-child(2){white-space:nowrap;flex:1;min-width:0;font-size:clamp(11px,2.6cqw,14px)}.hd-copy{border-radius:var(--radius-tag);width:24px;height:24px;color:var(--primary);flex:none;place-items:center;display:grid}.hd-copy.is-complete{color:var(--success);background:var(--card)}.hd-link-hint{font-size:var(--type-caption);color:var(--muted-foreground);justify-content:space-between;margin-top:10px;display:flex}.hd-link-hint>span:first-child{align-items:center;gap:5px;display:flex}.hd-link-hint i{background:var(--primary);border-radius:50%;width:5px;height:5px}.hd-copy-done{color:var(--success)}.hd-message{opacity:0;width:62%;max-width:275px;transition:opacity .6s,transform .6s;position:absolute;bottom:0;right:0;transform:translateY(12px)}.hd-message.is-shown{opacity:1;transform:none}.hd-message-heading{font-size:var(--type-caption);align-items:center;gap:7px;margin-bottom:8px;display:flex}.hd-message-heading small{color:var(--muted-foreground);margin-top:1px;font-size:10px;display:block}.hd-message-avatar{background:var(--secondary);width:26px;height:26px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.hd-bubble{background:var(--primary);color:var(--card);border-radius:var(--radius-card) var(--radius-card) var(--radius-card) 2px;font-size:var(--type-caption);padding:13px 15px}.hd-bubble strong{font-weight:var(--weight-medium);font-size:var(--type-ui);white-space:nowrap;margin-top:8px;display:block}.hd-bubble>svg{margin:6px 0 0 auto;display:block}.hd-pointer{fill:var(--foreground);color:var(--card);filter:drop-shadow(0 2px 2px var(--border-hover));transition:transform .2s;position:absolute;top:95px;left:min(66%,310px)}.hd-pointer.is-pressed{transform:translate(-3px,-3px)scale(.88)}.hd-upload,.hd-review{justify-content:center;align-items:center;gap:18px;display:flex;inset:58px 20px 20px}.hd-source{flex:none;justify-items:center;gap:15px;display:grid}.hd-source>small{font-size:var(--type-caption);color:var(--muted-foreground);align-items:center;gap:5px;display:flex}.hd-transfer{color:var(--primary);opacity:.6;flex:none}.hd-paper{background:var(--card);border:1px solid var(--border);width:142px;box-shadow:0 8px 16px -12px var(--muted-foreground);font-family:var(--font-code);color:var(--muted-foreground);clip-path:polygon(0 0,100% 0,100% 98%,95% 100%,90% 98%,85% 100%,80% 98%,75% 100%,70% 98%,65% 100%,60% 98%,55% 100%,50% 98%,45% 100%,40% 98%,35% 100%,30% 98%,25% 100%,20% 98%,15% 100%,10% 98%,5% 100%,0 98%);padding:20px 12px;font-size:8px;line-height:1.8}.hd-paper b{text-align:center;color:var(--foreground);font-size:11px;display:block}.hd-paper small{text-align:center;margin-top:9px;font-size:6px;display:block}.hd-paper i{border-top:1px dashed var(--input);margin:13px 0;display:block}.hd-paper span{display:block}.hd-paper em{float:right;font-style:normal}.hd-paper strong{color:var(--foreground);font-size:11px;display:block}.hd-phone{background:var(--card);border:1px solid var(--collection-line);border-radius:var(--radius-card);width:256px;box-shadow:0 16px 30px -25px var(--muted-foreground);flex:none;overflow:hidden}.hd-phone-top{border-bottom:1px solid var(--border);height:40px;font-size:var(--type-ui);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.hd-phone-content{flex-direction:column;gap:12px;padding:16px;display:flex}.hd-phone-label{font-size:var(--type-body);font-weight:var(--weight-semibold)}.hd-choices{gap:7px;display:flex}.hd-choices>span{border:1px solid var(--border);border-radius:var(--radius-control);font-size:var(--type-caption);flex-direction:column;flex:1;align-items:center;gap:6px;padding:9px 4px;transition:background .3s,border-color .3s;display:flex}.hd-choices .is-picked{background:var(--owner-soft);color:var(--primary);border-color:var(--primary)}.hd-file-space{height:55px}.hd-selected{height:100%;font-size:var(--type-caption);align-items:center;gap:9px;animation:.4s both hd-enter;display:flex}.hd-selected>span{gap:4px;display:grid}.hd-selected strong{font-weight:var(--weight-medium)}.hd-selected small{color:var(--muted-foreground);font-size:11px}.hd-selected-check{color:var(--success);flex:none;margin-left:auto}.hd-mini{background:var(--muted-surface);flex:none;width:34px;height:46px;overflow:hidden}.hd-mini .hd-paper{transform-origin:0 0;transform:scale(.24)}.hd-upload-outline{border:1px dashed var(--collection-line);border-radius:var(--radius-control);height:100%;font-size:var(--type-caption);color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;display:flex}.hd-mock-button{background:var(--primary);min-height:36px;color:var(--card);border-radius:var(--radius-control);font-size:var(--type-caption);font-weight:var(--weight-medium);justify-content:center;align-items:center;gap:8px;padding:8px;transition:background .3s;display:flex}.hd-mock-button.is-submitted{background:var(--success)}.hd-no-account{color:var(--muted-foreground);justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.hd-scan{position:relative;overflow:hidden}.hd-scan-line{background:var(--primary);height:2px;box-shadow:0 4px 15px var(--primary);animation:1.4s ease-in-out infinite alternate hd-scan;position:absolute;top:15%;left:8%;right:8%}.hd-scan.is-read .hd-scan-line{display:none}.hd-recognized,.hd-source>small.hd-recognized{color:var(--success)}.hd-review-card{background:var(--card);border:1px solid var(--collection-line);border-radius:var(--radius-card);width:265px;box-shadow:0 16px 30px -25px var(--muted-foreground);flex:none;padding:20px}.hd-review-card .hd-folder-title{font-size:var(--type-body)}.hd-filename{color:var(--muted-foreground);font-size:var(--type-caption);margin-top:7px;display:block}.hd-fields{grid-template-columns:1fr 1.3fr;gap:10px;margin-top:22px;display:grid}.hd-fields>span{gap:7px;display:grid}.hd-fields small{font-size:var(--type-caption);color:var(--muted-foreground)}.hd-fields strong{font-size:var(--type-metric);font-weight:var(--weight-medium);border:1px solid var(--input);border-radius:var(--radius-control);font-variant-numeric:tabular-nums;padding:10px}.hd-review-note{color:var(--muted-foreground);margin:15px 0 19px;font-size:11px;display:block}.hd-result{width:calc(100% - 64px);max-width:425px;top:58px;left:50%;translate:-50%}.hd-result .hd-folder-body{padding:14px 18px}.hd-result-summary{font-size:var(--type-body);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hd-result-summary>span{font-weight:var(--weight-medium)}.hd-result-summary>span>small{color:var(--muted-foreground);font-size:var(--type-caption);font-weight:var(--weight-regular);margin-top:2px;display:block}.hd-result-summary>strong{font-size:var(--type-section);font-variant-numeric:tabular-nums}.hd-result-summary strong small{font-size:var(--type-caption);font-weight:var(--weight-regular);color:var(--muted-foreground)}.hd-receipt{border-top:1px solid var(--border);min-height:51px;animation:hd-enter .6s var(--motion-ease) both;align-items:center;gap:10px;padding:8px 0;display:flex}.hd-receipt-0{background:var(--owner-soft);border-radius:var(--radius-control);border-top-color:#0000;margin:0 -8px;padding-inline:8px;animation-delay:.5s}.hd-receipt-1{animation-delay:.2s}.hd-receipt-2{animation-delay:.35s}.hd-thumb{background:var(--muted-surface);width:30px;height:36px;color:var(--muted-foreground);border-radius:var(--radius-tag);flex:none;place-items:center;display:grid;overflow:hidden}.hd-receipt-text{min-width:0;font-size:var(--type-caption);color:var(--muted-foreground);flex:1;gap:3px;display:grid}.hd-receipt-text>small{font-size:11px}.hd-received{color:var(--success)}.hd-receipt>strong{font-size:var(--type-metric);font-variant-numeric:tabular-nums;flex:none}.hd-receipt>strong small{font-size:10px;font-weight:var(--weight-regular);color:var(--muted-foreground)}.hd-exports{border-top:1px solid var(--border);font-size:var(--type-caption);color:var(--primary);justify-content:flex-end;gap:16px;padding-top:12px;display:flex}.hd-exports>span{align-items:center;gap:4px;display:flex}.home-demo[data-playing=false] *{animation-play-state:paused!important}.hd-caption{align-items:center;gap:12px;height:72px;padding-block:8px;display:flex}.hd-caption>span{min-width:0;font-size:var(--type-body);font-weight:var(--weight-medium);line-height:var(--leading-ui);flex:1}.hd-play.ui-button{width:var(--control-standard);height:var(--control-standard);color:var(--muted-foreground);flex:none}.hero.hero-demo{column-gap:var(--space-10);row-gap:var(--space-6);padding-block:var(--space-12) var(--space-16);grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}.hero-demo .hero-copy{grid-area:1/1;align-self:end}.hero-demo h1,html[lang=zh-CN] .hero-demo h1{font-size:var(--type-marketing-heading);letter-spacing:-1.5px}.hero-demo .headline-last{color:var(--primary)}.hero-demo .hero-intro{margin:var(--space-5) 0 0}.hero-demo .home-demo{grid-area:1/2/3}.hero-demo .hero-entry{grid-area:2/1;align-self:start}.hero-demo .hero-actions{margin:0}@container (width<=490px){.hd-upload,.hd-review{gap:12px;inset-inline:12px}.hd-upload>.hd-source,.hd-transfer{display:none}.hd-review>.hd-source .hd-paper{width:108px;padding:16px 9px;font-size:7px}.hd-review>.hd-source .hd-paper b{font-size:8px}.hd-review>.hd-source .hd-paper strong{font-size:9px}.hd-review>.hd-source>small{text-align:center;max-width:108px;font-size:10px}.hd-review-card{width:calc(100% - 120px);padding:15px 12px}.hd-review-card .hd-folder-title{font-size:var(--type-ui)}.hd-fields{gap:6px}.hd-fields strong{font-size:var(--type-section);padding:9px 6px}.hd-fields small,.hd-review-note{font-size:10px}.hd-message{width:76%}.hd-share-folder{width:95%}.hd-bubble strong{font-size:12px}.hd-result{width:calc(100% - 32px)}.hd-caption>span{font-size:var(--type-ui)}.hd-share{inset-inline:16px}}@container (width<=330px){.hd-role{font-size:10px}.hd-top{inset-inline:12px}.hd-review{gap:8px}.hd-review>.hd-source .hd-paper{width:85px;padding:14px 7px;font-size:6px}.hd-review>.hd-source .hd-paper b{font-size:7px}.hd-review>.hd-source .hd-paper strong{font-size:8px}.hd-review>.hd-source>small{max-width:85px;font-size:9px}.hd-review-card{width:calc(100% - 93px);padding:14px 10px}.hd-review-card .hd-mock-button{font-size:11px}.hd-share-folder{width:100%}.hd-folder-body{padding:14px 12px}.hd-received{display:none}.hd-result .hd-folder-body{padding-inline:12px}.hd-exports{gap:10px;font-size:11px}}@media (width<=760px){.hero.hero-demo{gap:var(--space-4);padding-block:var(--space-6) var(--space-10);grid-template-columns:minmax(0,1fr)}.hero-demo .hero-copy,.hero-demo .home-demo,.hero-demo .hero-entry{grid-area:auto/1}.hero-demo .hero-copy{text-align:center}.hero-demo h1,html[lang=zh-CN] .hero-demo h1{font-size:var(--type-title);letter-spacing:-.6px}.hero-demo .hero-intro{margin:var(--space-3) auto 0;max-width:340px;font-size:var(--type-ui)}.hero-demo .home-demo{justify-self:center;max-width:520px}.hd-stage{height:360px}.hd-share{top:58px;bottom:18px}.hd-top{top:16px}.hd-result{top:52px}.hero-demo .hero-actions{justify-content:center}.hero-demo .hero-actions .button{flex:1;max-width:320px}.hero-demo .hero-workflow-link{display:none}.hero-demo .hero-note{text-align:center;margin-top:var(--space-2)}}@keyframes hd-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hd-appear{0%{opacity:0}to{opacity:1}}@keyframes hd-scan{to{transform:translateY(140px)}}@media (prefers-reduced-motion:reduce){.home-demo *,.home-demo :after{transition:none!important;animation:none!important}}@container (width<=490px){.hd-phone{width:min(256px,100%)}.hd-phone-content{gap:9px;padding:14px}.hd-choices>span{padding-block:7px}.hd-result-summary{margin-bottom:8px}.hd-receipt{min-height:47px;padding-block:6px}.hd-exports{padding-top:8px}.hd-result .hd-folder-body{padding-block:12px}}.hd-result-summary,.hd-receipt-text,.hd-receipt>strong{line-height:var(--leading-tight)}.hd-exports{line-height:var(--leading-ui)}.hd-screen{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);box-shadow:0 5px 20px -12px var(--border-hover);position:relative;overflow:hidden}.hd-screen .hd-stage{border:0;border-radius:0;transition:opacity .3s,filter .3s}.home-demo[data-cover=true] .hd-stage{opacity:.54;filter:saturate(.7)}.home-demo[data-cover=true] .hd-stage *{animation:none!important;transform:none!important}.home-demo[data-cover=true] .hd-mini .hd-paper{transform:scale(.24)!important}.hd-cover{background:linear-gradient(#ffffff08,#ffffff18);place-items:center;display:grid;position:absolute;inset:0}.hd-cover-play.ui-button{width:80px;min-width:80px;height:80px;color:var(--card);background:var(--primary);border:5px solid var(--card);transition:transform var(--motion-fast),background var(--motion-fast);border-radius:50%;padding:0;box-shadow:0 8px 25px #225cdb33}.hd-cover-play.ui-button svg{width:32px;height:32px}.home-demo[data-finished=false] .hd-cover-play svg{margin-left:4px}.hd-cover-play.ui-button[data-hovered]{background:var(--accent-hover);transform:scale(1.05)}.hd-cover-play.ui-button[data-pressed]{transform:scale(.96)}.hd-cover-play.ui-button[data-focus-visible]{outline:var(--focus-width) solid var(--primary);outline-offset:4px}.home-demo[data-cover=true] .hd-caption{text-align:center;justify-content:center}@container (width<=490px){.hd-cover-play.ui-button{width:72px;min-width:72px;height:72px}.home-demo[data-cover=true] .hd-caption>span{font-size:var(--type-ui)}}.hd-film-header{pointer-events:none;justify-content:center;align-items:center;min-height:44px;padding-inline:44px;display:flex;position:absolute;inset:10px 10px auto}.hd-film-header>span{text-align:center;font-size:var(--type-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-wrap:balance}.hd-film-header .hd-play.ui-button{width:var(--control-standard);height:var(--control-standard);color:var(--muted-foreground);pointer-events:auto;background:#ffffffb3;border-radius:50%;position:absolute;top:0;right:0}.hd-caption{text-align:center;justify-content:center}@container (width<=490px){.hd-film-header{padding-inline:40px;inset-inline:6px}.hd-film-header>span{font-size:var(--type-ui)}}@container (width<=330px){.hd-film-header>span{font-size:var(--type-caption)}}.hd-message{background:var(--card);border:1px solid var(--collection-line);border-radius:var(--radius-card);width:70%;max-width:300px;box-shadow:0 10px 24px -16px var(--muted-foreground);overflow:hidden}.hd-message-heading{border-bottom:1px solid var(--border);background:var(--card);margin:0;padding:8px 10px}.hd-message-heading>svg{color:var(--muted-foreground);flex:none}.hd-chat-menu{margin-left:auto}.hd-chat-body{background:var(--muted-surface);justify-content:flex-end;padding:12px 10px;display:flex}.hd-bubble{border-radius:var(--radius-card) var(--radius-card) 2px var(--radius-card);max-width:100%;padding:10px 12px}.hd-bubble strong{font-size:var(--type-caption)}@container (width<=490px){.hd-message{width:88%}.hd-chat-body{padding:9px 8px}.hd-bubble{padding:9px 10px}.hd-bubble strong{font-size:11px}}
