@import url(https://fonts.googleapis.com/css2?family=Edu+TW+Beginner:wght@400;500;600;700&family=Itim&family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&family=ZCOOL+QingKe+HuangYou&family=Zhi+Mang+Xing&display=swap);:root{--font-kaiti:"Edu TW Beginner","TW-Kai","Kaiti TC","Kaiti SC","標楷體","BiauKai","DFKai-SB","KaiTi","AR PL UKai TW","Noto Serif TC",serif;--font-chinese-brush:"Ma Shan Zheng","Zhi Mang Xing",cursive;--font-chinese-elegant:"ZCOOL XiaoWei",serif;--font-chinese-modern:"ZCOOL QingKe HuangYou",sans-serif;--bg-primary:#fcf9f5;--bg-grid:#faf4eb;--grid-line:#e55b4414;--color-black:#1a1a1a;--color-white:#fff;--color-primary:#e55b44;--color-primary-light:#ffedea;--color-secondary:#2a9d8f;--color-secondary-light:#e6f6f4;--color-accent:#f4a261;--color-accent-light:#fef4ec;--color-blue:#3d84b8;--color-blue-light:#ebf3f9;--color-yellow:#e9c46a;--color-yellow-light:#fef9eb;--border-thick:3px solid var(--color-black);--border-medium:2px solid var(--color-black);--shadow-thick:5px 5px 0px var(--color-black);--shadow-medium:4px 4px 0px var(--color-black);--shadow-thin:2px 2px 0px var(--color-black);--shadow-hover:8px 8px 0px var(--color-black);--radius-sm:6px;--radius-md:12px;--radius-lg:18px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcf9f5;background-color:var(--bg-primary);font-family:Itim,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--color-black)}h1,h2,h3,h4,h5,h6{font-family:Itim,cursive;font-weight:800;line-height:1.2}.chinese-text,.dialogue-zh,.example-text,.examples-list,.flashcard-word,.font-kaiti,.grammar-ex-cn,.grammar-example-cn,.grammar-structure,.hanzi-text,.radical-glyph,.tianzige-char,.vocab-symbol,.vocab-word,.word-text,.writing-vocab-char,:lang(zh),[lang=zh]{font-family:Edu TW Beginner,TW-Kai,Kaiti TC,Kaiti SC,標楷體,BiauKai,DFKai-SB,KaiTi,AR PL UKai TW,"Noto Serif TC",serif;font-family:var(--font-kaiti)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fcf9f5;background:var(--bg-primary);border-left:3px solid #1a1a1a;border-left:var(--border-thick)}::-webkit-scrollbar-thumb{background-color:#e55b44;background-color:var(--color-primary);border:3px solid #fcf9f5;border:3px solid var(--bg-primary);border-radius:6px}.neo-card{background-color:#fff;background-color:var(--color-white);border:3px solid #1a1a1a;border:var(--border-thick);border-radius:12px;border-radius:var(--radius-md);box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow-thick);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.neo-card:hover{box-shadow:8px 8px 0 #1a1a1a;box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.neo-btn{align-items:center;background-color:#fff;background-color:var(--color-white);border:3px solid #1a1a1a;border:var(--border-thick);border-radius:12px;border-radius:var(--radius-md);box-shadow:4px 4px 0 #1a1a1a;box-shadow:var(--shadow-medium);color:#1a1a1a;color:var(--color-black);cursor:pointer;display:inline-flex;font-family:Itim,cursive;font-size:14px;font-weight:700;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .1s ease;-webkit-user-select:none;user-select:none}.neo-btn:hover{box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow-thick);transform:translate(-2px,-2px)}.neo-btn:active{box-shadow:2px 2px 0 #1a1a1a;box-shadow:var(--shadow-thin);transform:translate(2px,2px)}.neo-btn-primary{background-color:#e55b44;background-color:var(--color-primary);color:#fff;color:var(--color-white)}.neo-btn-primary:hover{background-color:#df4d35;color:#fff;color:var(--color-white)}.neo-badge{background-color:#fff;background-color:var(--color-white);border:2px solid #1a1a1a;border:var(--border-medium);border-radius:6px;border-radius:var(--radius-sm);box-shadow:2px 2px 0 #1a1a1a;box-shadow:var(--shadow-thin);display:inline-block;font-family:Itim,cursive;font-size:11px;font-weight:700;padding:4px 10px}body.theme-ocean{--color-primary:#3d84b8;--color-primary-light:#ebf3f9;--color-secondary:#2a9d8f;--color-secondary-light:#e6f6f4;--color-accent:#f4a261;--color-accent-light:#fef4ec;--bg-primary:#f2f7fa;--bg-grid:#ebf3f7;--grid-line:#3d84b814}body.theme-gold{--color-primary:#e9c46a;--color-primary-light:#fef9eb;--color-secondary:#2a9d8f;--color-secondary-light:#e6f6f4;--color-accent:#e55b44;--color-accent-light:#ffedea;--bg-primary:#fdfaf4;--bg-grid:#fcf6e9;--grid-line:#e9c46a1f}body.theme-mint{--color-primary:#2a9d8f;--color-primary-light:#e6f6f4;--color-secondary:#e55b44;--color-secondary-light:#ffedea;--color-accent:#3d84b8;--color-accent-light:#ebf3f9;--bg-primary:#f4faf8;--bg-grid:#eef7f4;--grid-line:#2a9d8f14}body.theme-cyber{--bg-primary:#121214;--bg-grid:#18181c;--grid-line:#ffffff0d;--color-black:#fff;--color-white:#1e1e24;--color-primary:#f43f5e;--color-primary-light:#3c1420;--color-secondary:#06b6d4;--color-secondary-light:#07343e;--color-accent:#facc15;--color-accent-light:#3e380e;--color-blue:#3b82f6;--color-blue-light:#0e203e;--color-yellow:#eab308;--color-yellow-light:#3c320d;--border-thick:3px solid #fff;--border-medium:2px solid #fff;--shadow-thick:5px 5px 0px #fff;--shadow-medium:4px 4px 0px #fff;--shadow-thin:2px 2px 0px #fff;--shadow-hover:8px 8px 0px #fff}body.theme-cyber ::-webkit-scrollbar-track{background:#121214}body.theme-cyber ::-webkit-scrollbar-thumb{background-color:#e55b44;background-color:var(--color-primary);border:3px solid #121214}body.theme-cyber hr{border-top-color:#fff!important}body.theme-dark{--bg-primary:#121212;--bg-grid:#1a1a1a;--grid-line:#ffffff0a;--color-black:#f4f4f5;--color-white:#1e1e1e;--color-primary:#e55b44;--color-primary-light:#3f221e;--color-secondary:#2a9d8f;--color-secondary-light:#123330;--color-accent:#f4a261;--color-accent-light:#3e2e21;--color-blue:#3d84b8;--color-blue-light:#1c2d3a;--color-yellow:#e9c46a;--color-yellow-light:#3a3320}body.theme-dark ::-webkit-scrollbar-track{background:#121212}body.theme-dark ::-webkit-scrollbar-thumb{background-color:#e55b44;background-color:var(--color-primary);border:3px solid #121212}body.theme-dark hr{border-top-color:#f4f4f5!important}.theme-toggle-floating{align-items:center;background-color:#fff;background-color:var(--color-white);border:3px solid #1a1a1a;border:var(--border-thick);border-radius:50%;bottom:105px;box-shadow:4px 4px 0 #1a1a1a;box-shadow:var(--shadow-medium);cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;outline:none;position:fixed;right:30px;transition:all .15s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none;width:56px;z-index:9999}.theme-toggle-floating:hover{box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow-thick);transform:translate(-3px,-3px)}.theme-toggle-floating:active{box-shadow:2px 2px 0 #1a1a1a;box-shadow:var(--shadow-thin);transform:translate(2px,2px)}@media (max-width:900px){.theme-toggle-floating{bottom:105px;right:30px}}body.theme-cyber .page-title-banner p,body.theme-dark .page-title-banner p{color:#1a1a1a;color:var(--color-black);opacity:.7}.audio-modern-btn{align-items:center;background-color:#ebf3f9;background-color:var(--color-blue-light);border:1.5px solid #3d84b859;border-radius:20px;color:#3d84b8;color:var(--color-blue);cursor:pointer;display:inline-flex;font-family:Itim,cursive;font-size:13px;font-weight:700;gap:6px;justify-content:center;line-height:1;outline:none;padding:6px 14px;transition:all .15s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.audio-modern-btn:hover{background-color:#d0e4f5;box-shadow:0 3px 8px #3d84b840;color:#2b6b98;transform:translateY(-1px)}.audio-modern-btn:active{transform:scale(.95)}.audio-modern-btn.icon-only{border-radius:50%;height:36px;padding:8px;width:36px}.audio-modern-label{font-size:13px;font-weight:800}.books-grid-cover{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-top:20px}.book-cover-item-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);width:100%}.book-cover-item-card:hover{transform:translateY(-5px)}.book-cover-img-wrapper{aspect-ratio:3/4;background-color:#fff;background-color:var(--color-white);border:2px solid #1a1a1a;border:var(--border-medium);border-radius:12px;box-shadow:4px 4px 0 #1a1a1a;box-shadow:var(--shadow-medium);overflow:hidden;transition:box-shadow .2s ease;width:100%}.book-cover-item-card:hover .book-cover-img-wrapper{box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow-thick)}.book-cover-full-img{display:block;height:100%;object-fit:cover;width:100%}.book-cover-item-title{color:#1a1a1a;color:var(--color-black);font-family:Itim,cursive;font-size:14px;font-weight:800;line-height:1.3;margin-top:10px;text-align:center}@media (max-width:1024px){.books-grid-cover{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.books-grid-cover{gap:12px;grid-template-columns:repeat(2,1fr)}}.sidebar{background-color:var(--color-white);border-right:var(--border-thick);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;padding:30px 20px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;width:280px;z-index:100}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#0006}.sidebar-logo{cursor:pointer;gap:12px;margin-bottom:20px;text-decoration:none}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background-color:var(--color-primary);border:var(--border-thick);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);color:var(--color-white);font-family:var(--font-chinese-brush),var(--font-kaiti),sans-serif;font-size:26px;height:45px;justify-content:center;width:45px}.logo-text{display:flex;flex-direction:column}.logo-title{align-items:center;color:var(--color-black);display:flex;font-family:var(--font-chinese-brush),var(--font-kaiti),serif;font-size:24px;font-weight:500;gap:4px;letter-spacing:.5px}.logo-subtitle{color:#777;font-weight:600;margin-top:-2px}.logo-subtitle,.sidebar-section-title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.sidebar-section-title{color:#a0a0a0;font-weight:800;margin:15px 0 10px 10px}.sidebar-menu{display:flex;flex-direction:column;flex-grow:1;gap:8px;list-style:none}.sidebar-item{width:100%}.sidebar-link{align-items:center;background:none;border:3px solid #0000;border-radius:var(--radius-md);color:var(--color-black);cursor:pointer;display:flex;font-family:Itim,cursive;font-size:14px;font-weight:550;gap:12px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .15s cubic-bezier(.175,.885,.32,1.275);width:100%}.sidebar-link svg{stroke:var(--color-black);fill:none;stroke-width:2.5px;height:20px;transition:stroke .15s ease;width:20px}.sidebar-link:hover{background-color:var(--color-primary-light);border-color:var(--color-black);box-shadow:var(--shadow-thin);transform:translate(-2px,-2px)}.sidebar-link.active{background-color:var(--color-primary);border:var(--border-thick);box-shadow:var(--shadow-thin);color:var(--color-white)}.sidebar-link.active svg{stroke:var(--color-white)}.sidebar-link.active:hover{background-color:var(--color-primary);box-shadow:var(--shadow-thin);color:var(--color-white);transform:none}.sidebar-link .demo-badge{background-color:var(--color-yellow);border:var(--border-medium);border-radius:4px;color:var(--color-black);font-size:9px;font-weight:800;padding:2px 6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.sidebar-footer{border-top:var(--border-medium);margin-top:auto;padding-top:20px}.user-profile-widget{align-items:center;background-color:var(--color-yellow-light);border:var(--border-medium);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:10px;transition:transform .2s,box-shadow .2s}.user-profile-widget:hover{box-shadow:3px 3px 0 #000;transform:translate(-2px,-2px)}.user-avatar{align-items:center;background-color:var(--color-primary);border:var(--border-medium);border-radius:50%;color:#fff;font-weight:800;height:40px;justify-content:center;width:40px}.user-avatar,.user-info{display:flex;overflow:hidden}.user-info{flex-direction:column}.user-name{color:var(--color-black);font-size:13px;font-weight:700}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:10px}.mobile-menu-btn{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);cursor:pointer;display:none;flex-direction:column;height:45px;justify-content:space-around;left:20px;padding:10px;position:fixed;top:20px;transition:all .15s ease;width:45px;z-index:999}.mobile-menu-btn:hover{box-shadow:4px 4px 0 #000;transform:translate(-2px,-2px)}.mobile-menu-btn:active{box-shadow:1px 1px 0 #000;transform:translate(2px,2px)}.hamburger-bar{background-color:var(--color-black);border-radius:2px;height:3px;transition:all .3s ease;width:100%}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a1a1a66;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.sidebar-close-btn{display:none}@media (max-width:900px){.mobile-menu-btn{display:flex}.sidebar-close-btn{align-items:center;background:none;border:none;color:var(--color-black);cursor:pointer;display:flex;font-size:24px;font-weight:700;justify-content:center;margin-left:auto;padding:5px;transition:transform .2s}.sidebar-close-btn:hover{color:var(--color-primary);transform:scale(1.1)}.sidebar-logo{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;width:100%}.sidebar{border-bottom:none;border-right:var(--border-thick);bottom:0;box-shadow:none;height:100vh;left:0;padding:30px 20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:280px;z-index:1001}.sidebar.mobile-open{box-shadow:8px 0 0 #000;transform:translateX(0)}.sidebar-menu{flex-direction:column;gap:8px;overflow-x:visible;padding-bottom:0}.sidebar-link{white-space:normal}.sidebar-footer{display:block;margin-top:auto}}.sidebar-submenu{display:flex;flex-direction:column;gap:6px;list-style:none;margin-bottom:4px;margin-top:6px;padding-left:20px}.sidebar-subitem{width:100%}.sidebar-sublink{align-items:center;background:none;border:2px solid #0000;border-radius:var(--radius-md);color:var(--color-black);cursor:pointer;display:flex;font-family:Itim,cursive;font-size:13px;font-weight:550;gap:8px;padding:8px 12px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.sidebar-sublink:hover{border-color:var(--color-black);transform:translate(-1px,-1px)}.sidebar-sublink.active,.sidebar-sublink:hover{background-color:var(--color-primary-light);box-shadow:2px 2px 0 #000}.sidebar-sublink.active{border:2px solid var(--color-black);font-weight:800}.sidebar-sublink svg{stroke:var(--color-black);fill:none;stroke-width:2.5px;height:16px;transition:stroke .15s ease;width:16px}.dashboard-header{align-items:center;background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-thick);display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:24px 30px;position:relative}.dashboard-header:after{background:repeating-linear-gradient(-45deg,var(--color-primary),var(--color-primary) 10px,var(--color-black) 10px,var(--color-black) 20px);content:"";height:100%;position:absolute;right:0;top:0;width:15px}.welcome-title{font-size:26px;margin-bottom:6px}.welcome-subtitle{color:#666;font-size:14px;font-weight:500}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card{display:flex;flex-direction:column;justify-content:space-between;min-height:110px;padding:20px;position:relative}.stat-card-title{color:#666;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-card-value{color:var(--color-black);font-family:Itim,cursive;font-size:24px;font-weight:800}.stat-card-desc{color:#888;font-size:11px;font-weight:500;margin-top:4px}.hero-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.hero-banner-card{background-color:var(--color-secondary-light);background-image:radial-gradient(var(--color-secondary) 1.5px,#0000 1.5px);background-size:20px 20px;display:flex;flex-direction:column;justify-content:center;padding:35px;position:relative}.hero-banner-title{font-size:32px;line-height:1.25;margin-bottom:15px}.hero-banner-desc{color:#444;font-size:15px;line-height:1.6;margin-bottom:25px}.taipei-showcase-card{align-items:center;background-color:var(--color-white);display:flex;height:100%;justify-content:center;min-height:320px;overflow:hidden;padding:0;position:relative}.taipei-image{display:block;height:100%;object-fit:cover;width:100%}.taipei-caption{align-items:center;background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);bottom:20px;box-shadow:var(--shadow-medium);display:flex;justify-content:space-between;left:20px;padding:12px 18px;position:absolute;right:20px}.taipei-caption-text h4{font-size:15px;margin-bottom:2px}.taipei-caption-text p{color:#666;font-size:11px;font-weight:500}.section-container{margin-bottom:40px}.section-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-left:5px}.section-title{display:inline-block;font-size:22px;position:relative}.section-title:after{background-color:var(--color-accent);bottom:-4px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:-1}.course-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.course-card{background-color:var(--color-white);flex-direction:column;min-height:240px;padding:25px}.course-card,.course-header{display:flex;justify-content:space-between}.course-header{align-items:flex-start;margin-bottom:15px}.course-tag{background-color:var(--color-black);border-radius:4px;color:var(--color-white);font-size:10px;font-weight:800;padding:4px 8px;text-transform:uppercase}.course-band{font-family:Itim,cursive;font-size:32px;font-weight:800;line-height:1}.course-name{font-size:18px;margin-bottom:8px}.course-desc{color:#555;font-size:13px;line-height:1.5;margin-bottom:20px}.course-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.course-stats{color:#666;font-size:11px;font-weight:700}.daily-widget{background-color:var(--color-yellow-light);background-image:radial-gradient(var(--color-yellow) 1px,#0000 1px);background-size:15px 15px;margin-top:20px;padding:30px}.daily-title{align-items:center;display:flex;font-size:20px;gap:10px;margin-bottom:15px}.chinese-character-display{align-items:center;display:flex;gap:30px}.character-card{align-items:center;background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);color:var(--color-primary);display:flex;font-size:60px;font-weight:800;height:110px;justify-content:center;position:relative;width:110px}.character-card:after,.character-card:before{border-color:#e55b4426;border-style:dashed;content:"";pointer-events:none;position:absolute}.character-card:before{border-left-width:1px;bottom:0;left:50%;top:0}.character-card:after{border-top-width:1px;left:0;right:0;top:50%}.character-details{flex-grow:1}.character-pinyin{color:var(--color-secondary);font-family:Itim,cursive;font-size:22px;font-weight:700;margin-bottom:5px}.character-meaning{font-size:16px;font-weight:700;margin-bottom:8px}.character-example{color:#555;font-size:13px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-section{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.course-grid,.stats-grid{grid-template-columns:1fr}.chinese-character-display{align-items:flex-start;flex-direction:column}}.comments-section{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-thick);margin-bottom:40px;padding:30px}.comments-header{align-items:center;border-bottom:3px solid var(--color-black);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.comments-title{align-items:center;display:flex;font-size:22px;font-weight:900;gap:8px}.comments-count-badge{background-color:var(--color-accent);border:var(--border-thin);border-radius:10px;color:var(--color-black);font-size:13px;font-weight:800;padding:2px 8px}.comment-input-area{background-color:#fafafa;margin-bottom:30px;padding:20px}.comment-input-area,.comment-textarea{border:var(--border-thin);border-radius:var(--radius-sm)}.comment-textarea{background-color:var(--color-white);color:var(--color-black);font-family:inherit;font-size:14px;margin-bottom:12px;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-textarea:focus{border-color:var(--color-primary);box-shadow:2px 2px 0 var(--color-black);outline:none}.comments-list{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding-right:5px}.comment-card{background-color:var(--color-white);border:var(--border-thin);border-radius:var(--radius-sm);box-shadow:3px 3px 0 var(--color-black);display:flex;gap:15px;padding:15px;transition:all .1s ease}.comment-card:hover{box-shadow:5px 5px 0 var(--color-black);transform:translate(-2px,-2px)}.comment-avatar{align-items:center;background-color:#e2e8f0;border:2px solid var(--color-black);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:44px;justify-content:center;overflow:hidden;width:44px}.comment-avatar-img{height:100%;object-fit:cover;width:100%}.comment-content-wrapper{flex-grow:1}.comment-user-info{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.comment-username{font-size:14.5px;font-weight:900}.comment-email{color:#666;font-size:11.5px;font-weight:600}.comment-time{color:#888;font-size:11px;font-weight:500;margin-left:auto}.comment-text{color:#2d3748;font-size:14px;font-weight:600;line-height:1.5;word-break:break-word}.login-to-comment-box{align-items:center;background-color:var(--color-primary-light);border:var(--border-thin);border-color:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:20px;text-align:center}body.theme-cyber .comment-text,body.theme-dark .comment-text{color:var(--color-black)}body.theme-cyber .comment-input-area,body.theme-dark .comment-input-area{background-color:var(--bg-grid)}body.theme-cyber .comment-email,body.theme-dark .comment-email{color:var(--color-black);opacity:.65}body.theme-cyber .comment-time,body.theme-dark .comment-time{color:var(--color-black);opacity:.5}.book-cover-img{object-fit:cover}@media (max-width:900px){.books-grid{grid-template-columns:1fr}}.vocab-search-bar{display:flex;gap:15px;margin-bottom:25px}.vocab-input{border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thin);flex-grow:1;font-family:inherit;font-size:15px;outline:none;padding:14px 20px}.vocab-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-medium)}.vocab-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.vocab-card{gap:20px;padding:20px}.vocab-card,.vocab-symbol{align-items:center;display:flex}.vocab-symbol{background-color:var(--color-primary-light);border:var(--border-medium);border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0;font-size:32px;font-weight:800;height:65px;justify-content:center;position:relative;width:65px}.vocab-info{flex-grow:1}.vocab-headword{align-items:center;display:flex;gap:10px}.vocab-word{font-size:18px;font-weight:800}.vocab-pinyin{color:var(--color-secondary);font-size:14px;font-weight:700}.vocab-translation{color:var(--color-black);font-size:13px;margin-top:4px;opacity:.8}.book-cover{background:green}.book-cover-vol{font-size:20px}.book-select-desc{color:var(--color-black);opacity:.7}.book-select-stats{color:var(--color-black);opacity:.5}.lesson-select-translation{color:var(--color-black);opacity:.7}.lesson-select-meta{color:var(--color-black);opacity:.5}.lesson-progress-card{background-color:var(--color-white);margin-bottom:25px;margin-top:20px;padding:20px 25px}.lesson-progress-header{align-items:center;display:flex;font-size:13px;font-weight:800;justify-content:space-between;margin-bottom:12px}.progress-track{background-color:var(--bg-primary);border:var(--border-medium);border-radius:9px;height:18px;overflow:hidden;position:relative}.progress-fill{background-color:var(--color-secondary);border-right:var(--border-medium);height:100%;transition:width .3s ease}.mode-selector-panel{margin-bottom:25px;margin-top:25px}.mode-selector-title{font-size:15px;font-weight:800;margin-bottom:12px}.modes-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr)}.mode-card{background-color:var(--color-white);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 15px;transition:all .2s ease}.mode-card-title{align-items:center;display:flex;font-size:13px;font-weight:800;gap:6px}.mode-card-status{border:1px solid var(--color-black);border-radius:4px;color:var(--color-black);font-size:9px;font-weight:700;opacity:.5;padding:1px 4px;width:-webkit-fit-content;width:fit-content}.mode-card.active-flashcard{background-color:#e3f2fd!important;border-color:var(--color-blue)!important;transform:translateY(-2px)}.mode-card.active-quiz{background-color:#e8f5e9!important;border-color:var(--color-secondary)!important;transform:translateY(-2px)}.mode-card.active-typing{background-color:#fff3e0!important;border-color:var(--color-accent)!important;transform:translateY(-2px)}.mode-card.active-reading{background-color:#e0f7fa!important;border-color:#26c6da!important;transform:translateY(-2px)}.mode-card.active-dictation{background-color:#fffde7!important;border-color:var(--color-yellow)!important;transform:translateY(-2px)}.mode-card.active-dictation,.mode-card.active-flashcard,.mode-card.active-quiz,.mode-card.active-reading,.mode-card.active-typing{color:#1a1a1a!important}.mode-card.active-dictation .mode-card-status,.mode-card.active-flashcard .mode-card-status,.mode-card.active-quiz .mode-card-status,.mode-card.active-reading .mode-card-status,.mode-card.active-typing .mode-card-status{border-color:#999!important;color:#555!important;opacity:1!important}.learning-workspace{margin-bottom:25px;margin-top:20px}.workspace-card{align-items:center;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:30px;position:relative;text-align:center;transition:transform .2s ease,background-color .2s ease;width:100%}.flashcard-container{cursor:pointer;height:280px;margin-bottom:25px;perspective:1200px;width:100%}.flashcard-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;position:absolute;width:100%}.flashcard-front{background-color:var(--color-secondary-light);color:var(--color-black);transform:rotateY(0deg)}.flashcard-back{background-color:var(--color-accent-light);color:var(--color-black);transform:rotateY(180deg)}.workspace-card.quiz-green{background-color:var(--color-secondary-light);color:var(--color-black)}.workspace-card.typing-orange{background-color:var(--color-accent-light);color:var(--color-black)}.workspace-card.reading-blue{background-color:var(--color-blue-light);color:var(--color-black)}.workspace-card.dictation-yellow{background-color:var(--color-yellow-light);color:var(--color-black)}.flashcard-word{font-size:36px;font-weight:800;margin-bottom:8px}.flashcard-pinyin{color:var(--color-black);font-family:Itim,cursive;font-size:18px;margin-bottom:12px;opacity:.8}.flashcard-trans{color:var(--color-black);font-size:24px;font-weight:800}.flashcard-hint{bottom:15px;color:var(--color-black);font-size:11px;opacity:.5;position:absolute}.learning-actions-row{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px;margin-top:20px}.hotkey-guide-text{color:var(--color-black);font-size:11px;font-weight:700;margin-bottom:20px;opacity:.5;text-align:center}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px;width:100%}.option-btn{align-items:center;background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);color:var(--color-black);cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:10px;padding:16px 20px;text-align:left;transition:all .2s ease}.option-btn:hover{background-color:var(--bg-primary);transform:translateY(-1px)}.option-btn.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.option-btn.incorrect{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.option-idx{align-items:center;background-color:var(--color-white);border:1px solid var(--color-black);border-radius:4px;color:var(--color-black);display:flex;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.typing-control-box{display:flex;flex-direction:column;gap:10px;margin:20px auto 0;max-width:500px;width:100%}.typing-text-input{background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);color:var(--color-black);font-size:16px;font-weight:700;outline:none;padding:12px 15px;width:100%}.typing-check-btn{font-weight:800;padding:12px;width:100%}.typing-feedback{font-size:14px;font-weight:800;margin-top:10px}.typing-feedback.success{color:var(--color-secondary)}.typing-feedback.error{color:var(--color-primary)}.dictation-speaker-btn{align-items:center;background-color:var(--color-white);border:var(--border-medium);border-radius:50%;box-shadow:var(--shadow-thin);cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:15px;width:60px}.dictation-speaker-btn:active{transform:scale(.95)}@media (max-width:900px){.books-grid,.lessons-grid{grid-template-columns:1fr}.modes-grid{grid-template-columns:repeat(3,1fr)}.options-grid{grid-template-columns:1fr}}@media (max-width:600px){.vocab-list{grid-template-columns:1fr}.modes-grid{grid-template-columns:repeat(2,1fr)}}.vocab-translation-en{font-size:12px;margin-top:2px;opacity:.6}.flashcard-english,.vocab-translation-en{color:var(--color-black);font-style:italic}.flashcard-english{font-size:16px;font-weight:400;margin-top:8px;opacity:.7}.neo-btn-group .neo-btn.active{background-color:var(--color-primary)!important;border-color:var(--color-black)!important;box-shadow:var(--shadow-thin)!important;color:#fff!important;transform:translate(-1px,-1px)}.neo-btn-group .neo-btn:focus{outline:none!important}@keyframes slideInRight{0%{opacity:0;transform:translateX(80px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}.flashcard-container.slide-next{animation:slideInRight .28s cubic-bezier(.25,1,.5,1) forwards}.flashcard-container.slide-prev{animation:slideInLeft .28s cubic-bezier(.25,1,.5,1) forwards}.mode-card.active-conversation{background-color:#f3e5f5!important;border-color:#ba68c8!important;color:#1a1a1a!important;transform:translateY(-2px)}.mode-card.active-conversation .mode-card-status{border-color:#999!important;color:#555!important;opacity:1!important}.dialogue-layout-grid{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr;margin-top:15px}.dialogue-chat-container{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto;padding:20px}.dialogue-header-title{border-bottom:2px dashed #ddd;color:#666;font-family:var(--font-kaiti);font-size:14px;font-weight:800;padding-bottom:10px;text-align:center}.dialogue-chat-list{display:flex;flex-direction:column;gap:20px}.dialogue-row{align-items:flex-start;display:flex;gap:12px;max-width:85%}.dialogue-avatar{align-items:center;border:var(--border-medium);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:900;height:36px;justify-content:center;text-shadow:1px 1px 0 #0003;width:36px}.dialogue-bubble{background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);cursor:pointer;padding:12px 18px;position:relative;transition:all .2s ease}.dialogue-bubble:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.dialogue-bubble.highlighted{animation:pulse-border 1.5s infinite;background-color:var(--color-primary-light)!important;border-color:var(--color-primary)!important;box-shadow:var(--shadow-thick)!important}@keyframes pulse-border{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.bubble-left{background-color:var(--bg-primary);border-top-left-radius:0}.bubble-right{background-color:var(--color-blue-light);border-top-right-radius:0}.dialogue-speaker-name{font-size:11px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.dialogue-text-cn{align-items:center;color:var(--color-black);display:flex;font-family:var(--font-kaiti);font-size:17px;font-weight:800;gap:15px;justify-content:space-between}.dialogue-inline-play{font-size:13px;margin-left:8px;opacity:.6;transition:opacity .2s}.dialogue-bubble:hover .dialogue-inline-play{opacity:1}.dialogue-text-pinyin{color:var(--color-secondary);font-size:13px;font-weight:700;line-height:1.3;margin-top:4px}.dialogue-text-vn{border-top:1px solid #00000014;color:#333;font-size:13px;font-weight:600;margin-top:5px;opacity:.9;padding-top:4px}.dialogue-graphic-panel{align-items:center;background-color:var(--color-white);display:flex;flex-direction:column;gap:15px;padding:20px}.dialogue-illustration-img{border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-medium);height:auto;max-width:420px;width:100%}.dialogue-caption-card{background-color:var(--color-yellow-light);border:var(--border-medium);border-radius:var(--radius-sm);color:var(--color-black);font-size:12px;font-weight:600;line-height:1.5;opacity:.8;padding:10px 14px;width:100%}.page-title-banner{align-items:center;background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);display:flex;justify-content:space-between;margin-bottom:30px;padding:24px 30px}.page-title-banner h2{font-size:26px}.book-cover-img{border-radius:10px!important;height:130px;width:90px}.page-title-banner p{color:#666;font-weight:500;margin-top:4px}.books-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:20px}.book-select-card{align-items:center;background-color:var(--color-white);cursor:pointer;display:flex;gap:20px;padding:20px}.book-cover{border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);color:var(--color-white);display:flex;flex-direction:column;flex-shrink:0;height:130px;justify-content:space-between;overflow:hidden;padding:12px 8px;position:relative;width:90px}.book-cover:after{background:linear-gradient(135deg,#ffffff26,#fff0 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.book-cover-title-traditional{font-size:11px;letter-spacing:2px;line-height:1.1;margin:0 auto;text-align:center;text-orientation:upright;writing-mode:vertical-rl}.book-cover-title-traditional,.book-cover-vol{font-family:Itim,cursive;font-weight:800;text-shadow:1px 1px 0 #0003}.book-cover-vol{font-size:26px;line-height:1;text-align:right}.book-select-info{display:flex;flex-direction:column;flex-grow:1;gap:5px}.book-select-title{font-size:18px;font-weight:800}.book-select-level{color:var(--color-primary);font-size:13px;font-weight:700}.book-select-desc{color:#666;font-size:12px;line-height:1.4}.book-select-stats{align-items:center;color:#888;display:flex;font-size:11px;font-weight:700;gap:15px;margin-top:5px}.book-select-stats span{align-items:center;display:flex;gap:4px}.back-btn-container{margin-bottom:25px}.lessons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}.lesson-select-card{align-items:center;background-color:var(--color-white);cursor:pointer;display:flex;gap:15px;padding:20px}.lesson-number-box{align-items:center;background-color:var(--color-blue);border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);color:var(--color-white);display:flex;flex-shrink:0;font-family:Itim,cursive;font-size:18px;font-weight:800;height:45px;justify-content:center;width:45px}.lesson-select-info{display:flex;flex-direction:column;flex-grow:1;gap:4px}.lesson-select-title{font-size:16px;font-weight:800}.lesson-select-translation{color:#666;font-size:12px;font-weight:500}.lesson-select-meta{align-items:center;color:#888;display:flex;font-size:11px;font-weight:700;gap:10px}.premium-badge{align-items:center;background-color:var(--color-yellow);border:var(--border-medium);border-radius:4px;color:var(--color-black);display:inline-flex;font-size:9px;font-weight:800;gap:3px;padding:2px 6px}.grammar-container{display:flex;flex-direction:column;gap:20px}.grammar-card{padding:24px}.grammar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.grammar-structure{color:var(--color-primary);font-family:Itim,cursive;font-size:18px;font-weight:800}.grammar-title{font-size:16px;margin-bottom:10px}.grammar-desc{color:#555;font-size:13px;line-height:1.5;margin-bottom:15px}.grammar-example-box{background-color:#fcfcfc;border-left:4px solid var(--color-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px 16px}.grammar-ex-cn{font-size:15px;font-weight:700;margin-bottom:4px}.grammar-ex-vn{color:#666;font-size:13px}.grammar-detail-header-row{align-items:center;display:flex;gap:15px;margin-bottom:20px}.grammar-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px;margin-top:15px}.grammar-info-card{background:#fff;border:3px solid #000;border-radius:var(--radius-md);box-shadow:6px 6px 0 #000;padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.grammar-info-card:hover{box-shadow:8px 8px 0 #000;transform:translate(-2px,-2px)}.grammar-info-card .card-badge{align-items:center;border:2px solid #000;border-radius:4px;display:inline-flex;font-size:13px;font-weight:800;gap:6px;margin-bottom:12px;padding:4px 10px}.grammar-info-card .card-content{color:#333;font-size:14px;font-weight:700;line-height:1.6}.grammar-example-item{align-items:center;background:#fff;border:3px solid #000;border-radius:var(--radius-sm);box-shadow:5px 5px 0 #000;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.grammar-example-text{flex:1 1}.grammar-example-cn{font-size:18px;font-weight:800;margin-bottom:5px}.grammar-example-vn{color:#666;font-size:14px;font-weight:600}.grammar-audio-btn{align-items:center;background:#f0f0f0;border:2px solid #000;border-radius:50%;box-shadow:2px 2px 0 #000;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .1s;width:40px}.grammar-audio-btn:active{box-shadow:1px 1px 0 #000;transform:translate(1px,1px)}.grammar-exercise-item{background:#fff;border:3px solid #000;border-radius:var(--radius-md);box-shadow:6px 6px 0 #000;margin-bottom:20px;padding:20px}.grammar-exercise-qn{font-size:16px;font-weight:800;margin-bottom:10px}.grammar-exercise-input-row{display:flex;flex-direction:column;gap:12px;margin-top:15px}.grammar-exercise-textarea{border:3px solid #000;border-radius:var(--radius-sm);box-shadow:inset 2px 2px 0 #0000001a;font-family:inherit;font-size:14px;font-weight:700;outline:none;padding:10px 15px;width:100%}.grammar-exercise-actions{display:flex;gap:10px}.grammar-exercise-feedback{background:#f9f9f9;border:2px dashed #000;border-radius:var(--radius-sm);font-size:13px;line-height:1.5;margin-top:15px;padding:12px 15px}@media (max-width:900px){.books-grid,.lessons-grid{grid-template-columns:1fr}}@media (max-width:768px){.grammar-info-grid{grid-template-columns:1fr}}.exam-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.exam-card{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:25px}.exam-title{font-size:18px;margin-bottom:10px}.exam-details{display:flex;gap:15px;margin-bottom:20px}.exam-detail-item{align-items:center;color:#666;display:flex;font-size:12px;font-weight:600;gap:6px}@media (max-width:1200px){.exam-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.exam-grid{grid-template-columns:1fr}}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-row{align-items:center;display:flex;padding:15px 24px}.rank-number{font-family:Itim,cursive;font-size:20px;font-weight:800;text-align:center;width:40px}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}.leaderboard-user{align-items:center;display:flex;flex-grow:1;gap:15px}.leaderboard-score{font-family:Itim,cursive;font-size:16px;font-weight:800}.settings-grid-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width:900px){.settings-grid-layout{grid-template-columns:1fr}}.settings-section-card{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);display:flex;flex-direction:column;gap:20px;padding:25px}.settings-input-group{display:flex;flex-direction:column;gap:8px}.settings-label{color:var(--color-black);font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.settings-input{background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);font-family:inherit;font-size:14px;font-weight:700;outline:none;padding:12px 16px;transition:all .15s cubic-bezier(.175,.885,.32,1.275);width:100%}.settings-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-medium);transform:translate(-2px,-2px)}.settings-input:disabled{background-color:#f5f5f5;box-shadow:none;cursor:not-allowed}.settings-alert-success{background-color:var(--color-secondary-light);border:var(--border-medium);border-color:var(--color-secondary);border-radius:var(--radius-sm);color:#155724;font-size:13px;font-weight:700;padding:12px}.settings-alert-error{background-color:var(--color-primary-light);border:var(--border-medium);border-color:var(--color-primary);border-radius:var(--radius-sm);color:#721c24;font-size:13px;font-weight:700;padding:12px}.themes-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.theme-select-btn{align-items:center;background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:15px 12px;text-align:center;transition:all .15s cubic-bezier(.175,.885,.32,1.275)}.theme-select-btn:hover{box-shadow:var(--shadow-thin);transform:translate(-2px,-2px)}.theme-select-btn.active{background-color:var(--color-primary-light)!important;border-color:var(--color-primary)!important;box-shadow:var(--shadow-medium);transform:translate(-2px,-2px)}.theme-preview-dot{border:var(--border-medium);border-radius:50%;box-shadow:var(--shadow-thin);height:28px;overflow:hidden;position:relative;width:28px}.theme-select-name{color:var(--color-black);font-size:13px;font-weight:800}.theme-select-desc{color:#666;font-size:10px;font-weight:600}.streak-stats-card{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);margin-bottom:30px;padding:25px}.streak-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:15px}.streak-stat-box{align-items:center;background:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);display:flex;gap:16px;padding:18px 20px;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.streak-stat-box:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.streak-stat-box.highlight-record{background:linear-gradient(135deg,#fff9e6,#fff0b3);border-color:#f59e0b;box-shadow:4px 4px 0 #b45309}.streak-stat-box.highlight-streak{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#f97316;box-shadow:4px 4px 0 #c2410c}.streak-stat-icon{align-items:center;background-color:var(--color-white);border:var(--border-medium);border-radius:50%;box-shadow:2px 2px 0 var(--color-black);display:flex;flex-shrink:0;font-size:36px;height:52px;justify-content:center;line-height:1;width:52px}.streak-stat-info{display:flex;flex-direction:column}.streak-stat-label{color:#555;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.streak-stat-value{color:var(--color-black);font-size:26px;font-weight:900;line-height:1.2}.streak-stat-subtext{color:#666;font-size:11px;font-weight:700;margin-top:2px}.admin-container{display:flex;flex-direction:column;padding:5px}.admin-tabs{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.tab-btn{background-color:var(--color-white)!important;border:var(--border-thick)!important;border-radius:var(--radius-sm)!important;color:var(--color-black)!important;font-family:Itim,cursive;font-size:13px!important;padding:8px 16px!important;transition:all .1s ease!important}.tab-btn:hover{background-color:var(--color-primary-light)!important}.tab-btn.active,.tab-btn:hover{box-shadow:var(--shadow-medium)!important;transform:translate(-2px,-2px)}.tab-btn.active{background-color:var(--color-primary)!important;color:var(--color-white)!important}.tab-btn.active .tab-count-badge{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-primary)}.tab-count-badge{background-color:var(--color-primary-light);border:1px solid var(--color-black);border-radius:10px;color:var(--color-black);display:inline-block;font-size:10px;font-weight:800;margin-left:6px;padding:1px 6px}.admin-grid-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.5fr}@media (max-width:1000px){.admin-grid-layout{grid-template-columns:1fr}}.admin-form-card,.admin-list-card{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick)}.admin-form-card:hover,.admin-list-card:hover{box-shadow:var(--shadow-thick)!important;transform:none!important}.form-section-title{border-bottom:3px solid var(--color-black);font-size:18px;font-weight:900;margin-bottom:20px;padding-bottom:10px}.data-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;margin-top:10px;width:100%}.admin-table th{background-color:var(--color-yellow-light);font-family:Itim,cursive;font-size:12px;font-weight:900;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border:var(--border-medium);color:var(--color-black);padding:12px}.admin-table td{font-size:13px;font-weight:700;vertical-align:middle}.admin-table tbody tr:hover{background-color:var(--color-primary-light)}.empty-table-row{color:var(--color-black)!important;font-style:italic;opacity:.6;padding:30px!important;text-align:center}.level-code-badge{background-color:var(--color-secondary-light);border:1px solid var(--color-secondary);border-radius:var(--radius-sm);color:var(--color-secondary);display:inline-block;font-family:Itim,cursive;font-weight:800;padding:2px 8px}.delete-action-btn{background-color:var(--color-primary-light);border:var(--border-medium);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;padding:6px 12px;transition:all .1s ease}.delete-action-btn:hover{background-color:var(--color-primary);box-shadow:var(--shadow-thin);color:var(--color-white);transform:translate(-1px,-1px)}.delete-action-btn:active{box-shadow:none;transform:translate(1px,1px)}.edit-action-btn{background-color:var(--color-secondary-light);border:var(--border-medium);border-radius:var(--radius-sm);color:var(--color-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;padding:6px 12px;transition:all .1s ease}.edit-action-btn:hover{background-color:var(--color-secondary);box-shadow:var(--shadow-thin);color:var(--color-white);transform:translate(-1px,-1px)}.edit-action-btn:active{box-shadow:none;transform:translate(1px,1px)}.admin-access-denied{align-items:center;display:flex;justify-content:center;min-height:60vh}.admin-access-denied .error-card{background-color:var(--color-white);border:3px solid var(--color-primary)!important;box-shadow:6px 6px 0 var(--color-primary)!important}.form-section-title span:last-child{background-color:var(--color-primary-light)!important;border:1px solid var(--color-black)!important;color:var(--color-black)!important}.admin-form-card button.neo-btn,.admin-form-card button[style*="backgroundColor: #edf2f7"],.admin-form-card button[style*="backgroundColor: '#edf2f7'"]{background-color:var(--color-white)!important;border:var(--border-thick)!important;color:var(--color-black)!important}.admin-form-card button.neo-btn:hover{background-color:var(--color-primary-light)!important}.admin-table td div[style*="color: #666"],.admin-table td div[style*="color: '#666'"],.admin-table td span[style*="color: #666"],.admin-table td span[style*="color: '#666'"]{color:var(--color-black)!important;opacity:.6}.admin-table td span[style*="color: #aaa"],.admin-table td span[style*="color: '#aaa'"]{color:var(--color-black)!important;opacity:.5}.admin-form-card p[style*="color: #555"],.admin-form-card p[style*="color: '#555'"]{color:var(--color-black)!important;opacity:.7}.admin-form-card div[style*="border: '2px solid #000'"],.admin-form-card div[style*="border: 2px solid #000"],.admin-form-card img[style*="border: '2px solid #000'"],.admin-form-card img[style*="border: 2px solid #000"]{border:2px solid var(--color-black)!important}.admin-search-container{display:flex;gap:10px;margin-bottom:20px;width:100%}.admin-search-input{background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);color:var(--color-black);flex:1 1;font-family:inherit;font-size:13px;font-weight:700;outline:none;padding:10px 14px;transition:all .15s ease}.admin-search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-medium);transform:translate(-1px,-1px)}.admin-search-clear{background-color:var(--color-primary-light);border:var(--border-medium);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;padding:10px 16px;transition:all .1s ease}.admin-search-clear:hover{background-color:var(--color-primary);box-shadow:var(--shadow-thin);color:var(--color-white);transform:translate(-1px,-1px)}.admin-search-clear:active{box-shadow:none;transform:translate(1px,1px)}.radicals-page{padding-bottom:50px}.filter-container{border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick)}.filter-row{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.filter-row{gap:24px}}.search-box-wrapper{flex:1 1}.filter-label{color:var(--color-black);display:block;font-family:Itim,cursive;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.search-input{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);color:var(--color-black);font-size:14px;font-weight:700;outline:none;padding:12px 16px;transition:all .15s ease;width:100%}.search-input::placeholder{color:var(--color-black);opacity:.5}.search-input:focus{box-shadow:var(--shadow-medium);transform:translate(-1px,-1px)}.stroke-filter-wrapper{flex-shrink:0}.stroke-btn-group{display:flex;flex-wrap:wrap;gap:6px}.stroke-btn{background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);color:var(--color-black);cursor:pointer;font-size:13px;font-weight:700;padding:8px 12px;transition:all .15s ease}.stroke-btn:hover{background-color:var(--color-primary-light)}.stroke-btn.active,.stroke-btn:hover{box-shadow:var(--shadow-medium);transform:translate(-1px,-1px)}.stroke-btn.active{background-color:var(--color-primary);border-color:var(--color-black);color:#fff}.radicals-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.radical-card{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);color:var(--color-black);display:flex;flex-direction:column;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.radical-card:hover{box-shadow:var(--shadow-hover);transform:translate(-4px,-4px)}.radical-header{align-items:center;border-bottom:var(--border-medium);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.radical-glyph{color:var(--color-black);font-family:var(--font-kaiti);font-size:32px;font-weight:900}.stroke-badge{background-color:var(--color-yellow-light);border:var(--border-medium);color:var(--color-black);font-weight:800}.radical-pinyin{color:var(--color-primary);font-size:16px;font-weight:800;margin-bottom:4px}.radical-meaning{color:var(--color-black);font-size:20px;font-weight:900;margin-bottom:12px}.radical-desc{color:var(--color-black);font-size:13px;font-weight:600;line-height:1.5;margin-bottom:15px;opacity:.8}.radical-examples{background-color:var(--bg-primary);border:var(--border-medium);border-radius:var(--radius-sm);font-size:13px;padding:10px 12px}.radical-examples strong{color:var(--color-black);display:block;font-size:11px;font-weight:800;margin-bottom:4px;opacity:.6;text-transform:uppercase}.examples-list{color:var(--color-black);font-family:var(--font-kaiti);font-weight:700;letter-spacing:.5px}.my-vocab-page{padding-bottom:60px}.empty-vocab-card,.loading-card,.login-required-card{align-items:center;background-color:var(--color-white);color:var(--color-black);display:flex;flex-direction:column;gap:15px;justify-content:center;margin:30px 0;padding:40px;text-align:center}.empty-vocab-card h3,.login-required-card h3{font-size:22px;font-weight:800}.empty-vocab-card p,.login-required-card p{color:#666;font-size:15px;line-height:1.6;max-width:500px}.empty-icon,.login-icon-large{font-size:60px;margin-bottom:10px}.spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.lists-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.list-select-card{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:20px}.list-card-main{align-items:flex-start;display:flex;gap:15px}.folder-icon{font-size:32px}.list-info{display:flex;flex-direction:column;gap:4px}.list-name{color:var(--color-black);font-size:18px;font-weight:800;word-break:break-word}.list-date{color:#666;font-size:12px;font-weight:600}.list-card-footer{display:flex;gap:10px;margin-top:20px}.small-btn{border:var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);font-size:11px;padding:6px 12px}.back-btn-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.list-summary-card{background-color:var(--color-yellow-light);margin-bottom:25px;padding:20px}.summary-info h3{font-size:20px;font-weight:800;margin-bottom:5px}.summary-info p{color:#555;font-size:13px;font-weight:600}.my-vocab-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.my-vocab-card{background-color:var(--color-white);flex-direction:column;min-height:200px;padding:20px}.my-vocab-card,.vocab-card-header{display:flex;justify-content:space-between}.vocab-card-header{align-items:flex-start;border-bottom:2px solid var(--color-black);margin-bottom:15px;padding-bottom:12px}.word-pinyin{display:flex;flex-direction:column;gap:4px}.word-text{color:var(--color-black);font-family:var(--font-kaiti);font-size:26px;font-weight:800;-webkit-user-select:none;user-select:none}.word-pinyin-text{color:var(--color-primary);font-size:13px;font-weight:700}.vocab-card-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-sm);box-shadow:var(--shadow-thin);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .1s ease;width:32px}.icon-btn:hover{box-shadow:3px 3px 0 var(--color-black);transform:translate(-1px,-1px)}.icon-btn:active{box-shadow:1px 1px 0 var(--color-black);transform:translate(1px,1px)}.icon-btn.delete:hover{background-color:var(--color-primary-light)}.vocab-card-body{color:var(--color-black);font-size:14px}.word-meaning{font-size:16px;font-weight:700;margin-bottom:15px}.word-example-section{background-color:var(--bg-grid);border:2px solid var(--color-black);border-radius:var(--radius-sm);font-size:13px;padding:10px 12px}.example-title{color:#666;font-size:11px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.example-text{color:var(--color-black);font-family:var(--font-kaiti);font-weight:700}.example-meaning-text{color:#555;font-weight:600;margin-top:2px}.modal-overlay{align-items:center;background-color:#00000073;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-card{animation:modalEnter .2s cubic-bezier(.175,.885,.32,1.275);background-color:var(--color-white);box-shadow:8px 8px 0 var(--color-black);max-width:100%;padding:30px;position:relative;width:450px}.modal-card.item-modal{width:550px}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn{background:none;border:none;color:var(--color-black);cursor:pointer;font-size:20px;font-weight:700;position:absolute;right:15px;top:15px}.modal-card h3{font-size:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{color:var(--color-black);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.neo-input{background-color:#fff;border:2px solid var(--color-black);border-radius:var(--radius-sm);color:#000;font-size:14px;font-weight:700;outline:none;padding:10px 12px;transition:transform .1s ease,box-shadow .1s ease;width:100%}.neo-input:focus{box-shadow:3px 3px 0 var(--color-black);transform:translate(-1px,-1px)}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}body.theme-dark .empty-vocab-card p,body.theme-dark .example-meaning-text,body.theme-dark .example-title,body.theme-dark .list-date,body.theme-dark .login-required-card p,body.theme-dark .summary-info p{color:#bbb}body.theme-dark .neo-input{background-color:#262626;color:#fff}body.theme-dark .word-meaning{color:#fff}body.theme-cyber .empty-vocab-card p,body.theme-cyber .example-meaning-text,body.theme-cyber .example-title,body.theme-cyber .list-date,body.theme-cyber .login-required-card p,body.theme-cyber .summary-info p{color:#ddd}body.theme-cyber .neo-input{background-color:#2d1822;color:#fff}.writing-practice-container{display:flex;flex-direction:column;gap:25px}.writing-editor-card{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);padding:25px}@media (max-width:600px){.writing-editor-card{padding:16px}}.writing-sheet-selector-bar{align-items:center;border-bottom:2px dashed #ccc;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.writing-sheet-select-group{align-items:center;display:flex;flex:1 1;gap:10px;min-width:260px}.writing-sheet-actions{display:flex;gap:10px}@media (max-width:640px){.writing-sheet-select-group{align-items:stretch;flex-direction:column;width:100%}.writing-sheet-actions{justify-content:space-between;width:100%}.writing-sheet-actions button{flex:1 1}}.writing-form-grid{grid-gap:15px;align-items:flex-end;display:grid;gap:15px;grid-template-columns:1fr 1fr 1.5fr auto;margin-top:15px}@media (max-width:900px){.writing-form-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.writing-form-grid{grid-template-columns:1fr}.writing-form-grid button{width:100%}}.writing-table-card{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);padding:20px}@media (max-width:600px){.writing-table-card{padding:16px}}.writing-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}@media (max-width:600px){.writing-card-header{align-items:stretch;flex-direction:column}.writing-card-header button{width:100%}}.writing-table-wrapper{-webkit-overflow-scrolling:touch;margin-top:15px;overflow-x:auto;width:100%}.writing-vocab-table{border-collapse:collapse;min-width:520px;width:100%}.writing-vocab-table td,.writing-vocab-table th{border:var(--border-thin);padding:12px 16px;text-align:left}.writing-vocab-table th{background-color:#f7fafc;font-size:12px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.writing-vocab-table td{font-size:14px;font-weight:700}.writing-vocab-char{color:var(--color-black);font-size:20px;font-weight:900}.writing-sheet-control-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}@media (max-width:600px){.writing-sheet-control-bar{align-items:stretch;flex-direction:column;gap:10px}.writing-sheet-control-bar button{width:100%}}.writing-paper-document{background-color:#fff;border:2px solid #111;border-radius:4px;box-shadow:0 10px 25px #00000026;box-sizing:border-box;color:#111;font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:820px;padding:40px 45px}@media (max-width:768px){.writing-paper-document{border:1.5px solid #333;box-shadow:0 4px 12px #00000014;padding:20px 14px}}.writing-paper-header{border-bottom:2.5px solid #111;margin-bottom:25px;padding-bottom:15px}.writing-paper-title{color:#111;font-size:28px;font-weight:900;letter-spacing:-.5px;margin:0 0 4px}@media (max-width:600px){.writing-paper-title{font-size:22px}}.writing-paper-domain{color:#666;font-size:13px;font-weight:700;margin:0}.writing-item-block{margin-bottom:28px;page-break-inside:avoid}.writing-item-vocab-line{align-items:baseline;color:#111;display:flex;font-size:20px;font-weight:900;gap:8px;margin-bottom:3px}@media (max-width:600px){.writing-item-vocab-line{font-size:17px}}.writing-item-pinyin{color:#555;font-size:14px;font-weight:600}.writing-item-meaning{color:#444;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.tianzige-row{display:grid;grid-template-columns:repeat(12,1fr)}.tianzige-box,.tianzige-row{box-sizing:border-box;width:100%}.tianzige-box{align-items:center;aspect-ratio:1/1;background-color:#fff;border:1.5px solid #222;display:flex;justify-content:center;margin-bottom:-1.5px;margin-right:-1.5px;position:relative}.tianzige-box:before{border-left:1px dashed silver;bottom:0;left:50%;top:0;transform:translateX(-50%)}.tianzige-box:after,.tianzige-box:before{content:"";pointer-events:none;position:absolute}.tianzige-box:after{border-top:1px dashed silver;left:0;right:0;top:50%;transform:translateY(-50%)}.tianzige-char{color:#ccc;font-family:var(--font-kaiti);font-size:min(34px,5.2vw);line-height:1;-webkit-user-select:none;user-select:none;z-index:1}@media print{body{background:#fff!important;margin:0!important;padding:0!important}.back-btn-container,.contact-fab-trigger,.contact-fab-wrapper,.main-panel>header,.neo-btn-group,.page-title-banner,.sidebar-container,.writing-sheet-control-bar{display:none!important}.main-panel,.writing-paper-document{margin:0!important;padding:0!important;width:100%!important}.writing-paper-document{border:none!important;box-shadow:none!important;max-width:100%!important}.tianzige-box{border-color:#000!important}.tianzige-box,.tianzige-box:after,.tianzige-box:before{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.tianzige-box:after,.tianzige-box:before{border-color:#bbb!important}.tianzige-char{color:silver!important;font-size:34px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.roleplay-page{margin:0 auto;max-width:1200px;padding-bottom:40px;width:100%}.roleplay-setup-container{display:flex;flex-direction:column;gap:25px}.roleplay-banner-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);color:var(--color-white);overflow:hidden;padding:30px;position:relative}.roleplay-badge-row{margin-bottom:12px}.roleplay-badge-new{background-color:#000;border-radius:20px;color:#38ef7d;font-size:11px;font-weight:900;letter-spacing:.5px;padding:4px 10px}.roleplay-banner-title{color:var(--color-white);font-size:28px;font-weight:900;margin-bottom:8px}.roleplay-banner-subtitle{font-size:15px;font-weight:600;line-height:1.5;margin:0;opacity:.95}.roleplay-form-card{background-color:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-thick);display:flex;flex-direction:column;gap:22px;padding:30px}.field-label-bold{color:var(--color-black);display:block;font-size:14px;font-weight:800;margin-bottom:8px}.label-hint{color:var(--color-black);font-size:12px;font-weight:600;opacity:.6}.required-star{color:var(--color-primary);font-weight:900}.quick-suggestions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.suggestion-pill-btn{align-items:center;background-color:var(--color-white);border:var(--border-medium);border-radius:10px;box-shadow:var(--shadow-medium);color:var(--color-black);cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:8px;padding:10px 14px;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.suggestion-pill-btn:hover{background-color:var(--bg-primary);box-shadow:var(--shadow-thick);transform:translateY(-2px)}.roleplay-input{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-sm);color:var(--color-black);font-size:15px;font-weight:700;padding:12px 16px;width:100%}.level-options-group{display:flex;flex-wrap:wrap;gap:15px}.level-select-btn{align-items:center;background-color:var(--color-white);border:var(--border-thick);border-radius:12px;box-shadow:var(--shadow-medium);color:var(--color-black);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-width:130px;padding:12px;transition:all .15s ease}.level-btn-badge{background-color:var(--color-primary-light);border:1.5px solid var(--color-black);border-radius:6px;color:var(--color-primary);font-size:12px;font-weight:900;padding:2px 6px}.level-select-btn.active{background-color:var(--color-primary);border-color:var(--color-black);box-shadow:var(--shadow-thick);color:var(--color-white)}.level-select-btn.active .level-btn-badge{background-color:var(--color-white);color:var(--color-primary)}.start-roleplay-btn{background-color:var(--color-primary)!important;border-radius:12px;color:var(--color-white)!important;font-size:16px;font-weight:900;margin-top:10px;padding:16px;width:100%}.form-footer-tip{color:var(--color-black);font-size:12px;font-weight:700;margin:0;opacity:.6;text-align:center}.roleplay-chat-layout{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr 300px}@media (max-width:900px){.roleplay-chat-layout{grid-template-columns:1fr}}.roleplay-chat-box{background-color:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-thick);display:flex;flex-direction:column;height:700px;overflow:hidden;padding:0}.chat-box-header{align-items:center;background-color:var(--bg-primary);border-bottom:var(--border-thick);display:flex;justify-content:space-between;padding:16px 20px}.chat-partner-info{align-items:center;display:flex;gap:12px}.partner-avatar{align-items:center;background-color:var(--color-yellow-light);border:2px solid var(--color-black);border-radius:50%;display:flex;font-size:26px;height:44px;justify-content:center;width:44px}.partner-name{font-size:16px;font-weight:900;margin:0 0 2px}.partner-status{color:var(--color-black);font-size:12px;font-weight:700;opacity:.6}.end-chat-btn{background-color:var(--color-white);color:var(--color-black);font-size:13px;font-weight:800;padding:8px 16px}.chat-messages-body{background-color:var(--bg-grid);display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.chat-msg-row{display:flex;width:100%}.chat-msg-row.ai-row{justify-content:flex-start}.chat-msg-row.user-row{justify-content:flex-end}.ai-msg-container{display:flex;gap:12px;max-width:85%}.ai-avatar{align-items:center;background-color:var(--color-yellow-light);border:2px solid var(--color-black);border-radius:50%;display:flex;flex-shrink:0;font-size:22px;height:38px;justify-content:center;width:38px}.ai-bubble-wrapper{display:flex;flex-direction:column;gap:8px}.grammar-correction-alert{align-items:flex-start;background-color:#fef2f2;border:2px solid #ef4444;border-radius:10px;color:#991b1b;display:flex;font-size:13px;gap:10px;padding:10px 14px}.correction-icon{font-size:16px}.ai-msg-bubble{background-color:var(--color-white);border:var(--border-thick);border-radius:16px;border-top-left-radius:4px;color:var(--color-black);padding:16px 20px}.ai-chinese-text{color:var(--color-black);font-family:var(--font-kaiti);font-size:22px;font-weight:800;line-height:1.4;margin:0 0 8px}.ai-pinyin-text{color:var(--color-black);font-size:13px;font-style:italic;font-weight:700;margin-bottom:12px;opacity:.7}.ai-bubble-actions{align-items:center;display:flex;gap:10px}.translation-toggle-btn{background-color:var(--bg-primary);color:var(--color-black);font-size:12px;font-weight:800;padding:6px 12px}.ai-vietnamese-translation{border-top:1.5px dashed var(--color-black);color:var(--color-black);font-size:13px;font-weight:700;margin-top:10px;opacity:.85;padding-top:10px}.user-msg-bubble{background-color:var(--color-primary);border:var(--border-thick);border-radius:16px;border-top-right-radius:4px;box-shadow:var(--shadow-medium);color:var(--color-white);max-width:75%;padding:14px 18px}.user-text-content{color:var(--color-white);font-size:15px;font-weight:800;line-height:1.4;margin:0;word-break:break-word}.loading-bubble{background-color:var(--color-white);padding:12px 18px}.typing-indicator{color:var(--color-black);font-size:13px;font-weight:800;opacity:.6}.suggested-responses-container{background-color:var(--bg-primary);border-top:var(--border-medium);display:flex;flex-direction:column;gap:8px;padding:10px 16px}.suggested-label{color:var(--color-black);font-size:12px;font-weight:800;opacity:.7}.suggested-pills-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.suggested-pill{background-color:var(--color-white);border:1.5px solid var(--color-black);border-radius:20px;box-shadow:2px 2px 0 var(--color-black);color:var(--color-black);cursor:pointer;font-family:var(--font-kaiti);font-size:14px;font-weight:800;padding:6px 14px;transition:transform .1s ease;white-space:nowrap}.suggested-pill:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}.chat-input-area{align-items:center;border-top:var(--border-thick);display:flex;gap:12px;padding:16px}.chat-input-area,.voice-mic-btn{background-color:var(--color-white)}.voice-mic-btn{color:var(--color-black);flex-shrink:0;font-size:18px;padding:10px 14px}.voice-mic-btn.recording{animation:pulseMic 1s infinite alternate;background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}@keyframes pulseMic{0%{transform:scale(1)}to{transform:scale(1.08)}}.chat-text-input{background-color:var(--color-white);border:var(--border-thick);border-radius:12px;color:var(--color-black);flex:1 1;font-size:14px;font-weight:700;padding:12px 16px}.send-msg-btn{background-color:var(--color-primary)!important;color:var(--color-white)!important;flex-shrink:0;font-size:18px;padding:10px 18px}.roleplay-sidebar-panel{display:flex;flex-direction:column;gap:20px}.sidebar-widget-card{background-color:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-thick);color:var(--color-black);padding:20px}.widget-title{align-items:center;border-bottom:2px solid var(--color-black);color:var(--color-black);display:flex;font-size:13px;font-weight:900;justify-content:space-between;letter-spacing:.5px;margin:0 0 14px;opacity:.7;padding-bottom:8px}.topic-summary-box{align-items:center;background-color:var(--bg-primary);border:1.5px solid var(--color-black);border-radius:10px;display:flex;gap:10px;padding:12px}.topic-summary-icon{font-size:22px}.topic-summary-text{color:var(--color-black);font-size:14px;font-weight:800}.toggles-list{display:flex;flex-direction:column;gap:14px}.toggle-row{align-items:center;color:var(--color-black);display:flex;font-size:13.5px;font-weight:800;justify-content:space-between}.neo-switch{display:inline-block;height:24px;position:relative;width:44px}.neo-switch input{height:0;opacity:0;width:0}.switch-slider{background-color:var(--bg-primary);border:2px solid var(--color-black);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.switch-slider:before{background-color:var(--color-white);border:1.5px solid var(--color-black);border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.2s;width:14px}input:checked+.switch-slider{background-color:var(--color-primary)}input:checked+.switch-slider:before{transform:translateX(20px)}.vocab-count-badge{background-color:var(--color-primary);border-radius:10px;color:var(--color-white);font-size:11px;padding:2px 7px}.empty-vocab-desc{color:var(--color-black);font-size:13px;font-weight:700;margin:0;opacity:.5}.accumulated-vocab-list{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.vocab-mini-item{background-color:var(--bg-primary);border:1.5px solid var(--color-black);border-radius:8px;padding:8px 12px}.vocab-mini-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.vocab-mini-word{color:var(--color-black);font-family:var(--font-kaiti);font-size:16px;font-weight:900}.vocab-mini-pinyin{opacity:.7}.vocab-mini-meaning,.vocab-mini-pinyin{color:var(--color-black);font-size:12px;font-weight:700}.shadowing-dev-container{align-items:center;background:#f7fafc;background:var(--bg-primary,#f7fafc);display:flex;font-family:Itim,cursive,sans-serif;justify-content:center;min-height:calc(100vh - 120px);padding:20px;transition:background .3s ease}.shadowing-glass-card{background:#fff;background:var(--color-white,#fff);border:3px solid #000;border:3px solid var(--color-black,#000);border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:8px 8px 0 #000;box-shadow:8px 8px 0 var(--color-black,#000);max-width:600px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:100%}.shadowing-glass-card:hover{box-shadow:10px 10px 0 #000;box-shadow:10px 10px 0 var(--color-black,#000);transform:translate(-2px,-2px)}.shadowing-icon-wrapper{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 25px;position:relative;width:100px}.shadowing-main-icon{font-size:55px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:2}.shadowing-glass-card:hover .shadowing-main-icon{transform:scale(1.15) rotate(-5deg)}.shadowing-pulse-ring{animation:shadowing-pulse 2s ease-out infinite;background:#e0f2fe;background:var(--color-primary-light,#e0f2fe);border:2px solid #3b82f6;border:2px solid var(--color-primary,#3b82f6);border-radius:50%;height:80px;opacity:.8;position:absolute;width:80px;z-index:1}.shadowing-pulse-ring.delay-1{animation-delay:.75s}@keyframes shadowing-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.shadowing-title{font-size:32px;font-weight:900;margin:0 0 10px}.shadowing-subtitle,.shadowing-title{color:#000;color:var(--color-black,#000)}.shadowing-subtitle{font-size:16px;font-weight:700;margin:0 0 25px;opacity:.7}.shadowing-badge{background-color:#ffc107;background-color:var(--color-accent,#ffc107);border:2px solid #000;border:2px solid var(--color-black,#000);border-radius:20px;box-shadow:2px 2px 0 #000;box-shadow:2px 2px 0 var(--color-black,#000);display:inline-block;font-size:13px;font-weight:800;letter-spacing:.5px;padding:6px 16px}.shadowing-badge,.shadowing-details{color:#000;color:var(--color-black,#000);margin-bottom:30px}.shadowing-details{background:#f0fdf4;background:var(--color-primary-light,#f0fdf4);border:2.5px solid #000;border:2.5px solid var(--color-black,#000);border-radius:8px;border-radius:var(--radius-sm,8px);font-size:14px;line-height:1.6;padding:20px;text-align:left}.shadowing-details p{font-weight:700;margin:0 0 15px}.shadowing-features-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.shadowing-features-list li{padding-left:5px;position:relative}.app-container{display:flex;min-height:100vh}.app-container,.main-panel{background-color:var(--bg-primary);position:relative}.main-panel{background-image:linear-gradient(var(--grid-line) 1.5px,#0000 1.5px),linear-gradient(90deg,var(--grid-line) 1.5px,#0000 1.5px);background-size:40px 40px;flex-grow:1;height:100vh;overflow-y:auto;padding:40px}.quiz-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a1a1a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quiz-modal{background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-thick);max-width:90%;padding:35px;position:relative;width:600px}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.quiz-close-btn{background:none;border:none;color:var(--color-black);cursor:pointer;font-size:28px;font-weight:800}.quiz-question{font-size:18px;font-weight:800;margin-bottom:20px}.quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.quiz-option-btn{background-color:var(--color-white);border:var(--border-medium);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:700;padding:14px 20px;text-align:left;transition:all .1s ease}.quiz-option-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-black)}.quiz-option-btn.selected{background-color:var(--color-primary);border-color:var(--color-black);color:var(--color-white)}.quiz-result-success{color:var(--color-secondary)}.quiz-result-error,.quiz-result-success{font-size:16px;font-weight:800;margin-bottom:15px}.quiz-result-error{color:var(--color-primary)}.audio-play-btn{align-items:center;background-color:var(--color-white);border:var(--border-medium);border-radius:50%;box-shadow:var(--shadow-thin);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.audio-play-btn:hover{background-color:var(--color-primary-light)}@media (max-width:900px){.app-container{flex-direction:column}.main-panel{height:auto;padding:80px 20px 20px}}.contact-fab-wrapper{bottom:30px;position:fixed;right:30px;z-index:9999}.contact-fab-trigger{align-items:center;background-color:var(--color-primary);border:3.5px solid #000;border-radius:10%;box-shadow:4px 4px 0 #000;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;height:40px;justify-content:center;outline:none;position:relative;transition:all .25s cubic-bezier(.175,.885,.32,1.275);width:100px;z-index:10}.contact-fab-trigger:hover{box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.contact-fab-trigger:active{box-shadow:2px 2px 0 #000;transform:translate(2px,2px)}.contact-fab-trigger.active{background-color:#000;color:#fff}.social-arc-item{align-items:center;border:3.5px solid #000;border-radius:50%;box-shadow:0 0 0 #000;color:#fff;display:flex;height:48px;justify-content:center;left:4px;opacity:0;pointer-events:none;position:absolute;text-decoration:none;top:4px;transform:scale(.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:48px;z-index:5}.social-arc-item.facebook{background-color:#1877f2;transition-delay:.1s}.social-arc-item.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);transition-delay:.05s}.social-arc-item.line{background-color:#06c755;transition-delay:0s}.contact-fab-socials.open .social-arc-item{box-shadow:3px 3px 0 #000;opacity:1;pointer-events:auto;transform:scale(1)}.contact-fab-socials.open .social-arc-item.facebook{left:-70px;top:4px}.contact-fab-socials.open .social-arc-item.instagram{left:-48px;top:-48px}.contact-fab-socials.open .social-arc-item.line{left:4px;top:-70px}.social-arc-item:hover{box-shadow:5px 5px 0 #000!important;transform:scale(1.15)!important}:root{--toast-color-success:#2a9d8f;--toast-color-success-light:#e6f6f4;--toast-color-error:#e55b44;--toast-color-error-light:#ffedea;--toast-color-warning:#f4a261;--toast-color-warning-light:#fef4ec;--toast-color-info:#3d84b8;--toast-color-info-light:#ebf3f9}body.theme-dark{--toast-color-success:#2a9d8f;--toast-color-success-light:#123330;--toast-color-error:#e55b44;--toast-color-error-light:#3f221e;--toast-color-warning:#f4a261;--toast-color-warning-light:#3e2e21;--toast-color-info:#3d84b8;--toast-color-info-light:#1c2d3a}body.theme-cyber{--toast-color-success:#06b6d4;--toast-color-success-light:#07343e;--toast-color-error:#f43f5e;--toast-color-error-light:#3c1420;--toast-color-warning:#facc15;--toast-color-warning-light:#3e380e;--toast-color-info:#3b82f6;--toast-color-info-light:#0e203e}#neo-toast-container{display:flex;flex-direction:column;gap:16px;max-width:420px;pointer-events:none;position:fixed;right:24px;top:24px;width:calc(100vw - 48px);z-index:999999}.neo-toast{animation:neoToastSlideIn .35s cubic-bezier(.175,.885,.32,1.25) forwards;background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-thick);color:var(--color-black);overflow:hidden;pointer-events:auto;position:relative;transition:transform .2s ease,box-shadow .2s ease}.neo-toast-error{background-color:#ffedea;background-color:var(--toast-color-error-light)}.neo-toast-warning{background-color:#fef4ec;background-color:var(--toast-color-warning-light)}.neo-toast-success{background-color:#e6f6f4;background-color:var(--toast-color-success-light)}.neo-toast-info{background-color:#ebf3f9;background-color:var(--toast-color-info-light)}.neo-toast:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.neo-toast-main{align-items:stretch;display:flex;min-height:80px}.neo-toast-icon-wrapper{align-items:center;border-right:var(--border-medium);display:flex;justify-content:center;min-width:60px;padding:0 16px}.neo-toast-error .neo-toast-icon-wrapper{background-color:#e55b44;background-color:var(--toast-color-error);color:#fff}.neo-toast-warning .neo-toast-icon-wrapper{background-color:#f4a261;background-color:var(--toast-color-warning);color:var(--color-black)}.neo-toast-success .neo-toast-icon-wrapper{background-color:#2a9d8f;background-color:var(--toast-color-success);color:#fff}.neo-toast-info .neo-toast-icon-wrapper{background-color:#3d84b8;background-color:var(--toast-color-info);color:#fff}.neo-toast-icon{animation:neoToastHeartbeat 1.5s ease infinite;display:block}.neo-toast-content{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:14px 16px}.neo-toast-title{font-family:Itim,cursive;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.neo-toast-error .neo-toast-title{color:#e55b44;color:var(--toast-color-error)}.neo-toast-warning .neo-toast-title{color:#f4a261;color:var(--toast-color-warning)}.neo-toast-success .neo-toast-title{color:#2a9d8f;color:var(--toast-color-success)}.neo-toast-info .neo-toast-title{color:#3d84b8;color:var(--toast-color-info)}.neo-toast-message{color:inherit;font-size:13px;font-weight:600;line-height:1.5;opacity:.9}.neo-toast-close{align-items:center;background:none;border:none;border-left:var(--border-medium);color:var(--color-black);cursor:pointer;display:flex;font-size:18px;font-weight:900;justify-content:center;transition:background-color .1s ease;width:44px}.neo-toast-close:hover{background-color:#0000000d}body.theme-cyber .neo-toast-close:hover{background-color:#ffffff1a}.neo-toast-progress{background-color:#00000014;bottom:0;height:6px;left:0;position:absolute;width:100%}body.theme-cyber .neo-toast-progress{background-color:#ffffff26}.neo-toast-progress-fill{animation:neoToastProgress linear forwards;height:100%;transform-origin:left;width:100%}.neo-toast-error .neo-toast-progress-fill{background-color:#e55b44;background-color:var(--toast-color-error)}.neo-toast-warning .neo-toast-progress-fill{background-color:#f4a261;background-color:var(--toast-color-warning)}.neo-toast-success .neo-toast-progress-fill{background-color:#2a9d8f;background-color:var(--toast-color-success)}.neo-toast-info .neo-toast-progress-fill{background-color:#3d84b8;background-color:var(--toast-color-info)}@keyframes neoToastSlideIn{0%{opacity:0;transform:translateX(120%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes neoToastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(120%) scale(.9)}}.neo-toast-leave{animation:neoToastSlideOut .3s cubic-bezier(.175,.885,.32,1.275) forwards!important}@keyframes neoToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes neoToastHeartbeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@media (max-width:480px){#neo-toast-container{bottom:16px;left:16px;max-width:none;right:16px;top:auto;width:auto}@keyframes neoToastSlideIn{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes neoToastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120%)}}}
/*# sourceMappingURL=main.b95ab822.css.map*/