: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,.journey-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.song-card{background:radial-gradient(circle at 100% 0,#6558f517,#0000 30%),linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #6558f51f;border-radius:24px;padding:1.2rem;transition:transform .22s,box-shadow .22s;box-shadow:0 18px 40px #1118270d}.song-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px #1118271a}.song-card__top{justify-content:space-between;align-items:center;gap:.8rem;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-weight:700}.song-card__desc{margin:.75rem 0 1rem;line-height:1.68}.song-card__tags{flex-wrap:wrap;margin-bottom:1rem}.song-card__footer{justify-content:space-between;align-items:center}.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;padding:1rem}.song-card:hover{box-shadow:none;transform:none}.song-card__top{margin-bottom:.75rem}.song-card__meta{color:var(--text-soft);flex-wrap:wrap;gap:.9rem;margin:.8rem 0 1rem;display:flex}.song-card__footer{justify-content:flex-end}.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:1;align-items:center;gap:.75rem;display:flex}.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-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-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-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-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;margin-top:.5rem;padding:.5rem .75rem;font-size:.82rem;line-height:1.5}.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;max-height:90vh;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:300px;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__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}}@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-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}.learn-player{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:1rem 1.15rem}.learn-player .audio-player{width:100%;height:40px}.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:1rem;padding:.5rem 1.15rem 1.15rem;display:grid}.learn-explain__block{gap:.6rem;display:grid}.learn-explain__block h3{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin:0;font-size:.82rem;font-weight:700;display:flex}.learn-explain__icon{background:var(--brand);color:#fff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:inline-flex}.learn-words{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.learn-word{background:#f8fafc;border:1px solid #f1f3f7;border-radius:8px;padding:.6rem .75rem}.learn-word__head{align-items:baseline;gap:.5rem;margin-bottom:.2rem;display:flex}.learn-word__head strong{color:#0f172a;font-size:.92rem}.learn-word__phonetic{color:#94a3b8;font-size:.78rem}.learn-word p{color:#475569;margin:0;font-size:.82rem;line-height:1.5}.learn-phrases{gap:.5rem;display:grid}.learn-phrase{background:#f8fafc;border:1px solid #f1f3f7;border-radius:8px;padding:.65rem .75rem}.learn-phrase__head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.learn-phrase__head strong{color:var(--brand);font-size:.9rem}.learn-phrase__head span{color:#475569;font-size:.82rem}.learn-phrase__example{margin-top:.35rem}.learn-phrase__example p{color:#64748b;margin:0;font-size:.82rem;font-style:italic}.learn-grammar-list{gap:.6rem;display:grid}.learn-grammar{border-left:3px solid var(--brand);background:#f8fafc;border-radius:0 8px 8px 0;padding:.65rem .75rem}.learn-grammar strong{color:#0f172a;margin-bottom:.25rem;font-size:.88rem;display:block}.learn-grammar p{color:#475569;margin:0 0 .35rem;font-size:.84rem;line-height:1.6}.learn-grammar blockquote{color:#334155;background:#fff;border-radius:6px;margin:0;padding:.4rem .65rem;font-size:.82rem;font-style:italic;line-height:1.5}.learn-notes{color:#475569;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;margin:0;padding:.65rem .75rem;font-size:.86rem;line-height:1.7}.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{grid-template-columns:1fr;gap:.75rem}.song-card{border-radius:16px;padding:.9rem 1rem}.song-card__top{margin-bottom:.5rem}.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{gap:.75rem;margin:.6rem 0 .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}.learn-player{border-radius:14px;padding:.75rem .85rem}.learn-player .audio-player{height:36px}.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:.75rem;padding:.35rem .9rem .9rem}.learn-explain__block h3{font-size:.76rem}.learn-explain__icon{width:18px;height:18px;font-size:.65rem}.learn-words{grid-template-columns:1fr;gap:.4rem}.learn-word{padding:.5rem .65rem}.learn-word__head strong{font-size:.88rem}.learn-word p{font-size:.8rem}.learn-phrase{padding:.55rem .65rem}.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}}.inline-lyrics{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%);border-radius:16px;gap:.5rem;padding:1.25rem 1.5rem;display:grid;box-shadow:0 4px 20px #4338ca26}.inline-lyrics__prev{color:#fff6;white-space:nowrap;text-overflow:ellipsis;padding-left:2rem;font-size:.95rem;overflow:hidden}.inline-lyrics__current{align-items:flex-start;gap:.85rem;display:flex}.inline-lyrics__icon{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:.15rem;font-size:.85rem;display:inline-flex}.inline-lyrics--playing .inline-lyrics__icon{animation:1.5s ease-in-out infinite inlinePulse}@keyframes inlinePulse{0%,to{background:#ffffff26;transform:scale(1)}50%{background:#ffffff4d;transform:scale(1.1)}}.inline-lyrics__text-wrap{flex:1;gap:.25rem;min-width:0;display:grid}.inline-lyrics__text{color:#fff;word-break:break-word;font-size:1.35rem;font-weight:700;line-height:1.4}.inline-lyrics__zh{color:#fff9;font-size:.95rem;line-height:1.5}@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}.inline-lyrics{border-radius:14px;padding:1rem 1.1rem}.inline-lyrics__prev{padding-left:1.8rem;font-size:.82rem}.inline-lyrics__text{font-size:1.1rem}.inline-lyrics__zh{font-size:.84rem}.inline-lyrics__icon{width:24px;height:24px;font-size:.75rem}}