@import"https://fonts.googleapis.com/css2?family=Sixtyfour&display=swap";html{scroll-behavior:smooth;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}.Page1-body{position:relative;width:100vw;height:100vh;overflow:hidden;color-scheme:light;background:#fff}.Page1-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;color-scheme:light}@media (max-width: 800px){:root{--emblem-width: 90vmin;--title-size: 10vmin;--btn-width: 48vmin;--btn-height: 13vmin;--btn-fs: 5.5vmin;--gap-emblem-title: 6vmin;--gap-title-btn: 22vmin}}@media (min-width: 801px){:root{--emblem-width: 480px;--title-size: 48px;--btn-width: 290px;--btn-height: 66px;--btn-fs: 28px;--gap-emblem-title: 24px;--gap-title-btn: 126px}}.Page1-center{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0}.Page1-emblem{width:var(--emblem-width);height:auto;margin-bottom:var(--gap-emblem-title)}.Page1-title{font-size:var(--title-size);font-weight:600;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.6);letter-spacing:1px;margin-bottom:var(--gap-title-btn)}.Page1-actions{display:flex;flex-direction:column;align-items:center;gap:24px}.Page1-first-btn,.Page1-second-btn{width:var(--btn-width);height:var(--btn-height);border:none;border-radius:8px;font-size:var(--btn-fs);font-weight:500;color:#31508f;cursor:pointer;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s;box-shadow:1px 1px 4px #0003}.Page1-first-btn:active,.Page1-second-btn:active{transform:scale(.94)}.top-nav{position:fixed;top:0;left:0;width:100%;height:54px;background:#c1ddfa;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;padding:0 12px;z-index:10}.back{position:absolute;left:12px;font-size:18px;color:#666d70;cursor:pointer}.placeholder{display:none}.title{font-family:Sixtyfour,sans-serif;font-size:24px;font-weight:400;color:#000}.page2-wrapper{margin-top:58px;padding:1ch 16px;min-height:calc(100vh - 58px);display:flex;flex-direction:column}.page2-title{text-align:center;font-size:20px;font-weight:600;color:#000;margin-bottom:14px}.campus-grid{display:grid;gap:20px}@media (max-width:800px){.campus-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:801px){.campus-grid{grid-template-columns:repeat(4,1fr)}}.campus-card{display:flex;flex-direction:column;cursor:pointer}.campus-card img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 6px #0000001f}.campus-card span{margin-top:8px;font-size:17px;text-align:center;color:#333}.Page3-body{padding-top:65px;padding-left:16px;padding-right:16px;min-height:calc(100vh - 65px);display:flex;flex-direction:column;align-items:center}.Page3-title{text-align:center;font-size:23px;font-weight:60;color:#000;margin-bottom:10px}.scene-list{width:100%;max-width:100%;margin:0 auto;display:grid;gap:20px;padding:0 16px}.scene-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;box-shadow:1px 2px 6px #00000038;cursor:pointer;background:#fff}.scene-item img{width:100%;height:auto;max-height:200px;object-fit:cover;border-radius:4px;flex-shrink:0}.scene-name{writing-mode:vertical-rl;font-size:19px;color:#333;line-height:1.4}@media (max-width: 800px){.scene-list{grid-template-columns:1fr}.scene-item img{max-height:250px}}@media (min-width: 801px){.scene-list{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));justify-items:center}.scene-item{max-width:500px;width:100%}.scene-item img{width:100%;height:auto;max-height:60vh;object-fit:cover;border-radius:4px}}html,body,#root{height:100%;margin:0}.page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:0;box-sizing:border-box;font-family:sans-serif}.image-stage{position:relative;width:var(--width);aspect-ratio:4 / 3;border:1px solid #ccc;border-radius:8px;overflow:hidden;background:#fafafa;margin:5px 0 0;display:flex;align-items:center;justify-content:center}.image-stage img,.image-stage canvas{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-stage input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px;pointer-events:none}.tooltip{position:absolute;pointer-events:none;z-index:1000;border:2px solid #4caf50;border-radius:50%;background:#0000004d;transform:translate(-50%,-50%)}.button-area{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:12px}.brush-row{width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.brush-row img{width:36px;height:36px;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:border-color .2s}.brush-row img.active{border-color:#4caf50;box-shadow:0 0 4px #4caf50}.action-row{display:flex;flex-direction:column;gap:12px;margin-top:12px}@media (max-width: 800px){:root{--width: 90vmin;--btn-width: 58vmin;--btn-height: 13vmin;--font-size: 18px}}@media (min-width: 801px){:root{--width: 680px;--btn-width: 290px;--btn-height: 66px;--font-size: 23px}}.Page4-cover-wrapper{position:fixed;width:100%;height:100vh;overflow:hidden;z-index:-1;pointer-events:none}.Page4-cover{width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,#0000,#000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)}.page>.notice-wrap{margin:20px;padding:30px 10px;width:var(--width);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:18px;color:#333;border-radius:4px;line-height:1.8}.Page4-title{text-align:center;font-size:23px;font-weight:60;color:#000;margin:60px 0 10px}.page button{width:var(--btn-width);height:var(--btn-height);border:none;border-radius:8px;font-size:var(--font-size);font-weight:500;color:#31508f;cursor:pointer;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s;box-shadow:1px 1px 4px #0003}.page button:active{transform:scale(.94)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;margin-top:20px;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 20px #00000026;width:90%;max-width:900px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:28px;margin-top:0;color:#333}.modal-content img{margin:15px 0}.modal-content input{width:80%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;font-size:16px}.modal-content button{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;margin:10px 5px}@media screen and (max-width: 800px){.template-grid{max-height:50vh;overflow-y:auto;padding-right:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.template-card{aspect-ratio:1 / 1;border-radius:10px;border:2px solid transparent;transition:all .2s ease;position:relative;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center;padding:10px}.template-card.selected{border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d}.template-image{width:100%;height:100%;object-fit:contain;background:#f5f5f5}.captcha-image{border:1px solid #ddd}.modal-footer{display:flex;justify-content:center}button{padding:8px 16px;background:#ddd;border:none;border-radius:4px}.confirm-button{background:#4caf50;color:#fff}}@media screen and (min-width: 801px){.template-grid{display:grid;grid-template-columns:repeat(3,1fr);max-height:50vh;overflow-y:auto;gap:20px;padding:20px}.template-card{border:2px solid transparent;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden;background:#fff;box-shadow:0 3px 6px #00000014}.template-card:hover{transform:translateY(-8px);box-shadow:0 6px 12px #0000001a}.template-card.selected{border-color:#4caf50;box-shadow:0 0 0 4px #4caf5033}.template-image{width:100%;object-fit:contain;background:#f5f5f5;padding:15px}.captcha-row{display:flex;justify-content:center;align-items:center;margin:20px 0}.captcha-image{width:160px;height:50px;margin-right:20px;border:1px solid #ddd}.captcha-input{height:50px;width:200px;padding:0 15px;border:1px solid #ddd;border-radius:6px}.modal-footer{display:flex;justify-content:center;gap:20px;margin-top:20px}button{padding:10px 20px;background:#ddd;border:none;border-radius:6px}.confirm-button{background:#4caf50;color:#fff}}.browser-icon{width:30px;height:30px;vertical-align:middle}.photo-result{width:70vw;height:57.88vw;max-width:780px;max-height:645px;object-fit:cover}.page5-title{text-align:center;font-size:23px;font-weight:60;color:#000;margin:53px 0 10px;box-sizing:border-box}.photo-result-container{width:100%;display:flex;justify-content:center}img{-webkit-user-select:none;user-select:none}.Page7-cover-wrapper{position:fixed;width:100%;height:100vh;overflow:hidden;z-index:-1;pointer-events:none}.Page7-cover{width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,#0000,#000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)}.Page7-body{touch-action:none}.control-box{border:2px solid #4b8cf5;pointer-events:none}.anchor{width:16px;height:16px;background:#fff;border:2px solid #4b8cf5;border-radius:50%;position:absolute;pointer-events:all;cursor:move;z-index:4}.anchor.nw{top:-8px;left:-8px}.anchor.n{top:-8px;left:50%;transform:translate(-50%)}.anchor.ne{top:-8px;right:-8px}.anchor.e{top:50%;right:-8px;transform:translateY(-50%)}.anchor.se{bottom:-8px;right:-8px}.anchor.s{bottom:-8px;left:50%;transform:translate(-50%)}.anchor.sw{bottom:-8px;left:-8px}.anchor.w{top:50%;left:-8px;transform:translateY(-50%)}.rotate-handle{width:20px;height:20px;background:#4b8cf5;border-radius:50%;position:absolute;top:-30px;left:50%;transform:translate(-50%);cursor:grab;pointer-events:all;z-index:4}.rotate-handle:after{content:"";position:absolute;width:2px;height:15px;background:#4b8cf5;bottom:-15px;left:50%;transform:translate(-50%)}.delete-btn{position:absolute;top:-30px;right:-10px;width:24px;height:24px;background:#ff4d4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;z-index:4;font-weight:700}.history-page{padding:10px;margin-top:60px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.clear-btn{padding:6px 12px;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.history-item{border:1px solid #eee;border-radius:8px;overflow:hidden}.history-item img{width:100%;padding:5px;object-fit:contain}.item-info{padding:8px;display:flex;justify-content:space-between;align-items:center}.time{font-size:12px;color:#666}.delete-btn{font-size:12px;color:#ff4d4f;background:none;border:none;cursor:pointer}.empty-state{text-align:center;padding:40px 0}.empty-state p{margin-bottom:20px;color:#666}.empty-state button{padding:8px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.Page6-body{min-height:100vh;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;touch-action:none}.Page6-canvas-container{position:relative;margin:80px auto 30px;border-radius:8px;box-shadow:0 4px 20px #0000001a;background-color:#fff;overflow:hidden}.Page6-editor-canvas{width:100%;height:100%;cursor:move;touch-action:none}.Page6-control-panel{width:90%;margin-top:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}.Page6-control-group{display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center;align-items:center}.Page6-control-btn{background-color:#4a90e2;color:#fff;width:35%;border:none;border-radius:4px;padding:var(--padding);font-size:18px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.Page6-next-btn{background-color:#5cb85c;margin-left:10px}.Page6-next-btn:hover{background-color:#4cae4c}.Page6-tooltip{transition:all .2s ease}.Page6-tooltip-content{width:100%;height:100%;background-color:#fffffff2;border:1px solid #e0e0e0;border-radius:6px;padding:10px;box-sizing:border-box;font-size:14px;color:#333;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px 15px #0000001a}@media (max-width: 800px){.Page6-body{padding:10px}.Page6-control-panel{width:95%;padding:10px}.Page6-tooltip-content{font-size:12px;padding:6px}}@media (max-width: 800px){:root{--gap:15px;--padding:8px 14px}}@media (min-width: 801px){:root{--gap:20px;--padding:12px 20px}}.Page6-cover-wrapper{position:fixed;width:100%;height:100vh;overflow:hidden;z-index:-1;pointer-events:none}.Page6-cover{width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,#0000,#000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)}.wechat-tip{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px}.tip-content{max-width:300px}.wechat-tip p{font-size:18px;margin:10px 0}