body,html{background:linear-gradient(180deg,transparent,#fff) #eceeef;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;margin:0;padding:0}p{margin:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.container-box{flex-direction:column;max-width:100%;min-height:100vh;padding:20px}.container-box,main{align-items:center;display:flex;justify-content:center}main{flex:1 1;flex-direction:column;max-width:1200px;width:100%}.title{align-items:center;display:flex;flex-wrap:wrap;font-size:4rem;font-weight:600;justify-content:center;margin:4rem 0;text-align:center}.logo{margin:7px 0 0 1rem;width:6rem}.name{color:#4ecaff}.description{color:#1b3a42;font-size:1.3rem;line-height:1.5;margin-bottom:3rem;padding:0 20px;text-align:center}.code{background:#fafafa;border-radius:12px;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:1.05rem;padding:.6rem .9rem;word-break:break-word}.container-box .grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;max-width:1100px;width:100%}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:inherit;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:1.5rem;text-decoration:none;transition:all .15s ease}.card:focus,.card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:scale(1.05)}.card h2{align-items:center;display:flex;font-size:1.5rem;margin:0;padding:0}.card p{font-size:.9rem;line-height:1.5;margin-top:1rem;opacity:.6}.arrow-right{margin-left:.5rem;margin-top:3px;width:1.3rem}@media (min-width:1200px){.container-box .grid{gap:2.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:1199px){.title{font-size:3rem;margin:3rem 0}.logo{width:5rem}.description{font-size:1.2rem;margin-bottom:2.5rem}.container-box .grid{gap:1.5rem;max-width:900px}}@media (max-width:768px){.container-box{padding:15px}.title{font-size:2.5rem;margin:2rem 0}.logo{margin-left:.8rem;width:4rem}.description{font-size:1.1rem;margin-bottom:2rem}.code{font-size:.95rem;padding:.5rem .8rem}.container-box .grid{gap:1.2rem;grid-template-columns:repeat(2,1fr);max-width:100%}.card{min-height:90px;padding:1.2rem}.card h2{font-size:1.3rem}.card p{font-size:.85rem;margin-top:.8rem}.arrow-right{width:1.1rem}}@media (max-width:480px){.container-box{padding:10px}.title{flex-direction:column;font-size:1.8rem;gap:.5rem;margin:1.5rem 0}.logo{margin:.5rem 0 0 0;width:3.5rem}.name{font-size:1.8rem}.description{font-size:1rem;margin-bottom:1.5rem;padding:0 10px}.code{font-size:.85rem;padding:.4rem .7rem}.container-box .grid{gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}.card{min-height:80px;padding:1rem}.card h2{font-size:1.2rem}.card p{font-size:.8rem;margin-top:.6rem}.arrow-right{margin-left:.4rem;width:1rem}.card:focus,.card:hover{transform:scale(1.02)}}@media (max-width:375px){.title{font-size:1.5rem;margin:1rem 0}.logo{width:3rem}.name{font-size:1.5rem}.description{font-size:.95rem;margin-bottom:1.2rem}.code{font-size:.8rem;padding:.35rem .6rem}.card{min-height:70px;padding:.9rem}.card h2{font-size:1.1rem}.card p{font-size:.75rem;margin-top:.5rem}}@media (max-height:600px) and (orientation:landscape){.container-box{padding:10px}.title{font-size:2rem;margin:1rem 0}.logo{width:3rem}.description{font-size:1rem;margin-bottom:1rem}.container-box .grid{margin-top:1rem}.card{min-height:60px;padding:1rem}.card h2{font-size:1.1rem}.card p{font-size:.8rem;margin-top:.5rem}}