/* desc: 记开健康春季界面与响应布局 */
:root{color-scheme:light;--paper:#f6f7f2;--surface:#fff;--ink:#273b2c;--muted:#71806e;--line:#e3e7dc;--green:#46683f;--wash:#eaf0e4;--sand:#f3eee3;--amber:#8c6d34;--daily:#507845;--medical:#697da1;--shadow:0 14px 45px #30472a09;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC",sans-serif;font-size:15px;line-height:1.6;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8aab77;outline-offset:4px}button:focus:not(:focus-visible){outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}svg.icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg{pointer-events:none}button span{pointer-events:none}
.app-shell{display:grid;grid-template-columns:218px 1fr;max-width:1640px;margin:auto;min-height:100vh}.sidebar{padding:40px 27px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:.03em;font-weight:600}.brand-mark{display:grid;place-items:center;width:41px;height:45px;border-radius:14px 14px 14px 3px;background:var(--green);color:white;font-size:23px;font-weight:400;font-family:serif}.brand small{display:block;font-size:10px;letter-spacing:.2em;font-weight:400;margin-top:1px;color:var(--muted)}.sidebar-nav{display:grid;gap:10px;margin-top:62px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 17px;border-radius:12px;color:var(--muted);font-size:14px}.nav-item.active{background:var(--wash);color:var(--green);font-weight:600}.nav-item:hover{background:#eaf0e480}.sidebar-bottom{margin-top:auto;padding-top:50px}.sidebar-bottom p{font-family:"Songti SC","STSong",serif;font-size:18px;line-height:1.9;color:#829177}.quiet-button{border:0;background:none;color:var(--muted);padding:0;display:flex;align-items:center;gap:12px;font-size:12px}.sidebar-bottom .quiet-button{margin-top:27px}.prototype-tag{display:block;font-size:8px;letter-spacing:.12em;color:#8a9585;margin-top:22px}.workspace{min-width:0}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;gap:16px}.breadcrumb{font-size:12px;color:var(--muted);letter-spacing:.07em}.topbar-right{display:flex;align-items:center;gap:19px}.local-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.local-status i{width:5px;height:5px;border-radius:50%;background:#78996a}.avatar{background:#e6eddf;border:1px solid #dae3d1;width:35px;height:35px;border-radius:50%;font-family:serif;font-size:17px}.mobile-brand{display:none}main{padding:15px 52px 44px;max-width:1240px;margin:auto;outline:none}.page-footer{padding:0 52px 25px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;color:#899482;font-size:10px;gap:20px}.mobile-nav{display:none}.loading{padding:100px 0;color:var(--muted)}
.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.greeting{display:flex;justify-content:space-between;align-items:center;gap:12px}.date-pill{font-size:11px;color:var(--muted)}.hero{padding:19px 0 31px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{font-size:40px;line-height:1.35;letter-spacing:-.04em;font-family:"Songti SC","STSong",serif;font-weight:500}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:13px;color:var(--muted);margin-top:13px}.hero-seal{border:1px solid #cbd7bd;width:82px;height:82px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#7b916b;transform:rotate(8deg);flex:none}.hero-seal span{font-family:"Songti SC",serif;font-size:23px;letter-spacing:.17em;padding-left:3px}.hero-seal small{font-size:8px;letter-spacing:.2em}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.capture-card{border:1px solid #d9e3d0;background:var(--wash);border-radius:20px;min-height:170px;display:flex;align-items:flex-start;justify-content:space-between;text-align:left;padding:26px 27px;transition:transform .16s,background .16s}.capture-card:hover{transform:translateY(-3px);background:#e4eddc}.capture-card.voice{background:#f0efe8;border-color:#e4e1d6}.capture-card.voice:hover{background:#eae9df}.capture-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff9;color:var(--green);margin-bottom:14px}.capture-icon .icon{width:25px;height:25px}.capture-card h2{font-size:21px;font-weight:500}.capture-card p{color:var(--muted);font-size:12px;margin-top:3px}.arrow-circle{width:29px;height:29px;border:1px solid #c8d6bc;border-radius:50%;display:grid;place-items:center;color:var(--green);align-self:center;font-size:17px}.capture-hint{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:13px 2px 28px;gap:12px}.text-button{border:0;background:transparent;color:var(--green);padding:3px 0;display:inline-flex;align-items:center;gap:6px;font-size:12px}.text-button .icon{width:15px;height:15px}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:26px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-title h2{font-size:17px;font-weight:500}.section-title .overline{display:block;font-size:9px;letter-spacing:.14em;color:var(--muted);margin-bottom:2px}.section-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.day-stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:26px;border-bottom:1px solid var(--line);padding:3px 0 22px;gap:15px}.stat{display:grid;gap:7px}.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.03em}.stat small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.stat .icon{width:15px;height:15px;color:var(--green);vertical-align:-2px;margin-right:5px}.subtle{color:var(--muted);font-size:12px}.small{font-size:11px;color:var(--muted)}.record-list{display:grid;gap:0}.record-row{display:flex;width:100%;align-items:center;text-align:left;gap:13px;background:transparent;border:0;border-bottom:1px solid #edf0e8;padding:16px 0}.record-row:last-child{border:0}.record-row:hover .record-copy strong{color:var(--green)}.record-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:13px;background:#edf2e8;color:var(--daily);flex:none}.record-icon.medical{background:#edf0f5;color:var(--medical)}.record-icon.meal{background:#f6efe2;color:#9b8155}.record-icon.note{background:#f0f1ec;color:#7b8574}.record-copy{min-width:0;flex:1}.record-copy strong{font-size:13px;font-weight:500;display:block}.record-copy p{font-size:11px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.record-right{font-size:11px;color:var(--muted);text-align:right;flex:none}.record-right .badge{display:block;margin-bottom:4px}.badge{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;padding:3px 7px;border-radius:6px;background:#edf2e8;color:#637e54;white-space:nowrap}.badge.medical{color:#657b9d;background:#edf0f6}.badge.pending{color:var(--amber);background:#f6f0df}.badge.demo{color:#829077;background:#f1f2ed}.library-block{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.library-block:last-child{border:0}.library-block h3{font-size:14px;font-weight:500}.library-block p{font-size:11px;color:var(--muted);margin-top:4px}.library-number{margin-left:auto;font-size:24px;font-weight:400}.library-number small{font-size:10px;margin-left:4px;color:var(--muted)}.aside-note{margin-top:18px;background:var(--sand);border-radius:16px;padding:19px 20px;color:#766a50}.aside-note h3{font-size:12px;font-weight:500;display:flex;gap:7px;align-items:center}.aside-note p{font-size:12px;margin-top:8px;line-height:1.8}.aside-note .text-button{margin-top:8px;color:#7d6d40}.aside-note .icon{width:16px;height:16px}.botanical-line{height:1px;width:42px;background:#b9c9a9;margin:23px 0 12px}.quiet-quote{font-family:"Songti SC",serif;font-size:18px;color:#7c8c70;line-height:1.8;padding:0 3px}
.page-title{margin:9px 0 25px}.page-title h1{font-size:31px;font-family:"Songti SC",serif;letter-spacing:-.02em;font-weight:500}.page-title p{margin-top:8px;color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 27px;flex-wrap:wrap}.segmented{display:flex;background:#edf0e7;border-radius:11px;padding:4px;gap:3px}.segmented button{border:0;background:transparent;padding:7px 16px;border-radius:8px;font-size:12px;color:var(--muted)}.segmented button.active{color:var(--green);background:white;box-shadow:0 2px 7px #31412c08}.search-box{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d5ddcd;padding:7px 0;color:var(--muted);min-width:170px}.search-box .icon{width:16px;height:16px}.search-box input{width:160px;max-width:100%;background:none;border:0;outline:none;font-size:12px;color:var(--ink)}.timeline-group{margin-bottom:25px}.month-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.month-heading h2{font-size:18px;font-weight:500}.month-heading span{font-size:11px;color:var(--muted)}.month-heading:after{content:'';height:1px;background:var(--line);flex:1;margin-left:5px}.timeline-item{display:grid;grid-template-columns:66px 1fr;gap:18px;margin-bottom:14px}.timeline-date{padding-top:17px;text-align:center;color:var(--muted);font-size:10px;border-right:1px solid var(--line)}.timeline-date strong{display:block;font-size:20px;font-weight:400;color:var(--ink)}.timeline-card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:0 18px;box-shadow:var(--shadow)}.timeline-card .record-row{padding:19px 0}.timeline-card .record-copy strong{font-size:14px}.timeline-extra{border-top:1px solid var(--line);padding:10px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.timeline-item .record-right{font-size:12px}.empty-state{padding:50px 20px;text-align:center;border:1px dashed #cdd8c2;border-radius:18px;color:var(--muted);font-size:13px}.empty-state p{margin:10px 0 18px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.document-card{display:block;background:white;border:1px solid var(--line);border-radius:15px;padding:17px;text-align:left}.document-art{height:160px;background:#f0f2ea;border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:14px}.document-art img{width:90px;height:120px;object-fit:cover;object-position:top;box-shadow:0 4px 13px #30422c13}.document-card h3{font-size:14px;font-weight:500}.document-card p{font-size:11px;color:var(--muted);margin:5px 0 9px}.metric-card{padding:25px;background:white;border:1px solid var(--line);border-radius:17px}.metric-card h2{font-size:16px;font-weight:500;margin-bottom:17px}.metric-value{font-size:31px;letter-spacing:-.03em;margin:10px 0}.metric-value small{font-size:12px;color:var(--muted);margin-left:7px}.metric-points{border-top:1px solid var(--line);margin-top:20px}.metric-points button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;background:none}.metric-points button span{color:var(--muted)}.metrics-help{margin:20px 0;font-size:12px;color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:25px;padding:0;background:var(--paper);color:var(--ink);width:min(620px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 30px 100px #1c2c2a22}dialog::backdrop{background:#2030214f}.sheet-header{padding:25px 28px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:sticky;top:0;background:var(--paper);z-index:2;border-bottom:1px solid var(--line)}.sheet-header h2{font-size:22px;font-weight:500;font-family:"Songti SC",serif}.sheet-header p{font-size:11px;color:var(--muted);margin-top:5px}.close-button{display:grid;place-items:center;background:#e9eee3;border:0;border-radius:50%;width:30px;height:30px;flex:none}.close-button .icon{width:17px;height:17px}.sheet-body{padding:22px 28px 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:11px 17px;background:white;font-size:13px;min-height:44px}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.secondary{background:var(--wash);color:var(--green);border-color:#d9e3cf}.button.full{width:100%}.button.danger{color:#98584a;background:#f9eee9;border-color:#eadbd5}.button .icon{width:19px;height:19px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row>*{flex:1}.capture-drop{padding:28px 20px;border:1px dashed #b9c9ac;border-radius:17px;text-align:center;background:#eef2e8}.capture-drop>.icon{width:33px;height:33px;color:var(--green);margin-bottom:10px}.capture-drop h3{font-size:15px;font-weight:500}.capture-drop p{font-size:11px;color:var(--muted);margin:6px 0 20px}.divider-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:23px 0 14px}.divider-label:before,.divider-label:after{content:'';flex:1;height:1px;background:var(--line)}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sample-button{background:white;border:1px solid var(--line);border-radius:12px;padding:13px 6px;text-align:center;font-size:11px}.sample-button .icon{margin:auto auto 8px;display:block;color:var(--green)}.fineprint{font-size:11px;color:var(--muted);margin-top:17px;line-height:1.8}.processing{padding:40px 10px;text-align:center}.processing-ring{width:47px;height:47px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;margin:0 auto 20px;animation:rotate 1.1s linear infinite}.processing h3{font-size:17px;font-weight:500}.processing p{font-size:12px;color:var(--muted);margin-top:9px}.field{display:grid;gap:7px;font-size:12px;color:var(--muted);margin-bottom:15px}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #d7dfcf;border-radius:10px;background:white;color:var(--ink);font-size:14px}.field textarea{min-height:120px;resize:vertical;line-height:1.8}.voice-area{border:1px solid var(--line);background:white;border-radius:17px;text-align:center;padding:25px 20px}.mic-button{width:70px;height:70px;border:0;background:var(--green);color:white;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px}.mic-button .icon{width:27px;height:27px}.mic-button.recording{background:#a66750;animation:pulse 1.5s ease-in-out infinite}.voice-caption{font-size:12px;color:var(--muted)}.voice-quote{min-height:28px;font-size:15px;margin:12px 0;line-height:1.8}.permission-choice{display:flex;align-items:flex-start;gap:8px;font-size:11px;text-align:left;color:var(--muted);margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.permission-choice input{accent-color:var(--green);margin-top:4px}.voice-samples{display:grid;gap:8px}.voice-samples button{background:white;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-align:left;font-size:12px;display:flex;justify-content:space-between;gap:10px}.error-message{font-size:12px;color:#985b45;background:#f8ede5;border-radius:10px;padding:12px 14px;margin:13px 0;line-height:1.7}.success-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.success-tick{width:40px;height:40px;display:grid;place-items:center;background:var(--wash);color:var(--green);border-radius:50%;font-size:23px}.success-header h3{font-size:16px;font-weight:500}.success-header p{font-size:11px;color:var(--muted);margin-top:3px}.result-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;margin:14px 0}.result-card h3{font-size:16px;font-weight:500;margin:10px 0 4px}.result-card p{font-size:13px;color:var(--muted)}.source-preview{max-height:260px;overflow:auto;border-radius:12px;border:1px solid var(--line);background:#e9ecdf;text-align:center}.source-preview img{display:block;max-width:100%;max-height:460px;object-fit:contain;margin:auto}.source-preview audio{width:100%;padding:8px}.source-text{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;background:#eff2e9;border-radius:11px;padding:15px;color:#66765f;max-height:210px;overflow:auto}.detail-heading{margin-bottom:21px}.detail-heading h3{font-size:23px;margin:10px 0 4px;font-weight:500}.detail-heading p{color:var(--muted);font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-item{padding:14px;background:white;border:1px solid var(--line);border-radius:11px}.detail-item small{font-size:11px;color:var(--muted);display:block;margin-bottom:3px}.detail-item strong{font-size:16px;font-weight:500}.field-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;align-items:end;padding:8px 0}.field-row .field{margin:0}.field-row input{font-size:12px;padding:10px}.status-line{font-size:11px;color:var(--muted);margin:14px 0}.review-banner{background:#f4efdf;border-radius:10px;color:#87703d;font-size:12px;padding:12px 14px;margin:15px 0}.sheet-error{color:#a65e47;margin-top:12px;font-size:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#2d442d;color:white;padding:13px 18px;border-radius:13px;box-shadow:0 10px 35px #20351d20;z-index:20;font-size:13px;display:flex;gap:20px;align-items:center;max-width:calc(100% - 32px)}.toast[hidden]{display:none}.toast button{border:0;background:transparent;color:#d2e9c3;white-space:nowrap}.about-list{display:grid;gap:19px}.about-list h3{font-size:14px;font-weight:500;margin-bottom:5px}.about-list p{color:var(--muted);font-size:12px;line-height:1.9}.slogan-sample{font-family:"Songti SC",serif;font-size:25px;color:var(--green);line-height:1.8;margin:7px 0 24px}.camera-video{width:100%;max-height:340px;background:#1e2b21;border-radius:14px;display:block;margin-bottom:16px}.media-actions{margin:17px 0}.danger-section{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 10px #a6675010}}
@media(min-width:1450px){main{padding-top:28px}.hero{padding-bottom:40px}.hero h1{font-size:46px}.capture-card{min-height:190px}.topbar{padding-top:8px}}
@media(max-width:1180px){.app-shell{grid-template-columns:185px 1fr}.sidebar{padding:34px 18px}.brand{font-size:18px;gap:9px}.topbar{padding:0 30px}main{padding:10px 30px 35px}.page-footer{padding:0 30px 24px}.content-grid{gap:19px;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr)}.hero h1{font-size:36px}.section-card{padding:19px}.capture-card{padding:23px}.stat .value{font-size:22px}}
@media(max-width:930px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:80px;padding:0 28px}.mobile-brand{display:block;font-size:17px;font-weight:500}.mobile-brand span{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);margin-top:1px}.breadcrumb{display:none}main{padding:12px 28px 35px}.workspace{padding-bottom:82px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#f9faf5;border-top:1px solid var(--line);justify-content:space-around;padding:10px 12px max(13px,env(safe-area-inset-bottom));z-index:5}.mobile-nav a{display:grid;gap:4px;justify-items:center;min-width:64px;padding:3px 10px;color:var(--muted);font-size:10px}.mobile-nav a.active{color:var(--green);font-weight:600}.mobile-nav .icon{width:21px;height:21px}.toast{bottom:90px}.page-footer{padding:0 28px 22px}.hero-seal{height:70px;width:70px}.hero-seal span{font-size:20px}}
@media(max-width:660px){.topbar{height:77px;padding:0 23px}.topbar-right{gap:12px}.local-status{font-size:9px}.local-status i{width:4px;height:4px}.avatar{height:30px;width:30px;font-size:14px}main{padding:10px 23px 26px}.hero{padding:18px 0 27px;gap:10px}.hero h1{font-size:33px;line-height:1.4}.hero p{font-size:11px;max-width:230px;line-height:1.9;margin-top:12px}.hero-seal{width:60px;height:60px;margin-right:3px}.hero-seal span{font-size:18px}.hero-seal small{font-size:6px}.capture-grid{gap:12px}.capture-card{min-height:171px;padding:20px 18px;border-radius:17px}.capture-card h2{font-size:19px}.capture-card p{font-size:10px;max-width:112px;line-height:1.8}.capture-icon{width:38px;height:38px;border-radius:12px;margin-bottom:15px}.capture-icon .icon{width:22px;height:22px}.arrow-circle{width:23px;height:23px;font-size:14px;align-self:flex-start;margin-top:7px}.capture-hint{font-size:10px;margin:12px 0 27px}.capture-hint .text-button{font-size:10px}.content-grid{grid-template-columns:1fr;gap:24px}.aside-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aside-column .section-card{padding:18px}.aside-column .section-title h2{font-size:14px}.aside-column .section-title{margin-bottom:5px}.aside-note{margin:0;padding:18px 16px}.library-block{padding:11px 0;gap:8px}.library-block .record-icon{width:29px;height:29px;border-radius:9px}.library-block .icon{width:17px;height:17px}.library-block h3{font-size:12px}.library-block p{font-size:9px}.library-number{font-size:18px}.library-number small{display:none}.aside-note p{font-size:11px}.aside-note h3{font-size:11px}.quiet-quote,.botanical-line{display:none}.day-stats{gap:10px;padding-bottom:20px;margin-bottom:7px}.stat .value{font-size:26px}.stat .label{font-size:11px}.record-row{padding:15px 0;gap:10px}.record-right{font-size:10px}.record-copy strong{font-size:13px}.record-copy p{font-size:10px}.page-footer{padding:0 23px 17px;font-size:9px;display:block}.page-footer span{display:block;margin-top:4px}.date-pill{font-size:10px}.eyebrow{font-size:9px}.two-columns{gap:12px}.metric-card{padding:18px}.metric-card h2{font-size:14px}.metric-value{font-size:25px}.timeline-item{grid-template-columns:40px 1fr;gap:10px}.timeline-card{padding:0 12px}.timeline-card .record-icon{width:34px;height:34px;border-radius:10px}.timeline-card .record-copy strong{font-size:12px}.timeline-card .record-copy p{font-size:10px}.timeline-card .record-row{gap:9px}.timeline-extra{font-size:9px}.segmented button{padding:7px 12px;font-size:11px}.search-box{min-width:120px;flex:1;max-width:170px}.search-box input{width:100%;min-width:0}.toolbar{gap:12px}.document-art{height:126px}.document-card{padding:13px}.document-card h3{font-size:13px}.document-card p{font-size:10px}.sheet-header{padding:22px 22px 15px}.sheet-body{padding:20px 22px 25px}.sample-grid{gap:7px}.sample-button{padding:12px 3px;font-size:10px}.sheet-header h2{font-size:21px}.source-preview{max-height:220px}}
@media(max-width:360px){main{padding-left:16px;padding-right:16px}.topbar{padding:0 16px}.hero h1{font-size:29px}.hero-seal{width:48px;height:48px}.hero-seal span{font-size:15px}.hero-seal small{font-size:5px}.capture-card{padding:17px 14px}.capture-card p{max-width:90px}.capture-hint{align-items:flex-start;gap:8px}.aside-column{grid-template-columns:1fr}.page-footer{padding-left:16px}.record-copy p{max-width:165px}.field-row{grid-template-columns:1.1fr 1fr}.field-row .field:last-child{grid-column:2}.button-row{gap:8px}.sheet-body,.sheet-header{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.demo-label{font-size:9px;font-weight:400;color:#7a8870;margin-left:7px;white-space:nowrap}

.timeline-extra .text-button{font-size:inherit;padding:0}
.connection-hero{max-width:660px;margin:30px auto}.connection-hero h1{font-family:"Songti SC",serif;font-size:40px;line-height:1.5;margin:20px 0}.connection-hero h1 em{font-style:normal;color:var(--green)}.connection-hero>p{color:var(--muted);line-height:1.9}.connection-form{margin-top:30px}.pending-queue{margin-bottom:26px}.queue-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.queue-item:last-child{border:0}.queue-item>div{flex:1}.queue-item strong{font-size:13px;font-weight:500}.queue-item p{font-size:11px;color:var(--muted);margin-top:3px}.sheet-body audio{width:100%}@media(max-width:660px){.connection-hero{margin-top:10px}.connection-hero h1{font-size:31px}.connection-form{padding:20px}}