.hero{text-align:center;padding:calc(env(safe-area-inset-top) + 40px) 18px 16px}.hero h1{margin:0;font-size:42px;color:#ff5e7e;text-shadow:2px 2px 0 #fff}.hero .subtitle{font-size:16px;color:#3a8d80;font-weight:700;margin-top:8px}.hero .cast{margin-top:14px}.hero .cast span{font-size:36px;margin:0 6px}.hero .scroll{margin-top:12px;font-size:13px;color:#b07a3f}.nav{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0000000f;display:flex;gap:10px;justify-content:center;padding:10px;flex-wrap:wrap}.termtab{font-family:inherit;cursor:pointer;border:none;font-weight:700;font-size:16px;color:#fff;padding:10px 26px;border-radius:30px;box-shadow:0 3px #0000001f;opacity:.55;transition:.15s}.termtab.en{background:var(--purple)}.termtab.cn{background:var(--blue)}.termtab.active{opacity:1;transform:translateY(-1px);box-shadow:0 5px #00000029}main.home{max-width:1000px;margin:0 auto;padding:10px 16px calc(env(safe-area-inset-bottom) + 50px)}.loading{text-align:center;color:#8a5a2b;padding:40px 16px;font-size:15px}.termblock{display:block;margin-top:6px}.secttl{display:flex;align-items:center;gap:10px;margin:22px 0 6px}.secttl .dot{width:12px;height:30px;border-radius:8px}.secttl.en .dot{background:var(--blue)}.secttl.cn .dot{background:var(--pink)}.secttl.ma .dot{background:var(--purple)}.secttl h3{font-size:21px;color:#3a8d80;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{background:#fff;border-radius:20px;padding:18px 16px 16px;border:3px solid #ffe1a8;transition:.14s;display:flex;flex-direction:column;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0000001a}.card.en{border-color:#cfe7f7}.card.cn{border-color:#ffc2d4}.card.ma{border-color:#d6c2ff}.card .emo{font-size:42px;line-height:1}.card .ttl{font-size:19px;font-weight:700;margin-top:6px;color:#2f74a8}.card.cn .ttl{color:#d8607f}.card.ma .ttl{color:#7c5cd0}.card .tag{font-size:12.5px;color:#7a6a5a;margin-top:3px;flex:1}.card .go{display:inline-block;margin-top:12px;text-align:center;font-weight:700;font-size:15px;color:#fff;border-radius:30px;padding:9px 0}.card.en .go{background:var(--green);box-shadow:0 3px #4fae5c}.card.cn .go{background:var(--orange);box-shadow:0 3px #e08440}.card.ma .go{background:var(--purple);box-shadow:0 3px #8a6fd0}.card .cbadge{position:absolute;top:0;left:0;background:var(--yellow);color:#7a5a00;font-size:11px;font-weight:700;padding:3px 12px;border-bottom-right-radius:12px}.card .ctick{position:absolute;top:0;right:0;background:#6bcf7a;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-bottom-left-radius:12px;display:none}.card.done{border-color:#9ad99a}.card.done .ctick{display:inline-block}.prog-card{background:#fff;border:2px solid #b8e6bf;border-radius:18px;padding:14px 18px;margin:18px 0 4px;text-align:center}.prog-top{font-size:15px;color:#3f8a48}.prog-top b{color:#e0533a}.prog-bar{height:14px;background:#eef3ee;border-radius:10px;overflow:hidden;margin:10px 0 8px}.prog-fill{height:100%;background:linear-gradient(90deg,#6bcf7a,#3fae5c);border-radius:10px;transition:width .4s}.prog-stars{letter-spacing:2px;color:#ffd23f;font-size:18px;overflow-wrap:anywhere;word-break:break-word}.tipbox{margin:26px 0 0;background:#fffc;border:2px dashed #ffb347;border-radius:16px;padding:14px 18px;font-size:13.5px;color:#8a5a2b}.homefoot{text-align:center;color:#b07a3f;font-size:13px;padding:26px 16px 36px}.review-bar{display:flex;gap:12px;justify-content:center;margin:12px 0 4px;flex-wrap:wrap}.rv-btn{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;color:#fff;padding:11px 22px;border-radius:30px}.rv-go{background:var(--green);box-shadow:0 3px #4fae5c}.rv-wrong{background:var(--orange);box-shadow:0 3px #e08440}.ovl{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.ovl[hidden]{display:none}.ovl-box{background:#fff;border-radius:22px;max-width:460px;width:100%;padding:22px;text-align:center;position:relative}.ovl-x{position:absolute;top:10px;right:12px;border:none;background:#eee;cursor:pointer;border-radius:50%;width:30px;height:30px;font-size:15px}.ovl-title{font-size:14px;color:#3a8d80;font-weight:700}.ovl-q{font-size:34px;font-weight:700;color:#2f74a8;margin:16px 0}.ovl-say{border:none;cursor:pointer;background:#e3f0ff;color:#2f74a8;font-family:inherit;border-radius:20px;padding:6px 14px;font-size:14px}.ovl-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0 6px}.ovl-opt{border:2px solid #ffd27d;background:#fffdf6;border-radius:14px;padding:14px;font-size:18px;font-weight:700;color:#c2683f;cursor:pointer;font-family:inherit}.ovl-opt.right{background:#dff5e1;border-color:#6bcf7a}.ovl-opt.wrong{background:#ffe3e3;border-color:#ff7b7b}.ovl-next,.ovl-foot button{border:none;cursor:pointer;font-family:inherit;font-weight:700;color:#fff;background:var(--purple);box-shadow:0 3px #8a6fd0;padding:10px 20px;border-radius:30px;font-size:15px;margin-top:6px}.inapp .browser-tip{display:none}@media (max-width:480px){.hero{padding:calc(env(safe-area-inset-top) + 18px) 16px 8px}.hero h1{font-size:32px}.hero .subtitle{font-size:13.5px;margin-top:5px}.hero .cast{margin-top:8px}.hero .cast span{font-size:28px;margin:0 4px}.hero .scroll{margin-top:8px;font-size:12px}.termtab{font-size:15px;padding:9px 22px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:12px 10px;border-radius:16px}.card .emo{font-size:34px}.card .ttl{font-size:16px}.card .tag{font-size:11px}.card .go{font-size:13px;padding:8px 0;margin-top:8px}.secttl h3{font-size:18px}.secttl{margin:16px 0 4px}}