2 lines
14 KiB
CSS
2 lines
14 KiB
CSS
:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#0f0f0f;background-color:#f6f6f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body,#root{height:100%;margin:0}body{display:flex;align-items:center;justify-content:center;background:#ffffff}.app-container{position:relative;width:1080px;height:1920px;overflow:hidden}.global-background{position:absolute;top:0;left:0;width:1080px;height:1920px;background:url(./bg-8c252c22.png) 100% no-repeat;background-size:100% 100%;pointer-events:none;z-index:1}.global-header{display:flex;flex-direction:row;justify-content:space-between;width:927px;height:84px;margin:98px 0 0 82px;pointer-events:auto}.header-logo{width:248px;height:84px}.header-title{width:442px;height:53px;overflow-wrap:break-word;color:#fff;font-size:56px;font-family:NotoSansCJKsc-Medium;font-weight:500;text-align:center;white-space:nowrap;line-height:56px;margin-top:17px}.header-time{width:286px;height:24px;overflow-wrap:break-word;color:#fff;font-size:31px;font-family:NotoSansCJKsc-Medium;font-weight:500;text-align:center;white-space:nowrap;line-height:31px;margin:32px 0 0 724px;pointer-events:auto}.content-area{position:relative;width:100%;height:100%;z-index:2;pointer-events:auto}.container{margin:0;padding-top:10vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:.75s}.logo.tauri:hover{filter:drop-shadow(0 0 2em #24c8db)}.row{display:flex;justify-content:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{text-align:center}input,button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#0f0f0f;background-color:#fff;transition:border-color .25s;box-shadow:0 2px 2px #0003}button{cursor:pointer}button:hover{border-color:#396cd8}button:active{border-color:#396cd8;background-color:#e8e8e8}input,button{outline:none}#greet-input{margin-right:5px}@media (prefers-color-scheme: dark){:root{color:#f6f6f6;background-color:#2f2f2f}a:hover{color:#24c8db}input,button{color:#fff;background-color:#0f0f0f98}button:active{background-color:#0f0f0f69}}.u1-root{display:flex;position:relative;flex-direction:column;align-items:center;margin-top:45%;width:100%;height:100%}.u1-title{overflow-wrap:break-word;color:#002d5d;font-size:88px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;line-height:114px}.u1-instruction{width:374px;height:33px;overflow-wrap:break-word;color:#002d5d;font-size:34px;font-family:NotoSansCJKsc-Medium;font-weight:500;text-align:left;white-space:nowrap;line-height:44px;margin-bottom:20%}.u1-decor-line{margin-top:3%;margin-bottom:3%}.u1-button-text-wrapper{display:flex;height:108px;width:594px;background:url(./button-62769f6e.png) 100% no-repeat;background-size:100% 100%;align-items:center;justify-content:center}.u1-button-text{width:192px;height:48px;overflow-wrap:break-word;color:#fff;font-size:49px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap;line-height:49px}.u1-semicircle{position:absolute;left:27%;transform:translate(-50%);top:810px;width:578px;height:588px;z-index:-1}.long-button{position:relative;width:594px;height:108px;background:url(./button-62769f6e.png) center center no-repeat;background-size:100% 100%;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease}.long-button:hover{transform:translateY(-2px)}.long-button:active{transform:translateY(0)}.long-button-text{height:48px;overflow-wrap:break-word;color:#fff;font-size:49px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap;line-height:43px}.long-button-loading{position:relative;width:594px;height:108px;background:url(./button-loading-801352b2.png) center center no-repeat;background-size:100% 100%;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease}.long-button-loading:hover{transform:translateY(-2px)}.long-button-loading:active{transform:translateY(0)}.long-button-loading-text{height:48px;overflow-wrap:break-word;color:#fff;font-size:49px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap;line-height:43px}.decor-line{margin-top:3%;margin-bottom:3%}.u2-root{display:flex;position:relative;flex-direction:column;align-items:center;margin-top:45%;width:100%;height:100%}.u2-title{width:875px;height:60px;overflow-wrap:break-word;color:#002d5d;font-size:57px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap}.u2-info-card{position:relative;margin:40px auto 0;width:896px;height:607px;background:url(./u2-card-8ae8ba13.png) 100% no-repeat;background-size:100% 100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:40px 48px}.u2-avatar{max-width:290px;height:auto;margin-right:40px}.u2-details-list{display:flex;flex-direction:column;gap:18px}.u2-detail-row{display:flex;flex-direction:row;align-items:center}.u2-detail-bar{width:6px;height:39px;background:rgba(0,45,93,.9);border-radius:3px;margin-right:20px}.u2-detail-text{color:#002d5d;font-size:35px;font-family:NotoSansCJKsc-Regular;line-height:42px}.u2-user-details{width:435px;height:auto;overflow-wrap:break-word;color:#002d5d;font-size:35px;font-family:NotoSansCJKsc-Regular;font-weight:400;text-align:left;line-height:42px;margin-top:24px}.u2-decor-1{position:absolute;left:249px;top:452px;width:398px;height:209px}.u2-decor-2{position:absolute;left:381px;top:-47px;width:124px;height:260px}.u2-instruction{margin-top:24px;margin-bottom:15%;color:#002d5d;font-size:24px;text-align:center}.u2-asterisk{color:red;margin-right:8px;font-weight:700;font-size:24px;vertical-align:baseline}.u2-confirm-section{width:896px;margin:32px auto 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.u2-semicircle{position:absolute;left:27%;transform:translate(-50%);top:810px;width:578px;height:588px;z-index:-1}.back-button{position:relative;width:395px;height:112px;background:url(./back-button-49793580.png) center center no-repeat;background-size:100% 100%;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.back-button:hover{transform:scale(1.02);opacity:.9}.back-button:active{transform:scale(.98)}.back-button-text{width:99px;height:49px;overflow-wrap:break-word;color:#002d5d;font-size:51px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap;line-height:51px}.confirm-button{position:relative;width:395px;height:112px;background:url(./confirm-button-11508f4a.png) center center no-repeat;background-size:100% 100%;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.confirm-button:hover{transform:scale(1.02);opacity:.9}.confirm-button:active{transform:scale(.98)}.confirm-button-text{width:151px;height:49px;overflow-wrap:break-word;color:#fff;font-size:51px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap;line-height:51px}.u3-root{display:flex;position:relative;flex-direction:column;align-items:center;margin-top:45%;width:100%;height:100%}.u3-title{width:690px;height:88px;overflow-wrap:break-word;color:#002d5d;font-size:92px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:left;white-space:nowrap}.u3-text{width:628px;overflow-wrap:break-word;color:#002d5d;font-size:57px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:left;line-height:80px;text-align:center}.u3-instruction{width:393px;height:34px;overflow-wrap:break-word;color:#002d5d;font-size:35px;font-family:NotoSansCJKsc-Medium;font-weight:500;text-align:left;white-space:nowrap;line-height:46px;margin-bottom:100px}.u3-confirm-section{width:896px;margin:32px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.u3-qrcode{width:284px;height:284px;margin:40px 0}.u3-success-img{width:358px;height:358px;margin:110px 0}.u4-root{display:flex;position:relative;flex-direction:column;align-items:center;margin-top:45%;width:100%;height:100%}.u4-title{width:690px;height:88px;color:#002d5d;font-size:92px;font-family:NotoSansCJKsc-Bold;font-weight:700}.u4-text{width:628px;overflow-wrap:break-word;color:#002d5d;font-size:57px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:left;line-height:80px;text-align:center}.u4-subtitle{width:496px;height:35px;overflow-wrap:break-word;color:#002d5d;font-size:35px;font-family:NotoSansCJKsc-Medium;font-weight:500;text-align:left;white-space:nowrap;margin-top:5%;margin-bottom:18%}.u4-card-grid{width:100%;display:flex;justify-content:center}.u4-card{width:445px;min-height:526px;background-image:url(./u4-card-2168368b.png);background-repeat:no-repeat;background-size:100% 100%;background-color:transparent;border-radius:16px;padding:80px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;cursor:pointer}.u4-card:hover{transform:translateY(-6px)}.u4-card.selected{box-shadow:0 10px 26px #0b2a522e;border:2px solid rgba(214,30,54,.15)}.u4-card-header{display:flex;align-items:center;gap:12px}.u4-radio{width:34px;height:34px;display:block;object-fit:contain}.u4-card-title{font-size:36px;color:#002d5df2;font-weight:700}.u4-card-body{display:flex;flex-direction:column;gap:12px;margin-left:20px}.u4-detail-row{display:flex;align-items:flex-start;gap:12px}.u4-detail-bar{width:6px;height:39px;background:rgba(0,45,93,.9);border-radius:3px}.u4-detail-text{color:#002d5df2;font-size:30px;line-height:39px}.u4-confirm-wrapper{margin-top:12px}.ui6-table-container{width:754px;max-height:881px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.ui6-table-container::-webkit-scrollbar{display:none}.ui6-table{width:754px;border-collapse:collapse;background-color:#fff}.ui6-table-header{color:#002d5d;font-size:32px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;padding:10px;border:1px solid rgba(0,45,93,.2);background-color:#e9f2f5;position:sticky;top:0;z-index:10}.ui6-table-dept{width:200px;background-color:#b12651;color:#fff}.ui6-table-project{width:554px;background-color:#053875;color:#fff}.ui6-table-row{border-bottom:2px solid #d3d3d3;border-right:2px solid #d3d3d3}.ui6-table-dept-cell{color:#000;background-color:#daeef2;font-size:24px;font-family:NotoSansCJKsc-Medium;font-weight:500;padding-left:20px;border-right:2px solid #d3d3d3;border-left:2px solid #d3d3d3}.ui6-table-project-cell{color:#000;font-size:24px;padding:0;font-family:NotoSansCJKsc-Regular;text-align:left}.ui6-project-item{border-bottom:2px solid #d3d3d3;line-height:1.5}.ui6-project-item:last-child{border-bottom:none}.basic-root{display:flex;position:relative;flex-direction:column;align-items:center;margin-top:36%;width:100%;height:100%}.basic-white-block{width:1036px;height:1414px;background-color:#fff;background:linear-gradient(to bottom,#ffffff 0%,transparent 80%);border-radius:20px}.basic-title{height:50px;overflow-wrap:break-word;color:#002d5d;font-size:52px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap;line-height:91px;margin-bottom:33px}.basic-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:50px 0;box-sizing:border-box}.basic-confirm-section{width:896px;position:fixed;bottom:112px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.basic-paragraph{width:919px;height:auto;overflow-wrap:break-word;color:#002d5d;font-size:28px;font-family:NotoSansCJKsc-Medium;font-weight:500;text-align:center;line-height:26px;margin:0 0 53px}.ui7-text-wrapper{height:623px;width:975px;border:2px solid #000;border-radius:30px;color:#000;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.ui7-text-wrapper::-webkit-scrollbar{display:none}.ui7-text-content{padding:32px 42px}.ui7-text-content .paragraph_1{font-family:NotoSansCJKsc-Medium;font-weight:500;font-size:20px;line-height:0}.ui7-text_4{width:393px;height:35px;overflow-wrap:break-word;color:#002d5d;font-size:32px;font-family:NotoSansCJKsc-Medium;font-weight:500;text-align:center;white-space:nowrap;line-height:46px;margin:12px 0 22px}.ui7-signature-wrapper{height:338px;width:975px;border-radius:30px;background-color:#fff;box-shadow:0 0 10px #0000001a;color:#000;display:flex;justify-content:center;align-items:center;position:relative}.ui7-signature-canvas{width:100%;height:100%;cursor:crosshair;touch-action:none;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);will-change:contents}.ui7-clear-button{position:absolute;top:10px;right:10px;padding:8px 16px;background-color:transparent;box-shadow:none;border:none;outline:none;color:#000;cursor:pointer;font-size:14px;font-family:NotoSansCJKsc-Regular;transition:none}.ui7-clear-button:hover{color:#000;border:none;outline:none}.ui7-clear-button:focus{border:none;outline:none}.ui7-clear-button:active{border:none;outline:none;background-color:transparent}.wait-button{position:relative;width:395px;height:112px;background:url(./wait-button-bf05d764.png) center center no-repeat;background-size:100% 100%;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.wait-button:hover{transform:scale(1.02);opacity:.9}.wait-button:active{transform:scale(.98)}.wait-button-text{width:151px;height:49px;overflow-wrap:break-word;color:#e0e0e0;font-size:51px;font-family:NotoSansCJKsc-Bold;font-weight:700;text-align:center;white-space:nowrap;line-height:51px}
|