*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;overflow:hidden;background:#eef6ff;color:#0032a5;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button{font:inherit;cursor:pointer}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#eef6ff}.stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.home-screen,.album-screen,.quiz-screen,.puzzle-screen,.module-entry-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.home-screen{background:url(/design-assets/%E6%8B%BC%E5%9B%BE/index-bg.png) center / cover no-repeat}.home-title{position:absolute;left:50%;top:clamp(220px,33vh,360px);width:min(74vw,1419px);max-width:calc(100vw - 48px);transform:translate(-50%)}.home-actions{position:absolute;left:clamp(24px,5vw,120px);right:clamp(24px,5vw,120px);bottom:clamp(56px,10vh,112px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.3vw,44px)}.home-actions button{position:static;width:100%;min-width:0;min-height:clamp(88px,9vw,130px);border:0;background:url(/design-assets/%E6%8B%BC%E5%9B%BE/btn-bg.png) center / 100% 100% no-repeat;color:#fff;font-size:30px;font-weight:700;transform:none}.quiz-actions button,.quiz-screen>button,.result-modal button,.ghost{min-width:500px;min-height:130px;border:0;background:url(/design-assets/%E6%8B%BC%E5%9B%BE/btn-bg.png) center / 100% 100% no-repeat;color:#fff;font-size:30px;font-weight:700;position:absolute;left:50%;bottom:50px;transform:translate(-50%)}.quizPassedTip{position:absolute;left:50%;bottom:20px;font-size:25px;transform:translate(-50%);color:#3d3d3d}.album-tabs:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;opacity:1;border-top:3px solid;border-image:linear-gradient(270deg,#fff0,#fff 35%,#fff 64%,#fff0)}.album-tabs button{border:0;background:transparent;color:#666;font-size:clamp(16px,1.05vw,20px);position:relative;font-weight:700}.album-tabs button.active{color:#0032a5}.album-tabs button.active:after{content:"";position:absolute;left:0;bottom:-12px;width:100%;height:4px;background:#0032a5}.album-current-title{position:absolute;left:50%;color:#0032a5;font-size:clamp(18px,1.15vw,22px);font-weight:900;transform:translate(-50%)}.album-loading{grid-column:1 / -1;margin:4px 0 0;color:#0032a5;font-size:clamp(16px,1.05vw,20px);text-align:center}.album-empty{grid-column:1 / -1;align-self:center;margin:0;color:#53739d;font-size:clamp(20px,1.5vw,28px);font-weight:700;letter-spacing:.12em;text-align:center}.lightbox,.result-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#08162c9e;z-index:5}.lightbox img{max-width:min(92vw,1500px);max-height:min(86vh,860px);border:0;border-radius:0;box-shadow:0 30px 80px #00000047}.quiz-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,1.7vw,32px);margin-top:clamp(20px,3.1vh,34px)}.puzzle-screen{background:url(/design-assets/%E6%8B%BC%E5%9B%BE/%E6%8B%BC%E5%9B%BE%E6%8C%91%E6%88%98-bg.png) center / cover no-repeat}.puzzle-title{position:absolute;left:50%;top:clamp(48px,8vh,86px);width:min(46vw,880px);max-width:calc(100vw - 48px);transform:translate(-50%)}.countdown{position:absolute;left:0;right:0;top:clamp(138px,19vh,205px);color:#384a62;font-size:clamp(20px,1.35vw,26px);text-align:center}.countdown strong{color:#0032a5;font-size:clamp(32px,2.3vw,44px)}.puzzle-card{position:absolute;left:50%;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);align-items:center;gap:clamp(28px,2.8vw,54px);width:min(1360px,70.458vw);height:min(630px,58.333vh);min-height:0;max-height:calc(100vh - 300px);border:2px solid #78d7fc;border-radius:24px;opacity:1;background:linear-gradient(356deg,#f4f4f48a,#f6f9fc6b 98%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:clamp(24px,3.3vh,36px) clamp(28px,2.5vw,48px);transform:translate(-50%);overflow:hidden}.board{display:grid;aspect-ratio:1 / 1;width:min(100%,52vh,560px);max-height:100%;justify-self:center;border:2px solid rgba(18,79,183,.2);background:#ffffff73}.slot,.pool button{border:1px solid rgba(18,79,183,.2);background:#ffffff5c;padding:0}.slot i,.pool i{display:block;width:100%;height:100%;background-repeat:no-repeat}.pool{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.3vh,14px);align-content:center}.pool button{aspect-ratio:1 / 1;border-radius:6px;overflow:hidden}.puzzle-back{position:absolute;left:50%;bottom:clamp(50px,11vh,120px);transform:translate(-50%)}.result-modal{gap:18px;align-content:center;background:#f3f8ffeb}.result-modal img{max-width:min(34vw,360px);max-height:min(30vh,300px)}.result-modal h1{margin:0;color:#0032a5;font-size:clamp(32px,2.5vw,48px);text-align:center}.result-modal p{margin:0 0 10px;color:#475569;font-size:clamp(18px,1.25vw,24px)}@media (max-width: 1100px),(max-height: 760px){body{overflow:hidden}.viewport{position:fixed;width:100vw;height:100vh;overflow:hidden}.stage,.home-screen,.album-screen,.quiz-screen,.puzzle-screen,.module-entry-screen{width:100%;height:100%;min-height:0;overflow:hidden}.home-title{top:clamp(120px,25vh,260px);width:min(82vw,900px)}.home-actions{left:20px;right:20px;bottom:clamp(28px,8vh,80px);grid-template-columns:repeat(2,minmax(0,1fr))}.album-tabs button{flex:0 0 auto;white-space:nowrap}.album-current-title{position:static;flex:0 0 auto;transform:none;white-space:nowrap}.puzzle-title{top:clamp(28px,6vh,60px);width:min(62vw,680px)}.countdown{top:clamp(96px,16vh,150px)}.puzzle-card{top:28vh;width:min(70vw,1360px);height:min(58vh,630px);max-height:calc(100vh - 240px);grid-template-columns:minmax(240px,1fr) minmax(200px,340px);gap:clamp(16px,2.6vw,28px);padding:clamp(16px,2.8vh,26px)}.board{width:min(100%,42vh,420px)}.puzzle-back{bottom:clamp(24px,5vh,60px)}}@media (max-width: 760px){.puzzle-card{grid-template-columns:1fr;overflow:hidden}.pool{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,360px);justify-self:center}}.album-screen{display:flex!important;flex-direction:column!important;padding:clamp(56px,7.8vh,94px) clamp(42px,5.6vw,110px) clamp(24px,4vh,60px)!important;background:url(/design-assets/%E7%9B%B8%E5%86%8C/bg.png) center / cover no-repeat}.album-top{position:absolute;left:0;top:0;width:100%!important;height:clamp(56px,9vh,100px)!important;object-fit:contain;flex:0 0 auto!important}.album-tabs{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:clamp(20px,3.4vw,64px);width:100%!important;min-height:0!important;margin:clamp(12px,2.2vh,35px) 0 clamp(14px,2.4vh,24px)!important;position:relative;flex:0 0 auto!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,1) rgba(255,255,255,.2)!important}.album-tabs::-webkit-scrollbar{height:6px!important}.album-tabs::-webkit-scrollbar-track,.album-grid::-webkit-scrollbar-track{border-radius:999px!important;background:#fff3!important;box-shadow:none!important}.album-tabs::-webkit-scrollbar-thumb,.album-grid::-webkit-scrollbar-thumb{border-radius:999px!important;border:2px solid rgba(255,255,255,.2)!important;background:#fff!important;box-shadow:none!important}.album-tabs::-webkit-scrollbar-thumb:hover,.album-grid::-webkit-scrollbar-thumb:hover{background:#fff!important}.album-grid{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:clamp(160px,13.5vw,260px)!important;gap:clamp(18px,2.4vh,30px) clamp(18px,1.5vw,28px)!important;width:100%!important;height:clamp(420px,54vh,579px)!important;max-height:calc(100vh - clamp(250px,31vh,340px))!important;min-height:0!important;margin-top:clamp(14px,2.6vh,36px)!important;padding:0 clamp(12px,.9vw,18px) clamp(24px,3.5vh,46px) 8px!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;align-items:stretch!important;justify-content:center!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,1) rgba(255,255,255,.2)!important}.album-grid::-webkit-scrollbar{width:clamp(8px,.65vw,12px)!important}.album-grid article{position:relative;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;border:2px solid;border-image:linear-gradient(90deg,#fff,#cbdffa) 2;box-shadow:0 6px 14px #83b3e733}.album-grid img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.album-cover-grid{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(18px,2.8vh,30px)!important;width:min(100%,1716px)!important;height:clamp(500px,62vh,680px)!important;max-height:calc(100vh - clamp(210px,27vh,300px))!important;min-height:0!important;margin:clamp(28px,4.8vh,62px) auto 0!important;padding:0 clamp(8px,.8vw,16px) clamp(20px,3vh,36px)!important;overflow:hidden!important;scrollbar-width:none!important}.album-cover-grid::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.album-cover-row{display:flex!important;flex:0 0 auto!important;width:100%!important;justify-content:center!important;align-items:flex-start!important;gap:clamp(18px,1.45vw,28px)!important}.album-cover-card{display:block!important;flex:0 1 clamp(260px,21.25vw,408px)!important;width:clamp(260px,21.25vw,408px)!important;height:clamp(190px,15.625vw,300px)!important;min-width:0!important;min-height:0!important;aspect-ratio:408 / 300!important;overflow:hidden!important;border:0!important;border-radius:8px!important;background:transparent!important;padding:0!important}.album-cover-card img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.album-return{width:clamp(180px,14vw,270px);height:clamp(68px,9.5vh,103px);border:0;background:url(/design-assets/%E6%8B%BC%E5%9B%BE/btn-bg.png) center / 100% 100% no-repeat;color:#fff;font-size:clamp(18px,1.25vw,24px);font-weight:400;position:absolute;bottom:clamp(18px,4vh,42px)!important;left:50%;transform:translate(-50%);z-index:10!important}.quiz-screen{display:flex;flex-direction:column;align-items:center;padding:clamp(64px,9vh,96px) clamp(24px,4vw,80px) 0!important;background:url(/design-assets/%E7%AD%94%E9%A2%98/index-bg.png) center / cover no-repeat}.quiz-screen h1{display:inline-block;min-height:auto;margin:0 0 clamp(60px,5.8vh,99px)!important;text-align:center;color:#0032a5;font-size:clamp(24px,1.8vw,34px);line-height:1.35;position:relative}.quiz-screen h1:after{content:"";position:absolute;display:block;width:100%;height:clamp(8px,1vh,16px);bottom:0;background:linear-gradient(270deg,#0450b000,#2ea0f18f,#0082df00)}.quiz-screen h2{margin:clamp(10px,1.3vh,14px) 0 clamp(48px,8.3vh,90px);color:#0032a5;font-size:clamp(70px,2.7vw,102px);text-align:center;letter-spacing:.1em}.answer-grid{--answer-card-w: min(400px, 20.833vw);--answer-card-h: min(600px, 55.556vh, calc(100vh - 300px) );--answer-card-gap: min(24px, 1.25vw);display:grid!important;grid-template-columns:repeat(4,minmax(0,var(--answer-card-w)))!important;grid-auto-flow:row!important;justify-content:center!important;align-items:stretch!important;gap:var(--answer-card-gap)!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}.answer-grid button{position:relative!important;display:grid!important;grid-template-rows:auto 1fr!important;gap:8px!important;width:var(--answer-card-w)!important;height:var(--answer-card-h)!important;min-width:0!important;min-height:0!important;max-width:var(--answer-card-w)!important;max-height:var(--answer-card-h)!important;border-radius:24px!important;opacity:1!important;background:linear-gradient(359deg,#f4f4f445 -7%,#f6f9fc36 105%)!important;border:2px solid #78d7fc!important;border-image:none!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:none!important;outline:none!important;padding:min(26px,2.4vh) min(26px,1.354vw)!important;color:#203550!important;text-align:left!important}.answer-grid button.selected{background:linear-gradient(359deg,#f1f3bd4d -7%,#f6f9fc36 105%)!important;border-color:#dbaa18!important;box-shadow:none!important;outline:none!important}.answer-grid button.correct{background:linear-gradient(0deg,#ffffffa8,#ecfffca8)!important;border-color:#00c421!important;box-shadow:none!important;outline:none!important}.answer-grid button.wrong{background:linear-gradient(359deg,#ffe1e145 -7%,#fff9f836 105%)!important;border-color:#fc9e78!important;box-shadow:none!important;outline:none!important}.answer-grid button strong{color:#0032a5!important;font-size:min(36px,1.875vw)!important;text-align:center!important}.answer-grid button span{color:#636363!important;font-size:min(19px,.99vw)!important;line-height:1.62!important}.answer-grid b{display:none!important}.answer-icon{position:absolute!important;right:min(34px,1.77vw)!important;bottom:min(34px,3.15vh)!important;width:min(80px,4.167vw)!important;height:min(80px,4.167vw)!important;object-fit:contain!important;pointer-events:none!important}.quiz-result-title{width:100%!important;min-height:55vh!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;text-align:center!important;font-size:clamp(52px,5vw,96px)!important;line-height:1.2!important}.quiz-screen .quiz-result-title-cg{margin-bottom:0!important;height:auto!important;min-height:auto!important;margin-top:15vh!important;letter-spacing:.3em}.quiz-result-title:after{display:none!important;content:""}@media (max-width: 1400px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:clamp(150px,17vw,240px)!important}}@media (max-width: 900px),(max-height: 700px){.album-screen{padding:clamp(46px,7vh,68px) clamp(14px,3vw,28px) clamp(12px,3vh,28px)!important}.album-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:8px!important}.album-tabs button,.album-current-title{flex:0 0 auto!important;white-space:nowrap!important}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:clamp(130px,28vw,220px)!important;height:clamp(360px,58vh,520px)!important}.album-cover-grid{height:calc(100vh - clamp(145px,23vh,210px))!important;max-height:calc(100vh - clamp(145px,23vh,210px))!important;margin-top:clamp(14px,2.5vh,24px)!important}.album-cover-row{flex-wrap:wrap!important}.album-cover-card{flex-basis:clamp(150px,40vw,240px)!important;width:clamp(150px,40vw,240px)!important;height:clamp(110px,29.4vw,176px)!important}}@media (max-width: 560px){.album-grid{grid-template-columns:1fr!important;grid-auto-rows:clamp(150px,58vw,260px)!important}}.module-entry-screen{display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;background-repeat:no-repeat}.album-entry-screen{background-image:url(/design-assets/%E7%9B%B8%E5%86%8C/index.jpg)}.quiz-entry-screen{background-image:url(/design-assets/%E7%AD%94%E9%A2%98/index-bg.png)}.puzzle-entry-screen{background-image:url(/design-assets/%E6%8B%BC%E5%9B%BE/index-bg.png)}.entry-title{position:absolute;left:50%;transform:translate(-50%);margin:0;text-align:center;color:#0032a5;pointer-events:none}.entry-title-image{object-fit:contain}.album-entry-title{top:0}.puzzle-entry-title{position:absolute;top:35vh}.entry-text-title{top:clamp(135px,18vh,220px);font-size:clamp(64px,5.3vw,102px);font-weight:900;letter-spacing:.16em}.entry-button{position:absolute;left:50%;bottom:clamp(50px,7.4vh,80px);width:min(500px,26.042vw);height:min(130px,12.037vh);min-width:0;min-height:0;border:0;background:url(/design-assets/%E6%8B%BC%E5%9B%BE/btn-bg.png) center / 100% 100% no-repeat;color:#fff;font-size:min(30px,1.563vw);font-weight:700;transform:translate(-50%);z-index:3}@media (max-width: 900px),(max-height: 700px){.album-entry-title{top:clamp(46px,8vh,78px);width:min(88vw,980px)}.puzzle-entry-title{top:clamp(58px,10vh,98px);width:min(62vw,680px)}.entry-text-title{top:clamp(85px,15vh,145px);font-size:clamp(42px,7vw,72px)}.entry-button{width:min(360px,56vw);height:min(92px,13vh);font-size:clamp(20px,3.6vw,26px);bottom:clamp(28px,7vh,56px)}}.slot[draggable=true]{cursor:grab}.slot[draggable=true]:active{cursor:grabbing}.puzzle-result-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,2.6vh,32px);padding:clamp(40px,6vh,80px);text-align:center;background:url(/design-assets/%E6%8B%BC%E5%9B%BE/%E6%8B%BC%E5%9B%BE%E6%8C%91%E6%88%98-bg.png) center / cover no-repeat}.puzzle-result-icon{width:min(280px,14.583vw);height:min(240px,22.222vh);object-fit:contain}.puzzle-result-page h1{margin:0;color:#0032a5;font-size:clamp(52px,5vw,96px);line-height:1.2;letter-spacing:.08em}.puzzle-result-page p{margin:0;color:#475569;font-size:clamp(24px,2vw,42px);line-height:1.4}.puzzle-result-button{width:min(500px,26.042vw);height:min(130px,12.037vh);min-width:0;min-height:0;margin-top:clamp(12px,2vh,28px);border:0;background:url(/design-assets/%E6%8B%BC%E5%9B%BE/btn-bg.png) center / 100% 100% no-repeat;color:#fff;font-size:min(30px,1.563vw);font-weight:700}@media (max-width: 900px),(max-height: 700px){.puzzle-result-icon{width:min(210px,30vw);height:min(180px,24vh)}.puzzle-result-button{width:min(360px,56vw);height:min(92px,13vh);font-size:clamp(20px,3.6vw,26px)}}.face-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;color:#0032a5}.face-index-screen{background:url(/design-assets/%E4%BA%BA%E8%84%B8%E8%9E%8D%E5%90%88/index-bg.png) center / cover no-repeat}.face-work-screen{background:url(/design-assets/%E4%BA%BA%E8%84%B8%E8%9E%8D%E5%90%88/bg.png) center / cover no-repeat}.face-index-title{position:absolute;left:50%;top:clamp(145px,24vh,260px);width:min(58vw,780px);max-width:calc(100vw - 64px);transform:translate(-50%);pointer-events:none}.face-intro-panel{position:absolute;left:50%;top:50vh;width:58vw;transform:translate(-50%)}.face-intro-image{display:block;width:100%;height:auto}.face-intro-close{position:absolute;left:50%;bottom:20%;width:clamp(24px,2vw,40px);height:clamp(24px,2vw,40px);border:0;background:transparent;padding:0;transform:translate(-50%)}.face-intro-close img{display:block;width:100%;height:100%;object-fit:contain}.face-button{width:min(500px,26.042vw);height:min(130px,12.037vh);min-width:180px;min-height:58px;border:0;background:url(/design-assets/%E6%8B%BC%E5%9B%BE/btn-bg.png) center / 100% 100% no-repeat;color:#fff;font-size:clamp(22px,1.563vw,30px);font-weight:700;line-height:1}.face-start-button,.face-confirm-style,.face-result-back{position:absolute;left:50%;bottom:clamp(46px,8vh,88px);transform:translate(-50%)}.face-style-list{position:absolute;left:50%;top:clamp(120px,26vh,230px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(52px,8.4vw,160px);width:min(78vw,1120px);transform:translate(-50%)}.face-style-card{display:grid;justify-items:center;gap:clamp(16px,2.4vh,24px);border:0;background:transparent;padding:0}.face-style-photo-frame{width:min(240px,16vw);aspect-ratio:1 / 1;box-sizing:border-box;border:4px solid transparent;border-radius:28px;overflow:hidden}.face-style-photo{display:block;width:100%;height:100%;object-fit:cover}.face-style-card.selected .face-style-photo-frame{border-color:#1598ff;box-shadow:0 0 0 1px #00ddffb3,0 6px 18px #0f8bff47}.face-style-title{width:40vw;position:absolute;left:50%;top:5vh;transform:translate(-50%)}.face-style-name{display:block;height:35px}.face-camera-wrap{position:absolute;left:50%;top:clamp(84px,14vh,150px);transform:translate(-50%)}.face-generating-tip{margin:clamp(18px,2.6vh,30px) 0 0;color:#0032a5;font-size:clamp(16px,1.3vw,24px);font-weight:700;text-align:center;white-space:nowrap}.face-camera-circle{position:relative;width:min(440px,32vw,56vh);aspect-ratio:1 / 1;border-radius:50%}.face-camera-circle video,.face-captured-image{position:absolute;top:10%;right:10%;bottom:10%;left:10%;width:80%;height:80%;border-radius:50%;object-fit:cover;background:#d6e1edd6}.face-camera-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.face-countdown{position:absolute;left:50%;bottom:-80px;display:grid;place-items:center;border-radius:50%;color:#2192ff;font-size:clamp(48px,5vw,86px);line-height:1;transform:translate(-50%)}.face-camera-tip{position:absolute;left:0;width:100%;bottom:-130px;color:#3d3d3d;font-size:16px;text-align:center}.face-camera-error{position:absolute;left:50%;bottom:18%;color:#0032a5;font-size:clamp(16px,1.3vw,24px);font-weight:700;transform:translate(-50%);white-space:nowrap}.face-hidden-canvas{display:none}.face-camera-actions{position:absolute;left:50%;bottom:clamp(46px,8vh,88px);display:flex;justify-content:center;gap:clamp(80px,10vw,180px);transform:translate(-50%)}.face-result-card{position:absolute;left:50%;bottom:23vh;width:min(78vw,930px);height:min(48vw,510px);min-height:340px;border-radius:8px;background:#fffffff5;box-shadow:-10px 10px 30px #2f62a133;transform:translate(-50%)}.face-result-logo{position:absolute;left:clamp(24px,1vw,44px);top:clamp(20px,3vh,40px);width:min(160px,13vw);height:auto;object-fit:contain;z-index:2}.face-result-qr{position:absolute;right:clamp(24px,1vw,44px);top:clamp(20px,3vh,40px);display:grid;justify-items:center;gap:6px;color:#3d3d3d;font-size:14px;letter-spacing:.5em;z-index:2}.face-result-qr img{display:block;width:clamp(92px,7vw,132px);height:clamp(92px,7vw,132px);border:6px solid #fff;object-fit:contain}.face-result-image{position:absolute;left:clamp(24px,1vw,44px);bottom:clamp(18px,3vh,34px);width:calc(100% - clamp(70px,9vw,138px));height:calc(100% - clamp(135px,18vh,188px));object-fit:cover;border-radius:8px 380px 8px 8px;border:4px solid #00d4ff}@media (max-width: 900px),(max-height: 700px){.face-index-title{top:clamp(85px,20vh,150px);width:min(72vw,620px)}.face-intro-panel{top:51vh;width:min(84vw,920px)}.face-style-list{top:clamp(84px,22vh,140px);gap:clamp(18px,5vw,56px);width:min(86vw,780px)}.face-style-photo{width:100%}.face-style-photo-frame{width:min(190px,22vw);border-radius:22px}.face-style-name{width:min(96px,12vw)}.face-camera-circle{width:min(360px,44vw,54vh)}.face-camera-actions{gap:clamp(36px,8vw,90px)}.face-button{width:min(360px,34vw);height:min(92px,13vh);min-width:150px;font-size:clamp(18px,3vw,24px)}.face-result-card{top:clamp(60px,13vh,100px);width:min(86vw,740px);height:min(52vw,390px);min-height:290px}}