:root{color:#222;background:#f6f6f6;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-width:0}.phone-shell{background:#f6f6f6;width:100%;min-height:100dvh;overflow:hidden}.page{background:#f6f6f6;min-height:100dvh;position:relative}.status{letter-spacing:.2px;background:#f7f7f7;justify-content:space-between;height:42px;padding:9px 28px 0 31px;font-size:17px;font-weight:700;display:flex}.phone-icons{letter-spacing:2px;white-space:nowrap;font-size:13px}.mini-nav{background:#fff;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}.back-arrow{color:#222;background:0 0;border:0;padding:0;font-size:35px;font-weight:200;line-height:1}.mini-pill{letter-spacing:4px;background:#f8f8f8;border:0;border-radius:18px;height:31px;padding:0 13px;font-size:17px}.brand{color:#fff;background:#2f66aa;justify-content:center;align-items:center;gap:9px;height:66px;display:flex}.brand-symbol{color:#41d2b2;border:2px solid #d9f7f6;border-radius:50%;place-items:center;width:38px;height:38px;font-size:26px;font-weight:700;display:grid}.brand-title{letter-spacing:3px;font-family:STKaiti,KaiTi,serif;font-size:19px}.brand-en{letter-spacing:0;font-family:Arial,sans-serif;font-size:7px}.p2 .mini-nav{height:42px}.p2-title{text-align:center}.p2-title b{font-size:18px;font-weight:500;display:block}.p2-title small{color:#999;margin-top:1px;font-size:10px;display:block}.p2-main{text-align:center;background:#f7f7fc;min-height:calc(100dvh - 150px);padding-top:55px}.p2-main>p{color:#aaa;letter-spacing:5px;margin:0;font-size:18px}.p2-main strong{color:#277ab2;letter-spacing:0;margin:2px 0;font-size:19px;line-height:1.23;display:block}.p2-main .sub{letter-spacing:0}.mini-code{background:#fff;border:0;place-items:center;width:165px;height:165px;margin:39px auto 6px;display:grid;position:relative}.qr-dots{background:radial-gradient(circle,#111 1.7px,#0000 2.4px) 0 0/12px 12px;width:144px;height:144px;position:relative}.qr-core{color:#159778;background:#fff;border:7px solid #2372a0;border-radius:50%;place-items:center;width:74px;height:74px;font-size:38px;font-weight:700;display:grid;position:absolute;top:35px;left:35px}.qr-corner{background:#fff;border:3px solid #111;width:20px;height:20px;position:absolute}.qr-corner:after{content:"";background:#111;position:absolute;inset:4px}.qr-corner.a{top:6px;left:6px}.qr-corner.b{top:6px;right:6px}.qr-corner.c{bottom:6px;left:6px}.mini-program{color:#fff;background:#20bd67;border-radius:50%;width:29px;height:29px;font-size:23px;line-height:29px;position:absolute;bottom:8px;right:8px}.hold-tip{color:#aaa;font-size:17px;line-height:1.35}.p3{background:#f7f7f7;padding-bottom:67px}.p3 .status{background:#67dedc}.hero{background:linear-gradient(137deg,#66e1df 0%,#6ce4e0 51%,#b5f5ec 100%);height:201px;position:relative;overflow:hidden}.hero:before{content:"";border:2px solid #ffffff8c;border-radius:50%;width:265px;height:265px;position:absolute;top:-78px;left:-93px}.hero:after{content:"";background:#ffffffb8;border-radius:50%;width:220px;height:65px;position:absolute;bottom:-21px;left:-18px;box-shadow:175px 18px 0 21px #ffffffb8}.cloud{color:#fff;text-shadow:16px 10px #fff,34px 3px #fff;z-index:1;font-size:50px;position:absolute;top:35px;left:39px}.rocket{z-index:2;font-size:56px;position:absolute;bottom:15px;left:106px;transform:rotate(35deg)}.hero-copy{z-index:2;color:#0862a1;text-align:center;font-family:STKaiti,KaiTi,serif;font-size:32px;font-weight:700;line-height:.92;position:absolute;top:26px;right:26px;transform:rotate(-7deg)}.hero-copy small{margin-top:13px;font-family:inherit;font-size:12px;display:block;transform:rotate(7deg)}.app-badge{z-index:2;color:#3175a7;background:#fff;border-radius:2px;padding:3px 7px;font-size:7px;position:absolute;bottom:17px;right:34px}.entry-row{z-index:4;background:#fff;border-radius:0 0 49px 49px;justify-content:space-around;align-items:flex-start;height:108px;margin:-1px 6px 12px;padding-top:16px;display:flex;position:relative;box-shadow:0 3px 6px #ddd}.entry{color:#2e9eaf;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;width:86px;height:82px;font-size:13px;display:flex}.entry svg{stroke:currentColor;fill:none;stroke-width:2px;width:38px;height:38px}.entry.selected{color:#22a37e;border:3px solid #ff87bc;border-radius:21px;margin-top:-6px;padding-top:6px}.entry small{color:#222;font-size:13px}.card{background:#fff;border-radius:7px;margin:0 8px 16px;padding:17px 7px 15px;box-shadow:0 1px 4px #0000001c}.card h2{margin:0 0 18px 6px;font-size:19px;font-weight:500;line-height:1}.services{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.service{flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.service-icon{color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.service-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:29px;height:29px}.archive{background:#43ccb6}.degree{background:#fa9b2e}.job{background:#7370d5}.public{background:#3181ce}.topics{padding-bottom:20px}.topic-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.topic{color:#d63239;height:175px;padding:23px 10px;font-size:15px;font-weight:700;line-height:1.35;position:relative;overflow:hidden}.topic small{margin-top:4px;font-size:10px;font-weight:400;display:block}.topic:after{content:"";border:8px double #ffffff70;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-22px;right:-22px}.topic.red{background:linear-gradient(135deg,#f4b1b5,#f8dddd)}.topic.blue{color:#5376c3;background:linear-gradient(135deg,#a7b4e9,#e4e9fb)}.topic.cyan{color:#2459a6;background:linear-gradient(135deg,#9be1ed,#e2f6fb)}.bottom-nav{z-index:6;background:#fff;justify-content:space-around;align-items:center;height:67px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 4px #ddd}.bottom-nav span{text-align:center;color:#333;width:58px;font-size:22px}.bottom-nav span:first-child{color:#2b71bd}.bottom-nav small{color:inherit;font-size:11px;display:block}.search-button{color:#fff;background:#2258ac;border:7px solid #fff;border-radius:50%;place-items:center;width:65px;height:65px;margin-top:-28px;display:grid;box-shadow:0 2px 4px #aaa}.search-button svg{stroke:#fff;fill:none;stroke-width:2px;width:31px;height:31px}.p4{background:#fff}.p4 .brand{height:56px}.p4-title{text-align:center;margin:15px 0 7px;font-size:20px;font-weight:500}.verify-list{margin:0}.verify-list dt{color:#197bb8;border-top:1px solid #e5e5e5;height:32px;padding:8px 7px 0;font-size:16px}.verify-list dt:before{content:"▣ ";font-size:14px}.verify-list dd{color:#999;border-bottom:1px solid #e5e5e5;height:33px;margin:0;padding:2px 7px 0;font-size:15px}.verify-list dd:last-child{border-bottom:0}.qr-dots{background:0 0;grid-template-rows:repeat(17,1fr);padding:2px;display:grid}.qr-row{grid-template-columns:repeat(17,1fr);place-items:center;display:grid}.qr-dot{background:0 0;border-radius:50%;width:3px;height:3px}.qr-dot.on{background:#111}.mini-program{bottom:3px;right:3px}.hero-art{z-index:1;width:235px;height:200px;position:absolute;top:0;left:0}.verify-list dt:before{display:none}.field-icon{text-align:center;color:#197bb8;width:20px;margin-right:1px;font-size:16px;font-style:normal;line-height:14px;display:inline-block}.p3 .hero{background:0 0;height:auto;overflow:visible}.hero-bg{width:100%;height:auto;display:block}.p3 .entry-row{border-radius:0 0 48px 48px;height:auto;margin:-1px 7px 12px;padding:0;display:block;overflow:hidden;box-shadow:0 2px 5px #00000026}.p3 .entry-image{background:#fff;position:relative}.entry-image>img{width:100%;height:auto;display:block}.entry-tap{cursor:pointer;background:0 0;border:0;width:34%;height:100%;position:absolute;top:0;right:0}.p3 .card{margin:0 8px 16px}.p3 .topics{height:250px}.p3 .bottom-nav{background:#fff;height:71px;padding:0}.bottom-image img{width:100%;height:auto;display:block}.p3 .hero:before,.p3 .hero:after{display:none}.p3{padding-bottom:0}.page3-detail{z-index:2;margin-top:-40px;position:relative}.page3-detail>img{width:100%;height:auto;display:block}.page3-detail .entry-tap{cursor:pointer;background:0 0;border:0;width:31%;height:16.5%;position:absolute;top:1.5%;right:4%}.p4{background:#fff;min-height:100vh}.verify-brand{width:100%;height:auto;display:block}.p4 .p4-title{letter-spacing:1px;border-bottom:1px solid #dedede;justify-content:center;align-items:center;height:72px;margin:0;font-size:21px;font-weight:500;display:flex}.p4 .verify-list{margin:0}.p4 .verify-list dt{color:#1877b2;border-top:0;height:34px;padding:8px 7px 0;font-size:16px;line-height:20px}.p4 .verify-list dd{color:#9a9a9a;border-bottom:1px solid #dfdfdf;height:33px;margin:0;padding:2px 7px 0;font-size:15px;line-height:26px}.p4 .field-icon{object-fit:cover;vertical-align:-4px;width:20px;height:20px;margin-right:2px}.p1-demo{background:#dfe5e7;min-height:100vh;padding:18px 9px}.demo-certificate{background-color:#fbffff;background-image:repeating-linear-gradient(0deg,#549cb713 0 1px,#0000 1px 4px),radial-gradient(#c7e7eb3d,#0000 63%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:7px double #b5d9e4;min-height:840px;padding:12px;box-shadow:0 3px 14px #2547543b}.demo-certificate__inner{text-align:center;background:linear-gradient(90deg,#abdee71a,#0000 10% 90%,#abdee71a);border:1px solid #83b9ca;min-height:805px;padding:58px 26px 32px;position:relative;overflow:hidden}.demo-certificate__inner:before{content:"◇  ◇  ◇";color:#65a9be;letter-spacing:19px;font-size:10px;position:absolute;top:22px;left:0;right:0}.demo-certificate__inner:after{content:"演示样例";color:#37859d13;letter-spacing:11px;white-space:nowrap;pointer-events:none;font:700 64px STKaiti,KaiTi,serif;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.demo-ribbon{color:#fff;letter-spacing:1px;background:#c84248;padding:7px 4px;font-size:11px;position:absolute;top:0;left:0;right:0}.demo-cert-head{color:#183f69;text-align:left;justify-content:center;align-items:center;gap:11px;display:flex}.demo-seal-mark{color:#279277;background:#fff;border:4px solid #246b9f;border-radius:50%;place-items:center;width:53px;height:53px;font:700 35px Georgia;display:grid}.demo-cert-head b{letter-spacing:3px;font-family:STKaiti,KaiTi,serif;font-size:24px;display:block}.demo-cert-head small{color:#3f6480;letter-spacing:.2px;font:10px Arial;display:block}.demo-certificate h1{color:#1a1a1a;letter-spacing:2px;margin:92px 0 29px;font:500 27px STKaiti,KaiTi,serif}.demo-cert-number{text-align:right;color:#555;border-bottom:1px solid #9fc3cf;width:80%;margin:0 auto;padding-bottom:10px;font-size:12px}.demo-cert-copy{z-index:1;text-align:center;color:#2d3134;margin-top:42px;font-family:STKaiti,KaiTi,serif;font-size:15px;line-height:2.05;position:relative}.demo-stamp{z-index:1;color:#c94444;background:#ffffff2b;border:4px solid #c94444;border-radius:50%;width:102px;height:102px;padding-top:23px;font-size:12px;position:absolute;bottom:130px;right:19%;transform:rotate(-14deg)}.demo-stamp b{font-size:20px}.demo-date{z-index:1;margin:0;font:16px STKaiti,KaiTi,serif;position:absolute;bottom:88px;right:26px}.demo-cert-foot{z-index:1;text-align:left;color:#6d7f84;border-top:1px solid #9fc3cf;padding-top:7px;font-size:9px;position:absolute;bottom:19px;left:25px;right:25px}.page2-brand{width:100%;height:auto;display:block}.p2-main{min-height:calc(100vh - 66px)}.p2 .mini-code{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:165px;height:165px;padding:0;overflow:hidden}.page2-code{object-fit:cover;width:100%;height:100%;display:block}.qr-prompt-mask{z-index:60;background:#0000001a;align-items:flex-end;display:flex;position:fixed;inset:0}.qr-prompt{text-align:center;background:#fff;width:100%}.qr-prompt button{color:#222;background:#fff;border:0;width:100%;height:72px;font-size:20px;display:block}.qr-prompt button+button{margin-top:10px}.scanner-mask{z-index:50;color:#fff;background:#050505;position:fixed;inset:0}.scanner-panel{background:#050505;width:100%;height:100%;position:relative;overflow:hidden}.scanner-header{z-index:3;text-align:center;background:linear-gradient(#0000008a,#0000);grid-template-columns:48px 1fr 48px;align-items:center;height:64px;padding:0 10px;display:grid;position:absolute;top:0;left:0;right:0}.scanner-header b{letter-spacing:.5px;font-size:18px;font-weight:500}.scanner-header span{width:48px}.scanner-header button{color:#fff;background:0 0;border:0;width:42px;height:42px;font-size:42px;font-weight:200;line-height:32px}.camera-view{background:#111;position:absolute;inset:0}.camera-view video{object-fit:cover;width:100%;height:100%}.camera-view:after{content:"";pointer-events:none;background:#0000006b;position:absolute;inset:0}.scan-frame{z-index:2;aspect-ratio:1;border:2px solid #fffffff5;border-radius:4px;width:min(72vw,330px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax #00000080}.scan-frame:before,.scan-frame:after{content:"";border-style:solid;border-color:#34d8be;width:26px;height:26px;position:absolute}.scan-frame:before{border-width:4px 0 0 4px;top:-3px;left:-3px}.scan-frame:after{border-width:0 4px 4px 0;bottom:-3px;right:-3px}.scan-frame i{background:#34d8be;height:2px;animation:2.1s ease-in-out infinite scanline;position:absolute;top:12%;left:7%;right:7%;box-shadow:0 0 10px #34d8be}.scanner-footer{z-index:3;text-align:center;text-shadow:0 1px 3px #000;position:absolute;bottom:9%;left:0;right:0}.scanner-footer p{margin:0 0 7px;font-size:16px}.scanner-footer small{color:#ffffffc2;font-size:13px}.scan-notice{z-index:70;color:#fff;white-space:nowrap;background:#000000c2;border-radius:8px;margin:0;padding:12px 18px;font-size:14px;position:fixed;bottom:12%;left:50%;transform:translate(-50%)}.loading-mask{z-index:80;color:#555;background:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #d7e8f4;border-top-color:#2373b2;border-radius:50%;width:34px;height:34px;animation:.7s linear infinite loading-spin}@keyframes scanline{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(min(230px,52vw))}}@keyframes loading-spin{to{transform:rotate(360deg)}}