:root{--bg:#faf7ef;--pale:#eff2e8;--line:#e4e4d7}body{background:#faf7ef}.sidebar{background:#eef0e5}.grade-band{display:flex;gap:16px;align-items:center;padding:15px 0 2px;font-size:11px;color:#667d70}.grade-band>span{font-weight:600}.grade-chips{display:flex;gap:5px}.grade-chips button{font-size:11px;background:transparent;border:1px solid #d8ddce;color:#6e8073;border-radius:20px;padding:5px 13px}.grade-chips button.active{background:#264d45;color:#fff;border-color:#264d45}.grade-band small{margin-left:auto;font-size:10px;color:#8a9486}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 23px}.notebook-card{--topic:#34776b;background:#fffefa;border:1px solid #dddccc;border-radius:4px 11px 7px 11px;padding:24px 24px 15px;min-height:350px;box-shadow:2px 4px 0 #ecebdf;position:relative}.notebook-card:before{content:'';position:absolute;top:0;bottom:0;left:13px;border-left:1px solid #eddcd0;pointer-events:none}.card-tape{position:absolute;top:-8px;left:40%;width:69px;height:18px;background:color-mix(in srgb,var(--topic) 14%,#fff9da);transform:rotate(-3deg);opacity:.85;border:1px dashed #ffffff90}.notebook-card .card-top{font-size:9px;letter-spacing:.2px}.notebook-title{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:17px}.notebook-title h3{margin:0;font-size:27px;overflow-wrap:anywhere;letter-spacing:-.6px;color:var(--topic)}.sound-button{background:color-mix(in srgb,var(--topic) 7%,white);color:var(--topic);width:34px;height:34px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--topic) 15%,white);border-radius:50%;font-size:19px}.card-ipa{font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.6;color:#869181;margin:7px 0 10px;overflow-wrap:anywhere}.card-ipa>span{font-size:8px;color:#b0b8a8;letter-spacing:.6px;margin-left:8px}.notebook-card .meaning{font-size:15px;color:#5d705c;margin-bottom:14px;font-weight:500}.card-learning{display:flex;align-items:center;gap:15px;margin:0 0 15px;min-height:50px}.card-learning p{font-size:12px;line-height:1.8;margin:0;color:#6f7d6b}.card-sketch{flex:0 0 128px;background-image:radial-gradient(#d5dec9 1px,transparent 1px);background-size:10px 10px;border-radius:4px}.card-sketch .diagram{margin:0}.card-sketch svg{height:80px;width:128px;display:block}.card-sketch svg *{stroke-linecap:round;stroke-linejoin:round}.card-syn{border-top:1px dashed #e0e3d3;padding-top:11px;display:flex;align-items:baseline;gap:12px}.card-syn>span{color:var(--topic);font-size:9px;white-space:nowrap;letter-spacing:.5px}.card-syn p{font-size:12px;line-height:1.5;color:#6d7b67;margin:0;overflow-wrap:anywhere}.card-syn small{font-size:8px;display:block;color:#9aa38e;margin-top:3px}.card-example{margin:14px 0 12px;font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-style:italic;line-height:1.6;padding:9px 11px;border-left:2px solid color-mix(in srgb,var(--topic) 45%,white);background:color-mix(in srgb,var(--topic) 4%,white);border-radius:0 5px 5px 0}.card-example>span{display:block;font-style:normal;font-size:8px;color:var(--topic);letter-spacing:1.2px;margin-bottom:3px}.notebook-card .card-bottom{border-color:#e5e7db;padding-top:10px}.mini-route{display:flex;align-items:center;justify-content:space-between;gap:4px}.mini-route #originCity{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-options{display:flex;gap:16px;flex-wrap:wrap;margin:27px 0 22px;align-items:end}.book-options label{font-size:10px;color:#68816d}.book-options select{display:block;background:#fffef9;border:1px solid #d8dfd0;color:#4d6654;border-radius:6px;padding:9px 12px;font-size:12px;margin-top:6px;min-width:148px}.book-check{padding-bottom:10px;display:flex;align-items:center;gap:6px}.book-preview{border:1px solid #dadfd0;border-radius:8px;overflow:hidden;background:#f0efe7}.preview-toolbar{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;background:#fffefa;border-bottom:1px solid #dfe2d5}.preview-toolbar>span{display:flex;align-items:baseline;gap:14px}.preview-toolbar b{font-size:13px}.preview-toolbar small{font-size:10px;color:#879280}.preview-toolbar>div{display:flex;gap:20px;align-items:center}.preview-toolbar .primary{font-size:11px;padding:8px 13px;min-height:36px}#bookPreview{width:100%;height:670px;border:0;display:block;background:#e9e7df}.preview-foot{font-size:9px;color:#889080;padding:12px 18px;display:flex;justify-content:space-between}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.download-card{background:#fffefa}.download-card h2{font-size:18px}.download-card .primary{font-size:11px;padding:10px 13px}.preview-link{display:block;margin-top:12px;font-size:10px}.is-studying .topbar,.is-studying .grade-band,.is-studying footer{display:none}.is-studying main{height:100dvh;padding:15px 34px;overflow:hidden}.is-studying #study{padding:0;height:100%}.study-shell{display:flex;flex-direction:column;height:100%;min-height:0;gap:10px;background:#faf7ef}.study-head{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.study-head .eyebrow{margin:0 0 4px;font-size:9px}.study-head h1{font-size:22px;line-height:1.2;margin:0;font-weight:600}.study-head .secondary{min-height:34px;font-size:11px;padding:7px 12px;background:#fffdf6}.study-controls{display:flex;gap:7px;align-items:center;flex-shrink:0}.study-controls select{min-width:0;flex:1;border:1px solid #d5decf;border-radius:5px;background:#fffefa;color:#526b54;padding:7px 9px;font-size:11px;max-width:230px}.study-controls .text-button{font-size:10px;white-space:nowrap}.memory-stage{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px;max-width:880px;width:100%;margin:0 auto}.memory-meta{display:flex;justify-content:space-between;align-items:center;color:#8b9581;font-size:10px;flex-shrink:0}.memory-progress{height:3px;background:#e3e6d8;flex-shrink:0}.memory-progress i{display:block;height:100%;background:#a8b78f}.memory-card{--topic:#34776b;position:relative;flex:1;min-height:0;background:#fffefa;border:1px solid #d9decd;border-radius:8px;box-shadow:3px 5px 0 #e7e8da;padding:20px 24px 9px;display:flex;flex-direction:column;overflow:hidden}.memory-card:before{content:'';position:absolute;left:18px;top:0;bottom:0;border-left:1px solid #edddd0;pointer-events:none}.memory-card:after{content:'';position:absolute;top:-1px;left:calc(50% - 35px);width:70px;height:10px;background:#e1e4c5;opacity:.65;transform:rotate(-2deg);pointer-events:none}.memory-face{flex:1;min-height:0;width:100%;padding:8px 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;overflow:hidden;color:var(--ink);text-align:center}.memory-face h2{font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:clamp(28px,3.5vw,46px);line-height:1.2;letter-spacing:-1px;margin:0;overflow-wrap:anywhere;color:var(--topic);font-weight:600}.memory-kicker{font-size:11px;color:#8c987e;margin-bottom:30px;letter-spacing:1px}.memory-ipa{font:14px/1.5 'DM Sans',Arial,sans-serif;color:#8c9681;margin:12px 0 0}.flip-hint{font-size:11px;color:#98a28c;margin-top:35px}.memory-card-tools{display:flex;align-items:center;justify-content:center;gap:15px;flex-shrink:0;height:34px}.memory-card-tools .text-button{font-size:10px;color:#7b8b70}.memory-back-heading h2{font-size:30px;line-height:1.2}.memory-back-heading>span{font-family:Arial,sans-serif;font-size:11px;color:#94a18b;display:block;margin-top:4px}.memory-meaning{font-size:18px;line-height:1.4;font-weight:500;margin:11px 0;color:#6b7d5d}.memory-concept{display:flex;align-items:center;gap:20px;max-width:650px;margin:5px 0 10px}.memory-concept p{font-size:14px;line-height:1.8;text-align:left;margin:0;color:#68765e}.memory-sketch{flex:0 0 155px;background-image:radial-gradient(#d6e0cb 1px,transparent 1px);background-size:12px 12px}.memory-sketch .diagram{margin:0}.memory-sketch svg{width:155px;height:80px}.memory-example{font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-style:italic;color:#7a886c;border-bottom:1px dashed #cfd8c2;padding-bottom:9px;margin:5px 0 7px;line-height:1.4}.memory-syn{font-family:Arial,sans-serif;font-size:11px;line-height:1.4;color:#94a085;margin:0}.memory-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;height:54px;flex-shrink:0}.memory-nav{font-size:20px;width:38px;height:38px;border:1px solid #d4deca;border-radius:50%;background:#fffefa;color:#69845c;flex-shrink:0}.memory-actions .primary{min-width:210px;background:#345b46;min-height:42px}.memory-rates{display:flex;justify-content:center;gap:9px;flex:1;max-width:540px}.memory-rates button{flex:1;font-size:12px;line-height:1.4;color:#6a7d5b;border:1px solid #d7e0cd;border-radius:6px;padding:9px 10px;background:#f0f3e7}.memory-rates button:first-child{background:#f9efe3;border-color:#ecd8c4;color:#a37353}.memory-rates button:last-child{background:#e5eecf;border-color:#cddcae;color:#5d7a3f}.memory-rates small{display:block;font-size:8px;margin-top:3px;opacity:.8}.study-help{display:flex;justify-content:space-between;font-size:9px;color:#a2a995;flex-shrink:0}.memory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:#fffefa;border:1px solid #dce2d2;border-radius:10px}.memory-empty>span{font-size:45px;color:#799263}.memory-empty h2{font-size:23px}.memory-empty p{font-size:12px;color:#849778}.study-focus .sidebar{display:none}.study-focus .study-shell,.study-shell:fullscreen{position:fixed;inset:0;z-index:50;margin:0;background:#faf7ef;padding:20px 7vw;height:100dvh;width:100%;}.study-shell:fullscreen::backdrop{background:#faf7ef}.study-focus .study-head h1,.study-shell:fullscreen .study-head h1{font-size:24px}.study-focus .memory-stage{max-width:900px}.study-focus .memory-face h2{font-size:clamp(30px,5vw,60px)}.study-focus .memory-back-heading h2{font-size:34px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 17px}.notebook-card{padding:22px 18px 13px}.notebook-title h3{font-size:24px}.card-learning{display:block}.card-sketch{float:right;margin:0 0 6px 10px;width:115px}.card-sketch svg{width:115px;height:70px}.download-grid{grid-template-columns:1fr}.grade-band small{max-width:180px;text-align:right}.is-studying main{padding:15px 22px}.memory-concept p{font-size:13px}}
@media(max-width:700px){.grade-band{gap:10px;flex-wrap:wrap;padding-top:14px}.grade-band small{margin-left:0;max-width:none;flex-basis:100%;text-align:left;font-size:9px}.grade-chips button{font-size:10px;padding:5px 13px}.cards{grid-template-columns:1fr;gap:25px}.notebook-card{padding:23px 24px 16px;min-height:0}.notebook-title h3{font-size:27px}.card-learning{display:flex;gap:13px}.card-learning p{font-size:12px}.card-sketch{float:none;flex-basis:114px;margin:0;width:114px}.card-sketch svg{width:114px;height:76px}.card-example{font-size:13px}.card-syn p{font-size:12px}.notebook-card .meaning{font-size:15px}.notebook-card .card-bottom{flex-wrap:nowrap}.notebook-card .card-top{font-size:9px}.notebook-card .card-detail-link{font-size:11px}.book-options{gap:12px}.book-options label:not(.book-check){flex:1;min-width:140px}.book-options select{min-width:0;width:100%;font-size:11px}.book-check{font-size:11px!important}.preview-toolbar{padding:12px 13px;align-items:start;gap:12px}.preview-toolbar>span{display:block}.preview-toolbar small{display:block;margin-top:5px}.preview-toolbar>div{flex-direction:column;gap:6px;align-items:end}.preview-toolbar .text-button{font-size:10px;padding:0}.preview-toolbar .primary{font-size:10px;gap:5px}#bookPreview{height:520px}.preview-foot{display:block;font-size:8px}.preview-foot span{display:block;margin-bottom:3px}.is-studying .sidebar{height:99px;padding:9px 16px}.is-studying main{height:calc(100dvh - 99px);padding:9px 12px;overflow:hidden}.is-studying .study-shell{gap:8px}.study-head .eyebrow{display:none}.study-head h1{font-size:19px}.study-head .secondary{font-size:10px;padding:5px 9px;min-height:31px}.study-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.study-controls select{width:100%;font-size:10px;padding:6px 3px}.study-controls .text-button{display:none}.memory-stage{gap:6px}.memory-meta{font-size:9px}.memory-card{padding:14px 12px 4px;box-shadow:2px 3px 0 #e9ebdc}.memory-card:before{left:10px}.memory-face{padding:5px 9px}.memory-face h2{font-size:32px}.memory-kicker{font-size:10px;margin-bottom:24px}.memory-ipa{font-size:11px;margin-top:10px}.flip-hint{font-size:10px;margin-top:24px}.memory-back-heading h2{font-size:24px;line-height:1.15}.memory-back-heading>span{font-size:9px;margin-top:3px}.memory-meaning{font-size:15px;margin:7px 0;line-height:1.3}.memory-concept{gap:10px;margin:3px 0 6px}.memory-concept p{font-size:11px;line-height:1.65}.memory-sketch{flex-basis:86px}.memory-sketch svg{width:86px;height:57px}.memory-example{font-size:11px;line-height:1.4;margin:3px 0 5px;padding-bottom:6px}.memory-syn{font-size:9px;line-height:1.3}.memory-card-tools{gap:14px;height:27px}.memory-card-tools .icon-button{font-size:15px;min-height:25px}.memory-card-tools .text-button{font-size:9px}.memory-actions{height:46px;gap:7px}.memory-nav{width:28px;height:28px;font-size:16px}.memory-rates{gap:5px}.memory-rates button{padding:8px 3px;font-size:10px}.memory-rates small{font-size:7px;margin-top:2px}.memory-actions .primary{min-width:170px;font-size:12px;min-height:38px}.study-help{font-size:8px}.study-help span:first-child{font-size:0}.study-help span:first-child:after{content:'点击卡片翻面 · ← → 切换';font-size:8px}.study-focus .study-shell,.study-shell:fullscreen{padding:12px;gap:9px}.study-focus .study-head h1{font-size:21px}.study-focus .memory-face h2{font-size:36px}.study-focus .memory-back-heading h2{font-size:26px}}
@media(max-height:660px){.study-head h1{font-size:17px}.memory-kicker{margin-bottom:16px}.flip-hint{margin-top:16px}.memory-back-heading h2{font-size:21px}.memory-concept p{font-size:10px;line-height:1.55}.memory-syn{display:none}.memory-example{font-size:10px}.memory-meaning{font-size:13px}.memory-card-tools{height:23px}.memory-card{padding-top:9px}}