:root{--bg:#080d1d;--bg-soft:#111936;--panel:#fffffff0;--panel-strong:#fff;--text:#0f172a;--text-soft:#64748b;--line:#9aa7c03d;--brand:#6558f5;--brand-2:#22c1ee;--brand-soft:#6558f51a;--page:#f4f7ff;--success:#0f9f6e;--shadow:0 24px 60px #1b275e1f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#6558f524,#0000 30%),radial-gradient(circle at 100% 0,#22c1ee24,#0000 26%),linear-gradient(#f8faff 0%,#f4f7ff 52%,#eef2ff 100%);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before,body:after{content:"";z-index:0;filter:blur(90px);opacity:.3;pointer-events:none;border-radius:999px;width:30rem;height:30rem;position:fixed;inset:auto}body:before{background:#6558f538;top:-10rem;left:-12rem}body:after{background:#22c1ee2e;bottom:10rem;right:-10rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{z-index:1;min-height:100vh;position:relative}.topbar{color:#fff;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d1db8;border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 2rem);margin:1rem auto 0;padding:.9rem 1.15rem;display:flex;position:sticky;top:.75rem;box-shadow:0 16px 40px #080d1d38}.logo{letter-spacing:.02em;font-size:1rem;font-weight:800}.topnav{flex-wrap:wrap;gap:.5rem;display:flex}.topnav a{color:#ffffffd1;border-radius:999px;padding:.55rem .9rem;transition:all .22s}.topnav a:hover{color:#fff;background:#ffffff14}.home-page,.detail-page,.admin-page,.learning-page{max-width:1180px;margin:0 auto;padding:1.6rem 1.5rem 3rem}.hero,.detail-hero,.section-block,.learning-box,.admin-form,.admin-side,.admin-intro{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff8c;border-radius:30px;position:relative;overflow:hidden}.hero:before,.detail-hero:before,.section-block:before,.admin-intro:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 35%);position:absolute;inset:0}.hero{color:#fff;background:radial-gradient(circle at 20% 20%,#5d58ff8c,#0000 34%),radial-gradient(circle at 85% 18%,#22c1ee4d,#0000 26%),linear-gradient(135deg,#0c1125 0%,#182551 55%,#101937 100%);grid-template-columns:1.12fr .88fr;gap:1.6rem;padding:2.2rem;display:grid}.hero h1,.detail-hero h1,.section-head h1,.admin-intro h1{letter-spacing:-.03em;margin:.35rem 0 1rem;font-size:clamp(2.15rem,3vw,3.8rem);line-height:1.04}.hero p,.hero-subtitle,.hero-copy,.section-head p,.admin-intro p{margin:0;line-height:1.75}.hero p,.hero-subtitle,.hero-copy,.admin-intro--hero p{color:#ffffffd1}.eyebrow{color:inherit;letter-spacing:.04em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .82rem;font-size:.82rem;font-weight:700;display:inline-flex}.hero-actions,.detail-panel,.player-meta,.song-card__footer,.song-card__tags,.knowledge-card__meta,.learning-columns,.admin-grid,.detail-metrics,.admin-intro__stats,.learning-summary{gap:1rem;display:flex}.hero-actions{flex-wrap:wrap;margin-top:1.7rem}.hero-benefits{flex-wrap:wrap;gap:.65rem;margin-top:1.35rem;display:flex}.hero-benefits span{color:#ffffffdb;background:#ffffff17;border:1px solid #ffffff14;border-radius:999px;padding:.5rem .8rem;font-size:.9rem}.button{background:linear-gradient(135deg, var(--brand) 0%, #7b6dff 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 1.2rem;font-weight:700;transition:transform .22s,box-shadow .22s,opacity .2s;display:inline-flex;box-shadow:0 14px 30px #6558f547}.button:hover{transform:translateY(-1px);box-shadow:0 18px 34px #6558f552}.button:disabled{opacity:.6;cursor:wait}.button--ghost{color:#fff;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff29}.button--secondary{color:var(--text);box-shadow:none;background:#0f172a0f;border:1px solid #94a3b847}.button--small{min-height:38px;padding:0 .9rem;font-size:.92rem}.song-card .button--ghost,.admin-form .button--ghost,.section-block .button--ghost,.learning-box .button--ghost,.detail-page .button--ghost{background:var(--brand-soft);color:var(--brand);border:none}.hero .button--ghost,.admin-intro--hero .button--ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff29}.hero-panel{display:grid}.hero-panel--featured{align-items:center}.floating-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:28px;padding:1.1rem;box-shadow:0 22px 48px #0000002e}.floating-card__header{gap:.4rem;margin-bottom:1rem;display:flex}.dot{border-radius:999px;width:.75rem;height:.75rem;display:inline-block}.dot--pink{background:#ff7ea8}.dot--blue{background:#7dd3fc}.dot--green{background:#86efac}.featured-song{grid-template-columns:110px 1fr;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.featured-song h3{margin:.35rem 0 .25rem;font-size:1.45rem}.featured-song p{color:#ffffffb3;margin:0}.featured-song__cover{background:linear-gradient(135deg,#ffffff29,#ffffff0a),linear-gradient(135deg,#5346ff 0%,#24cdf4 100%);border-radius:26px;height:110px;position:relative;overflow:hidden}.featured-song__wave{background:#ffffff3d;border-radius:999px;height:38%;position:absolute;inset:auto -20% 18%;box-shadow:0 -18px #ffffff2e,0 -36px #ffffff1a}.hero-stats-grid,.learning-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.stat-card,.metric-card{background:#ffffff1f;border:1px solid #ffffff24;border-radius:22px;padding:1.15rem 1rem}.metric-card{background:linear-gradient(#fff 0%,#f7f8ff 100%);border:1px solid #6558f51f}.metric-card--dark{background:#ffffff14;border:1px solid #ffffff1f}.stat-card strong,.metric-card strong{margin-bottom:.35rem;font-size:1.85rem;line-height:1;display:block}.stat-card span,.metric-card span{color:inherit;opacity:.78}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.feature-strip__item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffb3;border-radius:24px;padding:1.2rem 1.25rem;box-shadow:0 16px 34px #1f295512}.feature-strip__item strong{margin-bottom:.4rem;display:block}.feature-strip__item span{color:var(--text-soft);line-height:1.7}.section-block{margin-top:1.5rem;padding:1.6rem}.section-block--dark{color:#fff;background:linear-gradient(135deg,#0e142b 0%,#111b3e 100%)}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-head p{color:var(--text-soft);max-width:430px}.section-head--light p{color:#ffffffb8}.section-head h2,.learning-box h2{margin:.4rem 0 0;font-size:1.9rem;line-height:1.1}.song-grid,.song-list,.journey-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.song-list{grid-template-columns:1fr}.song-card{background:radial-gradient(circle at 100% 0,#6558f517,#0000 30%),linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #6558f51f;border-radius:20px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.15rem;transition:transform .22s,box-shadow .22s;display:grid;box-shadow:0 12px 30px #1118270d}.song-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #11182714}.song-card__top{justify-content:flex-start;align-items:center;gap:.8rem;margin-bottom:.45rem;display:flex}.song-card__main{min-width:0}.song-card__title-row{flex-wrap:wrap;align-items:baseline;gap:.7rem;display:flex}.song-card__count{color:var(--text-soft);font-size:.84rem}.song-card__cover{background:linear-gradient(135deg,#5045f5 0%,#26c2ef 100%);border-radius:24px;height:150px;margin:1rem 0 1.1rem;position:relative;overflow:hidden}.song-card__glow{filter:blur(4px);background:#ffffff42;border-radius:999px;width:6.6rem;height:6.6rem;position:absolute;inset:14% 18% auto auto}.song-card__cover:before{content:"";background:radial-gradient(circle at 16%,#ffffff57 0 .25rem,#0000 .3rem),radial-gradient(circle at 28% 40%,#ffffff3d 0 .22rem,#0000 .3rem),linear-gradient(#ffffff3d,#0000);height:52%;position:absolute;inset:auto 0 -10%}.song-card__cover-meta{color:#fff;position:absolute;bottom:1rem;left:1rem}.song-card__cover-meta small{opacity:.8;margin-bottom:.3rem;display:block}.song-card__cover-meta strong{font-size:1.05rem}.song-card h3,.admin-song-item h3,.knowledge-card h3{margin:.2rem 0 .4rem}.song-card__badge,.tag{background:var(--brand-soft);min-height:30px;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;padding:0 .78rem;font-size:.82rem;font-weight:700;display:inline-flex}.tag--soft{color:var(--text-soft);background:#0f172a0f}.song-card__artist,.song-card__desc,.panel-title,.player-meta,.knowledge-card__meta,.admin-song-item p,.admin-song-item small,.empty-tip,.form-message,.learning-item span,.lyric-line__time,.lyric-line__content small,.lyric-line__index{color:var(--text-soft)}.song-card__artist{margin:0;font-size:.92rem;font-weight:600}.song-card__desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.song-card__tags{flex-wrap:wrap;margin-bottom:1rem}.song-card__footer{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.song-card__meta{color:var(--text-soft);white-space:nowrap;flex-shrink:0;align-items:center;gap:.85rem;font-size:.84rem;display:flex}.journey-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;padding:1.3rem}.journey-card h3{margin:.6rem 0 .5rem}.journey-card p{color:#ffffffb8;margin:0}.journey-card__index{color:#fff;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:inline-flex}.detail-hero{grid-template-columns:1.08fr .92fr;gap:1.25rem;padding:1.6rem;display:grid}.detail-hero__content{flex-direction:column;justify-content:center;display:flex}.detail-metrics{flex-wrap:wrap;margin-top:1.2rem}.detail-panel{background:linear-gradient(#fbfcff 0%,#f4f7ff 100%);border:1px solid #6558f51a;border-radius:26px;flex-direction:column;padding:1.1rem}.detail-cover{color:#fff;background:linear-gradient(135deg,#111936 0%,#283774 100%);border-radius:22px;grid-template-columns:96px 1fr;align-items:center;gap:1rem;padding:.9rem;display:grid}.detail-cover__disc{background:radial-gradient(circle,#0b1020 0 15%,#202c62 16% 30%,#8ed5ff 31% 34%,#202c62 35% 52%,#0b1020 53% 100%);border:4px solid #ffffff14;border-radius:999px;width:96px;height:96px}.detail-cover__text small,.detail-cover__text span{color:#ffffffb8;display:block}.detail-cover__text strong{margin:.35rem 0;font-size:1.2rem;display:block}.panel-title{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}.panel-title--light{color:#ffffffad}.panel-title--spaced{margin-top:1.3rem}.audio-player{width:100%;margin-top:.2rem}.player-meta{flex-wrap:wrap;justify-content:space-between;font-size:.92rem}.detail-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:1.25rem;margin-top:1.5rem;display:grid}.lyrics-panel,.knowledge-panel{background:var(--panel-strong);border:1px solid #ffffffb8;border-radius:28px;padding:1.25rem;box-shadow:0 22px 46px #0e142c14}.knowledge-panel{height:fit-content;position:sticky;top:6rem}.lyrics-list,.knowledge-list,.admin-song-list{gap:.85rem;margin-top:1rem;display:grid}.lyrics-list{scroll-behavior:smooth;max-height:72vh;padding-right:.35rem;overflow-y:auto}.lyrics-list::-webkit-scrollbar{width:8px}.lyrics-list::-webkit-scrollbar-thumb{background:#6558f53d;border-radius:999px}.lyric-line{text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#fafbff 100%);border:1px solid #6558f514;border-radius:20px;grid-template-columns:72px 1fr;gap:.95rem;width:100%;padding:1rem;transition:all .2s;display:grid}.lyric-line:hover{border-color:#6558f52e;transform:translateY(-1px)}.lyric-line--active{background:linear-gradient(#f5f4ff 0%,#eef5ff 100%);border-color:#6558f58c;box-shadow:0 18px 34px #6558f514,inset 0 0 0 1px #6558f514}.lyric-line__time{font-size:.84rem;font-weight:700}.lyric-line__content{gap:.36rem;display:grid}.lyric-line__content strong{font-size:1.05rem;line-height:1.45}.lyric-line__index{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.knowledge-card{background:radial-gradient(circle at 100% 0,#6558f50f,#0000 32%),linear-gradient(#fcfcff 0%,#f9fbff 100%);border:1px solid #6558f51a;border-radius:20px;padding:1rem}.knowledge-card p{margin:.6rem 0 0;line-height:1.7}.knowledge-card__meta{justify-content:space-between;align-items:center;font-size:.85rem}.knowledge-card__meta-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.knowledge-anchor{color:var(--brand);margin-top:.45rem;font-size:.92rem}.knowledge-example{color:var(--brand);background:linear-gradient(#6558f514,#22c1ee14);border-radius:16px;margin:.85rem 0 0;padding:.9rem 1rem}.knowledge-example small{color:var(--text-soft);margin-top:.35rem;display:block}.admin-intro{margin-bottom:1rem}.admin-intro--hero{color:#fff;background:radial-gradient(circle at 0 0,#6558f566,#0000 28%),linear-gradient(135deg,#091126 0%,#132252 100%);grid-template-columns:1.05fr .95fr;gap:1.2rem;padding:1.6rem;display:grid}.admin-intro__copy code{background:#ffffff1a;border-radius:8px;padding:.15rem .35rem}.admin-intro__stats{justify-content:stretch;align-items:stretch}.admin-grid{align-items:start}.admin-form,.admin-side{background:#ffffffd6;flex-direction:column;flex:1;padding:1.4rem}.admin-form{min-width:0}.admin-form__header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.admin-form__header h2{margin:.35rem 0 0;font-size:1.5rem;line-height:1.15}.admin-form label{gap:.45rem;margin-bottom:1rem;font-weight:700;display:grid}.admin-form label small{color:var(--text-soft);font-weight:500;line-height:1.6}.admin-form input,.admin-form textarea,.admin-form select{background:#fff;border:1px solid #6558f524;border-radius:16px;width:100%;padding:.95rem 1rem;transition:border-color .2s,box-shadow .2s}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:#6558f599;outline:none;box-shadow:0 0 0 4px #6558f517}.admin-form textarea{resize:vertical}.admin-form__actions{flex-wrap:wrap;gap:.85rem;margin-top:.25rem;display:flex}.admin-song-item,.admin-tip-card{background:linear-gradient(#fff 0%,#fafbff 100%);border:1px solid #6558f514;border-radius:18px;padding:1rem}.admin-format-box{background:#6558f50f;border:1px solid #6558f51a;border-radius:18px;gap:.45rem;margin-bottom:1rem;padding:1rem;display:grid}.admin-format-box strong{color:var(--text)}.admin-format-box code{color:var(--brand);background:#fff;border:1px solid #6558f51a;border-radius:14px;padding:.85rem 1rem;font-size:.9rem;display:block;overflow-x:auto}.admin-format-box small{color:var(--text-soft);line-height:1.65}.admin-tip-card+.admin-tip-card{margin-top:.85rem}.admin-tip-card strong{margin-bottom:.35rem;display:block}.admin-tip-card span{color:var(--text-soft);line-height:1.7}.admin-song-item__head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.admin-song-item__meta{flex-wrap:wrap;gap:.6rem;margin-top:.7rem;display:flex}.admin-song-item__meta span{min-height:28px;color:var(--text-soft);background:#6558f514;border-radius:999px;align-items:center;padding:0 .7rem;font-size:.82rem;display:inline-flex}.form-message{margin:.8rem 0 0;font-weight:700}.learning-columns{align-items:start;margin-top:1rem}.learning-box{flex:1;padding:1.5rem}.learning-item{border-bottom:1px solid #6558f514;gap:.28rem;padding:1rem 0;display:grid}.learning-item strong{font-size:1.02rem}.learning-item:last-child{border-bottom:none}.empty-tip{margin:.3rem 0 0;line-height:1.68}.page-intro,.detail-header,.section-block,.learning-box,.admin-form,.admin-side,.lyrics-panel,.knowledge-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #0f172a14;box-shadow:0 10px 24px #0f172a0d}.page-intro,.detail-header{border-radius:28px;padding:1.5rem}.page-intro h1,.detail-header h1,.section-head h1{color:var(--text);margin:.45rem 0 .75rem;font-size:clamp(1.9rem,2.8vw,3rem);line-height:1.08}.page-intro p,.detail-header__meta,.detail-header__desc,.admin-simple-header p{max-width:760px;color:var(--text-soft);margin:0;line-height:1.72}.page-intro .eyebrow,.detail-header .eyebrow,.section-block .eyebrow{background:var(--brand-soft);color:var(--brand);border-color:#0000}.compact-stats{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.compact-stat{background:#f8fafc;border:1px solid #0f172a0f;border-radius:16px;min-width:120px;padding:.85rem 1rem}.compact-stat strong{color:var(--text);font-size:1.18rem;display:block}.compact-stat span,.detail-header__meta,.song-card__meta,.admin-side__header small{font-size:.92rem}.button{min-height:44px;box-shadow:none;border-radius:14px}.button:hover{box-shadow:none;transform:none}.button--ghost,.button--secondary{color:var(--text);background:#fff;border:1px solid #0f172a1f}.song-card{box-shadow:none;background:#fff;border:1px solid #0f172a14;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.15rem;display:grid}.song-card:hover{box-shadow:none;transform:none}.song-card__top{margin-bottom:.45rem}.song-card__meta{color:var(--text-soft);white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.85rem;margin:0;display:flex}.song-card__footer{justify-content:flex-end;display:flex}.detail-header .audio-player{margin-top:1rem}.player-meta{justify-content:flex-start;gap:1rem}.lyrics-panel,.knowledge-panel{box-shadow:none;border-radius:22px}.lyric-line{box-shadow:none;background:#fff;border-radius:16px}.lyric-line:hover{transform:none}.lyric-line--active{box-shadow:none;background:#f5f7ff}.admin-simple-header{margin-bottom:1rem}.admin-side__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-side__header small,.admin-form label small{color:var(--text-soft)}.admin-song-item{box-shadow:none;background:#fff}.section-block--learning{background:#fff}.admin-page--manager{gap:1rem}.admin-manager-header{margin-bottom:0}.admin-manager-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.admin-manager-list,.admin-detail-panel{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 10px 24px #0f172a0d}.admin-manager-list{gap:1rem;padding:1rem;display:grid;position:sticky;top:1rem}.admin-manager-list__header h2,.admin-detail-header h2,.admin-detail-section__head h3,.admin-editor-field span,.admin-info-row span,.admin-summary-card span,.admin-manager-item__top strong{color:var(--text)}.admin-manager-list__header h2,.admin-detail-header h2{margin:.35rem 0 0;font-size:1.5rem;line-height:1.15}.admin-manager-toolbar{gap:.75rem;display:grid}.admin-manager-search{background:#fff;border:1px solid #0f172a1f;border-radius:14px;width:100%;min-height:44px;padding:.85rem 1rem}.admin-manager-search:focus{border-color:#6558f599;outline:none;box-shadow:0 0 0 4px #6558f517}.admin-manager-list__body,.admin-detail-content,.admin-knowledge-list{gap:.75rem;display:grid}.admin-manager-item{background:#fff;border:1px solid #0f172a14;border-radius:18px;transition:border-color .2s,background-color .2s}.admin-manager-item--active{background:#f7f7ff;border-color:#6558f552}.admin-manager-item__button{text-align:left;cursor:pointer;background:0 0;border:0;gap:.35rem;width:100%;padding:1rem;display:grid}.admin-manager-item__top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-manager-item__top span{min-height:28px;color:var(--text-soft);background:#6558f514;border-radius:999px;align-items:center;padding:0 .7rem;font-size:.82rem;display:inline-flex}.admin-manager-item p,.admin-manager-item small,.admin-detail-header p,.admin-empty-state p,.admin-knowledge-item p,.admin-knowledge-item small,.admin-lyrics-item p,.admin-editor-field small,.admin-info-row strong{color:var(--text-soft);margin:0}.admin-detail-panel{gap:1rem;min-width:0;padding:1.25rem;display:grid}.admin-detail-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-detail-actions,.admin-editor-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-detail-message{margin-top:-.25rem}.admin-detail-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.admin-summary-card{background:#f8fafc;border:1px solid #0f172a14;border-radius:18px;gap:.25rem;padding:.95rem 1rem;display:grid}.admin-summary-card strong{color:var(--text);font-size:1rem;line-height:1.4}.admin-detail-section{border:1px solid #0f172a14;border-radius:20px;gap:.85rem;padding:1rem;display:grid}.admin-detail-section__head h3{margin:0;font-size:1.1rem}.admin-info-list{gap:.75rem;display:grid}.admin-info-row{border-top:1px solid #0f172a0f;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:1rem;padding-top:.75rem;display:grid}.admin-info-row:first-child{border-top:none;padding-top:0}.admin-lyrics-list{gap:.6rem;max-height:360px;padding-right:.2rem;display:grid;overflow:auto}.admin-lyrics-item{background:#f8fafc;border-radius:16px;grid-template-columns:36px 56px minmax(0,1fr);align-items:start;gap:.85rem;padding:.85rem .9rem;display:grid}.admin-lyrics-item>span,.admin-lyrics-item>small{color:var(--text-soft)}.admin-lyrics-item strong,.admin-knowledge-item strong{color:var(--text)}.admin-knowledge-item{background:#f8fafc;border:1px solid #0f172a14;border-radius:18px;gap:.35rem;padding:.95rem 1rem;display:grid}.admin-knowledge-item__top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-knowledge-item__top span{color:var(--text-soft);font-size:.85rem}.admin-editor{gap:1rem;display:grid}.admin-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.admin-editor-field{gap:.45rem;font-weight:700;display:grid}.admin-editor-field--full{grid-column:1/-1}.admin-editor-field input,.admin-editor-field textarea,.admin-editor-field select{background:#fff;border:1px solid #0f172a1f;border-radius:16px;width:100%;padding:.95rem 1rem}.admin-editor-field input:focus,.admin-editor-field textarea:focus,.admin-editor-field select:focus{border-color:#6558f599;outline:none;box-shadow:0 0 0 4px #6558f517}.admin-editor-field textarea{resize:vertical}.admin-empty-state{background:#fafafa;border:1px dashed #0f172a1f;border-radius:18px;padding:1rem}@media (max-width:1080px){.hero,.detail-hero,.admin-intro--hero{grid-template-columns:1fr}.hero-stats-grid,.learning-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:960px){.detail-grid,.admin-grid,.learning-columns,.admin-intro__stats,.detail-metrics,.feature-strip{flex-direction:column;grid-template-columns:1fr}.knowledge-panel{position:static}.section-head{flex-direction:column;align-items:start}.admin-form__header,.admin-song-item__head{flex-direction:column}}@media (max-width:720px){.topbar{border-radius:28px;flex-direction:column;align-items:start}.hero,.section-block,.detail-hero,.lyrics-panel,.knowledge-panel,.admin-form,.admin-side,.learning-box,.admin-intro{border-radius:24px}.hero-stats-grid,.learning-summary{grid-template-columns:1fr}@media (max-width:1180px){.admin-manager-layout{grid-template-columns:280px minmax(0,1fr)}.admin-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.admin-manager-layout,.admin-editor-grid,.admin-detail-summary{grid-template-columns:1fr}.admin-manager-list{position:static}.admin-detail-header,.admin-knowledge-item__top,.admin-info-row{flex-direction:column;grid-template-columns:1fr}.admin-detail-header{align-items:flex-start}}@media (max-width:720px){.admin-manager-list,.admin-detail-panel,.admin-detail-section{border-radius:20px}.admin-lyrics-item{grid-template-columns:1fr}}.featured-song,.detail-cover,.lyric-line{grid-template-columns:1fr}.song-card__footer,.player-meta{flex-direction:column;align-items:start}.page-intro,.detail-header{border-radius:24px;padding:1.25rem}.compact-stats{flex-direction:column}}.admin-layout{z-index:1;background:#f5f6fa;min-height:100vh;display:flex;position:relative}.admin-sidebar{color:#cbd5e1;z-index:50;background:#1e293b;flex-direction:column;flex-shrink:0;width:220px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar__brand{border-bottom:1px solid #ffffff14;padding:1.4rem 1.25rem 1.2rem}.admin-sidebar__brand a{gap:.15rem;display:grid}.admin-sidebar__brand strong{color:#fff;font-size:1.05rem;font-weight:700}.admin-sidebar__brand span{color:#94a3b8;font-size:.78rem}.admin-sidebar__nav{flex-direction:column;flex:1;gap:.2rem;padding:.75rem;display:flex}.admin-sidebar__footer{border-top:1px solid #ffffff14;padding:.75rem}.admin-nav-item{color:#cbd5e1;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.9rem;transition:background .15s,color .15s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0f}.admin-nav-item--active{background:var(--brand);color:#fff;font-weight:600}.admin-nav-item--active:hover{background:var(--brand)}.admin-nav-item__icon{text-align:center;opacity:.85;width:20px;font-size:1rem}.admin-main{flex-direction:column;flex:1;min-width:0;margin-left:220px;display:flex}.admin-topbar{z-index:40;background:#fff;border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:center;height:56px;padding:0 1.75rem;display:flex;position:sticky;top:0}.admin-breadcrumb{color:#94a3b8;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.admin-breadcrumb a{color:#64748b}.admin-breadcrumb a:hover{color:var(--brand)}.admin-breadcrumb__sep{color:#cbd5e1}.admin-breadcrumb__current{color:#334155;font-weight:500}.admin-topbar__actions{gap:.5rem;display:flex}.admin-content{padding:1.5rem 1.75rem 2.5rem}.admin-page-head{margin-bottom:1.25rem}.admin-page-head h1{color:#0f172a;margin:0 0 .3rem;font-size:1.4rem;font-weight:700}.admin-page-head p{color:#64748b;margin:0;font-size:.9rem}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;height:36px;padding:0 1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 .8rem;font-size:.84rem}.btn--xs{border-radius:6px;height:28px;padding:0 .65rem;font-size:.8rem}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{background:#5548e0}.btn--secondary{color:var(--brand);background:#f0f0ff;border-color:#d4d0ff}.btn--secondary:hover{background:#e8e6ff}.btn--ghost{color:#475569;background:#fff;border-color:#e2e8f0}.btn--ghost:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn--danger{color:#dc2626;background:#fff;border-color:#fecaca}.btn--danger:hover{background:#fef2f2;border-color:#fca5a5}.admin-card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;overflow:hidden}.admin-card__head{border-bottom:1px solid #f1f3f7;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.admin-card__head h2{color:#0f172a;margin:0;font-size:.98rem;font-weight:600}.admin-card__meta{color:#94a3b8;font-size:.82rem}.admin-card__toolbar{border-bottom:1px solid #f1f3f7;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.admin-card__toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.admin-batch-bar{background:#f7f9fc;border-bottom:1px solid #eef1f6;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.7rem 1.25rem;display:flex}.admin-batch-bar__select{color:#4b5563;cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.admin-batch-bar__count{color:#1f2937;font-size:.85rem;font-weight:600}.admin-batch-bar__msg{color:#2563eb;font-size:.82rem}.admin-table__row--selected{background:#eef4ff}.admin-table input[type=checkbox]{cursor:pointer;accent-color:#2563eb;width:16px;height:16px}.admin-card__footer{border-top:1px solid #f1f3f7;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.admin-card__footer--between{justify-content:space-between}.admin-search{align-items:center;min-width:280px;max-width:360px;display:flex;position:relative}.admin-search svg{color:#94a3b8;pointer-events:none;position:absolute;left:.75rem}.admin-search input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:36px;padding:0 .85rem 0 2.1rem;font-size:.88rem;transition:border .15s,background .15s}.admin-search input:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 3px #6558f51a}.admin-filter{color:#64748b;white-space:nowrap;align-items:center;gap:.5rem;font-size:.84rem;display:flex}.admin-filter select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:36px;padding:0 .75rem;font-size:.88rem}.admin-filter select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #6558f51a}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #e8eaf0;padding:.7rem 1rem;font-size:.8rem;font-weight:600}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f3f7;padding:.85rem 1rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#fafbff}.admin-table-song{gap:.2rem;display:grid}.admin-table-song strong{color:#0f172a;font-weight:600}.admin-table-song span{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.8rem;overflow:hidden}.admin-table-cell{white-space:nowrap}.admin-table-cell--muted{color:#94a3b8;font-size:.84rem}.admin-row-actions{gap:.4rem;display:flex}.admin-table-count{color:#94a3b8;font-size:.84rem}.admin-pager{gap:.4rem;display:flex}.admin-tag{color:var(--brand);background:#6558f514;border-radius:6px;align-items:center;padding:.15rem .6rem;font-size:.78rem;font-weight:500;display:inline-flex}.admin-tag--soft{color:#64748b;background:#f1f5f9}.admin-feedback-tags{flex-wrap:wrap;gap:.35rem;display:flex}.admin-feedback-tag{color:#92400e;background:#fef3c7;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.74rem;font-weight:600;line-height:1.2;display:inline-flex}.admin-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.admin-stat{background:#fff;border:1px solid #e8eaf0;border-radius:12px;gap:.3rem;padding:1rem 1.15rem;display:grid}.admin-stat__label{color:#94a3b8;font-size:.8rem}.admin-stat__value{color:#0f172a;font-size:1.15rem;font-weight:700}.admin-detail-cols{grid-template-columns:340px minmax(0,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.admin-desc-list{padding:0 1.25rem}.admin-desc-row{border-bottom:1px solid #f5f6fa;grid-template-columns:90px minmax(0,1fr);gap:1rem;padding:.7rem 0;font-size:.88rem;display:grid}.admin-desc-row:last-child{border-bottom:none}.admin-desc-row dt{color:#94a3b8;margin:0}.admin-desc-row dd{color:#334155;word-break:break-word;margin:0}.admin-lyric-scroll{max-height:480px;padding:.5rem 1.25rem 1rem;overflow-y:auto}.admin-lyric-row{border-bottom:1px solid #f5f6fa;grid-template-columns:32px 48px minmax(0,1fr);align-items:start;gap:.75rem;padding:.6rem 0;display:grid}.admin-lyric-row:last-child{border-bottom:none}.admin-lyric-row__no{color:#cbd5e1;text-align:right;font-size:.82rem;font-weight:600}.admin-lyric-row__time{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.8rem}.admin-lyric-row__text strong{color:#1e293b;font-size:.88rem;font-weight:500;line-height:1.5;display:block}.admin-lyric-row__text p{color:#94a3b8;margin:.2rem 0 0;font-size:.82rem}.admin-kp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.85rem;padding:1.25rem;display:grid}.admin-kp-card{background:#fafbfc;border:1px solid #e8eaf0;border-radius:10px;gap:.5rem;padding:1rem;display:grid}.admin-kp-card__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-kp-card__head strong{color:#0f172a;font-size:.92rem;font-weight:600}.admin-kp-card__head span{color:#94a3b8;white-space:nowrap;font-size:.78rem}.admin-kp-card__tags{gap:.4rem;display:flex}.admin-kp-card__anchor{color:var(--brand);background:#6558f50f;border-radius:6px;margin:0;padding:.3rem .55rem;font-size:.82rem}.admin-kp-card__desc{color:#475569;margin:0;font-size:.86rem;line-height:1.6}.admin-kp-card__example{border-top:1px solid #eef0f5;gap:.25rem;padding-top:.5rem;display:grid}.admin-kp-card__example span{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:600}.admin-kp-card__example p{color:#334155;margin:0;font-size:.84rem;font-style:italic;line-height:1.5}.admin-kp-card__example small{color:#94a3b8;font-size:.8rem}.admin-explain-list{gap:.75rem;padding:0 1.25rem 1.25rem;display:grid}.admin-explain-item{border:1px solid #e8eaf0;border-radius:12px;transition:border-color .15s;overflow:hidden}.admin-explain-item:hover{border-color:#d4d0ff}.admin-explain-item__head{background:#f8fafc;border-bottom:1px solid #f1f3f7;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.admin-explain-item__seq{color:var(--brand);font-size:.8rem;font-weight:700}.admin-explain-item__time{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.76rem}.admin-explain-item__lyric{border-bottom:1px solid #f5f6fa;padding:.75rem .9rem .5rem}.admin-explain-item__lyric strong{color:#0f172a;font-size:.95rem;line-height:1.5;display:block}.admin-explain-item__lyric p{color:#64748b;margin:.25rem 0 0;font-size:.84rem}.admin-explain-item__body{gap:.65rem;padding:.65rem .9rem .85rem;display:grid}.admin-explain-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .4rem;font-size:.76rem;font-weight:700}.admin-explain-words{flex-wrap:wrap;gap:.4rem;display:flex}.admin-explain-word{background:#f0f0ff;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.82rem;display:inline-flex}.admin-explain-word strong{color:var(--brand);font-weight:700}.admin-explain-word em{color:#94a3b8;font-size:.74rem;font-style:normal}.admin-explain-word span{color:#475569}.admin-explain-phrases{gap:.35rem;display:grid}.admin-explain-phrase{background:#fefce8;border-radius:8px;gap:.15rem;padding:.45rem .6rem;display:grid}.admin-explain-phrase strong{color:#854d0e;font-size:.84rem}.admin-explain-phrase span{color:#a16207;font-size:.8rem}.admin-explain-phrase small{color:#ca8a04;font-size:.76rem;font-style:italic}.admin-explain-grammars{gap:.4rem;display:grid}.admin-explain-grammar{background:#f0fdf4;border-radius:8px;padding:.5rem .65rem}.admin-explain-grammar strong{color:#166534;margin-bottom:.2rem;font-size:.84rem;display:block}.admin-explain-grammar p{color:#374151;margin:0;font-size:.8rem;line-height:1.55}.admin-explain-grammar blockquote{color:#15803d;background:#ffffff80;border-left:3px solid #86efac;border-radius:0 6px 6px 0;margin:.35rem 0 0;padding:.3rem .55rem;font-size:.78rem;font-style:italic}.admin-explain-notes{color:#475569;background:#f8fafc;border-radius:8px;margin:0;padding:.5rem .65rem;font-size:.82rem;line-height:1.6}.admin-explain-pos{color:#6366f1!important;background:#eef2ff!important;border-radius:4px!important;padding:.05rem .35rem!important;font-size:.7rem!important;font-style:normal!important}.admin-word-phonetic{flex-wrap:wrap;gap:.3rem;display:inline-flex}.admin-phonetic-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.72rem;transition:all .15s;display:inline-flex}.admin-phonetic-btn:hover{border-color:var(--brand);background:#f5f3ff}.admin-phonetic-btn--playing{border-color:var(--brand);background:#ede9fe}.admin-phonetic-label{color:#fff;text-align:center;border-radius:3px;min-width:1rem;padding:.08rem .3rem;font-size:.6rem;font-weight:700}.admin-phonetic-label--uk{background:#0284c7;color:#fff!important}.admin-phonetic-label--us{background:#ea580c;color:#fff!important}.admin-phonetic-btn--uk:hover{background:#f0f9ff;border-color:#0284c7}.admin-phonetic-btn--us:hover{background:#fff7ed;border-color:#ea580c}.admin-phonetic-btn--uk.admin-phonetic-btn--playing{background:#e0f2fe;border-color:#0284c7}.admin-phonetic-btn--us.admin-phonetic-btn--playing{background:#ffedd5;border-color:#ea580c}.admin-phonetic-text{color:#64748b;font-family:SF Mono,Menlo,Consolas,monospace}.admin-phonetic-icon{font-size:.8rem}.admin-explain-usage{color:#64748b!important;margin:.25rem 0 0!important;font-size:.78rem!important;line-height:1.5!important}.admin-explain-phrase--slang{background:#fef3c7!important;border-left-color:#f59e0b!important}.admin-explain-slang-title{color:#b45309!important}.admin-explain-expr-title{color:#be185d!important}.admin-explain-exprs{gap:.5rem;display:grid}.admin-explain-expr{background:#fdf2f8;border-left:3px solid #ec4899;border-radius:0 8px 8px 0;padding:.6rem .75rem}.admin-explain-expr strong{color:#9d174d;margin-bottom:.25rem;font-size:.84rem;display:block}.admin-explain-expr p{color:#374151;margin:0;font-size:.8rem;line-height:1.6}.admin-tabs{border-bottom:1px solid #e2e8f0;gap:0;margin-bottom:0;padding:0 1.25rem;display:flex}.admin-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.85rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-tab:hover{color:var(--brand)}.admin-tab--active{color:var(--brand);border-bottom-color:var(--brand)}.admin-tab__count{color:#94a3b8;background:#f1f5f9;border-radius:10px;padding:.1rem .5rem;font-size:.72rem;font-weight:500}.admin-tab--active .admin-tab__count{color:var(--brand);background:#eef2ff}.admin-summary{gap:1.25rem;padding:1.25rem;display:grid}.admin-summary__stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.admin-summary__stat{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem .5rem;display:flex}.admin-summary__stat strong{color:var(--brand);font-size:1.5rem;font-weight:800;line-height:1}.admin-summary__stat span{color:#64748b;font-size:.74rem;font-weight:500}.admin-summary__theme{border-left:3px solid var(--brand);background:linear-gradient(135deg,#eef2ff,#faf5ff);border-radius:10px;padding:.85rem 1rem}.admin-summary__theme h4{color:#6366f1;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .35rem;font-size:.76rem;font-weight:700}.admin-summary__theme p{color:#334155;margin:0;font-size:.88rem;line-height:1.65}.admin-summary__section h4{color:#0f172a;margin:0 0 .6rem;font-size:.86rem;font-weight:700}.admin-summary__tags{flex-wrap:wrap;gap:.45rem;display:flex}.admin-summary__tag{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;display:inline-flex}.admin-summary__tag strong{color:var(--brand);font-weight:700}.admin-summary__tag em{color:#6366f1;background:#eef2ff;border-radius:4px;padding:.05rem .3rem;font-size:.68rem;font-style:normal}.admin-summary__tag span{color:#64748b}.admin-summary__tag i{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:0 .3rem;font-size:.68rem;font-style:normal}.admin-summary__tag--phrase strong{color:#b45309}.admin-summary__grammar{flex-wrap:wrap;gap:.4rem;display:flex}.admin-summary__grammar-item{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.78rem;display:inline-flex}.admin-summary__grammar-item i{color:#15803d;background:#dcfce7;border-radius:4px;padding:0 .3rem;font-size:.68rem;font-style:normal}.admin-form{gap:1rem;display:grid}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;display:grid}.admin-field{gap:.4rem;display:grid}.admin-field--full{grid-column:1/-1}.admin-field>span{color:#475569;font-size:.84rem;font-weight:500}.admin-field em{color:#ef4444;font-style:normal}.admin-field input,.admin-field textarea,.admin-field select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.88rem;transition:border .15s,box-shadow .15s}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #6558f51a}.admin-field textarea{resize:vertical;font-family:inherit}.admin-field__hint{color:#94a3b8;font-size:.78rem}.admin-feedback-picker{flex-wrap:wrap;gap:.6rem;display:flex}.admin-feedback-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.55rem .9rem;font-size:.84rem;font-weight:500;transition:all .15s}.admin-feedback-chip:hover{background:#f8fafc;border-color:#cbd5e1}.admin-feedback-chip--active{color:#b45309;background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.admin-saved-files{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:.5rem;padding:.8rem .95rem;display:grid}.admin-saved-files__item{color:#475569;word-break:break-all;align-items:flex-start;gap:.45rem;font-size:.84rem;display:flex}.admin-saved-files__item strong{color:#0f172a;flex-shrink:0}.admin-alert{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:.7rem 1rem;font-size:.86rem}.admin-form-actions{gap:.65rem;display:flex}.admin-empty{text-align:center;color:#94a3b8;padding:2.5rem 1rem;font-size:.88rem}.admin-generate-kp{align-items:center;gap:.5rem;display:flex}.admin-generate-kp__msg{color:var(--success);white-space:nowrap;font-size:.8rem}.lyrics-fetch-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.lyrics-fetch-msg{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.82rem;line-height:1.5;display:flex}.lyrics-fetch-msg__link{color:#0f766e;white-space:nowrap;font-weight:600;text-decoration:none}.lyrics-fetch-msg__link:hover{text-decoration:underline}.learn-overview{background:linear-gradient(#fffffff2,#f6f8fffa);border:1px solid #94a3b82e;border-radius:24px;gap:1rem;margin-bottom:1rem;padding:1.15rem;display:grid;box-shadow:0 18px 42px #0f172a0f}.learn-overview__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.learn-section-kicker{color:var(--brand);background:#6558f51a;border-radius:999px;padding:.28rem .62rem;font-size:.74rem;font-weight:700;display:inline-flex}.learn-overview__head h2{margin:.45rem 0 0;font-size:1.4rem;line-height:1.2}.learn-overview__intro{color:#475569;max-width:60rem;margin:.6rem 0 0;font-size:.94rem;line-height:1.75}.learn-songinfo{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.learn-songinfo__item{background:#fff;border:1px solid #94a3b824;border-radius:16px;padding:.9rem .95rem}.learn-songinfo__item span{color:#64748b;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.learn-songinfo__item strong{color:#0f172a;font-size:.93rem;line-height:1.55;display:block}.learn-overview__hero{grid-template-columns:1.1fr .9fr;gap:.9rem;display:grid}.learn-overview__hero-card{background:linear-gradient(#fff,#f8faff);border:1px solid #94a3b829;border-radius:20px;padding:1.15rem 1.15rem 1.05rem;box-shadow:inset 0 1px #fff9}.learn-overview__hero-card--accent{background:linear-gradient(135deg,#6558f514,#22c1ee14);border-color:#6558f533}.learn-overview__hero-card h3{color:#475569;margin:0 0 .6rem;font-size:.9rem}.learn-overview__hero-card p{color:#0f172a;margin:0;font-size:.96rem;line-height:1.85}.learn-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.learn-overview__card{background:#fff;border:1px solid #94a3b824;border-radius:18px;padding:.95rem 1rem}.learn-overview__card--wide{grid-column:1/-1}.learn-overview__card h3{color:#475569;margin:0 0 .55rem;font-size:.92rem}.learn-overview__card p,.learn-overview__list{color:#0f172a;margin:0;font-size:.95rem;line-height:1.82}.learn-overview__list{padding-left:1.1rem}.learn-overview__chips{flex-wrap:wrap;gap:.5rem;display:flex}.learn-overview__chip{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:.42rem .7rem;font-size:.8rem;font-weight:600}.learn-summary{gap:.8rem;padding-top:.15rem;display:grid}.learn-summary__head h3{margin:.4rem 0 0;font-size:1.05rem;line-height:1.3}.learn-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.learn-summary__card{background:#fff;border:1px solid #94a3b824;border-radius:18px;padding:.95rem 1rem}.learn-summary__card--wide{grid-column:1/-1}.learn-summary__card h4{color:#475569;margin:0 0 .55rem;font-size:.92rem}.learn-summary__card p,.learn-summary__questions{color:#0f172a;margin:0;font-size:.95rem;line-height:1.82}.learn-summary__questions{padding-left:1.1rem}.learn-highlight{color:#4134d0;background:#6558f529;border-radius:.45rem;padding:.02rem .28rem;font-weight:700}.learn-explain__block--overview,.learn-explain__block--tips{background:linear-gradient(#fff,#f8faff)}.learn-explain__block--source{background:linear-gradient(#fff,#fbfcff)}.learn-module-text,.learn-module-empty{margin:0;font-size:.95rem;line-height:1.82}.learn-module-text{color:#0f172a}.learn-module-empty{color:#94a3b8}.learn-explain-overview{gap:.75rem;display:grid}.learn-explain-overview__item{background:#fff;border:1px solid #94a3b824;border-radius:16px;padding:.9rem 1rem}.learn-explain-overview__item--primary{border-color:#6558f540;box-shadow:inset 0 0 0 1px #6558f514}.learn-explain-overview__item span,.learn-word__label,.learn-memory__label,.learn-line-focus__label{letter-spacing:.02em;color:#64748b;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:inline-flex}.learn-word__label--accent{color:#4f46e5}.learn-word__label--warn{color:#b45309}.learn-explain-tags{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.learn-tag{border-radius:999px;align-items:center;padding:.34rem .62rem;font-size:.76rem;font-weight:700;display:inline-flex}.learn-tag--tone{color:#0f6e8c;background:#22c1ee1f}.learn-tag--accent{color:#5242d8;background:#6558f51a}.learn-word__pitfall{color:#92400e}.learn-phrase__why,.learn-grammar__effect{color:#475569;margin:.45rem 0 0;line-height:1.65}.learn-line-focus{background:#6558f50f;border-radius:14px;margin-top:.8rem;padding:.8rem .9rem}.learn-line-focus p,.learn-memory p{margin:0;line-height:1.7}.learn-pitfalls{color:#7c2d12;margin:0;padding-left:1.15rem;line-height:1.7}.learn-memory{background:#0f9f6e14;border-radius:14px;margin-top:.8rem;padding:.8rem .9rem}.learn-vocab-card p span{color:#64748b;margin-bottom:.18rem;font-size:.72rem;font-weight:700;display:block}.explain-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.explain-item--rich{gap:.6rem}.explain-word-preview{justify-content:flex-end;align-items:center;display:flex}.admin-overview-card{background:linear-gradient(#f8fbff,#f5f3ff);border:1px solid #94a3b82e;border-radius:16px;margin-bottom:1rem;padding:1rem}.admin-overview-card__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.admin-overview-card__head h3{margin:0;font-size:1rem}.admin-overview-card__head span{color:#64748b;font-size:.8rem}.admin-overview-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.admin-overview-card__item{background:#fff;border:1px solid #94a3b829;border-radius:14px;padding:.85rem}.admin-overview-card__item strong{color:#334155;margin-bottom:.4rem;font-size:.82rem;display:block}.admin-batch-actions{flex-wrap:wrap;gap:.6rem;display:flex}.admin-batch-task-meta{color:#64748b;flex-wrap:wrap;gap:.75rem;margin:1rem 0;font-size:.82rem;display:flex}.admin-batch-progress{gap:.55rem;margin-top:1rem;display:grid}.admin-batch-progress__head{color:#475569;justify-content:space-between;align-items:center;gap:.75rem;font-size:.84rem;display:flex}.admin-batch-progress__head strong{color:#0f172a}.admin-batch-progress__bar{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.admin-batch-progress__bar span{border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#7c3aed);height:100%;display:block}.admin-batch-current{background:linear-gradient(#fff,#f8faff);border:1px solid #94a3b829;border-radius:16px;gap:.45rem;margin:.35rem 0 1rem;padding:.9rem 1rem;display:grid}.admin-batch-current__title{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.admin-batch-current__title strong{color:#0f172a;font-size:.96rem}.admin-batch-current__title span,.admin-batch-current__meta{color:#64748b;font-size:.82rem}.admin-batch-current__meta{flex-wrap:wrap;gap:.75rem;display:flex}.admin-batch-status{white-space:nowrap;border-radius:999px;align-items:center;padding:.28rem .62rem;font-size:.76rem;font-weight:700;display:inline-flex}.admin-batch-status--completed{color:#166534;background:#dcfce7}.admin-batch-status--processing{color:#1d4ed8;background:#dbeafe}.admin-batch-status--failed{color:#b91c1c;background:#fee2e2}.admin-batch-status--pending{color:#b45309;background:#fef3c7}.admin-batch-status--skipped{color:#475569;background:#e2e8f0}.admin-table-progress{gap:.2rem;display:grid}.admin-table-progress strong{color:#0f172a;font-size:.84rem}.admin-table-progress span{color:#64748b;font-size:.76rem}@media (max-width:900px){.learn-songinfo,.learn-overview__hero,.learn-summary__grid,.learn-overview__grid,.admin-overview-card__grid,.explain-form-grid{grid-template-columns:1fr}}.lyrics-results{gap:.5rem;max-height:320px;margin-top:.6rem;display:grid;overflow-y:auto}.lyrics-result-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e8eaf0;border-radius:10px;gap:.2rem;width:100%;padding:.7rem .85rem;transition:border-color .15s,box-shadow .15s;display:grid}.lyrics-result-item:hover{border-color:var(--brand);box-shadow:0 0 0 2px #6558f51a}.lyrics-result-item__title{color:#0f172a;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.lyrics-result-item__meta{color:#94a3b8;font-size:.8rem}.lyrics-badge{color:#64748b;background:#f1f3f7;border-radius:5px;align-items:center;padding:.1rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.lyrics-badge--ok{color:#15803d;background:#dcfce7}.explain-editor{gap:.6rem;padding:0 1.25rem 1.25rem;display:grid}.explain-editor__hint{color:#94a3b8;padding:.5rem 0;font-size:.82rem}.explain-line{border:1px solid #e8eaf0;border-radius:10px;transition:border-color .15s;overflow:hidden}.explain-line:hover{border-color:#d4d0ff}.explain-line--open{border-color:var(--brand);box-shadow:0 0 0 1px #6558f51a}.explain-line__head{cursor:pointer;text-align:left;background:#f8fafc;border:none;align-items:center;gap:.75rem;width:100%;padding:.7rem .85rem;transition:background .1s;display:flex}.explain-line__head:hover{background:#f1f3f7}.explain-line--open .explain-line__head{background:#f0f0ff;border-bottom:1px solid #e8eaf0}.explain-line__seq{color:var(--brand);white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:700}.explain-line__lyric{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.88rem;overflow:hidden}.explain-line__meta{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.explain-line__badge{color:#166534;background:#dcfce7;border-radius:5px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.explain-line__badge--empty{color:#94a3b8;background:#f1f3f7}.explain-line__arrow{color:#94a3b8;font-size:.75rem;transition:transform .2s}.explain-line__arrow--open{transform:rotate(180deg)}.explain-line__body{gap:1rem;padding:.85rem;display:grid}.explain-section{gap:.4rem;display:grid}.explain-section__head{justify-content:space-between;align-items:center;display:flex}.explain-section__head h4{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:700}.explain-add-btn{color:var(--brand);cursor:pointer;background:0 0;border:1px dashed #c7c9d4;border-radius:6px;padding:.2rem .55rem;font-size:.74rem;transition:all .15s}.explain-add-btn:hover{border-color:var(--brand);background:#f8f7ff}.explain-items{gap:.4rem;display:grid}.explain-item{align-items:center;gap:.4rem;display:flex}.explain-item--stack{flex-direction:column;align-items:stretch;gap:.35rem}.explain-item__row{align-items:center;gap:.4rem;display:flex}.explain-input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:7px;min-width:0;padding:.4rem .55rem;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.explain-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px #6558f51a}.explain-input--word{width:100px;color:var(--brand);font-weight:600}.explain-input--phonetic{color:#94a3b8;width:90px;font-size:.76rem}.explain-input--meaning{flex:1}.explain-input--phrase{flex:1;font-weight:600}.explain-textarea{color:#334155;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:100%;padding:.5rem .6rem;font-family:inherit;font-size:.82rem;line-height:1.5}.explain-textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px #6558f51a}.explain-del-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;transition:background .15s;display:flex}.explain-del-btn:hover{background:#fecaca}.explain-empty-text{color:#cbd5e1;margin:0;font-size:.78rem;font-style:italic}.subtitle-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.lyrics-fixer-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lyrics-fixer{background:#fff;border-radius:16px;gap:1rem;width:100%;max-width:720px;min-height:min(820px,94vh);max-height:94vh;padding:1.25rem;display:grid;overflow-y:auto;box-shadow:0 20px 60px #0003}.lyrics-fixer__header{justify-content:space-between;align-items:center;display:flex}.lyrics-fixer__header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.lyrics-fixer__player{background:#f8fafc;border-radius:12px;gap:.6rem;padding:.85rem;display:grid}.lyrics-fixer__controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.lyrics-fixer__time{color:#64748b;font-variant-numeric:tabular-nums;font-size:.85rem}.lyrics-fixer__progress{color:var(--brand);margin-left:auto;font-size:.82rem;font-weight:600}.lyrics-fixer__progress-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.lyrics-fixer__progress-fill{background:var(--brand);border-radius:2px;height:100%;transition:width .1s linear}.lyrics-fixer__seek-bar{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0}.lyrics-fixer__seek-track{background:#e2e8f0;border-radius:3px;height:6px;position:relative}.lyrics-fixer__seek-fill{background:var(--brand);border-radius:3px;height:100%;position:absolute;top:0;left:0}.lyrics-fixer__seek-thumb{border:2px solid var(--brand);background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000026}.lyrics-fixer__seek-bar:hover .lyrics-fixer__seek-thumb,.lyrics-fixer__seek-bar:active .lyrics-fixer__seek-thumb{transform:translate(-50%,-50%)scale(1.2)}.lyrics-fixer__seek-hint{color:#94a3b8;font-size:.72rem}.lyrics-fixer__no-audio{color:#92400e;background:#fef3c7;border-radius:8px;padding:1rem;font-size:.86rem}.lyrics-fixer__tools{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.lyrics-fixer__offset{align-items:center;gap:.5rem;display:flex}.lyrics-fixer__offset label{color:#475569;white-space:nowrap;font-size:.84rem}.lyrics-fixer__offset input{border:1px solid #e2e8f0;border-radius:8px;width:90px;padding:.4rem .5rem;font-size:.86rem}.lyrics-fixer__auto{gap:.5rem;margin-left:auto;display:flex}.lyrics-fixer__hint{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.6rem .75rem}.lyrics-fixer__hint p{color:#0369a1;margin:0;font-size:.82rem;line-height:1.5}.lyrics-fixer__list{border:1px solid #e8eaf0;border-radius:10px;max-height:min(52vh,520px);overflow-y:auto}.lyrics-fixer__item{border-bottom:1px solid #f1f3f7;align-items:center;gap:.5rem;padding:.5rem .65rem;transition:background .1s,opacity .15s;display:flex}.lyrics-fixer__item:last-child{border-bottom:none}.lyrics-fixer__item:hover{background:#f8fafc}.lyrics-fixer__item--current{background:#f0f0ff}.lyrics-fixer__item--playing{background:#ede9fe}.lyrics-fixer__item--dragging{opacity:.4}.lyrics-fixer__item--dragover{border-top:2px solid var(--brand)}.lyrics-fixer__drag-handle{cursor:grab;color:#cbd5e1;letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 .15rem;font-size:.85rem}.lyrics-fixer__drag-handle:active{cursor:grabbing;color:var(--brand)}.lyrics-fixer__item-no{color:#64748b;cursor:pointer;background:#f1f3f7;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.lyrics-fixer__item--current .lyrics-fixer__item-no{background:var(--brand);color:#fff}.lyrics-fixer__item-time{color:#94a3b8;font-variant-numeric:tabular-nums;cursor:pointer;flex-shrink:0;width:52px;font-size:.76rem}.lyrics-fixer__item-time--untimed{color:#cbd5e1;cursor:default;font-style:italic}.lyrics-fixer__item-lyric{color:#334155;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.86rem;overflow:hidden}.lyrics-fixer__item-check{color:#16a34a;font-size:.9rem;font-weight:700}.lyrics-fixer__actions{justify-content:flex-end;gap:.6rem;display:flex}.lyrics-fixer__editor{border:1px solid #e8eaf0;border-radius:10px;gap:.5rem;padding:.75rem;display:grid}.lyrics-fixer__editor-head{color:#334155;justify-content:space-between;align-items:center;font-size:.86rem;font-weight:600;display:flex}.lyrics-fixer__editor-actions{gap:.4rem;display:flex}.lyrics-fixer__textarea{resize:vertical;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.6rem .7rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.6}.lyrics-fixer__textarea:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 2px #6558f51a}.lyrics-fixer__editor-hint{color:#94a3b8;font-size:.76rem;line-height:1.5}.lyrics-fixer__item-lyrics{cursor:pointer;flex:1;gap:.1rem;min-width:0;display:grid}.lyrics-fixer__item-en{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.lyrics-fixer__item-zh{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.lyrics-fixer__item-ops{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.25rem;display:flex}.lyrics-fixer__op-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f3f7;border:none;border-radius:6px;padding:.2rem .45rem;font-size:.72rem;transition:all .15s}.lyrics-fixer__op-btn:hover{color:#334155;background:#e2e8f0}.lyrics-fixer__op-btn--danger:hover{color:#dc2626;background:#fee2e2}.lyrics-fixer__op-btn--mark{color:var(--brand);background:#ede9fe;font-weight:600}.lyrics-fixer__op-btn--mark:hover{color:#4338ca;background:#ddd6fe}.lyrics-fixer__op-btn--marked{color:#16a34a;background:#dcfce7}.lyrics-fixer__op-btn--marked:hover{color:#15803d;background:#bbf7d0}.lyrics-fixer__op-btn--disabled{opacity:.4;cursor:not-allowed}.lyrics-fixer__op-btn--disabled:hover{color:#64748b;background:#f1f3f7}.lyrics-fixer__item-edit{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;display:flex}.lyrics-fixer__edit-input{border:1px solid #d4d0ff;border-radius:6px;flex:1;min-width:120px;padding:.35rem .5rem;font-size:.82rem}.lyrics-fixer__edit-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px #6558f51a}.lyrics-fixer__insert-row{background:#f0f9ff;border-bottom:1px solid #bae6fd;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .65rem;display:flex}.lyrics-fixer__insert-row .lyrics-fixer__edit-input{flex:1;min-width:120px}.lyrics-fixer__add-bottom{color:#94a3b8;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:0 0 10px 10px;width:100%;padding:.6rem;font-size:.82rem;transition:all .15s}.lyrics-fixer__add-bottom:hover{border-color:var(--brand);color:var(--brand);background:#f8f7ff}.lyrics-fixer__toast{color:#166534;text-align:center;background:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:.45rem .75rem;font-size:.82rem}.lyrics-fixer__align-msg{color:#1e40af;text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.55rem .85rem;font-size:.84rem}.lyrics-fixer__align-msg--loading{color:#92400e;background:#fef3c7;border-color:#fde68a}.lyrics-fixer__progress-text{color:var(--brand);margin-left:auto;font-size:.82rem;font-weight:600}@media (max-width:1024px){.admin-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-detail-cols,.admin-kp-grid{grid-template-columns:1fr}.now-playing{padding:1.35rem 1.5rem 1.1rem}.np-lyrics__text{font-size:1.2rem}.np-btn--play{width:52px;height:52px}}@media (max-width:768px){.admin-sidebar{transition:transform .2s;transform:translate(-100%)}.admin-main{margin-left:0}.admin-content{padding:1rem}.admin-form-grid{grid-template-columns:1fr}.admin-card__toolbar{flex-direction:column;align-items:stretch}.admin-search{min-width:0;max-width:none}.admin-filter{justify-content:space-between}.admin-stat-row{grid-template-columns:1fr 1fr}}.learn-page{gap:1rem;max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:grid}.learn-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.learn-header__info h1{color:#0f172a;margin:.35rem 0 .3rem;font-size:1.6rem;font-weight:800}.learn-header__meta{color:#64748b;margin:0;font-size:.88rem}.learn-header__desc{color:#94a3b8;margin:.4rem 0 0;font-size:.88rem;line-height:1.6}.learn-header__actions{flex-shrink:0;gap:.5rem;display:flex}.now-playing{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);border-radius:20px;padding:1.5rem 1.75rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #312e8140,0 2px 8px #00000014}.now-playing:before{content:"";pointer-events:none;background:radial-gradient(circle,#818cf833 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-60%;right:-20%}.now-playing:after{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa1f 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-40%;left:-10%}.now-playing audio{display:none}.np-lyrics{z-index:1;gap:.35rem;min-height:72px;margin-bottom:1.25rem;display:grid;position:relative}.np-lyrics__prev{color:#ffffff59;white-space:nowrap;text-overflow:ellipsis;padding-left:2.2rem;font-size:.92rem;transition:color .3s;overflow:hidden}.np-lyrics__prev--empty{visibility:hidden}.np-lyrics__current{align-items:flex-start;gap:.75rem;display:flex}.np-lyrics__icon{color:#fffc;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:.15rem;transition:all .3s;display:inline-flex}.now-playing--playing .np-lyrics__icon{color:#fff;background:#ffffff38;animation:2s ease-in-out infinite npPulse}@keyframes npPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.np-lyrics__text-wrap{flex:1;gap:.2rem;min-width:0;display:grid}.np-lyrics__text{color:#fff;word-break:break-word;text-shadow:0 1px 3px #00000026;font-size:1.3rem;font-weight:700;line-height:1.4}.np-lyrics__zh{color:#ffffff8c;font-size:.88rem;line-height:1.5}.np-progress{z-index:1;cursor:pointer;touch-action:none;background:#ffffff26;border-radius:3px;height:6px;transition:height .15s;position:relative}.np-progress:hover{height:8px}.np-progress--disabled{cursor:not-allowed;opacity:.4}.np-progress__fill{background:linear-gradient(90deg,#a5b4fc,#c4b5fd);border-radius:3px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.np-progress__thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 1px 4px #00000040}.np-progress:hover .np-progress__thumb,.np-progress:active .np-progress__thumb{transform:translate(-50%,-50%)scale(1)}.np-time{z-index:1;color:#ffffff80;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.4rem;font-size:.75rem;display:flex;position:relative}.np-controls{z-index:1;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex;position:relative}.np-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;line-height:0;transition:all .2s;display:inline-flex}.np-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.np-btn:disabled{opacity:.25;cursor:not-allowed}.np-btn--play{color:#312e81;background:#fffffff2;width:56px;height:56px;box-shadow:0 4px 16px #0003}.np-btn--play:hover:not(:disabled){color:#312e81;background:#fff;transform:scale(1.05)}.np-btn--play:active:not(:disabled){transform:scale(.97)}.np-btn--loop{color:#ffffff80}.np-btn--loop:hover:not(:disabled){color:#ffffffe6}.np-btn--placeholder{pointer-events:none;width:36px;height:36px}.np-position{z-index:1;color:#ffffff73;justify-content:center;align-items:center;gap:.6rem;margin-top:.75rem;font-size:.75rem;display:flex;position:relative}.np-position__index{color:#fff9;font-weight:600}.np-position__next{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.np-tip{z-index:1;text-align:center;color:#ffffff80;margin:.75rem 0 0;font-size:.82rem;position:relative}.learn-feedback{z-index:1;border-top:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.8rem;padding-top:.8rem;display:flex;position:relative}.learn-feedback--submitted{border-top:none;margin-top:.55rem;padding-top:0}.learn-feedback__label{color:#ffffffb8;white-space:nowrap;font-size:.82rem;font-weight:600}.learn-feedback__tags{flex-wrap:wrap;flex:1;gap:.55rem;min-width:180px;display:flex}.learn-feedback__tag{color:#ffffffc7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:.38rem .72rem;font-size:.78rem;transition:all .15s}.learn-feedback__tag:hover{background:#ffffff1f}.learn-feedback__tag--active{color:#fef3c7;background:#fbbf242e;border-color:#fbbf2480}.learn-feedback__tag--static{cursor:default}.learn-feedback__save{color:#ffffffeb;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.2rem .1rem;font-size:.8rem;font-weight:600}.learn-feedback__save:hover:not(:disabled){color:#fff}.learn-feedback__save:disabled{opacity:.5;cursor:default}.learn-feedback__msg{color:#ffffffb8;white-space:nowrap;font-size:.76rem}.learn-tip{color:#94a3b8;margin:.5rem 0 0;font-size:.82rem}.learn-current{background:#fff;border:1px solid #e8eaf0;border-radius:12px;overflow:hidden}.learn-current--empty{text-align:center;gap:.4rem;padding:2.5rem 1.5rem;display:grid}.learn-current--empty p{color:#334155;margin:0;font-size:1rem;font-weight:600}.learn-current--empty span{color:#94a3b8;font-size:.86rem}.learn-current__bar{background:#f8fafc;border-bottom:1px solid #f1f3f7;justify-content:space-between;align-items:center;padding:.6rem 1.15rem;font-size:.8rem;display:flex}.learn-current__seq{color:var(--brand);font-weight:700}.learn-current__time{color:#94a3b8;font-variant-numeric:tabular-nums}.learn-current__lyric{border-bottom:1px solid #f5f6fa;padding:1.25rem 1.15rem 1rem}.learn-current__en{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700;line-height:1.5}.learn-current__zh{color:#64748b;margin:.4rem 0 0;font-size:.92rem;line-height:1.6}.learn-explain{gap:.65rem;padding:.4rem .9rem .9rem;display:grid}.learn-explain__compact-head{background:linear-gradient(135deg,#f0f4ff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:8px;gap:.3rem;padding:.55rem .75rem;display:grid}.learn-compact-translation{color:#1e293b;margin:0;font-size:.88rem;font-weight:600;line-height:1.5}.learn-compact-function{color:#64748b;margin:0;font-size:.78rem;line-height:1.45}.learn-explain__block{gap:.4rem;display:grid}.learn-explain__block h3{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin:0;font-size:.78rem;font-weight:700;display:flex}.learn-explain__icon{background:var(--brand);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:inline-flex}.learn-words{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.4rem;display:grid}.learn-word{background:#f8fafc;border:1px solid #f1f3f7;border-radius:7px;padding:.45rem .6rem}.learn-word__head{align-items:baseline;gap:.4rem;margin-bottom:.15rem;display:flex}.learn-word__head strong{color:#0f172a;font-size:.88rem}.learn-word__phonetic{color:#94a3b8;font-size:.75rem}.learn-word p{color:#475569;margin:0;font-size:.78rem;line-height:1.45}.learn-phrases{gap:.4rem;display:grid}.learn-phrase{background:#f8fafc;border:1px solid #f1f3f7;border-radius:7px;padding:.5rem .6rem}.learn-phrase__head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.learn-phrase__head strong{color:var(--brand);font-size:.85rem}.learn-phrase__head span{color:#475569;font-size:.78rem}.learn-phrase__example{margin-top:.25rem}.learn-phrase__example p{color:#64748b;margin:0;font-size:.78rem;font-style:italic}.learn-grammar-list{gap:.4rem;display:grid}.learn-grammar{border-left:3px solid var(--brand);background:#f8fafc;border-radius:0 7px 7px 0;padding:.5rem .65rem}.learn-grammar strong{color:#0f172a;margin-bottom:.15rem;font-size:.84rem;display:block}.learn-grammar p{color:#475569;margin:0 0 .25rem;font-size:.78rem;line-height:1.5}.learn-grammar blockquote{color:#334155;background:#fff;border-radius:5px;margin:0;padding:.3rem .55rem;font-size:.78rem;font-style:italic;line-height:1.45}.learn-notes{color:#475569;background:#fffbeb;border:1px solid #fef3c7;border-radius:7px;margin:0;padding:.55rem .7rem;font-size:.82rem;line-height:1.6}.learn-no-explain{text-align:center;padding:1.25rem 1.15rem}.learn-no-explain p{color:#94a3b8;margin:0;font-size:.9rem}.learn-no-explain__sub{margin-top:.3rem!important;font-size:.82rem!important}.learn-lyrics-section{background:#fff;border:1px solid #e8eaf0;border-radius:12px;overflow:hidden}.learn-lyrics-toggle{cursor:pointer;color:#334155;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.15rem;font-size:.88rem;font-weight:600;transition:background .15s;display:flex}.learn-lyrics-toggle:hover{background:#f8fafc}.learn-lyrics-toggle__arrow{color:#94a3b8;transition:transform .2s}.learn-lyrics-toggle__arrow--open{transform:rotate(180deg)}.learn-lyrics-full{border-top:1px solid #f1f3f7;max-height:420px;padding:.35rem 0;overflow-y:auto}.learn-lyric-row{cursor:pointer;text-align:left;background:0 0;border:none;grid-template-columns:48px 28px minmax(0,1fr);align-items:start;gap:.6rem;width:100%;padding:.55rem 1.15rem;transition:background .12s;display:grid}.learn-lyric-row:hover{background:#f8fafc}.learn-lyric-row--active{background:#6558f50f}.learn-lyric-row--active .learn-lyric-row__text strong{color:var(--brand)}.learn-lyric-row__time{color:#94a3b8;font-variant-numeric:tabular-nums;padding-top:.1rem;font-size:.76rem}.learn-lyric-row__seq{color:#cbd5e1;padding-top:.1rem;font-size:.76rem;font-weight:600}.learn-lyric-row__text{gap:.1rem;min-width:0;display:grid}.learn-lyric-row__text strong{color:#334155;font-size:.88rem;font-weight:500;line-height:1.45}.learn-lyric-row__text small{color:#94a3b8;font-size:.78rem}.learn-mode-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.learn-mode-toggle{background:#fff;border:1px solid #e8eaf0;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.learn-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem 1rem;font-size:.84rem;font-weight:600;transition:all .15s}.learn-mode-btn:hover{color:#334155}.learn-mode-btn--active{background:var(--brand);color:#fff;box-shadow:0 2px 8px #6558f540}.learn-mode-btn--active:hover{color:#fff}.learn-mode-hint{color:#94a3b8;font-size:.8rem}.learn-manual{background:#fff;border:1px solid #e8eaf0;border-radius:12px;overflow:hidden}.learn-manual__scroll{max-height:70vh;overflow-y:auto}.learn-manual-item{border-bottom:1px solid #f1f3f7}.learn-manual-item:last-child{border-bottom:none}.learn-manual-item--active{background:#6558f508}.learn-manual-item--active .learn-manual-item__bar{background:#6558f50f}.learn-manual-item__bar{cursor:pointer;text-align:left;background:#fafbfc;border:none;border-bottom:1px solid #f5f6fa;align-items:center;gap:.75rem;width:100%;padding:.6rem 1.15rem;transition:background .12s;display:flex}.learn-manual-item__bar:hover{background:#f1f5f9}.learn-manual-item__seq{color:var(--brand);font-size:.8rem;font-weight:700}.learn-manual-item__time{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.76rem}.learn-manual-item__badge{color:#fff;background:var(--brand);border-radius:999px;margin-left:auto;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.learn-manual-item__lyric{padding:.85rem 1.15rem .5rem}.learn-manual-item__en{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.5}.learn-manual-item__zh{color:#64748b;margin:.25rem 0 0;font-size:.86rem;line-height:1.6}.learn-manual-item .learn-explain{padding:.25rem 1.15rem 1rem}.learn-manual-item .learn-no-explain{padding:.5rem 1.15rem 1rem}.learn-manual-item .learn-no-explain p{font-size:.82rem}@media (max-width:640px){.learn-header{flex-direction:column}.learn-words{grid-template-columns:1fr}.learn-current__en{font-size:1.1rem}}@media (max-width:768px){.topbar{border-radius:16px;flex-wrap:wrap;gap:.4rem;width:calc(100% - 1rem);margin:.5rem auto 0;padding:.6rem .85rem}.logo{font-size:.92rem}.topnav{border-top:1px solid #ffffff14;order:3;justify-content:space-around;gap:.15rem;width:100%;padding-top:.35rem}.topnav a{border-radius:10px;padding:.4rem .55rem;font-size:.82rem}.home-page,.detail-page,.learning-page{padding:1rem .85rem 2.5rem}.page-intro{border-radius:20px;padding:1.25rem 1.1rem}.page-intro h1{margin:.4rem 0 .5rem;font-size:1.5rem;line-height:1.2}.page-intro p{font-size:.88rem;line-height:1.6}.hero-actions{gap:.5rem;margin-top:1rem}.hero-actions .button{flex:1;min-height:42px;padding:0 .8rem;font-size:.88rem}.compact-stats{gap:.5rem;margin-top:.85rem}.compact-stat{text-align:center;border-radius:12px;flex:1;min-width:0;padding:.6rem .65rem}.compact-stat strong{font-size:1.05rem}.compact-stat span{font-size:.75rem}.section-block{border-radius:20px;margin-top:1rem;padding:1.1rem}.section-head{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.85rem}.section-head h2{font-size:1.25rem}.section-head p{max-width:100%;font-size:.84rem}.song-grid,.song-list{grid-template-columns:1fr;gap:.75rem}.song-card{border-radius:16px;grid-template-columns:1fr;gap:.7rem;padding:.9rem 1rem}.song-card__top{margin-bottom:.5rem}.song-card__title-row{flex-direction:column;align-items:flex-start;gap:.35rem}.song-card h3{font-size:1.02rem}.song-card__artist{font-size:.84rem}.song-card__desc{-webkit-line-clamp:2;font-size:.82rem}.song-card__meta{flex-wrap:wrap;gap:.75rem;font-size:.8rem}.song-card__footer .button{width:100%;min-height:40px;font-size:.86rem}.learn-page{gap:.75rem;padding:1rem .85rem 2.5rem}.learn-header__info h1{font-size:1.35rem}.learn-header__meta,.learn-header__desc{font-size:.82rem}.learn-header__actions{width:100%}.learn-header__actions .button{flex:1;min-height:38px;font-size:.84rem}.now-playing{border-radius:16px;padding:1.15rem 1.1rem 1rem}.np-lyrics{min-height:60px;margin-bottom:1rem}.np-lyrics__prev{padding-left:1.9rem;font-size:.82rem}.np-lyrics__icon{width:26px;height:26px}.np-lyrics__text{font-size:1.1rem}.np-lyrics__zh{font-size:.82rem}.np-controls{gap:.5rem;margin-top:.85rem}.np-btn--play{width:48px;height:48px}.np-btn--play svg{width:24px;height:24px}.np-btn--prev svg,.np-btn--next svg{width:22px;height:22px}.np-btn--loop svg{width:18px;height:18px}.np-btn--placeholder{width:28px;height:28px}.np-position__next{max-width:140px}.learn-mode-bar{flex-direction:column;align-items:stretch;gap:.4rem}.learn-mode-toggle{width:100%}.learn-mode-btn{text-align:center;flex:1;padding:.45rem .5rem;font-size:.82rem}.learn-mode-hint{text-align:center;font-size:.75rem}.learn-current{border-radius:14px}.learn-current__bar{padding:.5rem .9rem;font-size:.75rem}.learn-current__lyric{padding:.9rem .9rem .75rem}.learn-current__en{line-height:1.45;font-size:1.1rem!important}.learn-current__zh{font-size:.86rem}.learn-explain{gap:.55rem;padding:.3rem .75rem .75rem}.learn-explain__compact-head{padding:.45rem .6rem}.learn-explain__block h3{font-size:.74rem}.learn-explain__icon{width:16px;height:16px;font-size:.6rem}.learn-words{grid-template-columns:1fr;gap:.35rem}.learn-word{padding:.4rem .55rem}.learn-word__head strong{font-size:.84rem}.learn-word p{font-size:.76rem}.learn-phrase{padding:.45rem .55rem}.learn-phrase__head strong{font-size:.86rem}.learn-phrase__head span{font-size:.8rem}.learn-grammar{padding:.55rem .65rem}.learn-grammar strong{font-size:.84rem}.learn-grammar p{font-size:.8rem}.learn-grammar blockquote{padding:.35rem .55rem;font-size:.78rem}.learn-notes{padding:.55rem .65rem;font-size:.82rem}.learn-manual__scroll{max-height:none}.learn-manual-item__bar{padding:.5rem .85rem}.learn-manual-item__seq{font-size:.76rem}.learn-manual-item__time{font-size:.72rem}.learn-manual-item__badge{padding:.1rem .45rem;font-size:.68rem}.learn-manual-item__lyric{padding:.65rem .85rem .4rem}.learn-manual-item__en{font-size:.95rem}.learn-manual-item__zh{font-size:.8rem}.learn-manual-item .learn-explain{padding:.2rem .85rem .85rem}.learn-lyrics-section{border-radius:14px}.learn-lyrics-toggle{padding:.7rem .9rem;font-size:.84rem}.learn-lyric-row{grid-template-columns:42px 24px minmax(0,1fr);gap:.45rem;padding:.45rem .85rem}.learn-lyric-row__time,.learn-lyric-row__seq{font-size:.72rem}.learn-lyric-row__text strong{font-size:.84rem}.learn-lyric-row__text small{font-size:.74rem}.learning-columns{flex-direction:column}.learning-box{border-radius:16px;padding:1rem}.learning-box h2{font-size:1.1rem}.learning-item{padding:.65rem 0}.learning-item strong{font-size:.9rem}.learning-item span{font-size:.8rem}.eyebrow{padding:.3rem .65rem;font-size:.72rem}.button{border-radius:12px;min-height:42px;font-size:.88rem}.button--small{min-height:36px;padding:0 .85rem;font-size:.82rem}.empty-tip{padding:.5rem 0;font-size:.84rem}}.learn-word__head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.learn-word__pos{color:#6366f1;background:#eef2ff;border-radius:4px;padding:.05rem .35rem;font-size:.7rem;font-style:italic}.word-phonetic{flex-wrap:wrap;gap:.4rem;margin:.25rem 0;display:flex}.phonetic-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.76rem;line-height:1.3;transition:all .15s;display:inline-flex}.phonetic-btn:hover{border-color:var(--brand);background:#f5f3ff}.phonetic-btn--playing{border-color:var(--brand);background:#ede9fe;animation:.8s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.phonetic-label{color:#fff;text-align:center;border-radius:4px;min-width:1.1rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700;line-height:1.4}.phonetic-label--uk{background:#0284c7;color:#fff!important}.phonetic-label--us{background:#ea580c;color:#fff!important}.phonetic-btn--uk:hover{background:#f0f9ff;border-color:#0284c7}.phonetic-btn--us:hover{background:#fff7ed;border-color:#ea580c}.phonetic-btn--uk.phonetic-btn--playing{background:#e0f2fe;border-color:#0284c7}.phonetic-btn--us.phonetic-btn--playing{background:#ffedd5;border-color:#ea580c}.phonetic-text{color:#64748b;font-family:SF Mono,Menlo,Consolas,monospace}.phonetic-icon{opacity:.7;font-size:.85rem}.phonetic-btn:hover .phonetic-icon{opacity:1}.learn-phrase__usage{color:#64748b;margin:.25rem 0 0;font-size:.8rem;line-height:1.5}.learn-phrase--slang{background:#fef3c7!important;border-left-color:#f59e0b!important}.learn-explain__icon--slang{background:#f59e0b!important}.learn-explain__icon--expr{background:#ec4899!important}.learn-expr-list{gap:.6rem;display:grid}.learn-expr{background:#fdf2f8;border-left:3px solid #ec4899;border-radius:0 8px 8px 0;padding:.65rem .85rem}.learn-expr strong{color:#9d174d;margin-bottom:.3rem;font-size:.86rem;display:block}.learn-expr p{color:#374151;margin:0;font-size:.82rem;line-height:1.65}.learn-summary{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;gap:1.25rem;padding:1.5rem;display:grid}.learn-summary__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.learn-summary__theme{color:#475569;border-left:3px solid var(--brand);background:#fff;border-radius:10px;margin:0;padding:.75rem 1rem;font-size:.92rem;line-height:1.7}.learn-summary__section h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:.82rem;font-weight:700}.learn-summary__tags{flex-wrap:wrap;gap:.5rem;display:flex}.learn-summary__tag{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.82rem;display:inline-flex}.learn-summary__tag strong{color:var(--brand);font-weight:700}.learn-summary__tag em{color:#6366f1;font-size:.7rem;font-style:normal}.learn-summary__tag span{color:#64748b}.learn-summary__tag i{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:0 .3rem;font-size:.7rem;font-style:normal}.learn-summary__tag--phrase strong{color:#b45309}.learn-summary__grammar{flex-wrap:wrap;gap:.4rem;display:flex}.learn-summary__grammar-item{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;display:inline-flex}.learn-summary__grammar-item i{color:#15803d;background:#dcfce7;border-radius:4px;padding:0 .3rem;font-size:.7rem;font-style:normal}.learn-tabs{background:#f1f3f7;border-radius:12px;gap:.25rem;padding:.25rem;display:flex}.learn-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;padding:.6rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s}.learn-tab:hover{color:#334155}.learn-tab--active{color:var(--brand);background:#fff;box-shadow:0 1px 4px #00000014}.learn-lyrics-tab{background:#fff;border:1px solid #e8eaf0;border-radius:14px;overflow:hidden}.learn-vocab-tab{gap:1.25rem;display:grid}.learn-vocab-stats{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1rem;display:grid}.learn-vocab-stat{background:linear-gradient(135deg,#faf5ff,#eef2ff);border:1px solid #e9d5ff;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .4rem;display:flex}.learn-vocab-stat strong{color:var(--brand);font-size:1.35rem;font-weight:800;line-height:1}.learn-vocab-stat span{color:#64748b;font-size:.7rem;font-weight:500}.learn-vocab-theme{background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #e0e7ff;border-radius:14px;padding:1.25rem}.learn-vocab-theme h3{color:#6366f1;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.82rem;font-weight:700}.learn-vocab-theme p{color:#334155;margin:0;font-size:.92rem;line-height:1.7}.learn-vocab-section h3{color:#0f172a;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;font-weight:700;display:flex}.learn-vocab-section h3 span{color:#94a3b8;background:#f1f5f9;border-radius:10px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.learn-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;display:grid}.learn-vocab-card{background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:.75rem .9rem;transition:border-color .15s}.learn-vocab-card:hover{border-color:#c7c9d4}.learn-vocab-card--phrase{border-left:3px solid #f59e0b}.learn-vocab-card__head{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.learn-vocab-card__head strong{color:var(--brand);font-size:.92rem;font-weight:700}.learn-vocab-card--phrase .learn-vocab-card__head strong{color:#b45309}.learn-vocab-card__head em{color:#6366f1;background:#eef2ff;border-radius:4px;padding:.05rem .35rem;font-size:.7rem;font-style:normal}.learn-vocab-card__head i{color:#94a3b8;background:#f1f5f9;border-radius:4px;margin-left:auto;padding:.05rem .35rem;font-size:.7rem;font-style:normal}.learn-vocab-card p{color:#475569;margin:0;font-size:.82rem;line-height:1.5}.learn-vocab-grammar{flex-wrap:wrap;gap:.5rem;display:flex}.learn-vocab-grammar-item{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;display:inline-flex}.learn-vocab-grammar-item i{color:#15803d;background:#dcfce7;border-radius:4px;padding:0 .3rem;font-size:.7rem;font-style:normal}.learn-vocab-empty{text-align:center;color:#94a3b8;padding:3rem 1rem}.learn-vocab-empty p{margin:0 0 .35rem;font-size:1rem;font-weight:600}.learn-vocab-empty span{font-size:.84rem}@media (max-width:640px){.learn-tab{padding:.5rem;font-size:.8rem}.learn-vocab-grid{grid-template-columns:1fr}.learn-vocab-stats{grid-template-columns:repeat(2,1fr)}.learn-vocab-stat strong{font-size:1.15rem}.admin-summary__stats{grid-template-columns:repeat(2,1fr)}.learn-vocab-card__head i{margin-left:0}}@media (max-width:380px){.page-intro h1{font-size:1.3rem}.learn-current__en{font-size:1rem!important}.compact-stat strong{font-size:.95rem}.topnav a{padding:.35rem .4rem;font-size:.78rem}.now-playing{border-radius:14px;padding:1rem .95rem .85rem}.np-lyrics{min-height:54px;margin-bottom:.85rem}.np-lyrics__prev{padding-left:1.7rem;font-size:.78rem}.np-lyrics__text{font-size:1.02rem}.np-lyrics__zh{font-size:.78rem}.np-lyrics__icon{width:24px;height:24px}.np-btn--play{width:44px;height:44px}.np-btn--play svg{width:22px;height:22px}.np-controls{gap:.35rem}.np-position__next{display:none}}.admin-login{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.25rem;display:flex}.admin-login__card{border:1px solid var(--line);background:var(--panel-strong);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:.75rem;padding:2rem;display:flex}.admin-login__brand{flex-direction:column;gap:.2rem;margin-bottom:1rem;display:flex}.admin-login__brand strong{letter-spacing:-.02em;font-size:1.35rem}.admin-login__brand span{color:var(--text-soft);font-size:.85rem}.admin-login__label{color:var(--text-soft);font-size:.8rem;font-weight:600}.admin-login__input{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:.7rem .85rem;font-size:1rem}.admin-login__input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.admin-login__error{color:#d92d20;margin:0;font-size:.85rem}.admin-login__submit{width:100%;margin-top:.35rem}.admin-login__hint{color:var(--text-soft);margin:.5rem 0 0;font-size:.75rem;line-height:1.6}.admin-login__hint code{background:var(--brand-soft);color:var(--brand);border-radius:4px;padding:.1rem .3rem;font-size:.72rem}.admin-nav-item--button{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0}