*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#f5f8fc;color:#24364d;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px}.container{max-width:1140px;margin:0 auto;padding-top:13px}h1{font-size:30px;line-height:36px;font-weight:600;text-align:center;margin:0 0 10px}hr{border:0;border-top:2px solid #d8e2ef;margin:0}form{width:374px;margin:30px auto 15px}.field{display:flex;width:370px;margin:0 auto 15px;height:40px}.field label{display:flex;align-items:center;justify-content:center;flex:0 0 98px;background:#3578dc;border-radius:4px 0 0 4px;font-size:14px;font-weight:700}.field input{width:272px;min-width:0;background:white;color:#33465e;border:1px solid #cbd8e8;border-radius:4px;height:40px;padding:8px 12px;font:16px Arial,"Microsoft YaHei",sans-serif}.field input::placeholder{color:#8b9bb0;opacity:1}.field input:focus{outline:2px solid #87b3f4;outline-offset:1px}.actions{display:flex;gap:2px;margin-top:16px}button{flex:1;background:#3578dc;color:white;border:0;border-radius:4px;padding:8px 10px;height:36px;font:700 16px Arial,"Microsoft YaHei",sans-serif;cursor:pointer}button:hover{background:#2866c3}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:2px solid #9fc2f5;outline-offset:2px}section{margin:0 15px}table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center}thead{background:#eaf1fb;border-top:1px solid #d6e1ef;border-bottom:2px solid #d6e1ef}th{font-size:16px;height:47px;padding:12px}td{padding:14px 12px;overflow-wrap:anywhere;font-size:16px}td a{color:#286bd0}#feedback:not(:empty){display:block;text-align:center;color:#98702e;font-size:13px;margin:0 15px 14px}#feedback:empty{display:none}@media(max-width:1170px){.container{margin:0 24px}}@media(max-width:480px){.container{margin:0 12px}h1{font-size:27px}form{width:100%;max-width:374px}.field{width:100%}.field label{flex-basis:90px}.field input{flex:1;width:0}section{margin:0}th,td{font-size:14px;padding:12px 6px}}

.task-progress{max-width:340px;min-width:150px;margin:auto;text-align:left}.progress-heading{font-size:13px;margin-bottom:7px}.progress-track{height:7px;border-radius:8px;overflow:hidden;background:#dfe7f2}.progress-track>span{display:block;height:100%;background:#6094e7;border-radius:8px;transition:width .4s}.task-progress small{display:block;color:#77879d;font-size:11px;line-height:1.6;margin-top:7px}.progress-track.indeterminate>span{width:35%;animation:progress-slide 1.6s infinite ease-in-out}@keyframes progress-slide{from{transform:translateX(-110%)}to{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.progress-track.indeterminate>span{animation:none}}

/* Align the form with the download list. */
#redeem{width:auto;max-width:none;margin:30px 15px 15px}
#redeem .field{width:100%}
#redeem .field input{flex:1;width:0}
#redeem .field label{color:#fff}
@media(max-width:480px){#redeem{margin-left:0;margin-right:0}}

.field label{color:#fff}

/* Article download notice; the existing page layout is unchanged. */
.article-notice{padding:0;width:420px;max-width:calc(100vw - 32px);border:1px solid #d4dfed;border-radius:5px;background:#fff;color:#24364d;box-shadow:0 14px 55px #172b4d38;font:14px/1.8 Arial,"Microsoft YaHei",sans-serif}
.article-notice::backdrop{background:rgba(18,30,48,.42)}
.article-notice-header{padding:12px 20px;background:#f5f8fc;border-bottom:1px solid #e4ebf4;font-size:14px}
.article-notice-body{padding:18px 22px 10px}.article-notice-body p{margin:0 0 12px}
.article-notice-actions{display:flex;justify-content:flex-end;gap:10px;width:auto;max-width:none;margin:0;padding:4px 22px 20px}
.article-notice-actions button{flex:none;width:auto;height:32px;padding:0 15px;font-size:12px;font-weight:400}
.article-notice-actions .article-notice-cancel{background:#fff;color:#52647b;border:1px solid #d2dce9}.article-notice-actions .article-notice-cancel:hover{background:#f1f5fb}

.site-notice{margin:20px 15px 0;padding:12px 16px;border:1px solid #d6e4f8;border-radius:4px;background:#eaf2ff;color:#42658f;text-align:center;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 26px;margin:26px 15px 30px;padding:12px 0;font-size:14px;line-height:1.8;text-align:center}.footer-links a{color:#3972bf;text-decoration:none;overflow-wrap:anywhere;max-width:100%}.footer-links a:hover{text-decoration:underline}.footer-links a:focus-visible{outline:2px solid #87b3f4;outline-offset:4px}@media(max-width:480px){.site-notice{margin-left:0;margin-right:0}.footer-links{margin-left:0;margin-right:0;gap:10px 20px}}

.cos-expiry{display:block;font-size:11px;line-height:1.7;color:#77879d;margin-top:5px}