#demo{position:relative;isolation:isolate;min-height:780px;padding:86px 7.5vw!important;display:grid;grid-template-columns:minmax(430px,38fr) minmax(620px,55fr);gap:6vw;align-items:stretch;overflow:hidden;background:#f3f0e7 url('assets/vision-paper-background.png') center/cover no-repeat;color:#12372d;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
#demo .demo-copy{align-self:stretch;display:flex;flex-direction:column;max-width:560px;min-height:566px;padding:6px 0 16px}
#demo .section-label{display:flex;align-items:center;gap:10px;color:#c79a49;font-size:13px;font-weight:500;letter-spacing:.16em}
#demo .section-label span{color:#c79a49;font-size:14px}
#demo .section-label i{font-style:normal;opacity:.72}
#demo h2{margin:34px 0 20px;color:#12372d;font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;font-size:clamp(50px,3.55vw,62px);font-weight:500;line-height:1.2;letter-spacing:.015em;white-space:nowrap}
#demo h2 em{color:inherit;font-style:normal}
#demo .demo-copy>p{margin:0;color:#56645e;font-size:18px;line-height:1.8;letter-spacing:.035em}
#demo .demo-copy ul{display:grid;flex:1;grid-template-rows:repeat(3,auto);align-content:space-evenly;gap:13px;margin:20px 0 0;padding:0;list-style:none}
#demo .demo-copy li{display:grid;grid-template-columns:38px 1px 1fr;gap:15px;align-items:center;padding:0;border:0;color:#56645e;font-size:17px;line-height:1.4}
#demo .demo-copy li:after{content:"";grid-column:2;grid-row:1;width:1px;height:30px;background:rgba(199,154,73,.58)}
#demo .demo-copy li b{grid-column:3;grid-row:1;color:#c79a49;font-size:16px!important;font-weight:400;line-height:1.4;letter-spacing:.025em}
#demo .demo-copy li b>.warp-text-run{margin:0!important;color:inherit!important;font:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
#demo .demo-benefit-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:32px;height:32px;margin:0;color:#12372d!important}
#demo .demo-benefit-icon img{display:block;width:34px;height:34px;object-fit:contain}
#demo .section-more{display:flex;flex:0 0 51px;width:160px;min-width:160px;height:51px;margin-top:0;margin-bottom:16px;gap:7px;padding:0 18px;align-items:center;justify-content:space-between;white-space:nowrap;border:1px solid rgba(201,155,74,.25)!important;border-radius:8px!important;background:#0d392c;color:#d6ad5e!important;font-size:17px!important;line-height:1;letter-spacing:.06em;box-shadow:0 10px 24px rgba(13,57,44,.11)}
#demo .section-more span{color:#d6ad5e;font-size:22px;letter-spacing:0;transition:transform .3s ease}
#demo .section-more>.warp-text-run{margin:0!important;color:inherit!important;font-size:18px!important;line-height:1!important;letter-spacing:.06em!important}
#demo .section-more:hover{background:#124536;color:#e2bd70!important;transform:translateY(-2px)}
#demo .section-more:hover span{transform:translateX(4px)}
#demo .upload-card{position:relative;align-self:stretch;min-height:566px;padding:16px;border:1px solid rgba(112,116,93,.17);border-radius:24px;background:rgba(250,248,242,.88);box-shadow:0 22px 54px rgba(42,55,45,.13);backdrop-filter:blur(3px)}
#demo .upload-card:after{content:"";position:absolute;right:-86px;bottom:-104px;width:390px;height:470px;pointer-events:none;background:url('assets/vision-paper-background.png') right bottom/830px auto no-repeat;opacity:.22;mix-blend-mode:multiply}
#demo .upload-inner{position:relative;z-index:1;width:100%;height:100%;min-height:532px;border:2px dotted rgba(129,126,92,.42);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,254,249,.26);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}
#demo .upload-inner:hover,#demo .upload-inner.dragging{border-color:rgba(13,57,44,.5);background:rgba(247,247,239,.62);box-shadow:inset 0 0 42px rgba(145,174,141,.08)}
#demo .upload-symbol{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#0d392c;color:#f4f1e8;font-family:Georgia,serif;font-size:42px;font-weight:300;line-height:1;box-shadow:0 10px 24px rgba(13,57,44,.14);transition:transform .35s ease,box-shadow .35s ease}
#demo .upload-inner:hover .upload-symbol{transform:translateY(-4px);box-shadow:0 17px 34px rgba(13,57,44,.2)}
#demo .upload-inner h3{margin:25px 0 13px;color:#12372d;font-size:30px;font-weight:600;letter-spacing:.04em}
#demo .upload-inner p{margin:0;color:#65746e;font-size:18px;letter-spacing:.05em}
#demo .upload-inner button,#demo .result-data button{width:200px;height:50px;margin-top:33px;padding:0 28px;border:0;border-radius:10px;background:#0d392c;color:#f4f1e8;font-family:inherit;font-size:18px;letter-spacing:.08em;cursor:pointer;box-shadow:0 9px 20px rgba(13,57,44,.11);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
#demo .upload-inner button:hover,#demo .result-data button:hover{transform:translateY(-2px);background:#124536;box-shadow:0 15px 28px rgba(13,57,44,.18)}
#demo .analysis-result{position:relative;z-index:2;width:100%;height:100%;min-height:532px}
@media(max-width:1100px){#demo{grid-template-columns:1fr;gap:60px;padding:80px 7vw!important}#demo .demo-copy{max-width:560px;min-height:0}#demo h2{white-space:normal}#demo .section-more{margin-top:38px}#demo .upload-card{width:100%}}
@media(max-width:600px){#demo{padding:70px 22px!important;gap:44px}#demo h2{font-size:43px}#demo .demo-copy>p{font-size:16px}#demo .demo-copy li{grid-template-columns:34px 1px 1fr;gap:12px;font-size:15px}#demo .section-more{width:190px;min-width:190px;height:56px;padding:0 22px;font-size:17px!important}#demo .upload-card{min-height:440px;padding:10px;border-radius:18px}#demo .upload-inner,#demo .analysis-result{height:418px}#demo .upload-symbol{width:68px;height:68px;font-size:39px}#demo .upload-inner h3{font-size:24px}#demo .upload-inner p{font-size:14px}#demo .upload-inner button{min-width:180px;font-size:17px}}
@media(prefers-reduced-motion:reduce){#demo .upload-symbol,#demo .section-more,#demo .upload-inner button{transition:none}}