:root{--ink:#20243d;--violet:#7059e8;--pink:#fa5476;--line:#e7e5f1}*{box-sizing:border-box}body{margin:0;background:#fbfaff;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.hero{min-height:410px;padding:64px max(7vw,25px);color:#fff;background:linear-gradient(128deg,#643ee2,#7b5ff0 45%,#ff7895);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff55 1px,transparent 1px);background-size:21px 21px}.hero-inner,.hero aside{position:relative;z-index:1}.hero-inner{max-width:680px}.eyebrow{font-weight:800;font-size:12px;letter-spacing:.15em}.hero h1{font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-.07em;margin:17px 0}.hero h1 i{font-family:Georgia,"Songti SC",serif;font-weight:400;color:#ffe566}.hero p{line-height:1.7}.rule{background:#ffffff2a;border:1px solid #ffffff66;border-radius:99px;display:inline-block;padding:10px 14px;font-size:13px}.hero aside{position:absolute;right:max(7vw,25px);bottom:43px;width:210px;padding:22px 27px;background:#fffdf3;color:var(--ink);border-radius:26px;box-shadow:0 22px 45px #301c6e44;transform:rotate(3deg)}.hero aside small{font-weight:700;color:#878197}.hero aside strong{display:block;font-size:46px;line-height:1.1;color:var(--violet)}.hero aside em{font-size:14px;color:var(--ink);font-style:normal}.hero aside p{font-size:12px;color:#77728c;margin:0}.workbook{max-width:1010px;margin:-28px auto 0;padding:0 24px 75px;position:relative;z-index:2}.identity,.card,.expansion,.result,.login,.submission{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px #4939910d}.identity{padding:18px 22px;display:grid;grid-template-columns:auto minmax(180px,330px) 1fr;gap:12px 18px;align-items:center}.identity label{font-weight:800}.identity input,.submission input,.submission textarea,.expansion textarea,.login input{padding:11px 12px;border:1px solid #d9d5ec;border-radius:9px;outline:0;width:100%;background:#fbfaff;color:var(--ink)}.identity p{font-size:12px;color:#817c93;margin:0}.section{margin-top:56px}.heading{display:flex;gap:17px;align-items:center;margin-bottom:18px}.heading>span{width:52px;height:52px;border-radius:13px;background:var(--violet);color:white;display:grid;place-items:center;font-weight:900;font-size:18px;transform:rotate(-4deg)}.heading h2{margin:0;font-size:23px}.heading p{margin:0 0 3px;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--violet)}.heading small{color:#7e7991}.coral .heading>span{background:var(--pink)}.coral .heading p{color:var(--pink)}.blue .heading>span{background:#3484d3}.blue .heading p{color:#3484d3}.card{padding:22px 24px;margin-top:14px}.question{font:18px/1.68 Georgia,"Times New Roman",serif;margin:0 0 15px}.tabs,.bank{display:flex;gap:7px;flex-wrap:wrap}.tabs button{background:#f5f3fc;border:0;border-radius:8px;padding:8px 11px;color:#615b76;font-size:13px;font-weight:700}.tabs button.active{background:var(--violet);color:#fff}.hint{color:#928da2;font-size:12px;margin:12px 0 8px}.chip{background:#fffdf8;border:1px solid #e7e2cf;border-radius:99px;padding:8px 12px;color:#3c3951;font:15px Georgia,"Times New Roman",serif}.chip.selected{background:#efebff;border-color:#b8aafb;color:#4936b6}.chip.current{background:var(--violet);border-color:var(--violet);color:white}.chip small{margin-left:6px;font:700 10px Arial}.feedback{display:none;background:#fff5f6;color:#9e4050;border-radius:10px;padding:11px 13px;margin-top:16px;font-size:13px;line-height:1.6}.done .feedback{display:block}.correct{border-color:#8bdfbf}.correct .feedback{background:#edfcf6;color:#177b5d}.wrong{border-color:#ffb6c2}.expansion{display:flex;gap:16px;padding:21px;margin-top:14px}.num{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;background:#eee8ff;color:#6346ce;font-weight:900;border-radius:50%}.seed{font:700 18px Georgia;margin:1px 0 7px}.cn{color:#e44a62;font-size:14px;line-height:1.6}.expansion>div:last-child{width:100%}.reference{display:none;background:#f7f3ff;color:#62558f;border-radius:9px;padding:11px;font:14px/1.7 Georgia}.done .reference{display:block}.submit{margin-top:55px;padding:29px 32px;border-radius:21px;background:linear-gradient(120deg,#262247,#453d84);color:white;display:flex;justify-content:space-between;align-items:center}.submit h2{margin:0 0 5px}.submit p{font-size:13px;color:#d4d0eb;margin:0}.submit button,.save,.login button{background:#ffdc61;border:0;border-radius:99px;color:#493a80;font-weight:900;padding:13px 18px}.status{text-align:center;font-weight:700;color:#c33b55}.status.ok{color:#16805e}.result{padding:23px 26px;margin-bottom:20px;background:linear-gradient(120deg,#e7fff5,#f7f5ff);display:flex;justify-content:space-between;align-items:center}.result h2{margin:4px 0;font-size:23px}.result b,.score{color:#754ce8}.score{font-size:54px;font-weight:900}.teacher{background:#f8f7fc}.teacher-head{background:linear-gradient(120deg,#252142,#7059e8);color:#fff;padding:45px max(7vw,24px)}.teacher-head a{color:#fff0a8;text-decoration:none;font-weight:800;font-size:13px}.teacher-head h1{font-size:36px;margin:18px 0 7px}.teacher-main{max-width:920px;margin:-16px auto 0;padding:0 22px 55px}.login{display:flex;gap:12px;align-items:end;padding:18px}.login label{font-size:13px;font-weight:800;display:block}.login input{margin-top:7px;width:280px}.submission{padding:22px;margin-top:15px}.submission h2{margin:4px 0}.sub-head{display:flex;justify-content:space-between}.sub-head span{font-size:12px;color:#888195}.auto{background:#f2efff;padding:8px 11px;border-radius:10px;font-size:12px;color:#5d48c1;text-align:right}.auto b{display:block;font-size:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.submission label{font-size:13px;font-weight:800;color:#5d566c}.submission textarea{margin-top:7px;min-height:85px}.writing{background:#fcfbff;border-left:3px solid #af9bf4;padding:13px 15px;margin:18px 0;font:14px/1.65 Georgia}.save{background:var(--violet);color:#fff;border-radius:8px}footer{text-align:center;padding:24px;color:#888299;font-size:12px}footer a{color:var(--violet)}@media(max-width:700px){.hero{padding:50px 24px 154px}.hero aside{left:24px;right:auto;bottom:27px;width:calc(100% - 48px);transform:none}.workbook{padding:0 14px 48px}.identity,.fields{grid-template-columns:1fr}.heading{align-items:flex-start}.heading h2{font-size:20px}.card{padding:19px 17px}.submit{align-items:flex-start;flex-direction:column;gap:18px}.login{flex-direction:column;align-items:stretch}.login input{width:100%}}