:root{--green:#244d3c;--ink:#26362e;--muted:#738078;--paper:#fffdf6;--yellow:#f4cd42;--pink:#f29a9d;--blue:#64b8e8;--line:#d9d5c7;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#f6f1e6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 4%,rgba(244,205,66,.17),transparent 28%),linear-gradient(#f9f5ea,#f1eee4)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px clamp(20px,5vw,72px);border-bottom:1px solid rgba(55,74,64,.12);background:#fffdf6e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.product-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #d7d7cd;border-radius:999px;background:#ffffff94}.product-tab{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:0 15px;border-radius:999px;color:#536159;text-decoration:none}.product-tab span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eee9da;color:#6d766f;font-size:11px;font-weight:900}.product-tab b{font-size:14px;letter-spacing:.03em}.product-tab.is-active{background:var(--green);color:#fff;box-shadow:0 6px 14px #234d3c2e}.product-tab.is-active span{background:var(--yellow);color:var(--green)}.topbar>nav:last-child{display:flex;align-items:center;gap:11px}.support-nav{min-height:46px;padding:0 17px 0 9px;border:2px solid #f09a74;border-radius:999px;background:linear-gradient(135deg,#fff1cc,#ffd6c8);color:#813d25;font-size:13px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 18px #d2653d33;transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap}.support-nav:hover{transform:translateY(-2px);box-shadow:0 11px 24px #d2653d47}.support-flower{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:19px;box-shadow:0 3px 9px #b94d322e}.print-button,.load-pack{border:0;border-radius:999px;background:var(--green);color:#fff;padding:11px 18px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px #244d3c29}.app-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding-bottom:80px}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:center;min-height:390px;padding:48px clamp(20px,5vw,70px)}.eyebrow,.panel-head p,.preview-head p{margin:0 0 8px;color:#a17024;font-size:11px;font-weight:900;letter-spacing:.16em}.hero h1{margin:0;color:var(--green);font-family:STLiti,LiSu,隶书,serif;font-size:clamp(42px,5vw,74px);line-height:1.05;font-weight:900}.hero h1 em{color:#ed735e;font-style:normal}.hero-copy{max-width:760px;color:#5c6b63;font-size:16px;line-height:1.9}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span{padding:7px 12px;border-radius:999px;background:#fff;color:var(--green);font-size:12px;font-weight:800;box-shadow:0 5px 14px #3e463f14}.hero img{width:100%;max-height:270px;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(48,61,52,.12))}.builder{display:grid;grid-template-columns:minmax(440px,.8fr) minmax(560px,1.2fr);gap:24px;align-items:start}.control-column{display:grid;gap:18px}.panel{padding:24px;border:1px solid rgba(61,78,68,.14);border-radius:24px;background:#fffdf6f0;box-shadow:0 16px 40px #2a372f12}.panel-head,.preview-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2{margin:0;color:var(--green);font-size:22px}.panel-head>span{color:var(--muted);font-size:12px;font-weight:800}.source-tabs{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 18px;padding:4px;border-radius:14px;background:#efede4}.source-tab{padding:10px;border:0;border-radius:11px;background:transparent;color:#667169;font-weight:800;cursor:pointer}.source-tab.is-active{background:#fff;color:var(--green);box-shadow:0 4px 12px #2e393214}.source-view{display:none}.source-view.is-active{display:block}.source-view label,.setting-grid label{display:grid;gap:7px;color:#58665e;font-size:12px;font-weight:800}select,input,textarea{width:100%;border:1px solid #d8d8cf;border-radius:12px;outline:0;background:#fff;padding:11px 12px;color:var(--ink)}.source-view textarea{margin-top:0;resize:vertical;line-height:1.6}select:focus,input:focus,textarea:focus{border-color:#6d9a84;box-shadow:0 0 0 3px #244d3c14}.pack-summary{margin:12px 0;padding:14px;border-radius:14px;background:#f7f2dc;color:#5d665f;font-size:12px;line-height:1.7}.load-pack{width:100%}.source-note{margin:10px 0 0;color:#8a8e88;font-size:10px;line-height:1.6}.source-note strong{display:inline-block;padding:0 5px;border-radius:999px;background:#244d3c;color:#fff;font-size:1.02em;letter-spacing:.04em}.import-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.import-actions button,.file-button{display:grid;place-items:center;padding:10px;border:1px solid #cfd5cf;border-radius:12px;background:#fff;color:var(--green);font-size:12px;font-weight:900;cursor:pointer}.file-button input{display:none}.import-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.import-footer small{color:var(--muted)}.import-footer .load-pack{width:auto}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.check-setting{display:flex!important;align-items:center;gap:9px;align-self:end;min-height:42px}.check-setting input{position:absolute;opacity:0;pointer-events:none}.check-setting span{position:relative;width:38px;height:22px;border-radius:999px;background:#cbd0cb}.check-setting span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.check-setting input:checked+span{background:#73c987}.check-setting input:checked+span:after{transform:translate(16px)}.edit-panel .panel-head button{border:0;background:#f5df87;color:var(--green);padding:8px 12px;border-radius:10px;font-weight:900;cursor:pointer}.word-list{display:grid;gap:8px;max-height:520px;margin-top:18px;overflow:auto;padding-right:4px}.word-row{display:grid;grid-template-columns:28px 1fr 1fr 78px 32px;gap:7px;align-items:center}.word-row>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0ecd9;color:#7a807a;font-size:10px;font-weight:900}.word-row input{min-width:0;padding:9px;font-size:12px}.word-row button{width:30px;height:30px;border:0;border-radius:50%;background:#f7e5e3;color:#b45a50;cursor:pointer}.preview-column{position:sticky;top:92px}.preview-head{margin-bottom:12px;padding:0 4px}.preview-head p{margin-bottom:2px}.preview-head b{color:var(--green)}.preview-stage{height:780px;overflow:auto;padding:24px;border-radius:26px;background:#d8d6ce;box-shadow:inset 0 2px 14px #2f353121}.print-sheets{width:210mm;transform:scale(.66);transform-origin:top left}.word-sheet{position:relative;display:flex;flex-direction:column;width:210mm;height:297mm;margin:0 0 10mm;padding:12mm 14mm 10mm;overflow:hidden;background:radial-gradient(circle at 8% 4%,rgba(244,205,66,.2),transparent 30mm),radial-gradient(circle at 96% 92%,rgba(100,184,232,.14),transparent 34mm),#fffefa;box-shadow:0 12px 34px #232d2738;page-break-after:always}.word-sheet:before{content:"";position:absolute;inset:5mm;border:.35mm solid #d9d3c2;border-radius:4mm;pointer-events:none}.sheet-doodle{position:absolute;z-index:0;font-size:18pt;opacity:.5}.d1{top:8mm;left:7mm}.d2{top:12mm;right:9mm}.d3{bottom:10mm;left:7mm}.d4{bottom:9mm;right:8mm}.word-sheet>*:not(.sheet-doodle){position:relative;z-index:1}.sheet-intro{display:flex;justify-content:center;gap:2mm;margin:-5mm auto 3mm;padding:1mm 4mm;border:.25mm dashed #c4a343;border-radius:999px;background:#fff8dc;color:#4c5d53;font-size:6.4pt;font-weight:800;white-space:nowrap}.sheet-intro strong{padding:0 1mm;border-radius:999px;background:var(--green);color:#fff}.sheet-title{display:flex;justify-content:space-between;align-items:end;gap:8mm}.sheet-title p{margin:0 0 2mm;color:#778178;font-size:7pt;font-weight:900;letter-spacing:.14em}.sheet-title h1{margin:0;color:var(--green);font-family:STLiti,LiSu,隶书,serif;font-size:30pt;font-weight:900;line-height:1}.student-fields{display:grid;gap:2.5mm;padding:2.5mm 3mm;border-radius:2mm;background:#fffc;color:#68736c;font-size:7.5pt}.sheet-slogan{width:fit-content;margin:4mm auto;padding:2mm 8mm;border:.3mm solid #c9a933;border-radius:999px;background:#f8e49a;color:#31483b;font-family:STLiti,LiSu,隶书,serif;font-size:14pt;font-weight:900}.sheet-meta{display:flex;justify-content:space-between;margin-bottom:3mm;color:#6c766f;font-size:7pt;font-weight:800}.word-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(var(--rows),minmax(0,1fr));flex:1;min-height:0;gap:2.2mm}.word-card{position:relative;display:grid;grid-template-columns:7mm minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:1.8mm;min-height:0;padding:1.4mm 2mm;border:.35mm solid color-mix(in srgb,var(--card),#30443a 36%);border-bottom:.45mm dashed #657169;border-radius:2.5mm 2.5mm .5mm .5mm;background:color-mix(in srgb,var(--card),white 58%)}.word-card .num{grid-row:1/3;display:grid;place-items:center;align-self:center;width:6mm;height:6mm;border:.25mm solid rgba(37,57,46,.5);border-radius:50%;font-size:6pt;font-weight:900}.word-card h2{min-width:0;margin:0;overflow:hidden;color:#172a20;font-size:12pt;font-weight:1000;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.word-card .meaning{margin-top:.8mm;color:#526259;font-size:7pt;font-weight:800}.word-card .unit{position:absolute;top:1mm;right:1.5mm;color:#37483f9e;font-size:5pt}.mastery{position:absolute;right:1.3mm;bottom:1mm;display:flex;gap:1.2mm;color:#5f6b64;font-size:5.2pt;font-weight:800}.mastery i{display:inline-block;width:2.5mm;height:2.5mm;margin-right:.4mm;border:.2mm solid #6c766f;vertical-align:-.4mm}.word-card .scissors{position:absolute;right:-1.4mm;bottom:-2mm;padding:0 .5mm;background:#fffefa;font-size:6pt}.word-sheet.is-dense .word-card h2{font-size:10pt}.word-sheet.is-dense .word-card{padding:.8mm 1.5mm}.sheet-footer{display:flex;justify-content:space-between;margin-top:3mm;padding:0 3mm;color:#7b827c;font-size:6pt}.creator-card{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:36px 0 0;padding:24px 30px;border:1px solid #ded5b7;border-radius:22px;background:linear-gradient(120deg,#fff5c8,#fffdf6 55%,#edf7e7)}.creator-card>div{display:grid;gap:8px}.creator-card b{color:#a06b2f;font-size:11px;letter-spacing:.1em}.creator-card p{margin:0;color:#44574c;font-size:14px;font-weight:700}.creator-card strong{padding:2px 8px;border-radius:999px;background:var(--green);color:#fff}.support-button{flex:none;padding:13px 19px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6cc45,#f09b45);color:#31483b;font-weight:900;cursor:pointer;box-shadow:0 9px 20px #af761f33}.support-button span{margin-right:4px;font-size:17px}.support-dialog{width:min(850px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:0;border-radius:28px;background:#fffdf6;color:var(--ink);box-shadow:0 28px 80px #1c2d2452}.support-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);animation:dialog-in .22s ease-out}.support-dialog::backdrop{background:#1f2f2794;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:15px;right:16px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#ffffffe6;color:#536159;font-size:24px;cursor:pointer;box-shadow:0 4px 14px #232d2721}.support-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 42px;background:radial-gradient(circle at 10% 10%,rgba(244,205,66,.3),transparent 38%),#fffaf0}.support-copy h2{margin:2px 0 18px;color:var(--green);font-family:STLiti,LiSu,隶书,serif;font-size:clamp(35px,4vw,51px);line-height:1.08}.support-copy>p:not(.eyebrow){margin:0;color:#526158;font-size:14px;font-weight:700;line-height:1.9}.support-copy .support-invite{margin-top:14px;padding:12px 14px;border:1px solid rgba(34,82,65,.13);border-radius:14px;background:#ffffffb3;color:#234f3e;line-height:1.65}.support-copy ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none;color:#3f5549;font-size:13px;font-weight:900}.support-copy li{display:flex;align-items:center;gap:9px}.support-copy li span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#fff;box-shadow:0 5px 12px #2f3e3514}.support-copy small{color:#838b85;line-height:1.6}.support-code{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 34px 34px;background:linear-gradient(165deg,#edf5ff,#e2efff);text-align:center}.support-code .payment-label{margin-bottom:14px;padding:7px 15px;border-radius:999px;background:#1677ff;color:#fff;font-size:13px;font-weight:900}.support-code img{display:block;width:min(270px,100%);max-height:390px;border:8px solid white;border-radius:18px;object-fit:contain;box-shadow:0 14px 34px #1677ff2e}.support-code p{margin:14px 0 10px;color:#627080;font-size:11px;line-height:1.6}.support-code a{color:#126be0;font-size:12px;font-weight:900;text-underline-offset:3px}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.toast{position:fixed;left:50%;bottom:24px;z-index:50;transform:translate(-50%,20px);padding:11px 18px;border-radius:999px;background:#213d31;color:#fff;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%)}.word-card .unit{color:#37483fad;font-size:5.5pt}.mastery{gap:1.3mm;color:#526158;font-size:6.1pt;font-weight:900}.mastery i{width:2.8mm;height:2.8mm;margin-right:.45mm;border-width:.22mm;vertical-align:-.5mm}.word-sheet.is-dense .mastery{font-size:5.5pt}.word-sheet .word-cards{grid-template-columns:repeat(var(--columns),1fr)}.word-card h2{font-size:14pt}.answer-line{margin-top:1mm;color:#526259;font-size:7pt;font-weight:800;white-space:nowrap}.word-sheet.is-five-column .word-cards{gap:1.5mm}.word-sheet.is-five-column .word-card{grid-template-columns:5.2mm minmax(0,1fr);column-gap:.8mm;padding:1mm 1.2mm}.word-sheet.is-five-column .word-card .num{width:4.8mm;height:4.8mm;font-size:5pt}.word-sheet.is-five-column .word-card h2{max-height:2.05em;overflow-wrap:anywhere;white-space:normal;text-overflow:clip;font-size:10.8pt;line-height:1}.word-sheet.is-five-column .answer-line{font-size:5.5pt}.word-sheet.is-five-column .mastery{right:.8mm;gap:.55mm;font-size:4.8pt}.word-sheet.is-five-column .mastery i{width:2.1mm;height:2.1mm;margin-right:.2mm}@media(max-width:1100px){.builder{grid-template-columns:1fr}.preview-column{position:static}.preview-stage{height:690px}.print-sheets{transform:scale(.58)}.hero{grid-template-columns:1fr 260px}}@media(max-width:700px){.app-shell{width:min(100% - 20px,600px)}.topbar{align-items:start;padding:10px 12px}.product-switch{flex:1}.product-tab{flex:1;justify-content:center;padding:0 5px}.product-tab b{font-size:11px;white-space:nowrap}.product-tab span{display:none}.support-nav{display:inline-flex;min-height:40px;padding:0 6px;font-size:0;gap:0}.support-nav .support-flower{width:27px;height:27px;font-size:16px}.topbar .print-button{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:42px 8px}.hero img{max-height:180px}.hero h1{font-size:42px}.panel{padding:18px;border-radius:18px}.setting-grid{grid-template-columns:1fr}.word-row{grid-template-columns:26px 1fr 1fr 32px}.word-row .unit-input{display:none}.preview-stage{height:480px;padding:12px}.print-sheets{transform:scale(.38)}.creator-card{display:grid;padding:20px}.support-button{width:100%}.support-dialog[open]{display:block}.support-copy{padding:38px 26px 26px}.support-copy h2{font-size:36px}.support-code{padding:28px 24px 32px}.support-code img{width:min(250px,82vw);max-height:none}}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;height:auto;margin:0;background:#fff}.topbar,.hero,.control-column,.preview-head,.creator-card{display:none!important}.app-shell,.builder,.preview-column,.preview-stage{display:block;width:210mm;margin:0;padding:0;height:auto;overflow:visible;background:#fff;box-shadow:none}.print-sheets{width:210mm;transform:none}.word-sheet{margin:0;box-shadow:none;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.word-sheet:last-child{break-after:auto;page-break-after:auto}}