.writing-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 42px;margin:8px 0 26px;border:1px solid #dce6fb;border-radius:30px;background:radial-gradient(circle at 85% 12%,#fff4d6 0,transparent 25%),linear-gradient(125deg,#eef5ff,#fbfaff 55%,#fffaf0);box-shadow:0 18px 42px rgba(83,112,170,.08)}
.writing-hero h1{margin:8px 0 10px;color:#27344f;font-size:clamp(34px,5vw,50px)}.writing-hero p{margin:0;color:#73829f;font-size:18px}.writing-hero-orbit{display:grid;place-items:center;width:104px;height:104px;border-radius:34px;background:linear-gradient(145deg,#fff,#fff6e6);font-size:48px;box-shadow:0 15px 30px rgba(90,110,165,.15)}
.writing-content{padding-bottom:28px}.writing-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0}.writing-page-heading h2{margin:0;color:#2c3957;font-size:30px}.writing-page-heading p{margin:7px 0 0;color:#7e8ca6}.writing-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.writing-track-card,.writing-topic-card,.writing-practice-card{border:1px solid #e0e7f5;border-radius:26px;background:#fff;box-shadow:0 12px 30px rgba(54,83,140,.07)}.writing-track-card{display:flex;align-items:center;gap:24px;min-height:205px;padding:30px}.writing-planet-icon{position:relative;display:grid;place-items:center;flex:0 0 112px;height:112px;border-radius:50%;color:#fff;font-weight:900;font-size:25px;background:radial-gradient(circle at 32% 26%,#fff1c5 0 6%,transparent 7%),linear-gradient(145deg,#75c9bc,#4597a6 55%,#5374b2);box-shadow:inset -13px -16px 25px #344a7b66,0 12px 22px #536f9b33}.writing-planet-icon:after{position:absolute;content:"";width:136px;height:38px;border:7px solid #f8d568;border-radius:50%;transform:rotate(-18deg);opacity:.95}.writing-planet-icon.pet{background:radial-gradient(circle at 32% 26%,#fff1c5 0 6%,transparent 7%),linear-gradient(145deg,#6dc4b5,#468eaa 55%,#7060ae)}.writing-track-card h3{margin:4px 0 8px;font-size:25px;color:#2c3957}.writing-track-card p{margin:0 0 18px;color:#7988a3}.writing-track-card.ket{opacity:.72;background:#fbfcff}.writing-topic-card{padding:22px 24px;transition:transform .18s,box-shadow .18s}.writing-topic-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(54,83,140,.12)}.writing-topic-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.writing-topic-top h3{margin:0;color:#2b3958;font-size:20px}.writing-topic-status{padding:6px 11px;border-radius:999px;background:#f0f2ff;color:#676fc0;font-size:13px;font-weight:750;white-space:nowrap}.writing-topic-progress{height:9px;margin:16px 0 10px;overflow:hidden;border-radius:999px;background:#edf0f7}.writing-topic-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f9be9,#8c83d6);transition:width .25s}.writing-topic-card p{margin:0 0 15px;color:#8491a9;font-size:14px}.writing-topic-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.writing-stage-line{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.writing-stage-pill{padding:8px 13px;border-radius:999px;background:#f3f5fa;color:#8994a9;font-size:14px;font-weight:750}.writing-stage-pill.active{color:#5368bd;background:#eef0ff}.writing-stage-pill.done{color:#38816b;background:#eaf7f1}.writing-practice-card{padding:clamp(22px,4vw,40px);margin:16px 0}.writing-item-counter{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border-radius:999px;background:#eff1ff;color:#6575ca;font-weight:750}.writing-meaning{margin:30px 0 20px;color:#2d3958;font-size:clamp(30px,5vw,42px);font-weight:800;text-align:center}.writing-answer{margin:18px 0 8px;color:#6370c8;font-size:clamp(26px,4vw,36px);font-weight:850;text-align:center}.writing-example-en{margin:16px 0 10px;color:#34415f;font-size:clamp(20px,3vw,26px);font-weight:700;line-height:1.65}.writing-example-zh{margin:22px 0 6px;color:#697a98;font-size:20px;line-height:1.7}.writing-audio-button{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid #dce5f6;border-radius:15px;background:#fff;color:#4767ac;font-weight:750;cursor:pointer}.writing-record-box{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:17px 19px;margin:22px 0;border-radius:18px;background:#f7f8fc}.writing-record-status{color:#75839c}.writing-button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.writing-feedback{margin:18px 0;padding:15px 18px;border-radius:16px;font-weight:700}.writing-feedback.correct{background:#eaf8f0;color:#32805e}.writing-feedback.wrong{background:#fff0ef;color:#b64d53}.writing-feedback.neutral{background:#fff8e6;color:#907131}.writing-quiz-input{display:block;width:min(100%,700px);padding:16px 18px;border:1px solid #d6dfef;border-radius:16px;margin:20px auto;color:#2d3958;font-size:20px}.writing-quiz-result{padding:22px;margin:18px 0;border-radius:19px;background:#f0f8f3}.writing-quiz-result.wrong{background:#fff3f2}.writing-quiz-result strong{display:block;margin-bottom:7px;font-size:22px}.writing-word-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:78px;padding:15px;border:2px dashed #cfd9ed;border-radius:18px;background:#f9faff}.writing-word-chip{padding:10px 13px;border:1px solid #cfdaef;border-radius:13px;background:#fff;color:#35435f;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px #304c7c12}.writing-word-chip:disabled{opacity:.35;cursor:default}.writing-word-bank{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}.writing-big-check{display:block;color:#33a879;font-size:76px;line-height:1;text-align:center}.writing-empty-note{padding:35px;text-align:center;color:#7c89a3;border:1px dashed #d8e1f0;border-radius:22px}.writing-note{color:#8793a7;font-size:14px}.writing-mobile-back{margin:6px 0 12px}
@media(max-width:760px){.writing-hero{padding:25px 22px;border-radius:23px}.writing-hero-orbit{width:76px;height:76px;font-size:34px;border-radius:25px}.writing-hero p{font-size:15px}.writing-card-grid{grid-template-columns:1fr}.writing-track-card{padding:23px;min-height:unset}.writing-planet-icon{flex-basis:84px;height:84px;font-size:21px}.writing-planet-icon:after{width:104px;height:30px;border-width:5px}.writing-page-heading{align-items:flex-start;flex-direction:column}.writing-practice-card{padding:22px}.writing-meaning{margin:24px 0}.writing-word-chip{font-size:16px;padding:9px 10px}}
.writing-order-actions{justify-content:center}.writing-order-actions button:disabled{opacity:.48;cursor:not-allowed}.writing-word-selected{cursor:pointer}.writing-word-selected:hover{border-color:#e49a9d;background:#fff5f5;color:#ad5961}.writing-topic-actions-complete{align-items:flex-end}.writing-topic-actions-complete .writing-button-row{margin:0;justify-content:flex-end}.writing-review-section{margin:24px 0 32px}.writing-review-section>h3{margin:0 0 14px;color:#6875c7;font-size:21px}.writing-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.writing-review-item{padding:18px 20px;border:1px solid #e3e9f5;border-radius:18px;background:#fff}.writing-review-item h4{margin:10px 0;color:#35425f;font-size:18px;line-height:1.6}.writing-review-item p{margin:8px 0;color:#7888a2;line-height:1.7}.writing-review-item .writing-item-counter{font-size:12px;padding:5px 9px}
@media(max-width:760px){.writing-topic-actions-complete{align-items:stretch;flex-direction:column}.writing-topic-actions-complete .writing-button-row{justify-content:flex-start}.writing-review-grid{grid-template-columns:1fr}}
.writing-correct-answer-label{margin:24px 0 4px;color:#38816b;font-size:18px;font-weight:800}
.writing-playback-panel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:min(100%,680px);padding:12px 14px;margin:12px 0;border:1px solid #dce5f6;border-radius:16px;background:#f8faff;text-align:left}.writing-playback-panel audio{display:block;flex:1 1 100%;width:100%;height:42px}.writing-playback-status{flex:1 1 250px;color:#72809b;font-size:14px;line-height:1.55}.writing-playback-panel [hidden]{display:none}
.writing-correct-order{margin:4px 0 12px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#eff9f4,#f5f8ff);color:#273754;font-size:clamp(27px,4.2vw,40px);font-weight:850;line-height:1.55}
.writing-feedback .writing-user-arrangement{margin:10px 0 0;color:#8e6a68;font-size:15px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.writing-track-card.ket{opacity:1;background:#fbfcff}
.writing-track-card.ket{border-color:#e3d8fa;background:linear-gradient(135deg,#fff9f1,#f5f0ff)}
.writing-track-card.ket .writing-planet-icon{background:radial-gradient(circle at 30% 25%,#fff3bd 0 7%,transparent 8%),linear-gradient(145deg,#ffbf79,#ef789e 48%,#8069d8);box-shadow:inset -13px -16px 25px #49356f55,0 12px 22px #8b69bd38}
.writing-track-card.ket .writing-planet-icon:after{border-color:#78d9ca}
.writing-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.writing-bank-category,.writing-bank-row{font:inherit;text-align:left;cursor:pointer}
.writing-bank-category{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 15px;padding:22px;border:1px solid #e0e7f5;border-radius:22px;background:linear-gradient(145deg,#fff,#f8faff);color:#34415f;box-shadow:0 10px 24px #354d8010}
.writing-bank-category>span{grid-row:span 3;font-size:34px}.writing-bank-category strong{font-size:20px}.writing-bank-category small{color:#8290a7}.writing-bank-category b{grid-column:3;grid-row:1 / span 3;color:#5d7fc5}.writing-bank-list{display:grid;gap:12px;margin-top:14px}
.writing-bank-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:17px 19px;border:1px solid #e1e8f5;border-radius:18px;background:#fff;color:#34415f;box-shadow:0 7px 18px #354d8009;transition:transform .16s,border-color .16s}.writing-bank-row:hover,.writing-bank-category:hover{transform:translateY(-2px);border-color:#b9c9ec}.writing-bank-row>span:nth-child(2){display:grid;gap:5px;min-width:0}.writing-bank-row small{color:#8390a5;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.writing-bank-row>b{color:#6687cf;white-space:nowrap}.writing-bank-number{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eff1ff;color:#6874c5;font-weight:850}
.writing-exam-detail{padding:clamp(18px,3.5vw,34px);border:1px solid #e0e7f5;border-radius:25px;background:#fff;box-shadow:0 12px 30px #354d800c}.writing-exam-instruction{padding:18px 20px;margin-bottom:22px;border-left:5px solid #8594e0;border-radius:0 16px 16px 0;background:#f3f4ff;color:#52668f;font-size:17px;font-weight:700;line-height:1.7}.writing-exam-detail>h3,.writing-exam-reference-heading h3{margin:20px 0 10px;color:#35435f}.writing-exam-prompt,.writing-exam-reference-text{padding:18px 20px;margin:12px 0 20px;border-radius:16px;background:#f8f9fd;color:#455574;font-size:17px;line-height:1.8;white-space:pre-wrap}.writing-exam-image,.writing-exam-reference-image{display:block;max-width:100%;height:auto;margin:12px auto 20px;border:1px solid #e1e6f0;border-radius:14px;box-shadow:0 8px 22px #30456b12}.writing-exam-image{width:min(100%,920px)}.writing-story-image{width:min(100%,1060px)}.writing-exam-reference-image{width:min(100%,900px)}.writing-exam-vocab-image{width:min(100%,650px)}.writing-exam-draft-label{display:flex;align-items:center;gap:12px;margin:22px 0 8px;color:#34425f;font-weight:800}.writing-exam-draft-label small{color:#8b97ab;font-weight:500}.writing-exam-detail textarea{display:block;width:100%;resize:vertical;padding:16px 18px;border:1px solid #dbe4f2;border-radius:16px;color:#34415f;font:inherit;line-height:1.7;outline-color:#8ca3e1}.writing-exam-tools{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:18px 0}.writing-exam-timer{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;margin-left:auto;border:1px solid #e1e8f5;border-radius:16px;background:#f8faff}.writing-exam-timer strong{min-width:70px;color:#35415d;font-size:22px;font-variant-numeric:tabular-nums}.writing-exam-timer strong.expired{color:#bf5357}.writing-exam-reference{padding:4px 0 0;margin-top:18px;border-top:1px solid #e6ebf4}.writing-exam-reference-heading{display:flex;align-items:center;justify-content:space-between}.writing-exam-vocabulary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none}.writing-exam-vocabulary li{display:grid;gap:5px;padding:14px 16px;border-radius:14px;background:#f8f9fd;line-height:1.55}.writing-exam-vocabulary li strong{color:#586fc0}.writing-exam-vocabulary li span{color:#7a879d}
@media(max-width:760px){.writing-bank-grid{grid-template-columns:1fr}.writing-bank-row{grid-template-columns:38px 1fr auto;gap:10px;padding:14px}.writing-bank-number{width:36px;height:36px}.writing-exam-instruction{font-size:15px;padding:14px}.writing-exam-tools{align-items:stretch}.writing-exam-tools>button{flex:1}.writing-exam-timer{width:100%;margin-left:0;justify-content:space-between}.writing-exam-vocabulary{grid-template-columns:1fr}.writing-exam-draft-label{align-items:flex-start;flex-direction:column;gap:4px}}