/* Basic HTML forms and flow layout. No grid, flex, CSS variables, or JS dependency. */
html{background:#f3f5ee;color:#263d30}body{margin:0;font:15px/1.8 Arial,"Microsoft YaHei",SimSun,sans-serif;background:#f3f5ee;color:#263d30}a{color:#23634d}a:hover{text-decoration:none}img{border:0}input,select,button{font:14px Arial,"Microsoft YaHei",SimSun,sans-serif}input,select{max-width:100%}.page{width:940px;max-width:94%;margin:22px auto}.top{padding:20px 0;border-bottom:1px solid #dce4d4}.brand{float:left;font-size:25px;font-weight:bold}.brand a{text-decoration:none}.brand span{font-size:12px;font-weight:normal;color:#718466;margin-left:12px}.top-links{float:right;font-size:12px;margin-top:9px}.clear{clear:both;height:0;overflow:hidden}.nav{padding:14px 0;border-bottom:1px solid #dce4d4}.nav a{display:inline-block;margin-right:22px;text-decoration:none;font-size:14px}.storage-note{font-size:12px;color:#738168;margin:17px 0}.hero{padding:26px 30px;background:#23634d;color:#fff;margin:20px 0}.hero h1{font-size:27px;margin:8px 0}.hero p{margin:8px 0}.hero .kicker{color:#dce9bc;letter-spacing:2px;font-size:11px}.box{background:#fff;border:1px solid #dde5d4;padding:24px 28px;margin:20px 0}.box h1{font-size:25px;margin:0 0 18px}.box h2{font-size:19px;margin:0 0 16px}.box p{margin:14px 0;word-wrap:break-word;overflow-wrap:anywhere}.stats{width:100%;table-layout:fixed;background:#fff;border:1px solid #dce4d4}.stats td{text-align:center;padding:17px 8px;width:25%;border-right:1px solid #e4eadc}.stats span{display:block;font-size:12px;color:#7d896f}.stats strong{display:block;font-size:28px;color:#23634d;font-weight:normal}.form-row{margin:16px 0}.form-row>label{display:block;margin:0 0 6px;font-size:13px;color:#596e4e}.text-input{width:360px;max-width:94%;padding:9px;border:1px solid #bcccae;background:#fff;color:#263d30}select{padding:7px;border:1px solid #bdcbb1;background:#fff;color:#263d30;max-width:96%}.button{display:inline-block;padding:9px 16px;border:1px solid #b9cba9;background:#f3f7ec;color:#2e573d;font-size:13px;line-height:1.5;text-decoration:none;cursor:pointer;vertical-align:middle;margin:4px 5px 4px 0}.button:hover{background:#e7efdb}.primary{color:#fff;background:#23634d;border-color:#23634d}.primary:hover{background:#164e38;color:#fff}.small{font-size:12px}.muted{color:#7a876c}.message{padding:13px 18px;border:1px solid #c9d8b9;margin:18px 0;word-wrap:break-word}.message.success{background:#edf5e3;color:#3c6132}.message.error{background:#fff1e8;border-color:#ebcbb9;color:#994e30}.question-top{color:#7c8e6b;font-size:13px;margin-bottom:16px}.box h1.question{font-size:23px;font-weight:bold;line-height:1.9;word-wrap:break-word}fieldset{padding:14px 17px;border:1px solid #dce5d3;margin:21px 0}legend{font-size:12px;color:#6a805a;padding:0 8px}.option{display:block;border:1px solid #dce5d4;padding:13px 14px;margin:12px 0;color:#344d39;cursor:pointer;word-wrap:break-word}.option input{margin-right:8px;vertical-align:middle}.option strong{margin-right:7px}.answer-choice{background:#edf5e3;border-color:#9cb784}.wrong-choice{background:#fff1e4;border-color:#d4a77e}.inline-form{display:inline}.question-links{border-top:1px solid #e2e9d9;padding-top:19px;margin-top:23px}.question-links>a{margin-right:12px}.explanation{padding:20px;background:#f1f6e9;border:1px solid #dce7cc;margin:22px 0}.explanation h2{font-size:18px}.question-image{text-align:center;margin:20px 0}.question-image img{max-width:100%;height:auto}.record-table{width:100%;table-layout:fixed;border:1px solid #dce5d3;font-size:13px}.record-table th,.record-table td{border-bottom:1px solid #dce5d3;text-align:left;padding:12px 10px;word-wrap:break-word}.record-table th{background:#eef4e6;font-size:12px}.record-table th:first-child{width:50%}.auth-box{width:500px;max-width:90%;margin:25px auto}.footer{text-align:center;color:#8b987e;font-size:11px;padding:20px 0;border-top:1px solid #dce5d4}.footer p{margin:8px 0}hr{border:0;border-top:1px solid #dce5d4;margin:25px 0}
@media screen and (max-width:650px){.page{width:auto;max-width:none;margin:10px 14px}.top{padding:12px 0}.brand,.top-links{float:none}.brand{font-size:23px}.brand span{font-size:11px}.top-links{margin-top:9px}.nav a{margin-right:15px;font-size:13px}.hero{padding:22px}.hero h1{font-size:24px}.box{padding:20px 16px}.box h1.question{font-size:19px}.stats td{padding:12px 4px}.stats strong{font-size:24px}.stats span{font-size:10px}.auth-box{width:auto;max-width:none}.record-table{font-size:11px}.record-table td,.record-table th{padding:9px 5px}.text-input{width:94%}.option{padding:12px 9px}.box h1{font-size:23px}}

.jump-input{width:70px;padding:8px;border:1px solid #bcccae}

.local-data{display:none}.preserve-lines{white-space:pre-wrap}.export-text{width:96%;height:240px;padding:10px;border:1px solid #bcccae}
.local-data{display:none}.brand img{width:40px;height:40px;vertical-align:middle;margin-right:10px}.site-footer{font-size:12px;line-height:1.9;margin:25px 0 70px;border-top:1px solid #ccc;padding-top:20px}.site-footer.align-left{text-align:left}.site-footer.align-center{text-align:center}.site-footer.align-right{text-align:right}.site-footer a{display:inline-block;margin:4px 8px}.appearance-open{position:fixed;bottom:15px;right:15px;padding:8px 12px;z-index:12}.appearance-panel{display:none;position:fixed;right:15px;bottom:62px;width:320px;max-width:85%;max-height:70%;overflow:auto;padding:18px;border:1px solid #aaa;z-index:35}.appearance-panel label{display:block;margin:10px 0 4px}.appearance-panel input,.appearance-panel select{width:95%;padding:5px}.appearance-panel button{margin:8px 4px 3px 0;padding:7px}.appearance-panel p{font-size:12px}.site-notice{white-space:pre-wrap}

.option.answer-choice{color:#24482b}.option.wrong-choice{color:#714228}