:root{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;color:#28372d;background:#f5f2eb;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #316fbc;outline-offset:3px}::selection{background:#d3e5d5;color:#213d29}.topbar{height:78px;max-width:1380px;margin:auto;padding:0 38px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em}.brand img{border-radius:7px}.top-note{font-size:12px;color:#87978a;letter-spacing:.06em;margin:auto}.top-link{font-size:12px;border:1px solid #b9c6ba;padding:11px 17px;border-radius:99px;white-space:nowrap}.top-link:hover{border-color:#526f57}.hero{max-width:1440px;min-height:730px;margin:auto;padding:30px 4.4% 68px;display:grid;grid-template-columns:48% 52%;align-items:center;overflow:hidden}.hero>*{min-width:0}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;color:#66816b;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;gap:13px}.eyebrow-line{width:38px;height:1px;background:#799981}.edition{margin-left:10px;color:#99a898}.hero h1{font-size:clamp(55px,5.4vw,78px);line-height:1.3;letter-spacing:-.09em;font-weight:560;margin:35px 0 25px;white-space:nowrap}.hero h1 em{font-style:normal;color:#557963}.hero-copy>p{font-size:16px;line-height:2;color:#68766a;max-width:490px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:37px}.primary-link{background:#264332;color:#fff;padding:16px 24px;border-radius:4px;font-size:13px;font-weight:700;display:inline-flex;gap:20px}.primary-link:hover{background:#3c6049}.text-link{border-bottom:1px solid #324c38;padding:13px 0;font-size:13px;font-weight:700;display:inline-flex;gap:15px}.hero-aside{font-size:11px;color:#899b8b;letter-spacing:.05em;margin-top:76px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#638c6c;vertical-align:middle;margin-right:8px}.slash{margin:0 9px}.hero-art{height:590px;position:relative;display:flex;align-items:center;justify-content:center}.art-caption{position:absolute;right:7px;top:13px;font-size:9px;letter-spacing:.2em;color:#879b8b}.art-caption span{margin:0 9px}.art-sheet{width:78%;height:74%;position:absolute;border-radius:12px;box-shadow:0 26px 40px #52695421}.sheet-back{background:#c9d9ca;transform:translate(35px,-13px) rotate(8deg)}.sheet-front{background:#e6e7db;transform:translate(13px,9px) rotate(3deg)}.art-window{position:relative;z-index:1;width:91%;height:435px;background:#fafbf7;border:1px solid #e5eae2;border-radius:13px;overflow:hidden;box-shadow:0 35px 65px #3e58442e;transform:rotate(-2deg)}.art-toolbar{height:49px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid #e6eae5;color:#395440;font-size:11px}.art-logo{width:20px;height:20px;border-radius:5px;background:#365944;color:#fff;display:grid;place-items:center}.art-toolbar small{margin-left:auto;color:#98a99b;font-size:9px}.art-body{display:grid;grid-template-columns:135px 1fr;height:calc(100% - 49px)}.art-rail{background:#f1f5ef;padding:30px 13px;display:flex;flex-direction:column;gap:13px;color:#8c9c8e;font-size:9px}.art-rail span{padding:8px}.art-rail span:last-child{background:#e1ede1;border-radius:5px;color:#486b50}.art-content{padding:30px 28px}.art-content>small{font-size:9px;color:#9caf9c}.art-content h2{font-size:21px;letter-spacing:-.06em;margin:24px 0}.art-drop{height:135px;border:1.5px dashed #afc6af;border-radius:7px;background:#f3f8f1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#54775b}.art-drop span{font-size:25px}.art-drop b{font-size:11px}.art-drop small{font-size:8px;color:#9aac9b}.art-file{display:flex;gap:10px;align-items:center;border:1px solid #e5ebe3;padding:10px;margin-top:15px}.art-file>i{font-style:normal;font-size:9px;background:#f1e6e1;color:#9d6f63;padding:12px 8px;border-radius:4px}.art-file div{display:flex;flex-direction:column;gap:3px}.art-file b{font-size:10px}.art-file small{font-size:8px;color:#9dad9d}.art-foot{position:absolute;bottom:15px;right:9px;font-size:9px;color:#a3b0a3}.intro-strip{border-top:1px solid #d5ded3;border-bottom:1px solid #d5ded3;padding:20px max(4.4%,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;align-items:center;color:#849985;font-size:10px;letter-spacing:.1em}.intro-strip strong{font-family:Georgia,"Songti SC",serif;font-size:20px;letter-spacing:.03em;font-weight:400;color:#4e7154}
.experience{background:#e8eee5;padding:110px max(4.4%,calc((100vw - 1320px)/2)) 120px}.experience-heading{display:grid;grid-template-columns:1fr .45fr;gap:80px;align-items:end}.experience-heading h2{font-size:clamp(43px,5vw,67px);letter-spacing:-.07em;line-height:1.23;margin:21px 0 0;font-weight:560}.experience-heading h2 em{font-style:normal;color:#668b6c}.experience-heading>p{color:#718472;font-size:14px;line-height:1.9;margin:0}.guide{display:flex;align-items:center;gap:20px;margin:42px 0 24px;color:#476a4d}.guide>div{display:flex;gap:9px;align-items:center;font-size:12px}.guide span{color:#8da590;font-family:Georgia,serif}.guide i{height:1px;width:50px;background:#aec4ae}.demo-frame{border:1px solid #bbcabf;border-radius:15px;overflow:hidden;box-shadow:0 28px 60px #3d634126;background:#fff}.frame-top{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;background:#f8faf7;color:#83988a;font-size:10px;letter-spacing:.08em}.frame-lights{display:flex;gap:5px}.frame-lights i{width:6px;height:6px;border-radius:50%;background:#b4c9b8}.desktop{height:565px;position:relative;overflow:hidden;background:linear-gradient(135deg,#d0e6ed 0%,#b5d6e6 39%,#9abecf 100%);font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#1d3442}.wallpaper-wave{position:absolute;pointer-events:none;border-radius:52% 48% 63% 37%;filter:blur(1px)}.wave-one{width:820px;height:570px;left:20%;top:-62%;background:linear-gradient(150deg,#eef8f6 10%,#d9f3f1 45%,#8dbaD6 90%);transform:rotate(20deg);box-shadow:50px 50px 80px #6c9fb48c}.wave-two{width:770px;height:500px;left:-18%;bottom:-84%;background:linear-gradient(40deg,#c3e2ed,#f3fbfa 60%,#a1cadb);transform:rotate(-15deg);box-shadow:0 -28px 45px #779fba61}.desktop-label{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:.02em;color:#345569ba;z-index:1}.desktop-label span{margin:0 4px}.desktop-shortcuts{position:absolute;left:42px;top:74px;display:flex;flex-direction:column;gap:19px;z-index:3}.desktop-file,.shortcut-app{width:112px;min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:8px;text-align:center;color:#173446;text-shadow:0 1px 2px #fff6}.desktop-file{border:1px solid transparent;user-select:none}.desktop-file[draggable="true"]{cursor:grab}.desktop-file[draggable="true"]:active{cursor:grabbing}.desktop-file:hover,.desktop-file:focus-visible{background:#ffffff63;border-color:#ffffff8c}.desktop-file-icon{width:48px;height:55px;background:#f9fbfa;border-radius:5px;box-shadow:0 5px 12px #47768a45;display:grid;place-items:center;position:relative}.desktop-file-icon:before{content:"";position:absolute;right:0;top:0;border-left:12px solid transparent;border-bottom:12px solid #d9e4e8}.desktop-file-icon i{font-size:10px;font-weight:700;color:#a35b54;background:#f5e5e1;padding:6px 4px;font-style:normal;border-radius:2px}.desktop-file b{font-weight:600;font-size:11px}.desktop-file small{font-size:9px;color:#345f69}.shortcut-app img{width:47px;height:47px;filter:drop-shadow(0 4px 8px #426d8244)}.shortcut-app span{font-size:11px;font-weight:600}.app-window{position:absolute;z-index:2;right:48px;top:57px;width:min(770px,67%);height:450px;border-radius:11px;background:#f9fbfd;border:1px solid #ffffffba;box-shadow:0 25px 70px #2a56716b;overflow:hidden;backdrop-filter:blur(10px)}.window-titlebar{height:49px;display:flex;align-items:center;justify-content:space-between;background:#f6f9fb;border-bottom:1px solid #e2eaed;padding-left:17px}.window-brand{display:flex;align-items:center;gap:9px;font-size:11px}.window-brand img{width:20px;height:20px;border-radius:5px}.window-controls{height:100%;display:flex;color:#768f9e}.window-controls span{height:100%;width:45px;display:grid;place-items:center;font-size:13px}.window-body{height:calc(100% - 49px);display:grid;grid-template-columns:144px 1fr}.window-rail{border-right:1px solid #e3ecef;background:#f2f7f8;padding:26px 9px;display:flex;flex-direction:column;gap:17px;font-size:11px;color:#8ba1a6}.rail-label{font-size:9px;letter-spacing:.08em;margin-left:9px}.rail-selected{padding:10px 9px;background:#dfebed;border-radius:6px;color:#41686d;font-weight:700}.window-content{padding:18px 24px;min-width:0;position:relative}.window-breadcrumb{color:#91a6ab;font-size:10px}.window-breadcrumb span{padding:0 6px}.window-head{display:flex;justify-content:space-between;align-items:end;margin:20px 0 15px}.window-head small{font-size:9px;color:#93a9a9}.window-head h3{font-size:24px;letter-spacing:-.04em;margin:4px 0 0;color:#233b41}.window-count{font-size:10px;color:#8ba1a5}.drop-zone{height:137px;border:1.5px dashed #9ebbbc;border-radius:9px;background:#f3f9f8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#477779;transition:background .16s,border-color .16s,box-shadow .16s}.drop-zone:hover,.drop-zone.is-over{background:#e5f4ed;border-color:#54865e;box-shadow:inset 0 0 0 2px #c4dec7}.drop-zone[tabindex]{cursor:pointer}.drop-symbol{width:32px;height:32px;border:1px solid #bbd2c7;background:#f9fdf8;border-radius:8px;display:grid;place-items:center;font-size:20px;color:#5c916d}.drop-zone b{font-size:13px}.drop-zone small{font-size:10px;color:#88a2a0}.project-list{margin-top:17px}.project-list>span{font-size:11px;font-weight:700;color:#536f73}.project-empty{padding:15px 0;color:#9baeb1;font-size:10px}.project-file{display:flex;align-items:center;gap:9px;padding:9px 10px;margin-top:8px;background:#fff;border:1px solid #e4ebed;border-radius:6px}.project-file[hidden]{display:none}.project-file i{font-size:9px;font-style:normal;background:#f4e6e2;color:#ac655d;padding:12px 7px;border-radius:3px}.project-file>div{display:flex;flex-direction:column;gap:3px}.project-file b{font-size:11px}.project-file small{font-size:9px;color:#92a8a9}.project-file>span{margin-left:auto;color:#6e9c74;font-size:10px}.import-dialog{position:absolute;z-index:8;width:340px;max-width:calc(100% - 30px);top:88px;left:50%;transform:translateX(-50%);background:#fff;padding:20px;border-radius:11px;box-shadow:0 20px 70px #234b5f66;border:1px solid #e4eceb;display:grid;grid-template-columns:35px 1fr;gap:13px}.import-dialog[hidden]{display:none}.import-icon{width:34px;height:34px;border-radius:8px;background:#e7f1e8;display:grid;place-items:center;color:#4b7a55}.import-dialog h4{font-size:15px;margin:0 0 8px}.import-dialog p{font-size:11px;line-height:1.7;color:#71837d;margin:0}.import-dialog p b{color:#334b3f}.import-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:3px}.import-actions button{border:1px solid #c8d8d5;background:white;border-radius:5px;padding:8px 15px;font-size:11px;color:#536d66}.import-actions button:last-child{background:#377b5a;border-color:#377b5a;color:#fff}.import-actions button:disabled{opacity:.7}.demo-cursor,.drag-ghost{position:absolute;z-index:10;pointer-events:none;display:none;will-change:transform}.demo-cursor{filter:drop-shadow(2px 3px 2px #2950607d)}.drag-ghost{display:none;align-items:center;gap:7px;background:#fffffff0;padding:8px 10px;border:1px solid #c2d3d2;border-radius:6px;box-shadow:0 7px 20px #294e6045;font-size:10px}.drag-ghost i{font-style:normal;background:#f4e2df;color:#b65e55;padding:7px 4px;border-radius:3px;font-size:8px}.taskbar{position:absolute;z-index:5;bottom:0;left:0;width:100%;height:45px;background:#f0f7f9cc;backdrop-filter:blur(22px);border-top:1px solid #ffffffa8;display:flex;justify-content:center;align-items:center;gap:12px}.win-symbol{width:21px;height:21px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.win-symbol i{background:#277ac1}.taskbar-search{font-size:22px;color:#456b82;line-height:1}.taskbar img{width:25px;height:25px;border-radius:5px}.taskbar-time{position:absolute;right:18px;font-size:9px;color:#607f91}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid #c6d6c8}.status-block{display:flex;align-items:center;gap:18px}.status-index{font-family:Georgia,serif;color:#80a086;font-size:15px;white-space:nowrap}.status-block #status{font-size:13px;color:#506c55;line-height:1.6}.control-buttons{display:flex;gap:9px;white-space:nowrap}.control-buttons button,.mobile-action button{min-height:44px;padding:11px 17px;font-size:12px;border-radius:5px;font-weight:700}.control-primary{background:#294a35;color:#fff;border:1px solid #294a35}.control-primary:hover{background:#3c6549}.control-secondary{border:1px solid #a9c0ad;color:#46674c;background:transparent}.control-secondary:disabled{opacity:.4}.mobile-action{display:flex;align-items:center;gap:14px;padding-top:19px}.mobile-action>span{font-size:11px;color:#79957e;font-weight:700}.mobile-action button{background:#f5f9f2;border:1px solid #a9c4ac;color:#335f3c}.mobile-action button:disabled{opacity:.48}.mobile-action small{font-size:11px;color:#849a88}.result-note{display:flex;gap:15px;align-items:start;background:#d7e8d7;border-left:3px solid #548c5b;padding:17px 22px;margin-top:24px;color:#345943}.result-note[hidden]{display:none}.result-note>span{font-size:20px}.result-note b{font-size:13px}.result-note p{font-size:11px;line-height:1.8;margin:5px 0 0}.explain{max-width:1240px;margin:auto;padding:115px 35px 125px}.explain-index{color:#78947d;font-size:11px;letter-spacing:.16em;padding-bottom:25px;border-bottom:1px solid #c7d2c6}.explain-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;padding-top:58px}.explain h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(45px,5vw,70px);line-height:1.35;font-weight:400;margin:0;letter-spacing:-.07em}.explain h2 em{font-style:normal;color:#719578}.explain p{font-size:14px;line-height:2;color:#6c7c6e;margin:0 0 19px}.explain-line{display:flex;align-items:center;gap:13px;margin-top:31px;color:#507258;font-size:13px;font-weight:700}.explain-line span{border:1px solid #aec2b1;padding:12px 20px}.explain-line i{font-style:normal;color:#89a88e}footer{border-top:1px solid #d6ded4;max-width:1320px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;gap:20px;color:#8c9d8d;font-size:11px}
body[data-phase="playing"] .desktop-file{pointer-events:none;cursor:default}body[data-phase="playing"] .drop-zone{pointer-events:none}body[data-phase="playing"] .import-dialog button{pointer-events:none}body[data-phase="done"] .desktop-file{box-shadow:0 0 0 2px #b8ddb9 inset;background:#ffffff4a}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:15px;padding-top:60px}.hero-art{height:530px}.hero-aside{margin-top:35px}.experience-heading{grid-template-columns:1fr;gap:16px}.experience-heading>p{max-width:550px}.app-window{width:72%;right:22px}.explain-grid{gap:40px}}
@media(max-width:760px){.topbar{height:66px;padding:0 20px}.top-note{display:none}.top-link{margin-left:auto;padding:9px 12px;font-size:11px}.hero{min-height:0;padding:45px 22px 60px;gap:20px}.hero .eyebrow{font-size:8px;gap:5px;letter-spacing:.12em;flex-wrap:wrap}.hero .eyebrow-line{display:none}.edition{margin-left:0}.hero h1{font-size:clamp(39px,9.2vw,59px);white-space:normal;letter-spacing:-.07em;margin:26px 0 18px}.hero-copy>p{font-size:13px;line-height:1.9}.hero-actions{gap:17px;margin-top:27px}.primary-link{padding:13px 15px;font-size:12px;gap:8px}.text-link{font-size:12px;gap:6px}.hero-aside{margin-top:29px;font-size:9px}.hero-art{height:350px;margin:0 -5px}.art-caption,.art-foot{display:none}.art-sheet{width:74%;height:72%}.sheet-back{transform:translate(15px,-7px) rotate(7deg)}.sheet-front{transform:translate(6px,4px) rotate(2deg)}.art-window{height:295px;width:91%;transform:rotate(-1deg)}.art-toolbar{height:37px;padding:0 8px;font-size:8px}.art-toolbar small{font-size:6px}.art-logo{width:16px;height:16px}.art-body{grid-template-columns:80px 1fr;height:258px}.art-rail{padding:12px 5px;gap:5px;font-size:6px}.art-rail span{padding:5px 3px}.art-content{padding:14px 9px}.art-content>small{font-size:6px}.art-content h2{font-size:14px;margin:14px 0}.art-drop{height:83px;gap:4px}.art-drop span{font-size:16px}.art-drop b{font-size:7px}.art-drop small{font-size:5px}.art-file{padding:5px;margin-top:8px}.art-file>i{font-size:5px;padding:8px 4px}.art-file b{font-size:7px}.art-file small{font-size:5px}.intro-strip{padding:16px 22px}.intro-strip span{display:none}.intro-strip strong{font-size:16px}.experience{padding:78px 20px 90px}.experience-heading h2{font-size:clamp(39px,10vw,58px)}.experience-heading>p{font-size:12px}.guide{gap:8px;margin:30px 0 19px}.guide>div{gap:3px;font-size:9px}.guide i{width:16px}.frame-top{height:36px;padding:0 10px;font-size:8px}.desktop{height:590px}.desktop-label{top:12px;left:11px;font-size:8px}.desktop-shortcuts{left:16px;top:46px;gap:0;flex-direction:row}.desktop-file,.shortcut-app{width:93px;min-height:100px}.desktop-file-icon{width:39px;height:47px}.desktop-file b,.shortcut-app span{font-size:9px}.desktop-file small{font-size:8px}.shortcut-app img{width:38px;height:38px}.app-window{left:12px;right:12px;top:170px;width:auto;height:369px}.window-titlebar{height:39px;padding-left:10px}.window-brand{font-size:9px}.window-brand img{width:17px;height:17px}.window-controls span{width:22px;font-size:9px}.window-body{height:330px;grid-template-columns:78px 1fr}.window-rail{padding:17px 4px;font-size:7px}.rail-label{font-size:6px;margin-left:4px}.rail-selected{padding:7px 2px}.window-content{padding:12px 8px}.window-breadcrumb{font-size:7px}.window-head{margin:16px 0 12px}.window-head small{font-size:7px}.window-head h3{font-size:17px}.window-count{font-size:7px}.drop-zone{height:111px;gap:5px;text-align:center;padding:4px}.drop-symbol{width:26px;height:26px;font-size:16px}.drop-zone b{font-size:10px}.drop-zone small{font-size:7px}.project-list{margin-top:12px}.project-list>span{font-size:9px}.project-empty{font-size:7px}.project-file{padding:6px;gap:6px}.project-file i{font-size:6px;padding:8px 4px}.project-file b{font-size:8px}.project-file small,.project-file>span{font-size:6px}.import-dialog{top:70px;width:calc(100% - 18px);max-width:none;padding:14px 11px;grid-template-columns:26px 1fr;gap:8px}.import-icon{width:26px;height:26px}.import-dialog h4{font-size:12px}.import-dialog p{font-size:8px}.import-actions button{font-size:8px;padding:7px 10px}.taskbar{height:38px}.taskbar-time{display:none}.status-block{align-items:start;gap:9px}.status-index{font-size:12px}.status-block #status{font-size:11px}.demo-controls{display:grid;gap:17px}.control-buttons{justify-content:flex-start}.control-buttons button{font-size:11px;padding:10px 12px}.mobile-action{flex-wrap:wrap;gap:7px}.mobile-action>span{width:100%}.mobile-action small{width:100%}.explain{padding:80px 22px}.explain-grid{grid-template-columns:1fr;gap:26px;padding-top:37px}.explain h2{font-size:45px}.explain p{font-size:12px}.explain-line{font-size:10px;gap:6px}.explain-line span{padding:9px 11px}footer{padding:23px 22px;flex-direction:column;gap:7px;font-size:9px}}
@media(max-width:360px){.topbar{padding:0 13px}.top-link{font-size:10px;padding:8px 9px}.hero{padding-left:16px;padding-right:16px}.hero h1{font-size:36px}.hero-actions{gap:10px}.primary-link,.text-link{font-size:11px}.experience{padding-left:13px;padding-right:13px}.desktop-file,.shortcut-app{width:80px}.window-body{grid-template-columns:68px 1fr}.drop-zone small{font-size:6px}.guide>div{font-size:8px}.guide i{width:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.demo-cursor,.drag-ghost{top:0;left:0}