:root{color:#163238;font-synthesis:none;text-rendering:optimizelegibility;--ink:#163238;--ink-deep:#0b262d;--muted:#5e706f;--faint:#82918f;--paper:#fffdf8;--paper-soft:#f8f6ef;--line:#d9dfd8;--accent:#0c736c;--accent-strong:#075d58;--accent-soft:#e1f2ed;--shadow-sm:0 10px 30px #1a343714;--shadow-lg:0 28px 80px #16323824;--radius-md:20px;--radius-lg:30px;background:#f4f1e9;font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 7% 4%,#0c736c1a,#0000 28rem),radial-gradient(circle at 94% 38%,#f2b86124,#0000 25rem),#f4f1e9;min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#16323808 1px,#0000 1px);background-size:100% 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}button,input{font:inherit}button,a,summary,input[type=file]{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{width:min(1160px,100% - 40px);margin:0 auto;padding:28px 0 48px}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:54px;display:flex}.brand{border-radius:14px;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand:focus-visible{outline-offset:5px;outline:3px solid #0c736c47}.brand__mark{color:#fffdf8;background:var(--ink-deep);border-radius:13px 13px 13px 4px;place-items:center;width:42px;height:42px;font-family:STSong,SimSun,serif;font-size:1.25rem;font-weight:700;display:grid;box-shadow:0 8px 24px #0b262d2e}.brand__copy{line-height:1.1;display:grid}.brand__name{letter-spacing:.08em;font-family:STSong,SimSun,serif;font-size:1.22rem}.brand__descriptor{color:var(--muted);letter-spacing:.12em;margin-top:4px;font-size:.68rem}.local-badge,.privacy-seal{color:var(--accent-strong);letter-spacing:.04em;background:#fffdf8a3;border:1px solid #0c736c33;border-radius:999px;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:inline-flex}.local-badge{padding:9px 13px}.local-badge:before,.privacy-seal:before{background:var(--accent);content:"";border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #0c736c1a}.hero{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(72px,10vw,132px) 0 clamp(58px,8vw,96px);display:grid}.hero__copy{animation:.52s ease-out both reveal}.eyebrow,.section-index,.method-card__eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:800}h1{max-width:14ch;color:var(--ink-deep);letter-spacing:-.055em;text-wrap:balance;margin:0;font-family:STSong,SimSun,serif;font-size:clamp(2.75rem,6.3vw,5.35rem);font-weight:700;line-height:1.04}.hero__description{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.85}.evidence-list,.privacy-points,.channel-list,.method-steps{padding:0;list-style:none}.evidence-list{flex-wrap:wrap;gap:10px;margin:30px 0 0;display:flex}.evidence-list li{border:1px solid var(--line);color:#415a5d;background:#fffdf8a8;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700}.method-card{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 8px;color:#e7f0ed;background:var(--ink-deep);box-shadow:var(--shadow-lg);padding:clamp(27px,4vw,42px);animation:.52s ease-out .1s both reveal;position:relative;overflow:hidden}.method-card:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-80px;box-shadow:0 0 0 36px #ffffff08,0 0 0 72px #ffffff05}.method-card__eyebrow{z-index:1;color:#7fd0c4;position:relative}.method-card__title{z-index:1;color:#fffdf8;letter-spacing:-.03em;max-width:9ch;margin:0;font-family:STSong,SimSun,serif;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.18;position:relative}.method-steps{z-index:1;gap:0;margin:34px 0 0;display:grid;position:relative}.method-steps li{border-top:1px solid #ffffff1c;grid-template-columns:34px 1fr;gap:14px;padding:18px 0;display:grid}.method-steps__number{color:#7fd0c4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.method-steps__title,.method-steps__copy{display:block}.method-steps__title{color:#fffdf8;font-size:.94rem}.method-steps__copy{color:#aebfbd;margin:5px 0 0;font-size:.78rem;line-height:1.55}.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.7fr);gap:22px;scroll-margin-top:24px;display:grid}.upload-card,.channel-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.upload-card{background:var(--paper);border:1px solid #16323817;padding:clamp(24px,4.5vw,48px)}.upload-card__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.upload-card h2,.channel-card__title{letter-spacing:-.025em;margin:0;font-family:STSong,SimSun,serif;font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.2}.section-index{margin-bottom:11px}.section-index--light{color:#7fd0c4}.privacy-seal{background:var(--accent-soft);flex:none;padding:8px 11px;font-size:.72rem}.upload-card__description{color:var(--muted);margin:14px 0 23px;font-size:.93rem;line-height:1.7}.upload-zone{background:linear-gradient(135deg, #e1f2ed9e, transparent 54%), var(--paper-soft);cursor:pointer;border:1.5px dashed #9ab5ae;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:168px;padding:28px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent);background:linear-gradient(135deg,#e1f2edf0,#0000 60%),#fbfaf5;transform:translateY(-1px)}.upload-zone:focus-within{border-color:var(--accent);outline-offset:3px;outline:3px solid #0c736c38;box-shadow:0 14px 32px #0c736c1a}.media-input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.media-input:disabled{cursor:progress}.upload-zone__icon{width:54px;height:54px;color:var(--accent-strong);background:#fff;border:1px solid #0c736c2e;border-radius:17px 17px 17px 5px;place-items:center;font-size:1.45rem;display:grid;box-shadow:0 10px 25px #0c736c1a}.upload-zone__copy{gap:8px;min-width:0;display:grid}.upload-zone__title{color:var(--ink-deep);font-size:1rem}.upload-zone__formats{color:var(--muted);font-size:.78rem;line-height:1.65}.upload-zone__action{color:#fff;background:var(--accent);white-space:nowrap;border-radius:10px;padding:10px 15px;font-size:.78rem;font-weight:800}.status-box{background:#fbfaf5;border:1px solid #e2e5dd;border-radius:12px;align-items:flex-start;gap:11px;min-height:52px;margin-top:15px;padding:14px 16px;display:flex}.status-box__dot,.connection-summary__dot{background:#c6954c;border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 4px #c6954c1f}.media-status{color:#455f61;overflow-wrap:anywhere;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.77rem;line-height:1.65}.privacy-points{color:var(--muted);flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;font-size:.75rem;display:flex}.privacy-points li:before{color:var(--accent);content:"✓";margin-right:7px;font-weight:900}.channel-card{color:#dbe9e6;background:#173940;padding:clamp(24px,3.8vw,38px)}.channel-card__title{color:#fffdf8;max-width:10ch}.channel-card__description{color:#afc2c0;margin:15px 0 23px;font-size:.83rem;line-height:1.7}.connection-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:12px;padding:14px 15px;display:flex}.connection-summary__dot{margin:0}.connection-summary[data-state=connected] .connection-summary__dot{background:#67d6ae;box-shadow:0 0 0 4px #67d6ae1f}.connection-summary[data-state=offline] .connection-summary__dot{background:#ee9b7d;box-shadow:0 0 0 4px #ee9b7d1f}.connection-summary__label,.connection-summary__state{display:block}.connection-summary__label{color:#91aaa7;margin-bottom:3px;font-size:.68rem}.connection-summary__state{color:#fffdf8;font-size:.88rem}.channel-list{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;display:grid}.channel-list li{background:#ffffff08;border:1px solid #ffffff14;border-radius:11px;gap:5px;padding:12px;display:grid}.channel-list strong{color:#eef5f2;font-size:.77rem}.channel-list span{color:#8fa7a4;font-size:.64rem}.live-resume,.reverse-handoff{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:22px;padding:clamp(22px,4vw,34px)}.live-resume[hidden],.reverse-handoff[hidden]{display:none}.live-resume{background:#fff7e9;border:1px solid #e0b06b}.live-resume h2,.reverse-handoff h2{margin:0 0 13px;font-family:STSong,SimSun,serif;font-size:1.55rem}.live-resume h2{color:#7c3f18}.live-resume__instruction,.reverse-handoff__instructions{color:#654f40;line-height:1.75}.live-resume__details,.reverse-handoff__details{overflow-wrap:anywhere;gap:8px;margin:17px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;line-height:1.55;display:grid}.live-resume__confirm{color:#fff;background:#a95724;border-color:#b86d2e;font-weight:800}.reverse-handoff{background:#eef8f5;border:1px solid #9ac7be}.reverse-handoff h2{color:var(--ink-deep)}.reverse-handoff__preview{object-fit:contain;background:#fff;border:1px solid #a9ccc5;border-radius:13px;max-width:min(100%,420px);max-height:280px;margin:18px 0;display:block}.reverse-handoff__details{color:#3e5d5d}.reverse-handoff__buttons,.controls{flex-wrap:wrap;gap:10px;display:flex}button{min-height:42px;color:var(--ink-deep);cursor:pointer;background:#f1f6f4;border:1px solid #91aaa5;border-radius:10px;padding:10px 15px;transition:border-color .15s,background .15s,transform .15s}button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #0c736c47}button:disabled{cursor:not-allowed;opacity:.46}.technical-panel{border-radius:var(--radius-md);background:#fffdf8b8;border:1px solid #1632381c;margin-top:24px;overflow:hidden}.technical-panel>summary{cursor:pointer;grid-template-columns:auto 1fr;align-items:baseline;gap:13px;padding:20px 23px;list-style:none;display:grid}.technical-panel>summary::-webkit-details-marker{display:none}.technical-panel>summary:before{width:23px;height:23px;color:var(--accent-strong);background:var(--accent-soft);content:"+";border-radius:7px;grid-row:1/3;place-items:center;font-size:1rem;display:grid}.technical-panel[open]>summary:before{content:"−"}.technical-panel__summary-title{color:var(--ink-deep);font-size:.9rem;font-weight:800}.technical-panel__summary-copy{color:var(--muted);font-size:.72rem}.technical-panel__content{border-top:1px solid var(--line);background:#fffdf8;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:25px;display:grid}.technical-panel__content h3{color:var(--ink-deep);margin:0 0 15px;font-size:.85rem}.technical-panel__controls{grid-column:1/-1}.identity-list{grid-template-columns:max-content minmax(0,1fr);gap:9px 15px;margin:0;font-size:.7rem;line-height:1.55;display:grid}.identity-list dt{color:var(--muted)}.identity-list dd{overflow-wrap:anywhere;color:#304e51;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.event-log{color:#3d5b5d;background:#f7f8f3;border:1px solid #e0e5df;border-radius:11px;max-height:310px;margin:0;padding:13px 13px 13px 34px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.65;overflow:auto}.event-log:empty{padding:15px;list-style:none}.event-log:empty:before{color:var(--faint);content:"暂无事件"}.site-footer{color:var(--muted);border-top:1px solid #1632381f;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:18px;margin-top:27px;padding:20px 4px 0;font-size:.75rem;line-height:1.7;display:grid}.site-footer strong{color:var(--ink-deep);white-space:nowrap}.site-footer p{margin:0}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.hero,.workspace-grid{grid-template-columns:1fr}.hero{padding-top:72px}h1{max-width:15ch}.method-card{width:min(100%,580px)}.channel-card__title{max-width:none}.technical-panel__content{grid-template-columns:1fr}}@media (max-width:580px){.app-shell{width:min(100% - 24px,1160px);padding-top:18px}.local-badge{text-align:center;justify-content:center;max-width:150px;padding:8px 10px;font-size:.67rem;line-height:1.3}.brand__descriptor{display:none}.hero{padding:56px 0 52px}h1{font-size:clamp(2.45rem,13vw,3.65rem)}.hero__description{margin-top:22px}.method-card,.upload-card,.channel-card{border-radius:20px}.upload-card__header{display:grid}.privacy-seal{width:max-content}.upload-zone{grid-template-columns:auto 1fr;min-height:205px;padding:23px}.upload-zone__action{text-align:center;grid-column:1/-1;width:100%}.channel-list{grid-template-columns:1fr}.technical-panel__summary-copy{grid-column:2}.technical-panel__content{padding:20px}.identity-list{grid-template-columns:1fr;gap:3px}.identity-list dd{margin-bottom:9px}.site-footer{grid-template-columns:1fr;gap:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}