:root{font-family:"Microsoft YaHei","Segoe UI",system-ui,sans-serif;color:#183548;background:#edf1ef}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.task-header{background:linear-gradient(120deg,#092a40,#123e53 65%,#1b574f);color:#f5f8f6;padding:27px max(32px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.task-header small{color:#d9b875;letter-spacing:.12em}.task-header h1{font-size:34px;margin:5px 0 9px}.task-header p{font-size:17px;line-height:1.7;max-width:950px;margin:0;color:#e3eded}.return-link{flex:none;border:1px solid #a8c3c7;border-radius:6px;padding:9px 14px;color:#f3f6f4;text-decoration:none}.return-link:hover{background:#ffffff1d}main{max-width:1340px;margin:auto;padding:28px 30px 65px}.step{background:#fff;border:1px solid #d5dfde;border-radius:14px;padding:28px 30px;margin-bottom:24px;box-shadow:0 10px 30px #1737400b}.step-heading{display:flex;gap:17px;align-items:flex-start;margin-bottom:22px}.step-number{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eac681;color:#173346;font-weight:800;font-size:17px}.step h2{font-size:26px;margin:3px 0 6px}.step-heading p{margin:0;color:#637a80;font-size:16px}.map-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:21px}.palette{background:#f2f5f3;border:1px solid #d7e1de;border-radius:10px;padding:16px;align-self:start}.country-chip{display:flex;align-items:center;gap:10px;width:100%;border:2px solid #becdcc;background:white;border-radius:9px;padding:12px 14px;margin-bottom:10px;color:#143b4b;font-weight:700;text-align:left;box-shadow:0 2px 4px #153b400d}.country-chip.active{border-color:#d49a42;box-shadow:0 0 0 3px #e6bd742c}.swatch{width:21px;height:21px;border-radius:4px;display:inline-block;flex:none}.swatch.portugal{background:#2e9e83}.swatch.spain{background:#cf7255}.reset-map{border:0;background:transparent;color:#58767f;text-decoration:underline;padding:8px 0}.palette-hint{color:#62767b;font-size:13px;line-height:1.55;margin:15px 0 0}.map-panel{min-width:0}.map-canvas{position:relative;width:100%;border:1px solid #bdc7c3;border-radius:5px;overflow:hidden;background:#fff}.map-canvas img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(.93)}.map-canvas svg{position:absolute;inset:0;width:100%;height:100%;display:block}.map-zone{cursor:pointer;outline:none}.map-zone>path,.map-zone>circle{fill:#d4e6e068;stroke:#11566f;stroke-width:4;stroke-dasharray:10 9;paint-order:stroke;transition:fill .2s,stroke .2s}.map-zone:hover>path,.map-zone:hover>circle,.map-zone:focus-visible>path,.map-zone:focus-visible>circle{fill:#ecce7c9b;stroke:#9e6d22}.map-zone.marked-portugal>path,.map-zone.marked-portugal>circle{fill:#2e9e839b;stroke:#08745c;stroke-dasharray:none}.map-zone.marked-spain>path,.map-zone.marked-spain>circle{fill:#cf72559b;stroke:#a9462e;stroke-dasharray:none}.source-note{color:#697e82;font-size:13px;line-height:1.55;margin:10px 0 4px}.feedback{min-height:25px;color:#406370;font-size:15px;line-height:1.55}.feedback.good{color:#147356;font-weight:600}.feedback.bad{color:#9a452d;font-weight:600}.word-bank{display:flex;flex-wrap:wrap;gap:9px;min-height:62px;padding:13px;border:1px dashed #abbcbd;border-radius:9px;background:#f6f8f6;margin-bottom:15px}.word-chip{background:#f2dfb8;border:1px solid #c89c55;border-radius:7px;color:#253a40;padding:9px 12px;line-height:1.35;text-align:left;max-width:100%}.word-chip:hover,.word-chip.selected{background:#ebc67d;border-color:#976f26}.word-chip.in-cell{font-size:14px;background:#e7f1ee;border-color:#8ebbb0}.answer-table{width:100%;border-collapse:collapse;table-layout:fixed}.answer-table th,.answer-table td{border:1px solid #bfd0ce;padding:12px;vertical-align:middle}.answer-table thead th{background:#4d7394;color:#fff;font-size:17px}.answer-table th:first-child{width:120px}.answer-table tbody th{background:#dce7f2;font-size:17px}.drop-cell{min-height:125px;height:125px;background:#fafcfb;cursor:pointer;vertical-align:top!important}.drop-cell::after{content:"点击或拖入两个词条";display:block;color:#9bafb2;font-size:13px;padding-top:12px}.drop-cell:has(.word-chip:nth-child(2))::after{content:"";padding:0}.drop-cell.drag-over,.drop-cell:focus-visible{background:#f3ead6;outline:3px solid #d3a85d;outline-offset:-3px}.drop-cell.wrong{background:#fbece7}.drop-cell .word-chip{display:block;width:100%;margin-bottom:8px}.sentence{background:#f4f7f6;border-left:4px solid #d5ad67;padding:27px 26px;border-radius:7px;font-size:clamp(18px,2vw,24px);line-height:2.3}.sentence input{width:150px;border:0;border-bottom:2px solid #a7772c;background:transparent;text-align:center;outline:none;padding:3px 6px;border-radius:0;color:#213e47}.sentence input:focus{border-color:#177466}.finish-row{display:flex;align-items:center;gap:22px;margin-top:20px}.finish-button{border:0;border-radius:7px;background:#dbaa5b;color:#102c3c;font-weight:700;padding:13px 23px;min-height:48px}.finish-button:hover{background:#e7c281}.finish-row .feedback{margin:0}.table-scroll{overflow:auto}@media(max-width:850px){.task-header{padding:20px;flex-direction:column}.task-header h1{font-size:27px}.task-header p{font-size:15px}main{padding:16px}.step{padding:20px 15px}.step h2{font-size:21px}.map-workspace{grid-template-columns:1fr}.palette{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.country-chip{width:auto;margin:0}.palette-hint{flex-basis:100%;margin:4px}.reset-map{margin-left:auto}.answer-table{min-width:600px}.finish-row{flex-direction:column;align-items:flex-start}.sentence input{width:105px}}@media(max-width:500px){.map-zone>path,.map-zone>circle{stroke-width:8}.country-chip{font-size:14px}.sentence{font-size:17px;padding:18px 12px}.sentence input{width:88px}}

.source-line{color:#687d82;font-size:14px;text-align:right;line-height:1.5;margin:9px 0 0}

.map-canvas.show-textbook-color img{filter:none}