*{box-sizing:border-box;margin:0;padding:0}
    html,body{font-family:'Segoe UI',sans-serif;background:#0f172a;color:#2d3748}
    
    :root{ --kai:'Georgia','Kaiti SC','STKaiti','KaiTi','楷体','TW-Kai',serif; }

    
    #wm-layer{
      position:fixed;top:0;left:0;width:100%;height:100%;
      pointer-events:none;
      z-index:99998;
      overflow:hidden;
    }
    #wm-layer canvas{
      display:block;
      width:100%;height:100%;
    }

    
    #main-nav {
      position: sticky; top: 0; z-index: 999;
      background: #0a1428;
      padding: 8px 12px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.4);
      border-bottom: 1px solid rgba(246,211,101,.15);
      transition: transform 0.3s ease;
    }
    #main-nav .nav-inner {
      display: flex; flex-wrap: wrap; gap: 4px;
      max-width: 1100px; margin: 0 auto;
    }
    #main-nav.nav-hidden { transform: translateY(-110%); }
    .nav-btn {
      background: linear-gradient(90deg,#1e3a5f,#2e527c); color: #e2e8f0;
      border: 1px solid rgba(246,211,101,.25); padding: 0 10px; border-radius: 16px;
      font-size: 0.82rem; font-weight: 600; cursor: pointer;
      transition: 0.2s; opacity: 0.88;
      white-space: nowrap; text-align: center;
      height: 36px; width: 140px;
      display: inline-flex; align-items: center; justify-content: center;
      overflow: hidden;
    }
    .nav-btn:hover { opacity: 1; border-color:rgba(246,211,101,.6); color:#fff8e8; }
    .nav-btn.active { opacity: 1; background:linear-gradient(90deg,#1e3a5f,#2e527c); color:#fde68a; border-color:rgba(246,211,101,.9); border-width:2px; box-shadow:0 2px 12px rgba(246,211,101,.4); }
    #search-nav-btn { }

    
    #main-nav { display: none !important; }
    
    #float-nav {
      position: fixed; bottom: 0; left: 0; right: 0; z-index: 9000;
      display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between;
      padding: 0 16px 10px;
      pointer-events: none;
    }
    body.nav-visible #float-nav { pointer-events: auto; }
    #float-nav #nav-left, #float-nav #nav-right {
      display: flex; flex-direction: row; align-items: flex-end; gap: 8px;
    }
    #float-nav #btoc-slot { display: contents; }

    
    #float-nav .float-btn,
    #btoc-slot > a {
      width: 44px; height: 44px; border-radius: 50%;
      border: 1px solid rgba(246,211,101,.5);
      background: linear-gradient(135deg,#1e3a5f,#2e527c);
      color: #fde68a; font-size: 1.15rem; cursor: pointer;
      box-shadow: 0 4px 14px rgba(0,0,0,.35);
      align-items: center; justify-content: center;
      flex-shrink: 0; text-decoration: none;
      transform: translateY(60px); opacity: 0;
      transition: transform .3s cubic-bezier(.4,0,.2,1), opacity .25s ease;
    }
    #float-nav .float-btn { display: flex; }
    #btoc-slot > a { display: none; }  
    #float-nav .float-btn.search { background: linear-gradient(135deg,#5b21b6,#7c3aed); color: #fff; border-color: rgba(196,181,253,.55); }

    
    body.nav-visible #float-nav .float-btn,
    body.nav-visible #btoc-slot > a {
      transform: translateY(0); opacity: 1;
    }
    body.nav-visible #btoc-slot > a                   { transition-delay: 0s; }
    body.nav-visible #float-nav .float-btn.modules   { transition-delay: .1s; }
    body.nav-visible #float-nav .float-btn.search    { transition-delay: .2s; }
    body.nav-visible #float-nav .float-btn:last-child { transition-delay: .3s; }

    
    body:not(.nav-visible) #btoc-slot > a                   { transition-delay: .3s; }
    body:not(.nav-visible) #float-nav .float-btn.modules   { transition-delay: .2s; }
    body:not(.nav-visible) #float-nav .float-btn.search    { transition-delay: .1s; }
    body:not(.nav-visible) #float-nav .float-btn:last-child { transition-delay: 0s; }

    
    body.nav-visible #float-nav .float-btn:hover,
    body.nav-visible #btoc-slot > a:hover {
      transform: translateY(0) scale(1.08);
      box-shadow: 0 6px 20px rgba(246,211,101,.45);
    }

    @media(max-width:600px){
      #float-nav { padding: 0 12px 8px; }
      #float-nav #nav-left, #float-nav #nav-right { gap: 6px; }
      #float-nav .float-btn, #btoc-slot > a { width: 40px; height: 40px; font-size: 1.05rem; }
    }

    
    #user-status-bar {
      display: none;
      position: sticky; top: 0; z-index: 1000;
      background: #0a1428;
      padding: 6px 14px;
      font-size: 0.78rem; color: #fff8e8;
      text-align: center;
      border-bottom: 1px solid rgba(246,211,101,.35);
      align-items: center; justify-content: center; gap: 12px;
    }
    #user-status-bar.show { display: flex; }
    #user-status-bar .tier-badge {
      font-size: 0.7rem; padding: 2px 10px; border-radius: 10px;
      background: rgba(255,220,130,.25); color: #ffe088;
      font-weight: 600;
    }
    #user-status-bar .logout-link {
      color: #f87171; cursor: pointer; text-decoration: none;
      font-weight: 600;
    }
    #user-status-bar .logout-link:hover { color: #fca5a5; }

    
    .page { display: none; min-height: 100vh; }
    .page.active { display: block; }

    

    
    @keyframes bgShift {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
    }
    @keyframes fadeUp {
      from{opacity:0;transform:translateY(24px)}
      to{opacity:1;transform:translateY(0)}
    }
    @keyframes shimmer {
      0%{background-position:-200% center}
      100%{background-position:200% center}
    }

    #page-index {
      font-family:'Segoe UI',system-ui,sans-serif;
      background:linear-gradient(135deg,#0a1428 0%,#1e3a5f 30%,#0f1e3a 60%,#162d4a 100%);
      background-size:300% 300%;
      animation:bgShift 18s ease infinite;
      min-height:100vh;color:#fff;padding:0 20px 55px;
      position:relative; overflow:hidden;
    }
    
    #page-index > * { position:relative; z-index:1; }
    #page-index > .ib-beams { z-index:0; }
    #page-index .ib-beams { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
    #page-index .ib-haze { position:absolute; inset:0; pointer-events:none;
      background:radial-gradient(75% 65% at 6% 3%, rgba(196,226,246,.20), rgba(130,180,216,.06) 42%, transparent 70%);
      mix-blend-mode:screen; }
    #page-index .ib-godray { position:absolute; top:0; left:0; width:175%; height:175%; pointer-events:none;
      mix-blend-mode:screen; transform-origin:0 0; filter:blur(2px);
      -webkit-mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%);
              mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%); }
    #page-index .ib-godray.gr1 { opacity:.45;
      background:conic-gradient(from 78deg at 0% 0%,
        transparent 0deg, rgba(214,236,250,.55) 6deg, transparent 12deg,
        transparent 17deg, rgba(190,222,242,.40) 21deg, transparent 26deg,
        transparent 33deg, rgba(220,238,250,.60) 38deg, transparent 44deg,
        transparent 50deg, rgba(186,218,240,.38) 54deg, transparent 60deg,
        transparent 66deg, rgba(210,232,248,.50) 70deg, transparent 76deg,
        transparent 90deg);
      animation:ib-sway1 19s ease-in-out infinite; }
    #page-index .ib-godray.gr2 { opacity:.34;
      background:conic-gradient(from 80deg at 0% 0%,
        transparent 0deg, rgba(228,242,252,.45) 3deg, transparent 7deg,
        transparent 13deg, rgba(200,228,246,.30) 16deg, transparent 20deg,
        transparent 27deg, rgba(216,236,250,.42) 30deg, transparent 35deg,
        transparent 41deg, rgba(196,224,244,.28) 45deg, transparent 49deg,
        transparent 57deg, rgba(222,240,252,.40) 61deg, transparent 65deg,
        transparent 72deg, rgba(204,230,248,.30) 76deg, transparent 80deg,
        transparent 90deg);
      animation:ib-sway2 26s ease-in-out infinite; }
    #page-index .ib-dust { position:absolute; inset:0; pointer-events:none; }
    #page-index .ib-mote { position:absolute; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.85), rgba(200,225,245,.32) 50%, transparent 75%);
      opacity:0; animation:ib-float var(--md,11s) linear infinite var(--mt,0s); will-change:transform,opacity; }
    #page-index .ib-vignette { position:absolute; inset:0; pointer-events:none; background:radial-gradient(150% 110% at 12% 1%, transparent 52%, rgba(5,12,26,.4) 100%); }
    @keyframes ib-sway1 { 0%,100%{ transform:rotate(0deg); opacity:.36 } 50%{ transform:rotate(2.5deg); opacity:.54 } }
    @keyframes ib-sway2 { 0%,100%{ transform:rotate(0deg); opacity:.26 } 50%{ transform:rotate(-3deg); opacity:.42 } }
    @keyframes ib-float { 0%{opacity:0; transform:translate(0,0)} 14%{opacity:.7} 86%{opacity:.35} 100%{opacity:0; transform:translate(46px,-120px)} }
    @media (prefers-reduced-motion: reduce){
      #page-index .ib-godray, #page-index .ib-mote { animation:none !important; }
      #page-index .ib-mote{ opacity:.35; }
    }

    
    #page-index .hero {
      text-align:center;padding:34px 20px 34px;max-width:1100px;margin:0 auto;
      animation:fadeUp .7s ease both;
    }
    #page-index .hero-eyebrow {
      display:inline-flex;align-items:center;gap:8px;
      background:rgba(255,220,130,.18);border:1px solid rgba(255,220,130,.5);
      color:#ffe088;padding:5px 16px;border-radius:20px;
      font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
      margin-bottom:20px;
    }
    #page-index .hero h1 {
      font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.1;
      background:linear-gradient(100deg,#ffd770 0%,#fff3b8 25%,#ffffff 45%,#ffe088 65%,#ffc448 100%);
      background-size:200% auto;
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;
      background-clip:text;
      animation:shimmer 4s linear infinite;
      margin-bottom:14px;
      text-shadow:0 2px 20px rgba(0,0,0,.2);
    }
    
    #page-index .hero-flag {display:flex;height:5px;border-radius:3px;overflow:hidden;width:64px;margin:0 auto 14px}
    #page-index .hero-flag span {flex:1}
    #page-index .hf-black {background:#000}
    #page-index .hf-red {background:#d00}
    #page-index .hf-gold {background:#fc0}
    #page-index .hero-sub {
      color:rgba(255,245,230,.85);font-size:.95rem;line-height:1.55;margin-bottom:16px;
    }
    #page-index .hero-links {
      display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;
    }
    #page-index .hero-btn {
      display:inline-block;padding:7px 16px;font-size:.78rem;
      background:rgba(246,211,101,.07);border:1px solid rgba(246,211,101,.28);
      border-radius:20px;color:#fde68a;font-weight:600;
      text-decoration:none;letter-spacing:.02em;transition:.25s;
    }
    #page-index .hero-btn:hover {
      background:rgba(246,211,101,.16);border-color:rgba(246,211,101,.55);
    }
    
    #page-index .stats-bar {
      max-width:640px;margin:0 auto;
      background:linear-gradient(135deg,rgba(255,220,130,.06),rgba(255,220,130,.02));
      border:1px solid rgba(246,211,101,.14);border-radius:14px;
      padding:16px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;
    }
    #page-index .stats-bar .st-tagline {
      color:rgba(255,245,230,.8);font-size:.78rem;letter-spacing:.03em;text-align:center;
      line-height:1.5;
    }
    #page-index .stats-bar .st-grid {
      display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;
    }
    #page-index .stats-bar .st-card {
      display:flex;flex-direction:column;align-items:center;gap:1px;
      padding:10px 6px 8px;border-radius:10px;
      background:rgba(255,220,130,.04);
      border:1px solid rgba(246,211,101,.08);
      transition:border-color .25s,background .25s;
    }
    #page-index .stats-bar .st-card:hover {
      border-color:rgba(246,211,101,.22);background:rgba(255,220,130,.08);
    }
    #page-index .stats-bar .st-icon {font-size:1.15rem;margin-bottom:1px}
    #page-index .stats-bar .st-num {
      font-size:1.35rem;font-weight:800;line-height:1;
      background:linear-gradient(180deg,#ffe088 10%,#fff3b8 40%,#ffe088 80%);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    #page-index .stats-bar .st-plus {font-size:.75rem;vertical-align:super}
    #page-index .stats-bar .st-lbl {color:rgba(255,245,230,.65);font-size:.66rem;letter-spacing:.03em;margin-top:1px}
    #page-index .stats-bar .st-sub {color:rgba(255,245,230,.35);font-size:.58rem;letter-spacing:.02em}

    
    #page-index .sec-title {
      max-width:1100px;margin:0 auto 13px;
      display:flex;align-items:center;gap:10px;
      font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
      color:rgba(246,211,101,.45);
    }
    #page-index .sec-title::after {
      content:'';flex:1;height:1px;background:rgba(246,211,101,.14);
    }

    
    
    .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;max-width:1100px;margin:0 auto 36px}


.res-band{display:flex;align-items:center;gap:22px;max-width:1100px;margin:0 auto 8px;
  padding:22px 26px;border-radius:18px;text-decoration:none;
  background:linear-gradient(100deg,rgba(13,148,136,.16),rgba(45,212,191,.05) 58%,transparent);
  border:1px solid rgba(45,212,191,.30);border-left:4px solid #2dd4bf;
  transition:.22s}
.res-band:hover{transform:translateY(-2px);border-color:rgba(45,212,191,.55);
  background:linear-gradient(100deg,rgba(13,148,136,.26),rgba(45,212,191,.09) 58%,transparent)}
.res-band-icon{flex:none;width:52px;height:52px;border-radius:14px;display:flex;
  align-items:center;justify-content:center;font-size:1.6rem;
  background:rgba(45,212,191,.13);border:1px solid rgba(45,212,191,.26)}
.res-band-body{flex:1;min-width:0}
.res-band-eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.2em;
  color:rgba(45,212,191,.85);text-transform:uppercase;margin-bottom:7px}
.res-band-zh{font-size:1.04rem;font-weight:700;color:#e8f7f5;margin-bottom:5px}
.res-band-desc{font-size:.8rem;color:#8fb3b0;line-height:1.6;margin:0}
.res-band-go{flex:none;font-size:.82rem;font-weight:700;color:#5eead4;white-space:nowrap}
@media(max-width:600px){
  .res-band{gap:14px;padding:18px;align-items:flex-start}
  .res-band-icon{width:44px;height:44px;font-size:1.35rem}
  .res-band-desc{display:none}
  .res-band-go{display:none}
}
    #page-index .card{
      border-radius:14px;padding:16px 16px 14px;cursor:pointer;
      text-decoration:none;display:block;position:relative;overflow:hidden;
      border:1px solid rgba(246,211,101,.16);border-left:4px solid var(--ac,#f6d365);
      background:#10203c;
      transition:transform .25s,box-shadow .25s,border-color .25s,border-left-color .25s;
    }
    #page-index .card::after{
      content:'';position:absolute;inset:0;
      background:radial-gradient(90% 70% at 100% 0,color-mix(in srgb,var(--ac,#f6d365) 10%,transparent),transparent 55%),linear-gradient(135deg,rgba(246,211,101,.05),transparent 55%);
      pointer-events:none;
    }
    #page-index .card:hover{
      transform:translateY(-3px);
      box-shadow:0 10px 28px rgba(10,20,50,.55);
      border-color:rgba(246,211,101,.45);border-left-color:var(--ac,#f6d365);
    }
    
    #page-index .c1{background:linear-gradient(140deg,#0f1e3a,#1e3a5f)} 
    #page-index .c2{background:linear-gradient(140deg,#152744,#26456e)} 
    #page-index .c3{background:linear-gradient(140deg,#1a3050,#2e527c)} 
    #page-index .c4{background:linear-gradient(140deg,#1f3a5a,#3a5f8a)} 
    #page-index .c5{background:linear-gradient(140deg,#284464,#4d6f99)} 
    #page-index .c6{background:linear-gradient(140deg,#2f4a6a,#5a7ea8)} 
    #page-index .c7{background:linear-gradient(140deg,#365070,#6886a8)} 
    #page-index .c8{background:linear-gradient(140deg,#3d5573,#7693b8)} 
    
    #page-index .card-top {
      display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;
    }
    #page-index .card-icon-wrap {
      width:36px;height:36px;border-radius:10px;
      background:rgba(255,220,130,.2);
      display:flex;align-items:center;justify-content:center;
      font-size:1.3rem;flex-shrink:0;
    }
    #page-index .card-num {
      font-size:.64rem;font-weight:700;letter-spacing:.06em;
      color:rgba(255,220,130,.5);text-transform:uppercase;
    }
    #page-index .card h2{font-size:.98rem;margin-bottom:2px;font-weight:700;line-height:1.2;color:#fff8e8}
    #page-index .card .card-sub-de{display:block;font-size:.7rem;color:rgba(255,235,215,.5);margin-bottom:6px;letter-spacing:.04em}
    #page-index .card p{color:rgba(255,235,215,.75);font-size:.78rem;line-height:1.5;margin-bottom:8px}
    #page-index .card .tag{
      display:inline-block;background:rgba(255,220,130,.15);
      padding:2px 8px;border-radius:6px;font-size:.7rem;
      color:#ffe088;letter-spacing:.02em;
    }
    #page-index .card-arrow {
      position:absolute;bottom:22px;right:22px;
      font-size:.9rem;color:rgba(255,220,130,.4);
      transition:.2s;
    }
    #page-index .card:hover .card-arrow {color:#ffe088;transform:translateX(3px)}

    
    .hub-page{padding-bottom:20px}
    .hub-page .a1hub-hero{
      position:relative;max-width:1100px;margin:0 auto;padding:34px 24px 26px;text-align:center;
      animation:fadeUp .6s ease both;
    }
    .hub-page .a1hub-back{
      position:absolute;left:24px;top:24px;
      color:#fde68a;text-decoration:none;font-size:.8rem;font-weight:600;
      background:rgba(246,211,101,.08);border:1px solid rgba(246,211,101,.28);
      padding:6px 14px;border-radius:18px;transition:.2s;
    }
    .hub-page .a1hub-back:hover{background:rgba(246,211,101,.18);border-color:rgba(246,211,101,.55)}
    .hub-page .a1hub-eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      background:color-mix(in srgb,var(--hub,#ffdc82) 18%,transparent);
      border:1px solid color-mix(in srgb,var(--hub,#ffdc82) 55%,transparent);
      color:var(--hub,#ffe088);padding:5px 16px;border-radius:20px;
      font-size:.74rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px;
    }
    .hub-page .a1hub-hero h1{
      font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;line-height:1.1;margin-bottom:10px;
      background:linear-gradient(100deg,var(--hub,#ffd770),#ffffff 50%,var(--hub,#ffc448));
      background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
      background-clip:text;animation:shimmer 4s linear infinite;
    }
    .hub-page .a1hub-sub{color:rgba(255,245,230,.82);font-size:.9rem;line-height:1.6}
    
    .hub-page .a1hub-path{
      max-width:1100px;margin:0 auto 26px;
      display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
      background:var(--hub-soft,rgba(255,220,130,.07));
      border:1px solid color-mix(in srgb,var(--hub,#f6d365) 30%,transparent);
      border-radius:14px;padding:14px 20px;
    }
    .hub-page .a1hub-path-lbl{font-size:.82rem;font-weight:700;color:var(--hub,#ffe088);white-space:nowrap}
    .hub-page .a1hub-path-flow{
      display:flex;flex-wrap:wrap;align-items:center;gap:8px;
      color:rgba(255,245,230,.9);font-size:.84rem;font-weight:600;
    }
    .hub-page .a1hub-path-flow i{color:color-mix(in srgb,var(--hub,#f6d365) 65%,transparent);font-style:normal;font-weight:700}
    .hub-page .a1hub-sec{
      max-width:1100px;margin:0 auto 14px;
      display:flex;align-items:center;gap:10px;
      font-size:.7rem;font-weight:700;letter-spacing:.1em;color:color-mix(in srgb,var(--hub,#f6d365) 70%,transparent);
    }
    .hub-page .a1hub-sec::after{content:'';flex:1;height:1px;background:color-mix(in srgb,var(--hub,#f6d365) 18%,transparent)}
    
    .hub-page footer{
      text-align:center;max-width:1100px;margin:8px auto 0;padding:18px 20px;
      color:rgba(230,210,180,.45);font-size:.72rem;line-height:2;
      border-top:1px solid color-mix(in srgb,var(--hub,#f6d365) 14%,transparent);
    }
    
    .hub-page .a1hub-grid{
      display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
      gap:14px;max-width:1100px;margin:0 auto 30px;
    }
    .hub-page .a1hub-card{
      position:relative;display:block;text-decoration:none;
      background:linear-gradient(150deg,#13243f,#0f1c33);
      border:1px solid rgba(246,211,101,.16);border-left:3px solid var(--ac);
      border-radius:16px;padding:18px 18px 16px;overflow:hidden;
      transition:transform .25s,box-shadow .25s,border-color .25s;
    }
    .hub-page .a1hub-card::after{
      content:'';position:absolute;inset:0;pointer-events:none;
      background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--ac) 14%,transparent),transparent 60%);
    }
    .hub-page .a1hub-card:hover{
      transform:translateY(-4px);
      box-shadow:0 10px 28px rgba(8,16,40,.55);
      border-color:rgba(246,211,101,.45);border-left-color:var(--ac);
    }
    .hub-page .a1hub-step{
      position:absolute;top:14px;right:16px;
      font-size:1.5rem;font-weight:800;line-height:1;
      color:var(--ac);opacity:.28;
    }
    .hub-page .a1hub-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
    .hub-page .a1hub-icon{
      width:46px;height:46px;border-radius:13px;flex-shrink:0;
      display:flex;align-items:center;justify-content:center;font-size:1.5rem;
      background:color-mix(in srgb,var(--ac) 18%,transparent);
      border:1px solid color-mix(in srgb,var(--ac) 35%,transparent);
    }
    .hub-page .a1hub-skill{
      font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
      color:var(--ac);opacity:.85;margin-bottom:2px;
    }
    .hub-page .a1hub-titles h3{font-size:1.08rem;font-weight:700;color:#fff8e8;line-height:1.15;margin:0}
    .hub-page .a1hub-tip{
      color:#ffe9c8;font-size:.82rem;font-weight:600;line-height:1.45;margin:0 0 8px;
    }
    .hub-page .a1hub-desc{color:rgba(255,235,215,.6);font-size:.74rem;line-height:1.5;margin:0 0 12px}
    .hub-page .a1hub-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .hub-page .a1hub-tag{
      flex:1;display:inline-block;background:rgba(255,220,130,.1);
      padding:3px 9px;border-radius:7px;font-size:.66rem;color:#ffe088;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .hub-page .a1hub-go{
      flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--ac);transition:transform .2s;
    }
    .hub-page .a1hub-card:hover .a1hub-go{transform:translateX(3px)}
    @media (max-width:560px){
      .hub-page .a1hub-back{position:static;display:inline-block;margin-bottom:14px}
      .hub-page .a1hub-hero{padding-top:22px}
    }

    
    #page-index footer {
      text-align:center;color:rgba(230,180,160,.25);font-size:.78rem;
      padding:18px 20px;max-width:1100px;margin:0 auto;font-size:.72rem;
      border-top:1px solid rgba(246,211,101,.14);line-height:2;
    }

    
    #page-index .official-links {
      max-width:900px;margin:0 auto;
      padding:36px 20px 16px;
      text-align:center;
    }
    #page-index .official-links .ol-divider {
      display:flex;align-items:center;gap:16px;
      margin-bottom:28px;
    }
    #page-index .official-links .ol-divider::before,
    #page-index .official-links .ol-divider::after {
      content:'';flex:1;height:1px;
      background:linear-gradient(90deg,transparent,rgba(246,211,101,.2),transparent);
    }
    #page-index .official-links .ol-title {
      color:rgba(246,211,101,.45);font-size:.7rem;
      letter-spacing:2px;white-space:nowrap;
    }
    #page-index .official-links .ol-grid {
      display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
      gap:32px 40px;
    }
    #page-index .official-links .ol-item {
      display:flex;flex-direction:column;align-items:center;gap:10px;
      text-decoration:none;transition:.4s;
      padding:8px 12px;border-radius:12px;
    }
    #page-index .official-links .ol-item:hover {
      background:rgba(246,211,101,.04);
    }
    #page-index .official-links .ol-logo {
      height:52px;display:flex;align-items:center;justify-content:center;
      transition:.4s;
    }
    #page-index .official-links .ol-logo img {
      height:100%;width:auto;object-fit:contain;
      transition:.4s;
    }
    #page-index .official-links .ol-item:hover .ol-logo {
      transform:scale(1.06);
    }
    #page-index .official-links .ol-item:hover .ol-logo img {
      filter:drop-shadow(0 0 10px rgba(246,211,101,.25));
    }
    #page-index .official-links .ol-label {
      font-size:.68rem;color:rgba(200,210,225,.35);
      letter-spacing:.5px;transition:.4s;
    }
    #page-index .official-links .ol-item:hover .ol-label {
      color:rgba(246,211,101,.55);
    }
    @media (max-width:768px){
      #page-index .official-links .ol-grid { gap:20px 24px; }
      #page-index .official-links .ol-logo { height:40px; }
      #page-index .official-links .ol-label { font-size:.62rem; }
    }
    @media (max-width:420px){
      #page-index .official-links .ol-grid { gap:16px 18px; }
      #page-index .official-links .ol-logo { height:34px; }
    }


#page-resources .res-card {
  display:block;padding:14px 16px;border-radius:12px;
  background:rgba(15,30,58,.45);border:1px solid rgba(45,212,191,.1);
  color:rgba(200,220,230,.6);font-size:.82rem;text-decoration:none;
  transition:.3s;line-height:1.6;
}
#page-resources .res-card:hover {
  background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.28);
  color:rgba(226,232,240,.9);
}
#page-resources .res-card small {
  display:block;color:rgba(200,210,225,.3);font-size:.68rem;margin-top:3px;
}
    .badge{display:inline-block;background:linear-gradient(90deg,#1e3a5f,#2e527c);color:#fde68a;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:700;margin-top:10px;border:1px solid rgba(246,211,101,.25)}
    
    #page-index .about-wrap{max-width:1100px;margin:0 auto 24px}
    #page-index .about-wrap .about-hero{text-align:center;padding:20px 20px 16px;background:linear-gradient(180deg,rgba(246,211,101,.06),rgba(246,211,101,.02));border:1px solid rgba(246,211,101,.15);border-radius:14px;margin-bottom:16px}
    #page-index .about-wrap .about-hero h2{font-size:1.1rem;color:#f6d365;margin-bottom:4px}
    #page-index .about-wrap .about-hero p{font-size:.8rem;color:#64748b}
    #page-index .about-wrap section{margin-bottom:20px}
    #page-index .about-wrap section h3{font-size:.98rem;color:#fde68a;margin-bottom:10px;display:flex;align-items:center;gap:8px}
    #page-index .about-wrap section h3 .num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#b8860b,#f6d365);color:#0a1428;font-size:.78rem;font-weight:800;flex-shrink:0}
    #page-index .about-wrap section h4{font-size:.95rem;color:#cbd5e1;margin:12px 0 6px;font-weight:700}
    #page-index .about-wrap .acard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 18px;margin:10px 0}
    #page-index .about-wrap .acard.gold{border-color:rgba(246,211,101,.2);background:rgba(246,211,101,.04)}
    #page-index .about-wrap .acard.red{border-color:rgba(248,113,113,.2);background:rgba(248,113,113,.04)}
    #page-index .about-wrap .two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}
    #page-index .about-wrap .pain-box{background:rgba(248,113,113,.06);border:1px solid rgba(248,113,113,.18);border-radius:14px;padding:18px 20px}
    #page-index .about-wrap .pain-box h4{color:#fca5a5;margin-bottom:6px}
    #page-index .about-wrap .fix-box{background:rgba(52,211,153,.06);border:1px solid rgba(52,211,153,.18);border-radius:14px;padding:18px 20px}
    #page-index .about-wrap .fix-box h4{color:#6ee7b7;margin-bottom:6px}
    #page-index .about-wrap .loop-diagram{background:linear-gradient(135deg,#0a1428,#0f1e3a);border:2px solid rgba(246,211,101,.18);border-radius:20px;padding:24px 20px;margin:16px 0;text-align:center}
    #page-index .about-wrap .loop-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:6px 0}
    #page-index .about-wrap .loop-node{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;font-size:.88rem;font-weight:600;white-space:nowrap}
    #page-index .about-wrap .loop-node.gold{border-color:rgba(246,211,101,.4);color:#f6d365}
    #page-index .about-wrap .loop-arrow{color:rgba(246,211,101,.5);font-size:1.2rem;margin:0 4px}
    #page-index .about-wrap .loop-arrow.down{display:block;margin:4px 0}
    #page-index .about-wrap .loop-phase{font-size:.76rem;color:#64748b;margin:10px 0 4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
    #page-index .about-wrap .three-table{width:100%;border-collapse:collapse;margin:12px 0}
    #page-index .about-wrap .three-table th{background:linear-gradient(135deg,#1e293b,#334155);color:#f6d365;padding:10px 14px;text-align:left;font-size:.88rem}
    #page-index .about-wrap .three-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.88rem}
    #page-index .about-wrap .three-table tr:nth-child(even) td{background:rgba(255,255,255,.02)}
    #page-index .about-wrap .sell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:12px 0}
    #page-index .about-wrap .sell-card{background:linear-gradient(135deg,#0a1428,#1a2740);border:1px solid rgba(246,211,101,.15);border-radius:14px;padding:18px;text-align:center}
    #page-index .about-wrap .sell-card .num{font-size:1.8rem;color:#f6d365;font-weight:800}
    #page-index .about-wrap .sell-card .title{font-size:.9rem;color:#fde68a;font-weight:700;margin:6px 0 2px}
    #page-index .about-wrap .sell-card .desc{font-size:.78rem;color:#64748b}
    #page-index .about-wrap .tier-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}
    #page-index .about-wrap .tier-card{border-radius:14px;padding:20px 22px;text-align:center}
    #page-index .about-wrap .tier-card.free{background:rgba(52,211,153,.06);border:2px solid rgba(52,211,153,.2)}
    #page-index .about-wrap .tier-card.paid{background:rgba(246,211,101,.06);border:2px solid rgba(246,211,101,.25)}
    #page-index .about-wrap .tier-card h4{font-size:1.05rem;margin-bottom:6px}
    #page-index .about-wrap .tier-card.free h4{color:#6ee7b7}
    #page-index .about-wrap .tier-card.paid h4{color:#f6d365}
    #page-index .about-wrap .tier-card .pct{font-size:1.8rem;font-weight:800}
    #page-index .about-wrap .tier-card.free .pct{color:#34d399}
    #page-index .about-wrap .tier-card.paid .pct{color:#f6d365}
    #page-index .about-wrap blockquote{border-left:4px solid rgba(246,211,101,.4);margin:12px 0;padding:12px 18px;background:rgba(246,211,101,.04);border-radius:0 10px 10px 0;font-style:italic;color:#cbd5e1}
    #page-index .about-wrap ul,#page-index .about-wrap ol{padding-left:20px;margin:6px 0}
    #page-index .about-wrap li{margin-bottom:4px;color:#cbd5e1;font-size:.88rem}
    #page-index .about-wrap li strong{color:#f1f5f9}
    #page-index .about-wrap .user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
    #page-index .about-wrap .user-item{text-align:center;padding:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px}
    #page-index .about-wrap .user-item .icon{font-size:1.8rem}
    #page-index .about-wrap .user-item .label{font-weight:700;color:#fde68a;margin-top:4px;font-size:.88rem}
    #page-index .about-wrap .user-item .desc{font-size:.78rem;color:#64748b;margin-top:2px}
    #page-index .about-wrap .update-badge{text-align:center;padding:16px 20px;background:rgba(246,211,101,.06);border:1px solid rgba(246,211,101,.2);border-radius:14px;margin-top:16px}
    #page-index .about-wrap .update-badge p{font-size:1rem;color:#fde68a}

    @media(max-width:600px){.grid{grid-template-columns:1fr}#page-index .hero{padding:40px 10px 32px}}
  

    

#page-grammar {font-family:'Segoe UI',sans-serif;background:#eff6ff;color:#2d3748;padding:20px}
#page-grammar header {text-align:center;background:linear-gradient(135deg,#1a365d,#2b6cb0);color:#fff;padding:36px 24px 28px;border-radius:20px;margin-bottom:30px;box-shadow:0 6px 20px rgba(27,90,182,.35)}
#page-b1grammar {font-family:'Segoe UI',sans-serif;background:#eff6ff;color:#2d3748;padding:20px}
#page-b1grammar header {text-align:center;background:linear-gradient(135deg,#1a365d,#2b6cb0);color:#fff;padding:36px 24px 28px;border-radius:20px;margin-bottom:30px;box-shadow:0 6px 20px rgba(27,90,182,.35)}
    
    .hl-de{color:#2563eb;font-weight:700}
    .hl-red{color:#dc2626;font-weight:700}
    
    .vrb-group-row td{background:#2b6cb0!important;color:#fff;font-weight:700;font-size:.92rem;padding:8px 14px;letter-spacing:.3px}
    .vrb-sub-row td{background:#dbeafe!important;color:#1e40af;font-weight:700;font-size:.87rem;padding:6px 14px}
    header h1{font-size:2.2rem;letter-spacing:1px}
    header p{margin-top:8px;opacity:.85;font-size:1.05rem}
    
    .toc{background:#fff;border-radius:16px;padding:24px 28px;margin-bottom:28px;box-shadow:0 3px 12px rgba(0,0,0,.08)}
    .toc h2{font-size:1.2rem;color:#2b6cb0;margin-bottom:14px}
    .toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
    .toc-item,.toc-grid a{background:#ebf4ff;color:#2b6cb0;padding:8px 14px;border-radius:10px;font-size:.9rem;text-decoration:none;display:block;transition:.2s}
    .toc-item:hover,.toc-grid a:hover{background:#2b6cb0;color:#fff}
    
    .section{background:#fff;border-radius:16px;padding:28px 30px;margin-bottom:26px;box-shadow:0 3px 14px rgba(0,0,0,.08);scroll-margin-top:64px}
    #page-b1grammar .section{overflow-x:auto;border-left:3px solid rgba(184,134,11,.35)}
    .section-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #ebf4ff}
    .section-num{background:linear-gradient(135deg,#2b6cb0,#63b3ed);color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}
    .section-header h2{font-size:1.4rem;color:#2d3748}
    
    table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.93rem}
    th{background:#2b6cb0;color:#fff;padding:10px 14px;text-align:left}
    td{padding:9px 14px;border-bottom:1px solid #e2e8f0;color:#2d3748}
    tr:nth-child(even) td{background:#f7fafc}
    tbody tr:hover td{background:#ebf4ff}
    
    .tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}
    .tag-m{background:#bee3f8;color:#1a365d}
    .tag-f{background:#fed7e2;color:#702459}
    .tag-n{background:#c6f6d5;color:#22543d}
    .tag-pl{background:#fefcbf;color:#7b341e}
    .tag-ak{background:#e9d8fd;color:#44337a}
    .tag-r{background:#c6f6d5;color:#276749}
    .tag-irr{background:#fed7e2;color:#9b2c2c}
    .tag-pre{background:linear-gradient(135deg,#1e3a5f,#2b6cb0);color:#fde68a;display:inline-block;padding:4px 14px;border-radius:14px;font-size:.85rem;font-weight:700;border:1px solid rgba(246,211,101,.2);letter-spacing:.02em}
    .tag-der{background:#bee3f8;color:#1a365d;display:inline-block;padding:2px 10px;border-radius:10px;font-size:.82rem;font-weight:700}
    .tag-die{background:#fed7e2;color:#702459;display:inline-block;padding:2px 10px;border-radius:10px;font-size:.82rem;font-weight:700}
    .tag-das{background:#c6f6d5;color:#22543d;display:inline-block;padding:2px 10px;border-radius:10px;font-size:.82rem;font-weight:700}
    
    .rule-box{background:#fffbea;border:2px dashed #f6ad55;border-radius:12px;padding:16px 20px;margin:12px 0;font-size:.97rem;line-height:1.8}
    .rule-box .label{font-weight:700;color:#c05621;margin-right:6px}
    
    .ex-list{list-style:none;margin:12px 0}
    .ex-list li{background:#f0fff4;border-left:4px solid #48bb78;border-radius:0 10px 10px 0;padding:8px 14px;margin-bottom:7px}
    .ex-list li .de{font-weight:700;color:#276749}
    .ex-list .ex-item{background:#f0fff4;border-left:4px solid #48bb78;border-radius:0 10px 10px 0;padding:8px 14px;margin-bottom:7px}
    .ex-list li .cn{color:#475569;font-size:.87rem;display:block;margin-top:2px}
    
    .conj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:14px 0}
    .conj-box{border-radius:12px;padding:16px;border:1px solid #e2e8f0}
    .conj-box h4{font-size:1.05rem;color:#2b6cb0;margin-bottom:10px;text-align:center}
    .conj-box table{margin:0}
    .conj-box th{background:#ebf4ff;color:#2b6cb0}
    
    .hl-r{color:#c53030;font-weight:700}
    .hl-b{color:#2b6cb0;font-weight:700}
    .hl-g{color:#276749;font-weight:700}
    .hl-o{color:#c05621;font-weight:700}
    
    .alert{background:#fff5f5;border-left:4px solid #fc8181;border-radius:0 12px 12px 0;padding:12px 16px;margin:10px 0;font-size:.93rem}
    .alert strong{color:#c53030}
    
    .note{background:#ebf8ff;border-left:4px solid #63b3ed;border-radius:0 12px 12px 0;padding:12px 16px;margin:10px 0;font-size:.93rem}
    .note strong{color:#2b6cb0}
    
    #top-btn{position:fixed;bottom:28px;right:28px;background:#2b6cb0;color:#fff;border:none;border-radius:50%;width:46px;height:46px;font-size:1.3rem;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.25);z-index:999}
    @media(max-width:600px){header h1{font-size:1.5rem}.conj-grid{grid-template-columns:1fr}}

    
    .ph-alpha-bar{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 8px;padding:14px;background:#f7fafc;border-radius:12px}
    .ph-alpha-bar span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #bee3f8;border-radius:8px;font-size:1.05rem;font-weight:700;color:#2b6cb0}
    .ph-alpha-bar .ph-special{background:#fef3c7;border-color:#f6ad55;color:#c05621}
    .ph-cat-title{font-size:1.05rem;font-weight:700;color:#2b6cb0;margin:22px 0 12px;padding:6px 14px;background:#ebf4ff;border-left:4px solid #2b6cb0;border-radius:0 8px 8px 0}
    .ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;margin-bottom:18px}
    .ph-card{background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px;text-align:center}
    .ph-card.ph-umlaut{background:#fef9e7;border-color:#f6d860}
    .ph-card.ph-diph{background:#f0fff4;border-color:#9ae6b4}
    .ph-letter{font-size:1.7rem;font-weight:700;color:#2b6cb0;margin-bottom:4px;font-family:'Segoe UI',sans-serif}
    .ph-ipa{font-size:.88rem;color:#7c3aed;font-weight:600;margin-bottom:6px;font-family:'Courier New',monospace;background:#f3e8ff;display:inline-block;padding:1px 8px;border-radius:8px}
    .ph-desc{font-size:.82rem;color:#4a5568;line-height:1.55;margin-bottom:8px}
    .ph-ex{font-size:.88rem;line-height:1.8;color:#2d3748}
    .ph-long{color:#276749;font-weight:700}
    .ph-short{color:#c05621;font-weight:700}
    .ph-weak{color:#475569;font-weight:600}
    @media(max-width:600px){.ph-grid{grid-template-columns:repeat(2,1fr)}}

    
    .inline-ex{background:#f0f4ff;border-radius:14px;padding:18px 22px;margin:22px 0 0;border:2px solid #bee3f8}
    .inline-ex h4{color:#2b6cb0;font-size:1.05rem;margin-bottom:4px;display:flex;align-items:center;gap:8px}
    .ex-source{font-size:.75rem;color:#64748b;font-weight:400;display:block;margin-bottom:12px}
    .wb-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
    .wb-tag{background:#ebf4ff;color:#2b6cb0;padding:3px 11px;border-radius:14px;font-size:.87rem;font-weight:600}
    .inline-fill-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
    .inline-fill-item{background:#fff;border-radius:10px;padding:9px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.94rem;border:1.5px solid #e2e8f0;line-height:1.7}
    .inline-fill-item .hint-cn{font-size:.79rem;color:#9f7aea;margin-left:6px}
    .inline-fill-item .stem-hint{font-size:.79rem;color:#475569;margin-left:4px}
    .irev{font-size:.82rem;color:#c53030;font-weight:600;display:none;margin-left:4px}
    .irev.show{display:inline}
    .ex-check-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px}
    .btn-ex{background:linear-gradient(90deg,#2b6cb0,#63b3ed);color:#fff;border:none;padding:8px 20px;border-radius:18px;font-size:.88rem;font-weight:600;cursor:pointer;transition:.2s}
    .btn-ex:hover{transform:scale(1.03)}
    .ex-fb{font-size:.87rem;font-weight:600;color:#059669;min-height:18px}

    
    #page-lianxi{font-family:'Segoe UI',sans-serif;background:#f0fdf4;color:#2d3748;padding:20px}
    #page-lianxi header{text-align:center;background:linear-gradient(135deg,#065f46,#059669,#34d399);color:#fff;padding:36px 24px 28px;border-radius:20px;margin-bottom:30px;box-shadow:0 6px 20px rgba(6,95,70,.35)}
    #page-lianxi header h1{font-size:2.1rem;letter-spacing:.5px}
    #page-lianxi header p{margin-top:8px;opacity:.85;font-size:1rem}
    .lx-score-bar{background:linear-gradient(90deg,#065f46,#059669);color:#fff;border-radius:16px;padding:16px 24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 4px 14px rgba(6,95,70,.3)}
    .lx-score-bar .sv{font-size:2rem;font-weight:700}
    .lx-unit{background:#fff;border-radius:18px;padding:26px 28px;margin-bottom:26px;box-shadow:0 4px 16px rgba(0,0,0,.07)}
    .lx-unit-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #d1fae5}
    .lx-badge{background:linear-gradient(135deg,#059669,#34d399);color:#fff;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:700;white-space:nowrap}
    .lx-unit-head h2{font-size:1.2rem;color:#2d3748}
    .lx-unit-head .kap{font-size:.8rem;color:#475569;font-weight:400}
    .lx-rule{background:#f0fdf4;border:1.5px dashed #6ee7b7;border-radius:10px;padding:12px 16px;margin-bottom:14px;font-size:.9rem;line-height:1.7;color:#065f46}
    .lx-fill-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
    .lx-fill-item{background:#f9fafb;border-radius:10px;padding:9px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.93rem;border:1.5px solid #e5e7eb;line-height:1.8}
    .lx-fill-item .lx-hint{font-size:.78rem;color:#64748b;margin-left:5px}
    .lx-fill-item .lx-rev{font-size:.81rem;color:#dc2626;font-weight:600;display:none;margin-left:4px}
    .lx-fill-item .lx-rev.show{display:inline}
    .lx-dialog{background:#f8faff;border-radius:12px;padding:14px 18px;margin-bottom:14px;font-size:.93rem;line-height:2}
    .lx-dialog .sp-a{color:#1d4ed8;font-weight:700}
    .lx-dialog .sp-b{color:#065f46;font-weight:700}
    .lx-mc-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
    .lx-mc-item{background:#f9fafb;border-radius:10px;padding:10px 14px;border:1.5px solid #e5e7eb}
    .lx-mc-item p{font-size:.93rem;font-weight:600;margin-bottom:8px;color:#374151}
    .lx-mc-item .kq-opts{display:flex;flex-direction:column;gap:2px}
    .lx-mc-item label{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s}
    .lx-mc-item label:hover{background:#f3f4f6}
    .lx-mc-item label input[type=radio]{-webkit-appearance:radio;appearance:radio;accent-color:#059669;width:16px;height:16px;min-width:16px;flex-shrink:0;cursor:pointer;border:none;background:none;padding:0;margin:0}
    .lx-mc-fb{font-size:.8rem;font-weight:600;margin-top:6px;min-height:16px;color:#059669}
    .lx-mc-fb.ok{color:#059669} .lx-mc-fb.no{color:#dc2626}
    .lx-check-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
    .btn-lx{background:linear-gradient(90deg,#059669,#34d399);color:#fff;border:none;padding:9px 22px;border-radius:18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}
    .btn-lx:hover{transform:scale(1.03)}
    .btn-lx-reset{background:#fff;border:1.5px solid #d1d5db;color:#475569;padding:9px 18px;border-radius:18px;font-size:.88rem;cursor:pointer;transition:.2s}
    .btn-lx-reset:hover{background:#f3f4f6}
    .lx-unit-fb{font-size:.88rem;font-weight:600;color:#059669;min-height:18px}
    .lx-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:14px}
    .lx-vocab-item{background:#f0fdf4;border:1.5px solid #6ee7b7;border-radius:10px;padding:10px 14px;font-size:.9rem}
    .lx-vocab-item strong{color:#065f46;display:block;margin-bottom:2px}
    .lx-total-panel{text-align:center;background:linear-gradient(135deg,#065f46,#059669);color:#fff;border-radius:18px;padding:24px;margin-top:10px;box-shadow:0 6px 20px rgba(6,95,70,.3)}
    .lx-total-panel .big{font-size:3rem;font-weight:700;line-height:1.2}
    .lx-total-panel p{margin-top:8px;opacity:.85;font-size:1rem}
  

    

#page-hoeren {font-family:'Segoe UI',sans-serif;background:#faf5ff;color:#2d3748;padding:20px}
#page-hoeren header {text-align:center;background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;padding:36px 24px 28px;border-radius:20px;margin-bottom:30px;box-shadow:0 6px 20px rgba(107,33,168,.35)}
    header h1{font-size:2.1rem}
    header p{margin-top:8px;opacity:.85;font-size:1rem}
    .info-bar{background:#fff;border-radius:14px;padding:16px 22px;margin-bottom:24px;box-shadow:0 2px 10px rgba(0,0,0,.07);font-size:.93rem;color:#4a5568;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
    .info-bar strong{color:#6b21a8}
    
    .section{background:#1e293b;border-radius:18px;padding:28px 30px;margin-bottom:28px;box-shadow:0 4px 16px rgba(0,0,0,.3)}
    .section-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #f3e8ff}
    .sec-badge{background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;padding:6px 18px;border-radius:20px;font-size:.92rem;font-weight:700;white-space:nowrap}
    .section-head h2{font-size:1.3rem;color:#2d3748}
    
    .audio-card{background:linear-gradient(135deg,#faf5ff,#ede9fe);border:2px solid #c4b5fd;border-radius:14px;padding:20px 24px;margin-bottom:20px}
    .audio-title{font-size:1rem;font-weight:600;color:#6b21a8;margin-bottom:12px}
    .play-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
    .btn-play{background:#7c3aed;color:#fff;border:none;padding:10px 22px;border-radius:22px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}
    .btn-play:hover{background:#6b21a8;transform:scale(1.03)}
    .btn-play.playing{background:#dc2626}
    .btn-slow{background:#c4b5fd;color:#4c1d95;border:none;padding:10px 18px;border-radius:22px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}
    .btn-slow:hover{background:#a78bfa}
    .speed-label{font-size:.82rem;color:#7c3aed;margin-left:4px}
    
    .transcript-toggle{background:none;border:1.5px solid #9333ea;color:#9333ea;padding:7px 18px;border-radius:18px;font-size:.87rem;cursor:pointer;transition:.2s}
    .transcript-toggle:hover{background:#f3e8ff}
    .transcript{background:#fff;border:1.5px solid #e9d8fd;border-radius:12px;padding:16px 20px;margin-top:12px;display:none;line-height:1.9}
    .transcript.show{display:block}
    .transcript .speaker{font-weight:700;color:#6b21a8}
    .transcript .cn{color:#475569;font-size:.85rem;margin-left:8px}
    
    .q-list{margin-top:18px}
    .q-item{background:#faf5ff;border-radius:12px;padding:14px 18px;margin-bottom:12px}
    .q-tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.78rem;font-weight:700;margin-right:8px;vertical-align:middle;letter-spacing:.03em}
    .qt1{background:#6b21a8;color:#fff}
    .qt2{background:#1a56db;color:#fff}
    .qt3{background:#057a55;color:#fff}
    .qt4{background:#b45309;color:#fff}
    
    .ex-tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.73rem;font-weight:700;margin-right:7px;vertical-align:middle;letter-spacing:.02em}
    .ex1{background:#6b21a8;color:#fff}
    .ex2{background:#1e40af;color:#fff}
    .ex3{background:#065f46;color:#fff}
    .ex4{background:#92400e;color:#fff}
    .ex5{background:#0e4d6e;color:#fff}
    
    .score-pip{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:20px;border-radius:10px;background:#e2e8f0;color:#64748b;font-size:.71rem;font-weight:700;margin-left:10px;padding:0 7px;transition:background .25s,color .25s;vertical-align:middle;white-space:nowrap}
    .score-pip.got{background:#c6f6d5;color:#276749}
    .score-pip.miss{background:#fed7d7;color:#c53030}
    
    .ex-score-wrap{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}
    .ex-score-label{font-size:.78rem;color:#9f7aea;font-weight:600}
    .ex-score-val{font-size:.95rem;font-weight:700;color:#6b21a8;background:#ede9fe;padding:2px 12px;border-radius:14px;min-width:46px;text-align:center}
    .q-text{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:10px}
    .options{display:flex;flex-direction:column;gap:6px}
    .option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:.15s;border:1.5px solid #e2e8f0;background:#fff;font-size:.95rem;text-align:left;width:100%}
    .option:hover{border-color:#9333ea;background:#faf5ff}
    .option.correct{background:#f0fff4;border-color:#48bb78;color:#276749}
    .option.wrong{background:#fff5f5;border-color:#fc8181;color:#c53030}
    .option.reveal{background:#f0fff4;border-color:#48bb78;color:#276749}
    .option .letter{width:24px;height:24px;border-radius:50%;background:#e9d8fd;color:#6b21a8;font-weight:700;font-size:.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    
    .q-feedback{font-size:.9rem;margin-top:6px;font-weight:600;min-height:18px;color:#059669}
    .q-feedback.ok{color:#276749}
    .q-feedback.no{color:#c53030}
    
    #score-bar{background:linear-gradient(90deg,#6b21a8,#9333ea);color:#fff;border-radius:16px;padding:18px 24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 4px 14px rgba(107,33,168,.3)}
    #score-bar .s-val{font-size:2.2rem;font-weight:700}
    
    .nav-bar{text-align:center;margin-top:28px}
    .nav-bar a{display:inline-block;margin:6px;padding:10px 22px;border-radius:20px;text-decoration:none;font-weight:600;font-size:.93rem}
    
    .tts-note{background:#fffbea;border:1.5px dashed #f6ad55;border-radius:12px;padding:14px 18px;margin-bottom:22px;font-size:.9rem;color:#744210}
    
    .real-audio{width:100%;margin:8px 0;border-radius:8px;accent-color:#7c3aed}
    .audio-source-note{font-size:.78rem;color:#c4b5fd;margin-bottom:6px}
    @media(max-width:600px){header h1{font-size:1.5rem}.play-btns{flex-direction:column}}
      

    

#page-schreiben {font-family:'Segoe UI',sans-serif;background:linear-gradient(180deg,#0f172a,#1a2740,#1e3a5f);color:#e2e8f0;padding:20px}
#page-schreiben header {text-align:center;background:linear-gradient(135deg,#1a3a5c,#2c5f8a);color:#fff;padding:36px 24px 28px;border-radius:20px;margin-bottom:30px;box-shadow:0 6px 20px rgba(44,95,138,.35)}
    header h1{font-size:2.1rem}
    header p{margin-top:8px;opacity:.85}
    
    .level-card{background:#fff;border-radius:18px;padding:28px 30px;margin-bottom:28px;box-shadow:0 4px 16px rgba(0,0,0,.18);color:#2d3748}
    .level-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
    .level-badge{padding:6px 18px;border-radius:20px;font-size:.92rem;font-weight:700;white-space:nowrap;color:#fff}
    .lv1{background:linear-gradient(90deg,#2c5f8a,#3b82f6)}
    .lv2{background:linear-gradient(90deg,#1e40af,#6366f1)}
    .lv3{background:linear-gradient(90deg,#b8860b,#f6d365);color:#0a1428!important}
    .lv4{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
    .lv5{background:linear-gradient(90deg,#dc2626,#f87171)}
    .level-head h2{font-size:1.3rem;color:#1a1a2e}
    .level-desc{color:#64748b;font-size:.9rem;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid rgba(246,211,101,.35)}
    
    .prompt-box{background:rgba(30,58,95,.15);border:2px dashed rgba(246,211,101,.4);border-radius:12px;padding:16px 20px;margin-bottom:16px;font-size:.97rem;line-height:1.8;color:#2d3748}
    .prompt-box .task-label{font-weight:700;color:#1e3a5f;display:block;margin-bottom:6px;font-size:1rem}
    
    .vocab-help{background:rgba(44,95,138,.08);border-radius:10px;padding:14px 18px;margin-bottom:14px;font-size:.88rem;color:#2d3748}
    .vocab-help strong{color:#1e3a5f;display:block;margin-bottom:6px}
    .vocab-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
    .chip{background:rgba(44,95,138,.12);color:#1e3a5f;padding:3px 10px;border-radius:10px;font-size:.83rem;cursor:pointer;transition:.15s}
    .chip:hover{background:#2c5f8a;color:#fff}
    
    .write-area{width:100%;min-height:120px;border:2px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-size:1rem;font-family:inherit;resize:vertical;line-height:1.7;transition:.2s}
    .write-area:focus{outline:none;border-color:#2c5f8a;box-shadow:0 0 0 3px rgba(44,95,138,.15)}
    
    .word-count{font-size:.82rem;color:#64748b;text-align:right;margin-top:6px}
    
    .action-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;align-items:center}
    .btn-check-w{background:linear-gradient(90deg,#1e3a5f,#2c5f8a);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s}
    .btn-check-w:hover{transform:scale(1.04);box-shadow:0 4px 12px rgba(44,95,138,.35)}
    .btn-hint{background:#fff;border:1.5px solid #2c5f8a;color:#1e3a5f;padding:10px 20px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:.2s}
    .btn-hint:hover{background:rgba(44,95,138,.06)}
    .btn-clear{background:#fff;border:1.5px solid #e2e8f0;color:#64748b;padding:10px 18px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:.2s}
    .btn-clear:hover{background:#f8fafc}
    
    .feedback-box{background:rgba(30,58,95,.06);border-radius:12px;padding:16px 20px;margin-top:14px;display:none;line-height:1.8;color:#2d3748}
    .feedback-box.show{display:block}
    .feedback-box h4{font-size:1rem;color:#1e3a5f;margin-bottom:10px}
    .sample{background:rgba(246,211,101,.08);border-left:4px solid #b8860b;border-radius:0 10px 10px 0;padding:12px 16px;margin:8px 0;font-size:.95rem}
    .sample .de{font-weight:600;color:#1e3a5f}
    .sample .cn{color:#64748b;font-size:.85rem;display:block;margin-top:3px}
    
    .checklist{list-style:none;margin-top:10px}
    .checklist li{padding:5px 0;font-size:.9rem;display:flex;gap:8px;align-items:flex-start}
    .checklist li::before{content:"□";color:#64748b;flex-shrink:0;font-size:1rem}
    
    .hint-box{background:rgba(246,211,101,.1);border:1.5px dashed rgba(246,211,101,.5);border-radius:10px;padding:12px 16px;margin-top:10px;display:none;font-size:.9rem;color:#5c3d0a;line-height:1.8}
    .hint-box.show{display:block}
    
    .progress-bar{background:#e2e8f0;border-radius:10px;height:10px;margin:10px 0}
    .progress-fill{height:10px;border-radius:10px;background:linear-gradient(90deg,#b8860b,#f6d365);transition:width .4s}
    
    .nav-bar{text-align:center;margin-top:28px}
    .nav-bar a{display:inline-block;margin:6px;padding:10px 22px;border-radius:20px;text-decoration:none;font-weight:600;font-size:.93rem}
    
    .form-grid{display:grid;grid-template-columns:1fr 2fr;gap:10px 16px;align-items:center;margin:14px 0}
    .form-label{font-weight:600;color:#334155;font-size:.93rem}
    .form-input{border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:.95rem;font-family:inherit;transition:.2s;width:100%}
    .form-input:focus{outline:none;border-color:#2c5f8a}
    @media(max-width:600px){header h1{font-size:1.5rem}.form-grid{grid-template-columns:1fr}}
    
    .sim-samples{display:none;background:rgba(30,58,95,.06);border-radius:12px;padding:16px 20px;margin-top:14px;border-left:4px solid #b8860b}
    .sim-samples.show{display:block}
    .sim-samples h4{font-size:1rem;color:#1e3a5f;margin-bottom:10px}


    
    
    
    *{box-sizing:border-box;margin:0;padding:0}
#page-mix {font-family:'Segoe UI',sans-serif;background:#f5f3ff;color:#2d3748;padding:20px}

    
#page-mix header {
      text-align:center;
      background:linear-gradient(135deg,#4c1d95,#6b46c1,#9333ea);
      color:#fff;
      padding:36px 24px 28px;
      border-radius:20px;
      margin-bottom:30px;
      box-shadow:0 6px 20px rgba(107,70,193,.4)
    }
    header h1{font-size:2.1rem;letter-spacing:1px}
    header p{margin-top:8px;opacity:.88;font-size:1rem}

    
    #score-bar{
      background:linear-gradient(90deg,#4c1d95,#7c3aed);
      color:#fff;
      border-radius:16px;
      padding:18px 26px;
      margin-bottom:28px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      box-shadow:0 4px 16px rgba(107,70,193,.35)
    }
    #score-bar .s-label{font-size:.95rem;opacity:.85}
    #score-bar .s-val{font-size:2.4rem;font-weight:700;line-height:1}
    #score-bar .s-hint{font-size:.88rem;opacity:.82;max-width:360px;line-height:1.6}

    
    .section{
      background:#fff;
      border-radius:18px;
      padding:28px 30px;
      margin-bottom:28px;
      box-shadow:0 4px 16px rgba(0,0,0,.08)
    }
    .section-head{
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:22px;
      padding-bottom:14px;
      border-bottom:2px solid #ede9fe
    }
    .sec-badge{
      background:linear-gradient(135deg,#6b46c1,#9333ea);
      color:#fff;
      padding:6px 18px;
      border-radius:20px;
      font-size:.92rem;
      font-weight:700;
      white-space:nowrap;
      flex-shrink:0
    }
    .section-head h2{font-size:1.25rem;color:#2d3748}

    
    .btn{
      border:none;
      border-radius:22px;
      padding:10px 24px;
      font-size:.95rem;
      font-weight:600;
      cursor:pointer;
      transition:.2s
    }
    .btn-purple{background:#7c3aed;color:#fff}
    .btn-purple:hover{background:#6b21a8;transform:translateY(-1px)}
    .btn-outline{background:#fff;color:#7c3aed;border:2px solid #7c3aed}
    .btn-outline:hover{background:#f3e8ff}
    .btn-sm{padding:6px 16px;font-size:.87rem}

    
    .fill-input{
      border:2px solid #c4b5fd;
      border-radius:10px;
      padding:6px 12px;
      font-size:1rem;
      width:110px;
      outline:none;
      transition:.2s;
      text-align:center
    }
    .fill-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
    .fill-input.correct{border-color:#48bb78;background:#f0fff4;color:#276749}
    .fill-input.wrong{border-color:#fc8181;background:#fff5f5;color:#c53030}

    
    .art-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
    .art-item{
      background:#faf5ff;
      border-radius:12px;
      padding:14px 18px;
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
      font-size:1rem;
      line-height:1.8
    }
    .art-item .hint{font-size:.82rem;color:#9f7aea;margin-left:6px}
    .art-item .ans-reveal{
      font-size:.87rem;
      color:#c53030;
      font-weight:600;
      display:none
    }
    .art-item .ans-reveal.show{display:inline}

    
    .verb-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
      gap:12px;
      margin-bottom:20px
    }
    .verb-item{
      background:#faf5ff;
      border-radius:12px;
      padding:14px 18px;
      font-size:.97rem;
      line-height:2
    }
    .verb-item .inf{color:#7c3aed;font-weight:700}
    .verb-item .ans-reveal{
      font-size:.85rem;
      color:#c53030;
      font-weight:600;
      display:none
    }
    .verb-item .ans-reveal.show{display:inline}

    
    .reorder-list{display:flex;flex-direction:column;gap:22px;margin-bottom:20px}
    .reorder-item{background:#faf5ff;border-radius:14px;padding:18px 20px}
    .reorder-item .q-num{font-size:.87rem;font-weight:700;color:#7c3aed;margin-bottom:10px}
    
    .word-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:40px}
    .word-btn{
      background:#ede9fe;
      color:#4c1d95;
      border:2px solid #c4b5fd;
      border-radius:20px;
      padding:6px 14px;
      font-size:.93rem;
      font-weight:600;
      cursor:pointer;
      transition:.15s
    }
    .word-btn:hover{background:#ddd6fe;border-color:#7c3aed}
    .word-btn.used{opacity:.35;pointer-events:none}
    
    .answer-tray{
      min-height:42px;
      background:#fff;
      border:2px dashed #c4b5fd;
      border-radius:12px;
      padding:6px 10px;
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      margin-bottom:10px
    }
    .tray-word{
      background:#7c3aed;
      color:#fff;
      border:none;
      border-radius:16px;
      padding:5px 12px;
      font-size:.9rem;
      font-weight:600;
      cursor:pointer;
      transition:.15s
    }
    .tray-word:hover{background:#6b21a8}
    .reorder-feedback{font-size:.9rem;font-weight:600;min-height:20px;margin-top:4px}
    .reorder-feedback.ok{color:#276749}
    .reorder-feedback.no{color:#c53030}
    .reorder-item .ans-reveal{font-size:.85rem;color:#c53030;display:none;margin-top:4px}
    .reorder-item .ans-reveal.show{display:block}

    
    .reading-card{
      background:linear-gradient(135deg,#faf5ff,#ede9fe);
      border:2px solid #c4b5fd;
      border-radius:14px;
      padding:22px 26px;
      margin-bottom:20px;
      line-height:1.9;
      font-size:.98rem
    }
    .reading-card p{margin-bottom:10px}
    .tts-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
    .btn-speak{
      background:#7c3aed;color:#fff;border:none;
      padding:10px 22px;border-radius:22px;
      font-size:.93rem;font-weight:600;cursor:pointer;
      display:flex;align-items:center;gap:6px;transition:.2s
    }
    .btn-speak:hover{background:#6b21a8;transform:scale(1.03)}
    .btn-speak-slow{
      background:#c4b5fd;color:#4c1d95;border:none;
      padding:10px 18px;border-radius:22px;
      font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s
    }
    .btn-speak-slow:hover{background:#a78bfa}
    
    .rf-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
    .rf-item{background:#faf5ff;border-radius:12px;padding:14px 18px}
    .rf-q{font-size:.97rem;font-weight:600;color:#2d3748;margin-bottom:10px}
    .rf-cn{font-size:.83rem;color:#475569;font-weight:400}
    .rf-btns{display:flex;gap:10px}
    .rf-btn{
      border:2px solid #c4b5fd;
      background:#fff;
      color:#4c1d95;
      border-radius:20px;
      padding:7px 20px;
      font-size:.9rem;
      font-weight:700;
      cursor:pointer;
      transition:.15s
    }
    .rf-btn:hover{background:#ede9fe}
    .rf-btn.correct{background:#f0fff4;border-color:#48bb78;color:#276749}
    .rf-btn.wrong{background:#fff5f5;border-color:#fc8181;color:#c53030}
    .rf-btn.reveal{background:#f0fff4;border-color:#48bb78;color:#276749}
    .rf-feedback{font-size:.88rem;font-weight:600;margin-top:8px;min-height:16px}
    .rf-feedback.ok{color:#276749}
    .rf-feedback.no{color:#c53030}

    
    
    .vocab-pool{
      display:flex;flex-wrap:wrap;gap:10px;
      background:#faf5ff;border-radius:12px;
      padding:16px 18px;margin-bottom:20px;
      min-height:60px
    }
    .vocab-chip{
      background:#ede9fe;color:#4c1d95;
      border:2px solid #c4b5fd;border-radius:20px;
      padding:7px 16px;font-size:.93rem;font-weight:700;
      cursor:pointer;transition:.15s;user-select:none
    }
    .vocab-chip:hover{background:#ddd6fe;border-color:#7c3aed}
    .vocab-chip.placed{opacity:.3;pointer-events:none}
    
    .cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:20px}
    .cat-box{border-radius:14px;padding:14px 16px;min-height:120px}
    .cat-box.cat-food{background:#fff7ed;border:2px solid #fed7aa}
    .cat-box.cat-moebel{background:#ecfdf5;border:2px solid #a7f3d0}
    .cat-box.cat-beruf{background:#eff6ff;border:2px solid #bfdbfe}
    .cat-title{font-size:.87rem;font-weight:700;margin-bottom:8px}
    .cat-box.cat-food .cat-title{color:#c2410c}
    .cat-box.cat-moebel .cat-title{color:#065f46}
    .cat-box.cat-beruf .cat-title{color:#1e40af}
    .cat-subtitle{font-size:.78rem;font-weight:400;color:#475569}
    .cat-drop{display:flex;flex-wrap:wrap;gap:6px;min-height:36px;margin-top:8px}
    .placed-chip{
      border-radius:16px;padding:5px 12px;
      font-size:.87rem;font-weight:700;
      cursor:pointer;transition:.15s;border:none
    }
    .cat-food .placed-chip{background:#fed7aa;color:#9a3412}
    .cat-food .placed-chip:hover{background:#fdba74}
    .cat-moebel .placed-chip{background:#a7f3d0;color:#065f46}
    .cat-moebel .placed-chip:hover{background:#6ee7b7}
    .cat-beruf .placed-chip{background:#bfdbfe;color:#1e40af}
    .cat-beruf .placed-chip:hover{background:#93c5fd}
    
    .vocab-result{
      background:#faf5ff;border-radius:12px;padding:14px 18px;
      font-size:.93rem;line-height:1.8;display:none
    }
    .vocab-result.show{display:block}
    .vocab-result .ok-row{color:#276749;font-weight:600}
    .vocab-result .no-row{color:#c53030;font-weight:600}

    
    .check-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
    .overall-fb{
      font-size:.9rem;font-weight:600;color:#6b46c1;
      min-height:20px
    }

    
    .nav-bar{text-align:center;margin-top:30px;margin-bottom:10px}
    .nav-bar a{
      display:inline-block;margin:6px;
      padding:10px 22px;border-radius:20px;
      text-decoration:none;font-weight:600;font-size:.93rem;
      transition:.2s
    }
    .nav-bar a:hover{opacity:.85;transform:translateY(-2px)}

    
    @media(max-width:600px){
      header h1{font-size:1.5rem}
      .verb-grid{grid-template-columns:1fr}
      .cat-grid{grid-template-columns:1fr}
      .section{padding:20px 16px}
      .rf-btns{flex-direction:column}
    }
  

    
    
    * { box-sizing: border-box; margin: 0; padding: 0; }
#page-grammar .pf-section {
      font-family: 'Segoe UI', Comic Sans MS, sans-serif;
      background: #fffbeb;
      color: #333;
      padding: 20px;
    }

    
#page-grammar .pf-section header {
      text-align: center;
      background: linear-gradient(90deg, #f5a623, #f76b1c);
      border-radius: 20px;
      padding: 30px 20px 20px;
      margin-bottom: 30px;
      box-shadow: 0 4px 15px rgba(247,107,28,0.3);
    }
    header h1 { font-size: 2.2rem; color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }
    header p  { color: #fff3e0; font-size: 1.05rem; margin-top: 8px; }

    
    .card {
      background: #fff;
      border-radius: 18px;
      padding: 28px 30px;
      margin-bottom: 28px;
      box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    }
    .card h2 {
      font-size: 1.5rem;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    
    .formula {
      background: #fffbea;
      border: 2.5px dashed #f5a623;
      border-radius: 14px;
      padding: 18px 22px;
      font-size: 1.15rem;
      text-align: center;
      margin: 14px 0;
      line-height: 2;
    }
    .formula span.red   { color: #e53935; font-weight: 700; }
    .formula span.blue  { color: #1565c0; font-weight: 700; }
    .formula span.green { color: #2e7d32; font-weight: 700; }

    
    .hs-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin-top: 16px;
    }
    .hs-card { border-radius: 16px; padding: 20px; text-align: center; }
    .hs-card.haben { background: #e3f2fd; border: 2px solid #90caf9; }
    .hs-card.sein  { background: #fce4ec; border: 2px solid #f48fb1; }
    .hs-card h3 { font-size: 1.4rem; margin-bottom: 10px; }
    .hs-card .rule { font-size: 0.95rem; color: #555; margin-bottom: 10px; font-style: italic; }
    .hs-card ul { list-style: none; text-align: left; }
    .hs-card ul li { padding: 4px 0; font-size: 1rem; }

    
    table { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 0.97rem; }
    th { background: #4a90d9; color: #fff; padding: 10px 14px; text-align: left; }
    td { padding: 10px 14px; border-bottom: 1px solid #e0e0e0; }
    tr:nth-child(even) td { background: #f5f9ff; }
    .tag { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 0.82rem; font-weight: 600; }
    .tag.h { background: #bbdefb; color: #0d47a1; }
    .tag.s { background: #fce4ec; color: #880e4f; }

    
    .pattern-header td {
      background: #e8f0fe !important;
      font-weight: 700;
      color: #1a237e;
      font-size: 0.88rem;
      padding: 6px 14px !important;
      border-bottom: 2px solid #90caf9 !important;
    }
    .pattern-badge {
      display: inline-block;
      background: #1565c0;
      color: #fff;
      padding: 1px 10px;
      border-radius: 8px;
      font-size: 0.82rem;
      font-weight: 700;
      margin-right: 8px;
      letter-spacing: 0.5px;
    }
    .pattern-badge.special { background: #e65100; }
    .pattern-tip {
      background: #fff8e1;
      border-left: 4px solid #ffc107;
      border-radius: 0 10px 10px 0;
      padding: 10px 16px;
      margin-bottom: 14px;
      font-size: 0.95rem;
      color: #e65100;
      line-height: 1.6;
    }
    
    .vowel-header td {
      background: #1565c0 !important;
      color: #fff !important;
      font-weight: 700;
      font-size: 1rem;
      padding: 8px 14px !important;
      letter-spacing: 0.5px;
    }
    .vowel-badge {
      display: inline-block;
      background: #fff;
      color: #1565c0;
      padding: 1px 10px;
      border-radius: 8px;
      font-size: 0.95rem;
      font-weight: 800;
      margin-right: 10px;
    }

    
    .example-list { list-style: none; margin-top: 12px; }
    .example-list li {
      background: #f0f7ff;
      border-left: 4px solid #42a5f5;
      border-radius: 0 10px 10px 0;
      padding: 10px 14px;
      margin-bottom: 8px;
    }
    .example-list li .de { font-weight: 700; color: #1565c0; }
    .example-list li .cn { color: #777; font-size: 0.9rem; }

    
    .exercise { margin-bottom: 26px; }
    .exercise h3 { font-size: 1.15rem; margin-bottom: 12px; color: #444; }

    .fill-item {
      background: #f9f9f9;
      border: 1.5px solid #ddd;
      border-radius: 12px;
      padding: 12px 18px;
      margin-bottom: 10px;
      font-size: 1rem;
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .fill-item input {
      border: none;
      border-bottom: 2px solid #4a90d9;
      background: transparent;
      font-size: 1rem;
      width: 120px;
      outline: none;
      text-align: center;
      color: #1a237e;
    }
    .fill-item .hint { font-size: 0.8rem; color: #999; }

    .hs-question {
      background: #fffde7;
      border: 1.5px solid #ffe082;
      border-radius: 12px;
      padding: 12px 18px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    .hs-question .sentence { font-size: 1rem; flex: 1; }
    .hs-btns { display: flex; gap: 8px; }
    .hs-btn {
      padding: 6px 18px;
      border: none;
      border-radius: 20px;
      font-size: 0.95rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s;
    }
    .hs-btn.haben-btn { background: #90caf9; color: #0d47a1; }
    .hs-btn.sein-btn  { background: #f48fb1; color: #880e4f; }
    .hs-btn:hover { opacity: 0.8; transform: scale(1.05); }
    .hs-btn.correct   { background: #a5d6a7 !important; color: #1b5e20 !important; }
    .hs-btn.incorrect { background: #ef9a9a !important; color: #b71c1c !important; }

    .match-area { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 10px; }
    .match-col { display: flex; flex-direction: column; gap: 8px; }
    .match-item {
      padding: 10px 16px;
      border-radius: 12px;
      font-size: 1rem;
      cursor: pointer;
      text-align: center;
      transition: all 0.2s;
      user-select: none;
    }
    .match-item.verb     { background: #e8eaf6; border: 2px solid #9fa8da; color: #283593; font-weight: 700; }
    .match-item.partizip { background: #e8f5e9; border: 2px solid #a5d6a7; color: #1b5e20; }
    .match-item.selected { border-width: 3px; transform: scale(1.04); }
    .match-item.matched  { opacity: 0.5; cursor: default; }
    .match-item.wrong-flash { background: #ffcdd2 !important; border-color: #e57373 !important; }

    .btn-check {
      display: block;
      margin: 16px auto 0;
      padding: 11px 34px;
      background: linear-gradient(90deg, #43a047, #66bb6a);
      color: #fff;
      border: none;
      border-radius: 25px;
      font-size: 1.05rem;
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 3px 10px rgba(67,160,71,0.35);
      transition: transform 0.15s;
    }
    .btn-check:hover { transform: scale(1.04); }

    .result-msg { text-align: center; margin-top: 12px; font-size: 1.1rem; font-weight: 700; min-height: 28px; }
    .result-msg.good { color: #2e7d32; }
    .result-msg.bad  { color: #c62828; }

    .chant {
      background: linear-gradient(135deg, #fff3e0, #ffe0b2);
      border-left: 5px solid #fb8c00;
      border-radius: 14px;
      padding: 18px 22px;
      font-size: 1.05rem;
      line-height: 2.1;
    }
    .chant strong { color: #e65100; }

    #score-panel {
      text-align: center;
      background: linear-gradient(90deg, #7b1fa2, #ab47bc);
      color: #fff;
      border-radius: 16px;
      padding: 20px;
      margin-bottom: 28px;
      font-size: 1.1rem;
    }
    #score-panel span { font-size: 2rem; font-weight: 700; }

    @media(max-width: 600px) {
      .hs-grid, .match-area { grid-template-columns: 1fr; }
      header h1 { font-size: 1.6rem; }
    }
  

    
    #top-btn { z-index: 100 !important; }

    

    
    #main-nav .nav-inner {
      flex-wrap: wrap !important;
      overflow-x: visible;
    }
    .nav-btn { white-space: nowrap; }

    
    .tbl-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      border-radius: 8px;
      width: 100%;
    }
    
    .tbl-scroll > table {
      width: max-content !important;
      min-width: 100%;
    }

    
    @media (max-width: 600px) {
      #main-nav { padding: 8px; }
      #main-nav .nav-inner { gap: 6px; display: grid; grid-template-columns: repeat(3, 1fr); flex-wrap: unset; }
      #main-nav::-webkit-scrollbar { display: none; }
      .nav-btn { font-size: 0.74rem; height: 40px; width: 100%; min-width: 0; padding: 0 6px; white-space: normal; line-height: 1.15; }
      #page-index { padding: 8px !important; }
      #page-grammar, #page-b1grammar, #page-hoeren, #page-schreiben,
      #page-mix, #page-grammar .pf-section, #page-lesen,
      #page-a2grammar, #page-a2lesen, #page-a2hoeren, #page-a2schreiben { padding: 8px !important; }
      
      .section    { padding: 14px 12px !important; }
      .level-card { padding: 14px 12px !important; }
      #page-grammar .pf-section .card { padding: 14px 12px !important; margin-bottom: 14px !important; }
      
      #page-grammar .pf-section table th,
      #page-grammar .pf-section table td { padding: 7px 8px !important; font-size: 0.85rem !important; }
      #page-grammar .pf-section .tag { padding: 1px 5px !important; font-size: 0.72rem !important; }
      #page-grammar .pf-section .pattern-header td,
      #page-grammar .pf-section .vowel-header td { padding: 5px 8px !important; font-size: 0.8rem !important; }
      #page-grammar .pf-section .pattern-badge { padding: 1px 7px !important; font-size: 0.74rem !important; }
      #page-grammar .pf-section .vowel-badge { font-size: 0.85rem !important; padding: 1px 7px !important; }
      
      .level-head, .section-head, .section-header {
        flex-wrap: wrap;
        gap: 8px !important;
      }
      
      .level-badge, .sec-badge {
        white-space: normal !important;
        font-size: 0.82rem !important;
      }
      .section-head h2, .level-head h2, .section-header h2 {
        font-size: 1.1rem !important;
        width: 100%;
      }
      
      #wp-da-list-g > li, #wp-da-list-lx > li {
        flex-wrap: wrap !important;
        gap: 4px 8px !important;
      }
      #wp-da-list-g > li > span[style*="flex:1"],
      #wp-da-list-lx > li > span[style*="flex:1"] {
        flex: 1 1 100% !important;
        min-width: 0 !important;
      }
      #wp-fill-g input[type="text"], #wp-fill-lx input[type="text"] {
        width: 55px !important;
        font-size: .82rem !important;
        padding: 2px 5px !important;
      }
      
      #wp-cube-g, #wp-cube-lx {
        max-width: 100% !important;
      }
      
      #s16b table, #page-lixiangqin .lx-unit table {
        font-size: .78rem !important;
      }
      #s16b table th, #s16b table td {
        padding: 5px 6px !important;
      }
      
      #wp-tip-g, #wp-tip-lx {
        font-size: .82rem !important;
        padding: 8px 10px !important;
      }
      
      #wp-fill-g, #wp-fill-lx {
        font-size: .85rem !important;
        line-height: 2.4 !important;
        padding-left: 18px !important;
      }
      
      #s16b .rule-box {
        font-size: .84rem !important;
        padding: 10px 12px !important;
      }
      
      #page-lixiangqin .lx-unit > div[style*="padding:1.2rem"] {
        padding: .8rem .7rem !important;
      }

      
      #page-b1grammar header { padding: 20px 14px 16px !important; border-radius: 14px !important; }
      #page-b1grammar header h1 { font-size: 1.3rem !important; }
      #page-b1grammar header p { font-size: .82rem !important; margin-top: 4px !important; }
      #page-b1grammar .toc { padding: 14px 10px !important; }
      #page-b1grammar .toc-grid { grid-template-columns: 1fr !important; }
      #page-b1grammar .section { padding: 14px 10px !important; margin-bottom: 14px !important; }
      #page-b1grammar .section-header { gap: 8px !important; flex-wrap: wrap !important; }
      #page-b1grammar .section-num { width: 32px !important; height: 32px !important; font-size: .95rem !important; }
      #page-b1grammar table { font-size: .78rem !important; }
      #page-b1grammar table th, #page-b1grammar table td { padding: 5px 6px !important; }
      #page-b1grammar .rule-box { padding: 10px 12px !important; font-size: .84rem !important; }
      #page-b1grammar .note { padding: 8px 10px !important; font-size: .82rem !important; }
      #page-b1grammar .alert { padding: 8px 10px !important; font-size: .82rem !important; }
      #page-b1grammar .ex-item { font-size: .84rem !important; padding: 6px 10px !important; }
      #page-b1grammar .ex-list li { font-size: .84rem !important; padding: 6px 10px !important; }
      #page-b1grammar .passiv-core-card { padding: .7rem .85rem !important; margin: .7rem 0 !important; }
      #page-b1grammar .passiv-core-card .core-body { font-size: .82rem !important; }
      #page-b1grammar .passiv-core-card .core-body ul { margin-left: 1rem !important; }
      #page-b1grammar .passiv-helper-card { padding: .7rem .85rem !important; }
      #page-b1grammar .passiv-helper-card table { font-size: .76rem !important; }
      #page-b1grammar .passiv-helper-card thead th { padding: .4rem .5rem !important; font-size: .76rem !important; white-space: normal !important; word-break: keep-all !important; }
      #page-b1grammar .passiv-helper-card tbody td { padding: .35rem .5rem !important; font-size: .76rem !important; }
      #page-b1grammar .passiv-helper-card tbody td.tense-label { font-size: .74rem !important; }
      
      #page-b1grammar div[style*="overflow-x:auto"] { -webkit-overflow-scrolling: touch !important; }
      
      #page-b1grammar table[style*="min-width:720px"] { font-size: .74rem !important; }
      #page-b1grammar table[style*="min-width:720px"] th,
      #page-b1grammar table[style*="min-width:720px"] td { padding: .35rem .4rem !important; }
    }

    
    @media (max-height: 500px) and (orientation: landscape) {
      #main-nav { padding: 4px 8px; }
      #main-nav .nav-inner { gap: 4px; display: grid; grid-template-columns: repeat(6, 1fr); flex-wrap: unset; }
      #main-nav::-webkit-scrollbar { display: none; }
      .nav-btn { font-size: 0.72rem; height: 34px; width: 100%; min-width: 0; padding: 0 6px; white-space: normal; line-height: 1.1; }
      #page-index { padding: 8px 12px !important; }
      #page-grammar, #page-b1grammar, #page-hoeren, #page-schreiben,
      #page-mix, #page-grammar .pf-section, #page-lesen,
      #page-a2grammar, #page-a2lesen, #page-a2hoeren, #page-a2schreiben { padding: 8px 12px !important; }
      
      #page-index header {
        padding: 16px 16px 12px !important;
        margin-bottom: 14px !important;
      }
      #page-grammar header, #page-b1grammar header, #page-hoeren header,
      #page-schreiben header, #page-mix header,
      #page-grammar .pf-section header {
        padding: 12px 16px 10px !important;
        margin-bottom: 12px !important;
        border-radius: 14px !important;
      }
      header h1 { font-size: 1.3rem !important; }
      header p  { font-size: 0.82rem !important; margin-top: 4px !important; }
      
      .section    { padding: 12px 14px !important; margin-bottom: 10px !important; }
      .level-card { padding: 12px 14px !important; margin-bottom: 10px !important; }
      #page-grammar .pf-section .card { padding: 12px 14px !important; margin-bottom: 10px !important; }
      #page-grammar .pf-section table th,
      #page-grammar .pf-section table td { padding: 6px 7px !important; font-size: 0.83rem !important; }
      #page-grammar .pf-section .tag { padding: 1px 5px !important; font-size: 0.7rem !important; }
      #page-grammar .pf-section .pattern-header td,
      #page-grammar .pf-section .vowel-header td { padding: 4px 7px !important; font-size: 0.78rem !important; }
      
      .grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; }
      
      .audio-card, .reading-card { padding: 12px 14px !important; }
      
      .level-head, .section-head, .section-header { flex-wrap: wrap; gap: 6px !important; }
      .level-badge, .sec-badge { white-space: normal !important; font-size: 0.8rem !important; }
      
      .ls-section-body { padding: 14px !important; }
      .ls-card { padding: 14px !important; }
      .ls-card-head { flex-wrap: wrap; gap: 6px !important; }
    }

    
    @media (min-width: 601px) and (max-width: 900px) {
      #page-grammar, #page-b1grammar, #page-hoeren, #page-schreiben,
      #page-mix, #page-grammar .pf-section, #page-lesen,
      #page-a2grammar, #page-a2lesen, #page-a2hoeren, #page-a2schreiben { padding: 16px 20px; }
    }

    
    @media (min-width: 1280px) {
      #page-grammar   { max-width: 1200px; margin-left: auto; margin-right: auto; }
      #page-b1grammar{ max-width: 1200px; margin-left: auto; margin-right: auto; }
      #page-hoeren   { max-width: 1200px; margin-left: auto; margin-right: auto; }
      #page-schreiben{ max-width: 1200px; margin-left: auto; margin-right: auto; }
      #page-mix      { max-width: 1200px; margin-left: auto; margin-right: auto; }
      #page-grammar .pf-section  { max-width: 1200px; margin-left: auto; margin-right: auto; }
      #page-schreiben .br-section   { max-width: 1200px; margin-left: auto; margin-right: auto; }
      #page-lesen    { max-width: 1200px; margin-left: auto; margin-right: auto; }
    }

    
    @media (max-width: 600px) {
      
      #page-schreiben .br-section div[style*="max-width:640px"],
      #page-schreiben .br-section div[style*="max-width:500px"],
      #page-schreiben .br-section details[style*="max-width:640px"] {
        max-width: 100% !important;
      }
      
      #page-schreiben .br-section div[style*="padding:18px 20px"] {
        padding: 12px 14px !important;
      }
      #page-schreiben .br-section div[style*="padding:16px 20px"] {
        padding: 12px 14px !important;
      }
      #page-schreiben .br-section div[style*="padding:18px 22px"] {
        padding: 12px 14px !important;
      }
      
      #page-schreiben .br-section div[style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
      }
      
      #page-schreiben .br-section div[style*="flex-wrap:wrap"] > span[style*="border-radius:16px"] {
        font-size: .8rem !important;
        padding: 3px 8px !important;
      }
      
      #page-schreiben .br-section div[style*="font-family:'Segoe Script'"] {
        padding: 14px 16px !important;
        max-width: 100% !important;
      }
      
      #page-schreiben .br-section .br-table th:first-child {
        width: auto !important;
        min-width: 70px !important;
      }
      #page-schreiben .br-section .br-table {
        font-size: .82rem !important;
      }
      #page-schreiben .br-section .br-table th,
      #page-schreiben .br-section .br-table td {
        padding: 6px 8px !important;
      }

      
      #page-a2lesen div[style*="padding:18px 22px"] {
        padding: 12px 14px !important;
      }
      
      #page-a2lesen #mst-rf-list > li,
      #page-a2lesen #mst-match-list > li {
        flex-wrap: wrap !important;
        gap: 4px 8px !important;
        padding: 6px 0 !important;
      }
      #page-a2lesen #mst-rf-list > li > span[style*="flex:1"],
      #page-a2lesen #mst-match-list > li > span[style*="flex:1"] {
        flex: 1 1 calc(100% - 36px) !important;
        min-width: 0 !important;
      }
      #page-a2lesen select {
        max-width: 140px !important;
      }

      
      #page-daten details.daten-topic table[style*="min-width:480px"],
      #page-daten details.daten-topic table[style*="min-width:500px"],
      #page-daten details.daten-topic table[style*="min-width:420px"] {
        min-width: 100% !important;
      }
      
      #page-daten .inline-fill-item input[style*="width:130px"] {
        width: 100px !important;
      }
      #page-daten .inline-fill-item input[style*="width:200px"] {
        width: 140px !important;
        max-width: 100% !important;
      }
      #page-daten .inline-fill-item span[style*="min-width:50px"] {
        min-width: 36px !important;
        font-size: .85rem !important;
      }

      
      #page-schreiben .br-section details table td,
      #page-a2lesen details table td {
        word-break: break-word !important;
        white-space: normal !important;
      }
      #page-schreiben .br-section details table td:first-child {
        white-space: nowrap !important;
        font-size: .84rem !important;
      }
      
      #page-schreiben .br-section div[style*="justify-content:space-between"] {
        flex-wrap: wrap !important;
        gap: 6px !important;
      }
      
      #page-schreiben .br-section .br-card > .br-tip {
        font-size: .84rem !important;
        padding: 10px 12px !important;
      }
      
      #page-schreiben .br-section details > div[style*="padding:12px 16px"] {
        padding: 10px 12px !important;
      }
      
      #page-schreiben .br-section details > div[style*="padding:16px 20px"] {
        padding: 12px 14px !important;
      }
      #page-schreiben .br-section details > div[style*="padding:14px 18px"] {
        padding: 10px 12px !important;
      }

      
      
      #page-daten div[style*="display:flex;align-items:center;gap:8px;font-size:.82rem"] {
        flex-wrap: wrap !important;
      }
      #page-daten div[style*="display:flex;align-items:center;gap:8px;font-size:.82rem"] > span[style*="min-width:200px"] {
        min-width: 100% !important;
        text-align: left !important;
        font-size: .78rem !important;
        margin-bottom: -2px;
      }
      #page-daten div[style*="display:flex;align-items:center;gap:8px;font-size:.82rem"] > div[style*="flex:1"] {
        flex: 1 1 100% !important;
      }
      
      #page-daten div[style*="display:flex;align-items:center;gap:6px;font-size:.8rem"] {
        gap: 4px !important;
      }
      
      #page-daten div[style*="padding:18px;background:#faf5ff"],
      #page-daten div[style*="padding:18px;background:#fff;border:1px solid #e2e8f0"],
      #page-daten div[style*="padding:18px;background:#f0fdfa"] {
        padding: 12px !important;
      }
      
      #page-daten div[style*="width:170px"][style*="border-radius:50%"] {
        width: 130px !important;
        height: 130px !important;
      }
      #page-daten div[style*="width:200px"][style*="border-radius:50%"] {
        width: 150px !important;
        height: 150px !important;
      }
      #page-daten div[style*="gap:30px"] {
        gap: 14px !important;
      }
      
      #page-daten div[style*="flex-wrap:wrap"][style*="gap:24px"] {
        gap: 12px !important;
      }
      
      #page-daten div[style*="font-size:.84rem;line-height:2.2"] {
        font-size: .78rem !important;
        line-height: 1.9 !important;
      }
      
      #page-daten .alert {
        padding: 10px 12px !important;
        font-size: .88rem !important;
      }
      
      #page-daten .daten-key div[style*="line-height:2.2"] {
        font-size: .85rem !important;
      }
      
      #page-daten div[style*="border:2px solid"] table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        font-size: .82rem !important;
      }

      
      
      #page-a2lesen div[style*="width:150px"][style*="border-radius:50%"] {
        width: 120px !important;
        height: 120px !important;
      }
      #page-a2lesen div[style*="gap:24px"] {
        gap: 14px !important;
      }
      
      #page-a2lesen div[style*="gap:12px"][style*="font-size:.82rem"] {
        flex-direction: column !important;
        gap: 4px !important;
        align-items: flex-start !important;
      }
      
      #page-a2lesen div[style*="border:2px solid #fef3c7"] table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        font-size: .82rem !important;
      }
      #page-a2lesen div[style*="border:2px solid #fef3c7"] table th,
      #page-a2lesen div[style*="border:2px solid #fef3c7"] table td {
        padding: 5px 8px !important;
      }
      
      #page-a2lesen #vgl-list > li {
        flex-wrap: wrap !important;
        gap: 4px 8px !important;
      }
      #page-a2lesen #vgl-list > li > span[style*="min-width:200px"] {
        min-width: 0 !important;
        flex: 1 1 100% !important;
      }
      
      #page-a2lesen #stl-rf-list > li {
        flex-wrap: wrap !important;
        gap: 4px 8px !important;
        padding: 6px 0 !important;
      }
      #page-a2lesen #stl-rf-list > li > span[style*="flex:1"] {
        flex: 1 1 calc(100% - 36px) !important;
        min-width: 0 !important;
      }
      
      #page-a2lesen #umzl-list > li {
        flex-wrap: wrap !important;
      }
      
      #page-a2lesen ol select {
        max-width: 180px !important;
        font-size: .84rem !important;
      }
      
      #page-a2lesen div[style*="background:#fffff0"][style*="line-height:2.2"] {
        padding: 10px 12px !important;
        font-size: .86rem !important;
      }

      
      
      #page-a2hoeren { padding: 6px !important; }
      #page-a2hoeren > div { max-width: 100% !important; }
      
      #page-a2hoeren > div > div:first-child { padding: 20px 12px 14px !important; border-radius: 14px !important; margin-bottom: 16px !important; }
      #page-a2hoeren > div > div:first-child h1 { font-size: 1.25rem !important; }
      #page-a2hoeren > div > div:first-child p { font-size: .8rem !important; }
      
      #page-a2hoeren .section { border-radius: 10px !important; margin-bottom: 1rem !important; }
      #page-a2hoeren .section-body { padding: 10px 10px !important; }
      #page-a2hoeren .section-header { font-size: .84rem !important; padding: .55rem .8rem !important; flex-wrap: wrap; gap: 4px; }
      #page-a2hoeren .section-header span { font-size: .72rem !important; display: block; }
      
      #page-a2hoeren .rule-box { padding: 8px 10px !important; font-size: .8rem !important; }
      #page-a2hoeren .rule-box span { font-size: .76rem !important; }
      
      #page-a2hoeren .fill-list { font-size: .84rem !important; line-height: 1.85 !important; padding: .6rem .5rem !important; }
      #page-a2hoeren .fill-list li { display: flex; flex-wrap: wrap !important; align-items: center; gap: 2px 4px !important; padding: .4rem 0 !important; }
      #page-a2hoeren .fill-list li strong { display: block; width: 100%; margin-bottom: 2px; }
      #page-a2hoeren .fill-list input[type="text"] { font-size: .82rem !important; padding: 2px 5px !important; min-width: 0 !important; max-width: 130px !important; }
      #page-a2hoeren .fill-list .zh { font-size: .72rem !important; display: inline; }
      
      #page-a2hoeren .mcq-list { font-size: .82rem !important; padding-left: 0 !important; }
      #page-a2hoeren .mcq-item p { font-size: .84rem !important; line-height: 1.5 !important; }
      #page-a2hoeren .mcq-item .mcq-options { gap: 5px !important; flex-wrap: wrap !important; }
      #page-a2hoeren .mcq-item .mcq-options label { font-size: .78rem !important; padding: .3rem .6rem !important; }
      
      #page-a2hoeren .dialogue { font-size: .8rem !important; padding: .6rem .7rem !important; line-height: 1.7 !important; }
      
      #page-a2hoeren .answer-box { padding: .6rem .7rem !important; font-size: .8rem !important; line-height: 1.65 !important; }
      
      #page-a2hoeren audio { width: 100% !important; height: 32px !important; }
      
      #page-a2hoeren #hoer-toc { border-radius: 10px !important; }
      #page-a2hoeren #hoer-toc > div:first-child { padding: .6rem .9rem !important; font-size: .9rem !important; }
      #page-a2hoeren #hoer-toc > div:last-child { padding: .6rem .7rem !important; }
      #page-a2hoeren #hoer-toc ol { grid-template-columns: 1fr !important; gap: .4rem !important; }
      #page-a2hoeren #hoer-toc li a { font-size: .8rem !important; padding: .4rem .6rem !important; }
      #page-a2hoeren #hoer-toc li a span { font-size: .72rem !important; }
      
      #page-a2hoeren div[style*="background:#fffbeb"] { padding: .7rem .8rem !important; font-size: .84rem !important; line-height: 1.65 !important; }
      
      #page-a2hoeren div[style*="background:#fefce8"] { padding: 10px 12px !important; font-size: .78rem !important; line-height: 1.65 !important; }
      
      #page-a2hoeren div[style*="background:#eff6ff"],
      #page-a2hoeren div[style*="background:#f1f8e9"] { padding: .45rem .7rem !important; font-size: .8rem !important; }
      
      #page-a2hoeren div[style*="background:#fff8e1"] { padding: .5rem .7rem !important; font-size: .82rem !important; }
      
      #page-a2hoeren div[style*="background:#e8f5e9"][style*="border-radius:10px"],
      #page-a2hoeren div[style*="background:#fff3e0"][style*="border-radius:10px"],
      #page-a2hoeren div[style*="background:#e3f2fd"][style*="border-radius:10px"],
      #page-a2hoeren div[style*="background:#fce4ec"][style*="border-radius:10px"],
      #page-a2hoeren div[style*="background:#f3e5f5"][style*="border-radius:10px"] { padding: 10px 12px !important; font-size: .82rem !important; }
      
      #page-a2hoeren .btn { font-size: .8rem !important; padding: .45rem .8rem !important; margin-top: .5rem !important; margin-right: .3rem !important; }
      
      #page-a2hoeren .answer-box table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: .78rem !important; }
      #page-a2hoeren .answer-box table th,
      #page-a2hoeren .answer-box table td { padding: 5px 7px !important; white-space: nowrap; }
      #page-a2hoeren .answer-box table td:last-child { white-space: normal; min-width: 160px; }
      
      #page-a2hoeren #hoer1-text,
      #page-a2hoeren #hoer4-text { padding: .7rem .8rem !important; font-size: .82rem !important; }
      #page-a2hoeren #hoer1-text div[style*="line-height:2"],
      #page-a2hoeren #hoer4-text div[style*="line-height:2"] { line-height: 1.7 !important; font-size: .82rem !important; }
      #page-a2hoeren #hoer1-text div[style*="margin-left:1.2rem"],
      #page-a2hoeren #hoer4-text div[style*="margin-left:1.2rem"] { margin-left: .6rem !important; }
      
      #page-a2hoeren .answer-box em { font-size: .82rem !important; }
      
      #page-a2hoeren #hoer4c-fill { padding: .6rem .5rem !important; font-size: .84rem !important; line-height: 1.8 !important; }
      #page-a2hoeren #hoer4c-fill li { padding: .4rem 0 .5rem !important; }
      #page-a2hoeren #hoer4c-fill input[type="text"] { max-width: 110px !important; }
      
      #page-a2hoeren li[style*="list-style:none"] { padding: .2rem 0 !important; }
    }

    
    @media(max-width:600px){
      #page-b1hoeren { padding: 6px !important; }
      #page-b1hoeren > div { max-width: 100% !important; }
      #page-b1hoeren > div > div:first-child { padding: 20px 12px 14px !important; border-radius: 14px !important; margin-bottom: 16px !important; }
      #page-b1hoeren > div > div:first-child h1 { font-size: 1.25rem !important; }
      #page-b1hoeren > div > div:first-child p { font-size: .8rem !important; }
      #page-b1hoeren .section { border-radius: 10px !important; margin-bottom: 1rem !important; }
      #page-b1hoeren .section-body { padding: 10px 10px !important; }
      #page-b1hoeren .section-header { font-size: .84rem !important; padding: .55rem .8rem !important; flex-wrap: wrap; gap: 4px; }
      #page-b1hoeren .section-header span { font-size: .72rem !important; display: block; }
      #page-b1hoeren .rule-box { padding: 8px 10px !important; font-size: .8rem !important; }
      #page-b1hoeren .rule-box span { font-size: .76rem !important; }
      #page-b1hoeren .fill-list { font-size: .84rem !important; line-height: 1.85 !important; padding: .6rem .5rem !important; }
      #page-b1hoeren .fill-list li { display: flex; flex-wrap: wrap !important; align-items: center; gap: 2px 4px !important; padding: .4rem 0 !important; }
      #page-b1hoeren .fill-list li strong { display: block; width: 100%; margin-bottom: 2px; }
      #page-b1hoeren .fill-list input[type="text"] { font-size: .82rem !important; padding: 2px 5px !important; min-width: 0 !important; max-width: 130px !important; }
      #page-b1hoeren .mcq-list { font-size: .82rem !important; padding-left: 0 !important; }
      #page-b1hoeren .mcq-item p { font-size: .84rem !important; line-height: 1.5 !important; }
      #page-b1hoeren .mcq-item .mcq-options { gap: 5px !important; flex-wrap: wrap !important; }
      #page-b1hoeren .mcq-item .mcq-options label { font-size: .78rem !important; padding: .3rem .6rem !important; }
      #page-b1hoeren .answer-box { padding: .6rem .7rem !important; font-size: .8rem !important; line-height: 1.65 !important; }
      #page-b1hoeren audio { width: 100% !important; height: 32px !important; }
      #page-b1hoeren #b1hoer-toc { border-radius: 10px !important; }
      #page-b1hoeren #b1hoer-toc > div:first-child { padding: .6rem .9rem !important; font-size: .9rem !important; }
      #page-b1hoeren #b1hoer-toc > div:last-child { padding: .6rem .7rem !important; }
      #page-b1hoeren #b1hoer-toc ol { grid-template-columns: 1fr !important; gap: .4rem !important; }
      #page-b1hoeren #b1hoer-toc li a { font-size: .8rem !important; padding: .4rem .6rem !important; }
      #page-b1hoeren .btn { font-size: .8rem !important; padding: .45rem .8rem !important; margin-top: .5rem !important; margin-right: .3rem !important; }
      #page-b1hoeren .exam-table { font-size: .78rem !important; }
      #page-b1hoeren .exam-table th,
      #page-b1hoeren .exam-table td { padding: 5px 7px !important; }
    }

    
    #page-schreiben .br-section {font-family:'Segoe UI',sans-serif;background:linear-gradient(180deg,#0f172a,#1a2740,#1e3a5f);padding:20px}
    #page-schreiben .br-section * {color:#2d3748}
    #page-schreiben .br-section header {text-align:center;background:linear-gradient(135deg,#1a3a5c,#2c5f8a);color:#fff;padding:36px 24px 28px;border-radius:20px;margin-bottom:30px;box-shadow:0 6px 20px rgba(44,95,138,.35)}
    #page-schreiben .br-section header h1 {font-size:2.1rem}
    #page-schreiben .br-section header p {margin-top:8px;opacity:.85;font-size:1rem}
    #page-daten header {text-align:center;background:linear-gradient(135deg,#0d6e6e,#0d9488,#14b8a6);color:#fff;padding:36px 24px 28px;border-radius:20px;margin-bottom:30px;box-shadow:0 6px 20px rgba(13,148,136,.35)}
    #page-daten header h1 {font-size:2.1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}
    #page-daten header p {margin-top:8px;opacity:.85;font-size:1rem;color:#fff}
    
    #page-daten{background:#f0fdfa;color:#2d3748;padding:20px}
    #page-daten .section-num{background:linear-gradient(135deg,#0d6e6e,#14b8a6)}
    #page-daten .section-header{border-bottom-color:#99f6e4}
    #page-daten table th{background:#0d9488}
    #page-daten table td{border-bottom-color:#ccfbf1}
    #page-daten table tbody tr:nth-child(even) td{background:#f0fdfa}
    .daten-panel{margin:28px 0;border:2px solid #0d9488;border-radius:16px;overflow:hidden}
    .daten-panel-head{background:linear-gradient(90deg,#134e4a,#0d9488);color:#fff;padding:18px 22px}
    .daten-panel-head h2{margin:0;color:#fff;font-size:1.2rem}
    .daten-panel-head p{margin:6px 0 0;opacity:.85;font-size:.88rem}
    .daten-topic{border-top:1px solid #99f6e4}
    .daten-topic summary{background:#f0fdfa;padding:14px 20px;cursor:pointer;font-weight:700;color:#134e4a;list-style:none;display:flex;align-items:center;gap:8px;transition:.15s}
    .daten-topic summary:hover{background:#ccfbf1}
    .daten-topic summary::-webkit-details-marker{display:none}
    .daten-topic summary::after{content:'›';margin-left:auto;font-size:1.3rem;color:#0d9488;transition:transform .2s;display:inline-block}
    .daten-topic[open] summary::after{transform:rotate(90deg)}
    .daten-topic .topic-body{padding:16px 20px;font-size:.95rem;background:#fff}
    .daten-src{background:#f0fdfa;border-left:4px solid #0d9488;border-radius:0 10px 10px 0;padding:14px 18px;line-height:1.9;margin-bottom:14px}
    .daten-key{background:#fffde7;border:1px solid #f6e05e;border-radius:10px;padding:12px 18px;margin-bottom:14px;font-size:.93rem;line-height:2}
    .daten-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
    .daten-stat-card{border-radius:10px;padding:14px}
    .daten-stat-card.red{background:#fff5f5;border:1px solid #fed7d7}
    .daten-stat-card.yellow{background:#fffff0;border:1px solid #faf089}
    .daten-expand{margin:24px 0;border:2px dashed #d69e2e;border-radius:14px;overflow:hidden}
    .daten-expand-head{background:#fffbeb;padding:14px 20px;border-bottom:1px solid #fef3c7}
    .daten-expand-head h3{margin:0;color:#744210;font-size:1rem}
    .daten-expand-head p{margin:4px 0 0;font-size:.88rem;color:#92400e}
    
    #page-grammar table th{background:#2b6cb0}
    #page-grammar table tbody tr:nth-child(even) td{background:#f0f6ff}
    #page-b1grammar table th{background:#1a365d}
    #page-b1grammar table tbody tr:nth-child(even) td{background:#f0f6ff}

    
    #page-b1grammar .passiv-core-card { background:linear-gradient(135deg,#fff8e1,#ffe082) !important; border-left:5px solid #b8860b !important; border-radius:10px !important; padding:.9rem 1.1rem !important; margin:1rem 0 .9rem !important; box-shadow:0 2px 8px rgba(184,134,11,.25) !important; }
    #page-b1grammar .passiv-core-card .core-title { font-weight:700 !important; color:#0f1e3a !important; font-size:1rem !important; margin-bottom:.5rem !important; }
    #page-b1grammar .passiv-core-card .core-body { font-size:.93rem !important; line-height:1.85 !important; color:#1a1a1a !important; }
    #page-b1grammar .passiv-core-card .core-body ul { margin:.45rem 0 .45rem 1.2rem !important; padding:0 !important; }
    #page-b1grammar .passiv-core-card .core-body ul li { color:#1a1a1a !important; margin-bottom:.2rem !important; }
    #page-b1grammar .passiv-core-card .core-body strong { color:#0f1e3a !important; font-weight:700 !important; }
    #page-b1grammar .passiv-core-card .core-body em { color:#1a1a1a !important; }
    #page-b1grammar .passiv-core-card .exception-box { background:#ffffff !important; border-radius:6px !important; padding:.65rem .85rem !important; font-size:.9rem !important; margin-top:.5rem !important; border-left:3px solid #b8860b !important; color:#1a1a1a !important; line-height:1.7 !important; }
    #page-b1grammar .passiv-core-card .exception-box strong { color:#0f1e3a !important; font-weight:700 !important; }
    #page-b1grammar .passiv-core-card .exception-box em { color:#1a1a1a !important; font-style:italic !important; font-weight:600 !important; }
    #page-b1grammar .passiv-core-card .exception-box .sub-note { color:#4a4a4a !important; font-size:.86rem !important; display:block !important; margin-top:.3rem !important; line-height:1.65 !important; }
    #page-b1grammar .passiv-core-card .core-tip { margin-top:.6rem !important; font-size:.88rem !important; color:#1a1a1a !important; font-weight:500 !important; }

    #page-b1grammar .passiv-helper-card { background:linear-gradient(135deg,#0a1428,#0f1e3a) !important; border-left:4px solid #f6d365 !important; border-radius:10px !important; padding:.9rem 1.1rem !important; margin-bottom:1rem !important; box-shadow:0 3px 10px rgba(0,0,0,.3) !important; color:#f1f5f9 !important; }
    #page-b1grammar .passiv-helper-card .helper-title { font-weight:700 !important; color:#f6d365 !important; margin-bottom:.5rem !important; font-size:.98rem !important; text-shadow:0 1px 2px rgba(0,0,0,.4) !important; }
    #page-b1grammar .passiv-helper-card table { width:100% !important; border-collapse:collapse !important; font-size:.92rem !important; background:#ffffff !important; border-radius:8px !important; overflow:hidden !important; box-shadow:0 2px 6px rgba(0,0,0,.2) !important; min-width:auto !important; }
    #page-b1grammar .passiv-helper-card thead th { background:linear-gradient(135deg,#1e293b,#334155) !important; color:#f6d365 !important; padding:.6rem .8rem !important; text-align:left !important; font-weight:700 !important; letter-spacing:.02em !important; }
    #page-b1grammar .passiv-helper-card tbody tr { background:#ffffff !important; }
    #page-b1grammar .passiv-helper-card tbody tr:nth-child(even) { background:#eef2f7 !important; }
    #page-b1grammar .passiv-helper-card tbody td { padding:.55rem .9rem !important; color:#0f1e3a !important; background:transparent !important; font-weight:500 !important; }
    #page-b1grammar .passiv-helper-card tbody td.tense-label { font-weight:800 !important; color:#0f1e3a !important; background:#cfe2f3 !important; width:24% !important; }
    #page-b1grammar .passiv-helper-card tbody td strong { color:#a26900 !important; font-weight:800 !important; }
    #page-b1grammar .passiv-helper-card tbody td .note { color:#a26900 !important; font-size:.82rem !important; }
    #page-b1grammar .passiv-helper-card .helper-footer { margin-top:.6rem !important; font-size:.85rem !important; color:#fde68a !important; line-height:1.65 !important; }
    #page-hoeren table th{background:#7c3aed}
    #page-hoeren table tbody tr:nth-child(even) td{background:#faf5ff}
    #page-schreiben table th{background:#2c5f8a;color:#fff !important}
    #page-schreiben table tbody tr:nth-child(even) td{background:rgba(44,95,138,.06)}
    #page-mix table th{background:#4c1d95}
    #page-mix table tbody tr:nth-child(even) td{background:#f5f3ff}
    #page-grammar .pf-section table th{background:#f76b1c}
    #page-grammar .pf-section table tbody tr:nth-child(even) td{background:#fffbeb}
    #page-schreiben .br-section table th{background:#2c5f8a;color:#fff !important}
    #page-schreiben .br-section table tbody tr:nth-child(even) td{background:rgba(44,95,138,.06)}
    .br-card{background:#fff;border-radius:18px;padding:28px 30px;margin-bottom:26px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
    .br-card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid rgba(246,211,101,.35)}
    .br-badge{background:linear-gradient(135deg,#1e3a5f,#2c5f8a);color:#fff !important;padding:6px 18px;border-radius:20px;font-size:.92rem;font-weight:700;white-space:nowrap}
    .br-card-head h2{font-size:1.25rem;color:#2d3748}
    .letter-visual{border:2px solid rgba(246,211,101,.5);border-radius:12px;background:#fff;padding:20px 24px;font-size:.9rem;line-height:1.9;margin:16px 0;max-width:640px}
    .lv-part{border-radius:8px;padding:6px 10px;margin:2px 0}
    .lv-absender{background:#dbeafe;border-left:3px solid #3b82f6}
    .lv-datum{background:#f3e8ff;border-left:3px solid #8b5cf6;text-align:right}
    .lv-anschrift{background:#dcfce7;border-left:3px solid #22c55e;margin-top:8px}
    .lv-betreff{background:#fef3c7;border-left:3px solid #f59e0b;font-weight:700;margin-top:8px}
    .lv-anrede{background:#ffe4e6;border-left:3px solid #f43f5e;margin-top:8px}
    .lv-text{background:#f1f5f9;border-left:3px solid #64748b;margin-top:4px}
    .lv-gruss{background:#d1fae5;border-left:3px solid #10b981;margin-top:8px}
    .lv-unterschrift{background:#fce7f3;border-left:3px solid #ec4899;margin-top:4px}
    .lv-label{font-size:.72rem;font-weight:700;color:#475569;margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em;display:block}
    .lv-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#2c5f8a;color:#fff;font-size:.72rem;font-weight:700;margin-right:6px;flex-shrink:0;vertical-align:middle}
    .br-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}
    .br-table th{background:#2c5f8a;color:#fff;padding:10px 14px;text-align:left}
    .br-table td{padding:9px 14px;border-bottom:1px solid rgba(246,211,101,.25);vertical-align:top}
    .br-table tr:nth-child(even) td{background:rgba(44,95,138,.06)}
    .envelope-visual{border:2px solid rgba(246,211,101,.4);border-radius:10px;background:#fff;padding:20px 18px;margin:16px 0;position:relative;min-height:210px;overflow:hidden}
    .env-stamp{position:absolute;top:14px;right:14px;width:46px;height:58px;border:2px dashed rgba(246,211,101,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.62rem;color:#b8860b;text-align:center;line-height:1.4}
    .env-absender{display:inline-block;background:#dbeafe;border-radius:7px;padding:8px 12px;border-left:3px solid #3b82f6;font-size:.82rem;line-height:1.7;margin-top:4px}
    .env-empfaenger{display:block;background:#dcfce7;border-radius:7px;padding:10px 14px;border-left:3px solid #22c55e;font-size:.9rem;line-height:1.8;margin:18px auto 0;max-width:260px}
    .env-label{font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;display:block}
    .phrase-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
    .phrase-col{border-radius:12px;padding:16px 18px}
    .phrase-col.formal{background:#eff6ff;border:1.5px solid #93c5fd}
    .phrase-col.informal{background:#fdf4ff;border:1.5px solid #d8b4fe}
    .phrase-col h4{font-size:.95rem;font-weight:700;margin-bottom:10px}
    .phrase-col h4.fc{color:#1d4ed8}
    .phrase-col h4.ic{color:#7c3aed}
    .phrase-item{padding:5px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:.88rem;line-height:1.6}
    .phrase-item:last-child{border-bottom:none}
    .phrase-item .de{font-weight:600;color:#1f2937;display:block}
    .phrase-item .cn{color:#475569;font-size:.82rem}
    .sample-letter{background:#fff;border:1.5px solid #fcd34d;border-radius:14px;padding:20px 24px;margin:14px 0;font-size:.93rem;line-height:2.1;font-family:'Segoe UI',sans-serif}
    .sl-right{text-align:right;color:#475569}
    .sl-ann{display:inline-block;background:#fef3c7;border-radius:6px;padding:1px 8px;font-size:.73rem;font-weight:700;color:#92400e;margin-left:8px;vertical-align:middle}
    .sl-gap{display:block;height:8px}
    .br-ex{background:#fffbf0;border:2px solid #fcd34d;border-radius:14px;padding:22px 26px;margin:18px 0}
    .br-ex-title{color:#92400e;font-size:1rem;margin-bottom:4px;font-weight:700;display:flex;align-items:center;gap:8px}
    .br-ex-sub{color:#475569;font-size:.82rem;margin-bottom:14px;display:block}
    .br-fill-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:12px}
    .br-fill-item{background:#fff;border-radius:10px;padding:9px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.93rem;border:1.5px solid #e5e7eb;line-height:1.9}
    .br-hint-cn{font-size:.77rem;color:#64748b;margin-left:5px}
    .br-rev{font-size:.8rem;color:#dc2626;font-weight:600;display:none;margin-left:4px}
    .br-rev.show{display:inline}
    .br-input{border:1.5px solid #d97706;border-radius:8px;padding:4px 10px;font-size:.9rem;font-family:inherit;min-width:70px;transition:.2s}
    .br-input:focus{outline:none;border-color:#b45309;box-shadow:0 0 0 2px rgba(180,83,9,.15)}
    .br-input.correct{background:#dcfce7;border-color:#22c55e}
    .br-input.wrong{background:#fee2e2;border-color:#ef4444}
    .br-mc-item{background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:10px;border:1.5px solid #e5e7eb}
    .br-mc-item p{font-size:.93rem;font-weight:600;color:#374151;margin-bottom:8px}
    .br-mc-item label{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;padding:4px 0}
    .br-mc-item label input[type=radio]{accent-color:#d97706;width:16px;height:16px;cursor:pointer}
    .br-mc-fb{font-size:.8rem;font-weight:600;margin-top:6px;min-height:16px}
    .br-mc-fb.ok{color:#059669} .br-mc-fb.no{color:#dc2626}
    .br-check-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
    .btn-br{background:linear-gradient(90deg,#b45309,#d97706);color:#fff;border:none;padding:9px 22px;border-radius:18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}
    .btn-br:hover{transform:scale(1.03)}
    .btn-br-reset{background:#fff;border:1.5px solid #d1d5db;color:#475569;padding:9px 18px;border-radius:18px;font-size:.88rem;cursor:pointer;transition:.2s}
    .btn-br-reset:hover{background:#f3f4f6}
    .br-ex-fb{font-size:.88rem;font-weight:600;color:#b45309;min-height:18px}
    .br-write{width:100%;min-height:160px;border:2px solid #fcd34d;border-radius:12px;padding:14px 16px;font-size:.95rem;font-family:inherit;resize:vertical;line-height:1.8;background:#fff;transition:.2s}
    .br-write:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.15)}
    .br-tip{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;padding:12px 16px;margin:12px 0;font-size:.9rem;color:#78350f;line-height:1.8}
    .br-tip strong{color:#92400e}
    .br-hint-box{background:#fffbea;border:1.5px dashed #f59e0b;border-radius:10px;padding:12px 16px;margin-top:10px;display:none;font-size:.9rem;color:#78350f;line-height:1.8}
    .br-hint-box.show{display:block}
    .br-sample-box{background:#f0fff4;border-left:4px solid #48bb78;border-radius:0 12px 12px 0;padding:14px 18px;margin-top:10px;display:none;font-size:.92rem;line-height:2;font-family:'Segoe UI',sans-serif}
    .br-sample-box.show{display:block}
    .br-order-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
    .br-order-item{background:#fff;border:1.5px solid #fcd34d;border-radius:10px;padding:10px 14px;font-size:.92rem;display:flex;align-items:center;gap:10px}
    .br-order-input{width:52px;border:1.5px solid #d97706;border-radius:8px;padding:4px 8px;font-size:.92rem;text-align:center;font-family:inherit}
    .br-order-input.correct{background:#dcfce7;border-color:#22c55e}
    .br-order-input.wrong{background:#fee2e2;border-color:#ef4444}

    
    .login-prompt-card {
      display: flex; align-items: center; justify-content: center; gap: 16px;
      flex-wrap: wrap;
      margin: 20px auto; padding: 16px 20px;
      max-width: 500px;
      background: linear-gradient(135deg, #0a1428, #1e3a5f);
      border: 1.5px solid rgba(246,211,101,.35);
      border-radius: 16px;
      box-shadow: 0 4px 20px rgba(0,0,0,.4);
      text-align: center;
    }
    .login-prompt-card .lp-msg {
      color: #fde68a; font-size: .88rem; font-weight: 600;
      line-height: 1.5; min-width: 120px;
    }
    .login-prompt-card .lp-btn {
      background: linear-gradient(90deg, #1e3a5f, #2e527c);
      color: #fde68a; border: 1px solid rgba(246,211,101,.4); border-radius: 20px;
      padding: 10px 24px; font-size: .9rem; font-weight: 700;
      cursor: pointer; white-space: nowrap;
      transition: transform .2s, box-shadow .2s;
    }
    .login-prompt-card .lp-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 4px 16px rgba(246,211,101,.35);
    }
    @media (max-width: 600px) {
      .login-prompt-card { padding: 14px 16px; gap: 10px; margin: 14px 8px; }
      .login-prompt-card .lp-msg { font-size: .8rem; }
      .login-prompt-card .lp-btn { padding: 8px 18px; font-size: .82rem; }
    }
    @media(max-width:600px){
      #page-schreiben .br-section{padding:8px!important}
      .phrase-grid{grid-template-columns:1fr}
      .envelope-visual{min-height:auto}
      .br-card{padding:14px 12px!important}
      
      .br-card-head{flex-wrap:wrap;gap:8px;margin-bottom:12px}
      .br-card-head h2{font-size:1.05rem}
      .br-badge{font-size:.8rem;padding:4px 12px}
      
      .letter-visual{padding:12px 14px;font-size:.82rem;line-height:1.8}
      
      .sample-letter{padding:14px 16px;font-size:.84rem;line-height:1.8}
      .sl-ann{font-size:.68rem;padding:1px 6px;margin-left:4px}
      .sl-right{font-size:.82rem}
      
      .br-ex{padding:14px 16px}
      .br-ex-title{font-size:.9rem}
      .br-ex-sub{font-size:.76rem}
      .br-fill-item{font-size:.82rem;padding:8px 10px;gap:3px;line-height:1.7}
      .br-fill-item span:first-child{font-size:.78rem}
      .br-input{font-size:.82rem;padding:3px 7px;min-width:55px}
      .br-mc-item{padding:10px 12px}
      .br-mc-item p{font-size:.85rem}
      .br-mc-item label{font-size:.82rem}
      .br-check-row{gap:8px}
      .btn-br{padding:7px 16px;font-size:.82rem}
      .btn-br-reset{padding:7px 14px;font-size:.8rem}
      .br-ex-fb{font-size:.8rem}
      
      #page-schreiben .br-section div[style*="border-left:30px solid transparent"][style*="border-right:30px solid transparent"] + div{padding:14px 14px 18px!important}
      
      #page-schreiben .br-section div[style*="margin-left:18px"]{margin-left:8px!important;word-break:break-word}
      
      .br-fill-item .br-input{flex:1;min-width:50px;max-width:100%}
      
      #page-schreiben .br-section .br-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
      
      .br-tip{font-size:.82rem;padding:10px 12px}
      .br-hint-box,.br-sample-box{font-size:.82rem;padding:10px 12px;line-height:1.7}
      .br-write{font-size:.84rem;padding:12px 14px;min-height:130px}
      .br-hint-cn{font-size:.7rem}
      .br-rev{font-size:.74rem}
    }
    
    .vrb-group-row td{background:#2b6cb0!important;color:#fff;font-weight:700;font-size:.92rem;padding:8px 14px;letter-spacing:.3px}
    .vrb-sub-row td{background:#dbeafe!important;color:#1e40af;font-weight:700;font-size:.87rem;padding:6px 14px}

    
    @media (max-width: 600px) {
      
      input[type="text"], input[type="number"], input[type="email"],
      input[type="password"], input[type="search"], textarea, select {
        font-size: 16px !important;
      }
      
      button, .nav-btn, .btn, [role="button"], select {
        min-height: 40px;
      }
      
      #page-index .card { padding: 20px 16px 18px; }
      #page-index .card h2 { font-size: 1.05rem; }
      #page-index .card p { font-size: .82rem; }
      
      #page-index .stats-bar { gap:10px; padding:12px 10px; }
      #page-index .stats-bar .st-tagline { font-size:.7rem; line-height:1.4 }
      #page-index .stats-bar .st-grid { gap:4px; }
      #page-index .stats-bar .st-card { padding:8px 3px 6px; border-radius:8px }
      #page-index .stats-bar .st-icon { font-size:1rem }
      #page-index .stats-bar .st-num { font-size:1.1rem; }
      #page-index .stats-bar .st-lbl { font-size:.6rem; }
      #page-index .stats-bar .st-sub { font-size:.54rem; }
      
      #page-index .hero { padding: 36px 10px 28px; }
      #page-index .hero h1 { font-size: clamp(1.5rem, 8vw, 2.2rem); }
      #page-index .hero-sub { font-size: .92rem; }
      
      #page-index footer { padding: 16px 14px; font-size: .72rem; }
      
      #page-index .about-wrap .about-hero { padding: 20px 14px 16px; }
      #page-index .about-wrap .about-hero h2 { font-size: 1.1rem; }
      #page-index .about-wrap .about-hero p { font-size: .8rem; }
      #page-index .about-wrap section { margin-bottom: 20px; }
      #page-index .about-wrap section h3 { font-size: .98rem; }
      #page-index .about-wrap section h4 { font-size: .88rem; }
      #page-index .about-wrap .two-col { grid-template-columns: 1fr; gap: 10px; }
      #page-index .about-wrap .acard { padding: 14px 16px; }
      #page-index .about-wrap .pain-box, #page-index .about-wrap .fix-box { padding: 14px 16px; }
      #page-index .about-wrap .tier-cards { grid-template-columns: 1fr; gap: 12px; }
      #page-index .about-wrap .tier-card { padding: 16px 18px; }
      #page-index .about-wrap .sell-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
      #page-index .about-wrap .sell-card { padding: 14px 12px; }
      #page-index .about-wrap .sell-card .num { font-size: 1.5rem; }
      #page-index .about-wrap .sell-card .title { font-size: .82rem; }
      #page-index .about-wrap .sell-card .desc { font-size: .72rem; }
      #page-index .about-wrap .loop-node { font-size: .78rem; padding: 8px 12px; }
      #page-index .about-wrap .loop-diagram { padding: 16px 12px; }
      #page-index .about-wrap .three-table { font-size: .76rem; }
      #page-index .about-wrap .three-table th, #page-index .about-wrap .three-table td { padding: 8px 10px; }
      #page-index .about-wrap .user-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
      #page-index .about-wrap blockquote { padding: 10px 14px; font-size: .84rem; }
      #page-index .about-wrap li { font-size: .82rem; }
      
      .section, .level-card { border-radius: 12px; }
      
      
      #page-b1-lesen{padding:8px!important}
      #page-b1-lesen > div{max-width:100%!important}
      
      #page-b1-lesen > div > div:first-child{padding:20px 16px 16px!important;border-radius:14px!important;margin-bottom:16px!important}
      #page-b1-lesen h1{font-size:1.3rem!important}
      #page-b1-lesen > div > div:first-child p{font-size:.82rem!important}
      
      #page-b1-lesen div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:.3rem .5rem!important}
      
      #page-b1-lesen .section{max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:32px!important;border-radius:12px!important}
      #page-b1-lesen .section-header{font-size:.88rem!important;padding:.6rem 1rem!important;flex-wrap:wrap!important;gap:6px!important}
      #page-b1-lesen .section-body{padding:.9rem 1rem!important}
      
      #page-b1-lesen div[style*="padding:1.2rem 1.4rem"]{padding:.8rem 1rem!important}
      #page-b1-lesen div[style*="padding:1rem 1.2rem"]{padding:.7rem .9rem!important}
      
      #page-b1-lesen h2{font-size:1.15rem!important}
      
      #page-b1-lesen div[style*="grid-template-columns:1.3fr 1fr"],
      #page-b1-lesen div[style*="grid-template-columns: 1.3fr 1fr"]{grid-template-columns:1fr!important;gap:.8rem!important}
      
      #page-b1-lesen div[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:.3rem!important}
      
      #page-b1-lesen div[style*="grid-template-columns:auto 1fr auto auto auto"]{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
      
      #page-b1-lesen div[style*="display:grid"]{gap:.6rem!important}
      
      #page-b1-lesen div[style*="repeat(auto-fit,minmax(240px,1fr))"]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:.5rem!important}
      #page-b1-lesen div[style*="repeat(auto-fit,minmax(220px,1fr))"]{grid-template-columns:1fr!important;gap:.5rem!important}
      #page-b1-lesen div[style*="repeat(auto-fit,minmax(180px,1fr))"]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:.4rem!important}
      #page-b1-lesen div[style*="repeat(auto-fit,minmax(170px,1fr))"]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:.4rem!important}
      #page-b1-lesen div[style*="repeat(auto-fit,minmax(170px,1fr))"] a{font-size:.78rem!important;padding:.5rem .6rem!important}
      #page-b1-lesen div[style*="repeat(auto-fit,minmax(140px,1fr))"]{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;gap:.4rem!important}
      #page-b1-lesen div[style*="repeat(auto-fit,minmax(120px,1fr))"]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:.3rem!important}
      
      #page-b1-lesen div[style*="border-radius:50%"]{width:44px!important;height:44px!important;font-size:1.3rem!important}
      
      #page-b1-lesen table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.82rem!important}
      #page-b1-lesen table th, #page-b1-lesen table td{padding:.35rem .5rem!important;font-size:.8rem!important}
      
      #page-b1-lesen div[style*="font-family:Georgia"]{font-size:.92rem!important;line-height:1.75!important}
      
      #page-b1-lesen a[style*="min-width:230px"]{min-width:auto!important;flex:1 1 100%!important;font-size:.84rem!important;padding:.5rem .8rem!important}
      
      #page-b1-lesen div[style*="background:linear-gradient(135deg,#fff8e1"]{padding:.7rem .9rem!important;font-size:.87rem!important}
      
      #page-b1-lesen .mcq-options{gap:6px!important}
      #page-b1-lesen .mcq-options label{font-size:.84rem!important;padding:.35rem .7rem!important}
      #page-b1-lesen .mcq-item p{font-size:.9rem!important}
      
      #page-b1-lesen .passage{padding:.7rem .9rem!important;font-size:.9rem!important;line-height:1.75!important}
      #page-b1-lesen .answer-box{padding:.6rem .8rem!important;font-size:.85rem!important}
      #page-b1-lesen .btn-show, #page-b1-lesen .btn-reset{font-size:.8rem!important;padding:6px 14px!important}
      #page-b1-lesen .btn-check{font-size:.92rem!important;padding:8px 24px!important}
      
      #page-b1-lesen div[style*="gap:.4rem 1.2rem"]{font-size:.85rem!important;line-height:1.75!important}
      
      #page-b1-lesen div[style*="border-bottom:1px dashed"]{font-size:.87rem!important;line-height:1.75!important}
      
      #page-b1-lesen audio{width:100%!important;min-width:0!important}
      
      
      #page-b1-lesen div[style*="padding:16px 28px 18px"]{padding:12px 16px 14px!important}
      
      #page-b1-lesen div[style*="padding:24px 28px 28px"]{padding:16px 16px 20px!important;font-size:.88rem!important;line-height:1.8!important}
      
      #page-b1-lesen div[style*="padding:20px 28px 24px"]{padding:14px 16px 18px!important;font-size:.85rem!important}
      
      #page-b1-lesen div[style*="padding:14px 24px 16px"]{padding:10px 14px 12px!important}
      
      #page-b1-lesen div[style*="padding:20px 24px 24px"]{padding:14px 14px 18px!important;font-size:.86rem!important}
      
      #page-b1-lesen div[style*="font-size:1.3rem"][style*="font-weight:700"][style*="color:#fff"]{font-size:1.05rem!important}
      
      #page-b1-lesen div[style*="padding:14px 24px 16px"] div[style*="font-size:1.15rem"]{font-size:.95rem!important}
      
      #page-b1-lesen button[id*="mode-full"], #page-b1-lesen button[id*="mode-blank"], #page-b1-lesen button[onclick*="RevealAll"], #page-b1-lesen button[onclick*="HideAll"] { font-size:.74rem!important; padding:.3rem .55rem!important; }
      
      #page-b1-lesen div[id*="trans-blank"] p{line-height:1.9!important;font-size:.83rem!important}
      
      
      #page-b1-lesen div[style*="max-width:700px"][style*="height:300px"]{height:200px!important}
      #page-b1-lesen div[style*="max-width:700px"][style*="height:300px"] div[style*="position:absolute"]{font-size:9px!important}
      
      #page-b1-lesen div[style*="columns:3"]{columns:1!important;column-gap:0!important}
      
      #page-b1-lesen div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px 20px"]{grid-template-columns:1fr!important}
      
      #page-b1-lesen div[style*="flex-wrap:wrap"][style*="gap:12px"] label{flex:1 1 100%!important}
      #page-b1-lesen div[style*="flex-wrap:wrap"][style*="gap:12px"] select{flex:1!important}
      
      #page-b1-lesen div[style*="position:relative"][style*="height:80px"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
      
      #page-b1-lesen div[style*="grid-template-columns:1fr 140px"]{grid-template-columns:1fr!important;gap:12px!important}
      
      #page-b1-lesen #b1s9-frueherheute td[style*="text-align:center"]{padding:4px 2px!important}
      #page-b1-lesen #b1s9-frueherheute th[style*="width:60px"]{width:42px!important}
      
      #page-b1-lesen div[style*="top:-12px"][style*="left:10px"][style*="width:28px"]{top:6px!important;left:8px!important}
      
      
      #page-b1-lesen div[style*="display:inline-block"][style*="transform:rotate"]{display:block!important;max-width:100%!important;font-size:.76rem!important;padding:8px 12px!important;transform:none!important}
      
      #page-b1-lesen div[style*="gap:18px"][style*="padding:16px 20px"]{gap:10px!important;padding:10px 12px!important}
      
      #page-b1-lesen div[style*="padding:16px 22px"][style*="border-radius:10px"],
      #page-b1-lesen div[style*="padding:18px 22px"][style*="border-radius:10px"]{padding:10px 12px!important;font-size:.85rem!important}
      #page-b1-lesen div[style*="padding:14px 18px"][style*="text-align:center"]{padding:10px 12px!important}
      
      #page-b1-lesen div[style*="space-around"][style*="font-size:.78rem"]{gap:4px!important;font-size:.7rem!important}
      #page-b1-lesen div[style*="space-around"][style*="font-size:.78rem"] div[style*="padding:6px 10px"]{padding:4px 5px!important;font-size:.64rem!important}
      
      #page-b1-lesen div[style*="box-shadow:4px 5px 0"]{padding:10px 12px!important}
      
      #page-b1-lesen div[style*="text-align:justify"][style*="Georgia"]{font-size:.82rem!important;line-height:1.65!important;text-align:left!important}
      
      #page-b1-lesen div[style*="padding:10px 14px"][style*="rotate"]{font-size:.78rem!important;padding:8px 10px!important}
      
      #page-b1-lesen div[style*="padding:14px 18px"][style*="margin-bottom:12px"]{padding:10px 12px!important;font-size:.83rem!important;line-height:1.7!important}
      
      #page-b1-lesen button[onclick*="b1S11"]{display:inline-block!important;margin:4px 2px!important}
      
      #page-b1-lesen .bbt-cn,
      #page-b1-lesen .cn-inline{color:#444!important}
      
      #page-b1-lesen div[style*="min-width:760px"]{min-width:100%!important;width:100%!important;padding:10px 6px 8px!important}
      #page-b1-lesen div[style*="min-width:760px"] > div[style*="font-size:1.1rem"]{font-size:.88rem!important}
      
      #page-b1-lesen div[style*="min-width:155px"][style*="max-width:180px"]{min-width:45%!important;max-width:48%!important;padding:6px 4px!important;font-size:.7rem!important}
      #page-b1-lesen div[style*="min-width:155px"][style*="max-width:180px"] > div{font-size:.72rem!important}
      #page-b1-lesen div[style*="min-width:155px"][style*="max-width:180px"] > div[style*="font-size:.68rem"]{font-size:.62rem!important}
      
      #page-b1-lesen div[style*="border-radius:20px"][style*="padding:5px 14px"]{font-size:.64rem!important;padding:4px 8px!important}
      
      #page-b1-lesen div[style*="linear-gradient(135deg,#0d3b66,#1a5a2a)"]{padding:8px 10px!important}
      #page-b1-lesen div[style*="linear-gradient(135deg,#0d3b66,#1a5a2a)"] > div{flex-direction:column!important;gap:6px!important}
      #page-b1-lesen div[style*="linear-gradient(135deg,#0d3b66,#1a5a2a)"] div[style*="font-size:1.5rem"]{display:none!important}
      
      #page-b1-lesen div[id*="b1s10-s10-mcq"] .mcq-item p{font-size:.78rem!important;line-height:1.5!important}
      #page-b1-lesen div[id*="b1s10-s10-mcq"] .mcq-options label{font-size:.74rem!important;padding:4px 8px!important}
      
      #page-b1-lesen div[style*="box-shadow:4px 5px 0"]{padding:10px 12px!important}
      
      #page-b1-lesen div[style*="Georgia"][style*="text-align:justify"]{font-size:.76rem!important;line-height:1.55!important;text-align:left!important}
      
      
      #page-b1-lesen div[style*="border-radius:10px"][style*="padding:14px 18px"][style*="margin-bottom:14px"],
      #page-b1-lesen div[style*="border-radius:10px"][style*="padding:14px 18px"]{padding:10px 12px!important;font-size:.78rem!important;line-height:1.55!important}
      
      #page-b1-lesen table[style*="font-size:.88rem"][style*="line-height:1.6"]{font-size:.74rem!important}
      #page-b1-lesen table[style*="font-size:.88rem"][style*="line-height:1.6"] th,
      #page-b1-lesen table[style*="font-size:.88rem"][style*="line-height:1.6"] td{padding:4px 6px!important}
      
      #page-b1-lesen table[style*="font-size:.85rem"][style*="line-height:1.7"]{font-size:.72rem!important}
      #page-b1-lesen table[style*="font-size:.85rem"][style*="line-height:1.7"] th,
      #page-b1-lesen table[style*="font-size:.85rem"][style*="line-height:1.7"] td{padding:4px 6px!important}
      
      #page-b1-lesen div[style*="Consolas"]{font-size:.74rem!important;letter-spacing:1px!important;padding:8px 10px!important}
      
      #page-b1-lesen .btn-show{font-size:.74rem!important;padding:5px 12px!important}
      #page-b1-lesen .answer-box{font-size:.78rem!important;padding:8px 10px!important;line-height:1.55!important}
      #page-b1-lesen .answer-box table{font-size:.72rem!important}
      #page-b1-lesen .answer-box th,
      #page-b1-lesen .answer-box td{padding:4px 6px!important}
      
      #page-b1-lesen div[style*="border-radius:10px"][style*="border:1px solid #ffab91"]{font-size:.78rem!important;padding:8px 12px!important;line-height:1.65!important}
      
      #page-b1-lesen div[style*="border-left:4px solid #e6a817"]{font-size:.76rem!important;padding:8px 12px!important;line-height:1.55!important}
      
      #page-b1-lesen div[style*="border-left:4px solid #00695c"]{font-size:.78rem!important;padding:8px 12px!important}
      
      #page-b1-lesen div[id="b1s11-ue4-mcq"] .mcq-item p{font-size:.8rem!important;line-height:1.45!important}
      #page-b1-lesen div[id="b1s11-ue4-mcq"] .mcq-item label{font-size:.76rem!important}
      
      #page-b1-lesen div[id="b1s11-ue4-audio-box"]{padding:10px 12px!important}
      
      #page-b1-lesen div[style*="linear-gradient(135deg,#e0f2f1,#b2dfdb)"]{padding:14px 14px!important}
      #page-b1-lesen div[style*="linear-gradient(135deg,#e0f2f1,#b2dfdb)"] div[style*="background:#fff"]{padding:10px 12px!important}
      #page-b1-lesen div[style*="linear-gradient(135deg,#e0f2f1,#b2dfdb)"] p[style*="font-size:.84rem"]{font-size:.76rem!important}
      
      #page-b1-lesen div[style*="background:#263238"][style*="border-radius:10px"][style*="padding:12px 18px"] span{font-size:.74rem!important}
      
      #page-b1-lesen button[onclick^="b1s11TransMode"],#page-b1-lesen button[onclick^="b1s11RevealAll"],#page-b1-lesen button[onclick^="b1s11HideAll"]{font-size:.7rem!important;padding:.3rem .55rem!important}
      
      
      #page-b1-lesen div[style*="border:1px solid #00897b"][style*="padding:20px 20px 16px"]{padding:14px 10px 12px!important}
      
      #page-b1-lesen span[style*="background:#00695c"][style*="padding:3px 12px"][style*="border-radius:12px"]{font-size:.7rem!important;padding:2px 8px!important}
      
      #page-b1-lesen p[style*="color:#cbd5e1"][style*="font-size:.9rem"]{font-size:.78rem!important;line-height:1.5!important}
      #page-b1-lesen p[style*="color:#80cbc4"][style*="font-size:.84rem"]{font-size:.74rem!important}
      
      #page-b1-lesen span[style*="min-width:28px"][style*="height:28px"][style*="border-radius:14px"]{min-width:24px!important;height:24px!important;font-size:.7rem!important}
      
      #page-b1-lesen span[style*="color:#e2e8f0"][style*="font-size:.87rem"][style*="line-height:1.6"]{font-size:.74rem!important;line-height:1.45!important}
      
      #page-b1-lesen div[style*="display:flex;align-items:flex-start"][style*="gap:10px"][style*="padding:10px 14px"]{padding:8px 10px!important;gap:6px!important}
      
      #page-b1-lesen span[style*="color:#f6d365"][style*="font-weight:700"][style*="font-size:.88rem"]{font-size:.76rem!important}
      
      #page-b1-lesen div[style*="border-left:3px solid #00695c"]{padding:8px 10px!important}
      
      #page-b1-lesen div[style*="border-left:3px solid #00695c"] p{font-size:.72rem!important;line-height:1.5!important}
      
      #page-b1-lesen span[style*="color:#80cbc4"][style*="font-size:.78rem"]{font-size:.66rem!important}
      
      #page-b1-lesen div[style*="background:#0f1e3a"][style*="padding:16px 18px"][style*="margin-bottom:12px"]{padding:10px 12px!important}
      #page-b1-lesen div[style*="background:#0f1e3a"] p[style*="color:#f6d365"]{font-size:.76rem!important}
      
      #page-b1-lesen div[id="b1s11-lt3-mcq"] select{font-size:.68rem!important;padding:3px 5px!important;min-width:40px!important}
      #page-b1-lesen div[id="b1s11-lt3-mcq"] span{font-size:.68rem!important}
      #page-b1-lesen div[id="b1s11-lt3-mcq"]{gap:4px!important}
      
      #page-b1-lesen button[onclick="b1S11CheckLT3()"]{font-size:.78rem!important;padding:6px 14px!important}
      #page-b1-lesen span[id="b1s11-lt3-score"]{font-size:.78rem!important}
      
      
      #page-b1-lesen div[style*="border-left:4px solid #7b1fa2"]{font-size:.76rem!important;padding:8px 12px!important;line-height:1.55!important}
      
      #page-b1-lesen div[style*="background:#7b1fa2"][style*="border-radius:16px"] span{font-size:.68rem!important;padding:4px 8px!important}
      
      #page-b1-lesen div[style*="border-radius:12px"][style*="padding:16px 18px"][style*="margin-bottom:12px"]{padding:10px 12px!important}
      #page-b1-lesen div[style*="border-radius:12px"][style*="padding:16px 18px"][style*="margin-bottom:12px"] p{font-size:.78rem!important;line-height:1.55!important}
      
      #page-b1-lesen div[style*="font-size:.85rem"][style*="cursor:pointer"] label{font-size:.72rem!important;margin-right:8px!important;display:inline-block!important}
      
      #page-b1-lesen button[onclick="b1S12CheckB()"]{font-size:.78rem!important;padding:6px 14px!important}
      
      
      #page-b1-lesen div[style*="max-width:720px"] p{font-size:.82rem!important;line-height:1.7!important}
      
      #page-b1-lesen div[style*="background:#e8eaf0"] div[style*="margin-bottom:.5rem"]{font-size:.78rem!important;line-height:1.6!important}
      #page-b1-lesen div[style*="background:#e8eaf0"] span[contenteditable]{min-width:180px!important;font-size:.76rem!important}
      
      #page-b1-lesen div[id="b1s1-erlebnis-mcq"] .mcq-item p{font-size:.8rem!important;line-height:1.45!important}
      #page-b1-lesen div[id="b1s1-erlebnis-mcq"] .mcq-options label{font-size:.76rem!important}
      
      #page-b1-lesen div[style*="border-left:4px solid #e6a817"]{font-size:.74rem!important;padding:8px 12px!important;line-height:1.55!important}
      
      #page-b1-lesen div[id*="erlebnis-kollokation"] table,
      #page-b1-lesen div[id*="erlebnis-redemittel"] table{font-size:.72rem!important}
      #page-b1-lesen div[id*="erlebnis-kollokation"] td,
      #page-b1-lesen div[id*="erlebnis-redemittel"] td{padding:.25rem .35rem!important}
      
      #page-b1-lesen button[onclick*="erlebnis"]{font-size:.74rem!important;padding:5px 10px!important}
      
      
      #eg321-main{padding:12px 10px!important;margin-top:.8rem!important;margin-bottom:.8rem!important}
      #eg321-main>div:first-of-type{padding:12px 14px 14px!important}
      #eg321-main>div:first-of-type>div:first-child>div:first-child{font-size:1rem!important}
      #eg321-main>div:first-of-type>div:first-child>span{font-size:.68rem!important;padding:.15rem .5rem!important}
      #eg321-main>div:first-of-type>div:last-child{font-size:.74rem!important}
      
      #eg321-main>div:last-child{padding:12px 10px 14px!important;font-size:.8rem!important;line-height:1.7!important}
      
      #eg321-main div[style*="display:flex"][style*="gap:12px"]{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:10px 12px!important}
      #eg321-main div[style*="display:flex"][style*="gap:12px"] div:last-child{font-size:.78rem!important;line-height:1.55!important}
      
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"]{padding:10px 12px!important;margin-bottom:8px!important}
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"] strong{font-size:.82rem!important}
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"] p,
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"] em{font-size:.78rem!important;line-height:1.55!important}
      
      #eg321-main div[style*="background:linear-gradient(135deg,rgba(27,94,32"]{font-size:.8rem!important;padding:10px 12px!important;margin:12px 0!important}
      
      #eg321-main div[style*="border-left:4px solid #e6a817"]{font-size:.74rem!important;line-height:1.55!important;padding:10px 12px!important}
      
      #page-b1-lesen div[id="eg321-mcq"] .mcq-item p{font-size:.8rem!important;line-height:1.45!important}
      #page-b1-lesen div[id="eg321-mcq"] .mcq-options label{font-size:.74rem!important;display:block!important;margin-bottom:3px!important}
      
      #page-b1-lesen div[id="eg321-mcq"]+button+button+button+div+div{font-size:.78rem!important;line-height:1.65!important}
      
      #page-b1-lesen div[id*="eg321-kollokation"] table,
      #page-b1-lesen div[id*="eg321-redemittel"] table{font-size:.72rem!important;display:block!important;overflow-x:auto!important}
      #page-b1-lesen div[id*="eg321-kollokation"] td,
      #page-b1-lesen div[id*="eg321-kollokation"] th,
      #page-b1-lesen div[id*="eg321-redemittel"] td,
      #page-b1-lesen div[id*="eg321-redemittel"] th{padding:.25rem .35rem!important}
      
      #page-b1-lesen button[onclick*="eg321"]{font-size:.74rem!important;padding:5px 10px!important}
    }

    
    @media (max-width: 380px) {
      #main-nav { padding: 4px 6px; gap: 3px; }
      .nav-btn { font-size: 0.7rem; height: 36px; min-width: 60px; padding: 0 8px; border-radius: 12px; }
      #page-index { padding: 4px !important; }
      #page-index .hero { padding: 24px 8px 20px; }
      #page-index .hero h1 { font-size: clamp(1.2rem, 6vw, 1.6rem); }
      #page-index .card { padding: 16px 12px 14px; border-radius: 16px; }
      .grid { gap: 12px; }
      #page-index .stats-bar { gap:8px; padding:10px 8px; border-radius:10px; }
      #page-index .stats-bar .st-tagline { font-size:.66rem; line-height:1.4 }
      #page-index .stats-bar .st-grid { gap:3px; }
      #page-index .stats-bar .st-card { padding:7px 2px 5px; border-radius:7px }
      #page-index .stats-bar .st-icon { font-size:.9rem }
      #page-index .stats-bar .st-num { font-size:.95rem; }
      #page-index .stats-bar .st-lbl { font-size:.56rem; }
      #page-index .stats-bar .st-sub { font-size:.5rem; }
      header h1 { font-size: 1.2rem !important; }
      
      #page-index .about-wrap .about-hero { padding: 14px 10px 12px; }
      #page-index .about-wrap .about-hero h2 { font-size: 1rem; }
      #page-index .about-wrap .sell-grid { grid-template-columns: 1fr; gap: 8px; }
      #page-index .about-wrap .user-grid { grid-template-columns: 1fr; gap: 6px; }
      #page-index .about-wrap .loop-node { font-size: .72rem; padding: 6px 10px; }
      #page-index .about-wrap .loop-diagram { padding: 12px 8px; }
      
      #page-b1-lesen div[style*="min-width:155px"][style*="max-width:180px"]{min-width:100%!important;max-width:100%!important}
      #page-b1-lesen div[style*="gap:10px"][style*="flex-wrap:wrap"]{gap:6px!important}
      
      #page-b1-lesen div[style*="flex-wrap:wrap"][style*="gap:8px"][style*="margin-bottom:18px"] span{font-size:.64rem!important;padding:3px 7px!important}
      
      #page-b1-lesen div[style*="font-size:.85rem"][style*="cursor:pointer"] label{display:block!important;margin-bottom:3px!important}
      
      #page-b1-lesen div[style*="linear-gradient(135deg,#e0f2f1,#b2dfdb)"]{padding:10px 10px!important}
      #page-b1-lesen div[style*="linear-gradient(135deg,#e0f2f1,#b2dfdb)"] div[style*="background:#fff"]{padding:8px 10px!important}
      
      #page-b1-lesen button[onclick^="b1s11TransMode"],#page-b1-lesen button[onclick^="b1s11RevealAll"],#page-b1-lesen button[onclick^="b1s11HideAll"]{font-size:.64rem!important;padding:.25rem .45rem!important}
      
      #page-b1-lesen div[id="b1s11-lt3-mcq"]{grid-template-columns:1fr!important}
      
      #page-b1-lesen div[style*="border:1px solid #00897b"][style*="padding:20px 20px 16px"]{padding:10px 8px 10px!important}
      
      #page-b1-lesen div[style*="display:flex;align-items:flex-start"][style*="gap:10px"][style*="padding:10px 14px"]{padding:6px 8px!important;gap:4px!important}
      #page-b1-lesen span[style*="color:#e2e8f0"][style*="font-size:.87rem"][style*="line-height:1.6"]{font-size:.68rem!important;line-height:1.35!important}
      
      #page-b1-lesen div[style*="border-left:3px solid #00695c"]{padding:6px 8px!important}
      #page-b1-lesen div[style*="border-left:3px solid #00695c"] p{font-size:.66rem!important;line-height:1.4!important}
      #page-b1-lesen span[style*="color:#f6d365"][style*="font-weight:700"][style*="font-size:.88rem"]{font-size:.7rem!important}
      
      #page-b1-lesen div[id="b1s11-lt3-mcq"] select{font-size:.62rem!important;padding:2px 4px!important;min-width:36px!important}
      #page-b1-lesen div[id="b1s11-lt3-mcq"] span{font-size:.62rem!important}
      
      #page-b1-lesen div[id="b1s1-erlebnis-mcq"] .mcq-item p{font-size:.72rem!important}
      #page-b1-lesen div[id="b1s1-erlebnis-mcq"] .mcq-options label{font-size:.7rem!important}
      #page-b1-lesen div[style*="border-left:4px solid #e6a817"]{font-size:.68rem!important;padding:6px 10px!important}
      #page-b1-lesen div[id*="erlebnis-kollokation"] table,
      #page-b1-lesen div[id*="erlebnis-redemittel"] table{font-size:.66rem!important}
      
      
      #eg321-main{padding:8px 6px!important}
      #eg321-main>div:first-of-type{padding:10px 10px 12px!important}
      #eg321-main>div:first-of-type>div:first-child>div:first-child{font-size:.88rem!important}
      #eg321-main>div:first-of-type>div:first-child>span{font-size:.62rem!important}
      #eg321-main>div:first-of-type>div:last-child{font-size:.68rem!important}
      
      #eg321-main>div:last-child{padding:10px 8px 12px!important;font-size:.74rem!important;line-height:1.55!important}
      
      #eg321-main div[style*="display:flex"][style*="gap:12px"] div:last-child{font-size:.72rem!important}
      
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"]{padding:8px 9px!important}
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"] strong{font-size:.76rem!important}
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"] p,
      #eg321-main div[style*="border-radius:8px"][style*="padding:14px 18px"] em{font-size:.72rem!important;line-height:1.45!important}
      
      #eg321-main div[style*="background:linear-gradient(135deg,rgba(27,94,32"]{font-size:.74rem!important;padding:8px 10px!important}
      
      #eg321-main div[style*="border-left:4px solid #e6a817"]{font-size:.68rem!important;line-height:1.45!important;padding:8px 10px!important}
      
      #page-b1-lesen div[id="eg321-mcq"] .mcq-item p{font-size:.72rem!important}
      #page-b1-lesen div[id="eg321-mcq"] .mcq-options label{font-size:.66rem!important;display:block!important;margin:2px 0!important}
      
      #page-b1-lesen div[id*="eg321-kollokation"] table,
      #page-b1-lesen div[id*="eg321-redemittel"] table{font-size:.66rem!important}
      
      #page-b1-lesen button[onclick*="eg321"]{font-size:.68rem!important;padding:4px 8px!important}
      
      #page-b1-lesen div[id="b1-deutschland-wortschatz"] div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:.2rem 0!important;font-size:.73rem!important;line-height:1.65!important}
      #page-b1-lesen div[id="b1-deutschland-wortschatz"]{padding:.6rem .7rem!important}
      #page-b1-lesen div[id="b1-deutschland-wortschatz"] > div[style*="font-weight:700"]{font-size:.78rem!important;margin-bottom:.4rem!important}
      
      #page-b1-lesen div[id="b1-deutschland-kultur"]{padding:.6rem .7rem!important}
      #page-b1-lesen div[id="b1-deutschland-kultur"] > div{padding:10px 12px!important;margin-bottom:8px!important;font-size:.8rem!important;line-height:1.65!important}
      #page-b1-lesen div[id="b1-deutschland-kultur"] > div > strong{font-size:.82rem!important}
      
      #page-b1-lesen div[id="b1-deutschland-grammatik"]{padding:.6rem .7rem!important;font-size:.73rem!important;line-height:1.6!important}
      #page-b1-lesen div[id="b1-deutschland-grammatik"] strong{font-size:.78rem!important}
      
      #page-b1-lesen button[onclick^="B1DeuLied"]{font-size:.66rem!important;padding:.3rem .55rem!important}
      
      #page-b1-lesen div[id="b1-deutschland-transkript"]{padding:.5rem .6rem!important}
      #page-b1-lesen div[id="b1-deutschland-trans-full"] > div,
      #page-b1-lesen div[id="b1-deutschland-trans-blank"] > div{padding:.5rem .6rem!important}
      #page-b1-lesen div[id="b1-deutschland-trans-full"] p,
      #page-b1-lesen div[id="b1-deutschland-trans-blank"] p{font-size:.72rem!important;line-height:1.65!important}
      #page-b1-lesen div[id="b1-deutschland-trans-full"] div[style*="font-size:.92rem"],
      #page-b1-lesen div[id="b1-deutschland-trans-blank"] div[style*="font-size:.92rem"]{font-size:.74rem!important}
      #page-b1-lesen div[id="b1-deutschland-trans-full"] div[style*="font-size:.88rem"],
      #page-b1-lesen div[id="b1-deutschland-trans-blank"] div[style*="font-size:.88rem"]{font-size:.7rem!important}
      #page-b1-lesen div[id="b1-deutschland-trans-full"] div[style*="font-size:.9rem"],
      #page-b1-lesen div[id="b1-deutschland-trans-blank"] div[style*="font-size:.9rem"]{font-size:.72rem!important}
      
      #page-b1-lesen h1 ~ div[style*="border-top:2px solid #1565c0"] + div + div[style*="background:linear-gradient(135deg,#e3f2fd"]{padding:.7rem .8rem!important;font-size:.78rem!important;line-height:1.55!important}
    }
    
    
    
    #news-rot { margin:0 auto 21px; max-width:680px; padding:0 20px; }
    
    #news-rot .nr-card { display:flex; gap:18px; align-items:stretch; text-decoration:none; background:linear-gradient(160deg,#0f1e3a 0%,#132540 60%,#152847 100%); border:1px solid rgba(246,211,101,.12); border-radius:18px; padding:14px; position:relative; transition:all .3s ease; cursor:pointer; }
    
    #news-rot .nr-photo { flex:0 0 208px; width:208px; height:337px; align-self:center; border-radius:13px; overflow:hidden; background:#0b1730; }
    #news-rot .nr-photo img { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition:opacity .5s ease; }
    #news-rot .nr-photo img.on { opacity:1; }
    #news-rot .nr-main { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; padding:2px 6px 2px 0; }
        
    #news-rot .nr-intro { margin-top:12px; padding-top:12px;
      border-top:1px solid rgba(246,211,101,.1); font-size:.79rem; line-height:1.62; color:#9fb0c8;
      display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    #news-rot .nr-words { margin-top:10px; font-size:.73rem; line-height:1.58; color:#8ea3bd;
      /* 固定 1 行 + 省略号：译文长短不一，放开会有的折行有的不折，跨期不统一 */
      display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
    #news-rot .nr-words b { color:#e0b04a; font-weight:700; }
    #news-rot .nr-de { margin-top:8px; font-size:.82rem; font-weight:600; color:#e0b04a; font-family:Georgia,'Segoe UI',serif; font-style:italic; letter-spacing:.005em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    #news-rot .nr-card:hover { border-color:rgba(246,211,101,.45); box-shadow:0 6px 28px rgba(0,0,0,.35),0 0 16px rgba(246,211,101,.06); transform:translateY(-1px); }
    #news-rot .nr-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }
    #news-rot .nr-badge { display:inline-block; background:linear-gradient(135deg,#d4a030,#f6d365); color:#0a1428; font-size:.72rem; font-weight:700; padding:4px 14px; border-radius:20px; letter-spacing:.03em; white-space:nowrap; box-shadow:0 2px 8px rgba(246,211,101,.18); }
    #news-rot .nr-dots { display:flex; gap:6px; flex-shrink:0; }
    #news-rot .nr-dots i { width:6px; height:6px; border-radius:50%; background:rgba(148,163,184,.32); transition:.25s; }
    #news-rot .nr-dots i.on { background:#f6d365; box-shadow:0 0 8px rgba(246,211,101,.5); }
    #news-rot .nr-hook { font-size:1.3rem; font-weight:800; color:#fef3c7; line-height:1.34; letter-spacing:-.01em; }
    #news-rot .nr-sub { font-size:.84rem; color:#94a3b8; line-height:1.5; margin-top:6px; }
    #news-rot .nr-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:13px; padding-top:11px; border-top:1px solid rgba(246,211,101,.1); font-size:.72rem; color:#64748b; }
    #news-rot .nr-meta > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    #news-rot .nr-go { color:#f6d365; font-weight:700; white-space:nowrap; flex-shrink:0; }
    #news-rot .nr-card:hover .nr-go { color:#fde68a; }
    @media(max-width:600px){ #news-rot{padding:0 12px} #news-rot .nr-card{flex-direction:column;gap:0;padding:0;border-radius:14px;overflow:hidden} #news-rot .nr-photo{flex:0 0 150px;width:100%;height:150px;align-self:stretch;border-radius:0} #news-rot .nr-main{padding:13px 16px 14px} #news-rot .nr-hook{font-size:1.1rem} #news-rot .nr-sub{font-size:.78rem} #news-rot .nr-de{font-size:.76rem} #news-rot .nr-intro,#news-rot .nr-words{display:none} #news-rot .nr-meta{flex-wrap:wrap;row-gap:9px} }

    
    #news-rot .nr-acts { display:flex; align-items:center; gap:10px; flex-shrink:0; }
    #news-rot .nr-shot { background:rgba(246,211,101,.13); border:1px solid rgba(246,211,101,.32); color:#f6d365; font-size:.72rem; font-weight:700; padding:5px 12px; border-radius:14px; cursor:pointer; transition:.2s; font-family:inherit; white-space:nowrap; }
    #news-rot .nr-shot:hover { background:rgba(246,211,101,.24); color:#fde68a; }
    #nr-poster { display:none; position:fixed; inset:0; z-index:99999; background:rgba(4,10,22,.95); align-items:center; justify-content:center; }
    #nr-poster.on { display:flex; }
    #nr-poster #nrp-open { display:block; line-height:0; }
    #nr-poster .nrp-img { cursor:zoom-in; max-height:calc(100vh - 120px); max-width:min(94vw,560px); width:auto; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.65); display:block; }
    #nr-poster .nrp-bar { position:absolute; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; }
    #nr-poster .nrp-title { color:#94a3b8; font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    #nr-poster .nrp-btn { background:rgba(255,255,255,.1); border:none; color:#e8eef7; padding:7px 14px; border-radius:16px; font-size:.8rem; cursor:pointer; text-decoration:none; font-family:inherit; white-space:nowrap; }
    #nr-poster .nrp-btn:hover { background:rgba(255,255,255,.2); color:#fde68a; }
    #nr-poster .nrp-nav { position:absolute; bottom:16px; display:flex; gap:10px; align-items:center; }
    #nr-poster .nrp-hint { color:#64748b; font-size:.72rem; margin-left:6px; }
    @media(max-width:600px){ #nr-poster .nrp-img{max-height:calc(100vh - 150px)} #nr-poster .nrp-hint{display:none} }

    
    #echt-share-overlay { display:none; position:fixed; inset:0; z-index:99999; background:#0a1428; flex-direction:column; align-items:center; justify-content:center; padding:24px; }
    #echt-share-overlay.show { display:flex; }
    #echt-share-overlay .share-close { position:absolute; top:16px; right:20px; background:rgba(255,255,255,.08); border:none; color:#94a3b8; font-size:1.5rem; width:40px; height:40px; border-radius:50%; cursor:pointer; transition:.2s; z-index:1; }
    #echt-share-overlay .share-close:hover { background:rgba(255,255,255,.15); color:#fde68a; }
    
    #echt-share-card { max-width:460px; width:100%; padding:0; background:linear-gradient(160deg,#0f1e3a 0%,#162d4a 40%,#1a3050 100%); border:1px solid rgba(246,211,101,.28); border-radius:22px; box-shadow:0 8px 48px rgba(0,0,0,.55); overflow:hidden; }
    
    #echt-share-card::before { content:''; display:block; height:3px; background:linear-gradient(90deg,transparent,#f6d365 20%,#fde68a 50%,#f6d365 80%,transparent); }
    #echt-share-card .es-inner { padding:34px 30px 30px; }
    
    #echt-share-card .es-badge { display:table; margin:0 auto 22px; background:linear-gradient(135deg,#b8860b,#f6d365); color:#0a1428; font-size:.75rem; font-weight:700; padding:5px 20px; border-radius:20px; letter-spacing:.04em; box-shadow:0 2px 10px rgba(246,211,101,.18); }
    
    #echt-share-card .es-rows { display:flex; align-items:stretch; gap:0; margin-bottom:20px; position:relative; }
    #echt-share-card .es-col { flex:1; min-width:0; border-radius:14px; padding:16px 14px 14px; position:relative; }
    #echt-share-card .es-col.book { background:rgba(148,163,184,.04); border:1px solid rgba(148,163,184,.10); margin-right:20px; }
    #echt-share-card .es-col.real { background:rgba(246,211,101,.07); border:1px solid rgba(246,211,101,.30); border-left:4px solid #f6d365; box-shadow:inset 0 1px 0 rgba(246,211,101,.04); }
    
    #echt-share-card .es-vs { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:28px; height:28px; background:linear-gradient(135deg,#b8860b,#f6d365); color:#0a1428; font-size:.68rem; font-weight:800; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:2; box-shadow:0 2px 8px rgba(0,0,0,.4); }
    
    #echt-share-card .es-col-label { font-size:.7rem; font-weight:700; letter-spacing:.06em; margin-bottom:10px; text-transform:uppercase; }
    #echt-share-card .es-col.book .es-col-label { color:#7e8b9e; }
    #echt-share-card .es-col.real .es-col-label { color:#f6d365; }
    
    #echt-share-card .es-de { font-size:1.08rem; font-weight:600; line-height:1.55; letter-spacing:-.005em; font-family:Georgia,'Segoe UI',serif; font-style:italic; }
    #echt-share-card .es-col.book .es-de { color:#b0bac7; }
    #echt-share-card .es-col.real .es-de { color:#fef5d4; }
    
    #echt-share-card .es-note { font-size:.86rem; color:#a8b5c4; line-height:1.75; margin:0 0 24px; padding:14px 16px; background:rgba(246,211,101,.03); border-left:3px solid rgba(246,211,101,.25); border-radius:6px; font-family:var(--kai); }
    #echt-share-card .es-note b { color:#f6d365; font-weight:700; }
    
    #echt-share-card .es-brand { font-size:.76rem; color:#64748b; border-top:1px solid rgba(246,211,101,.10); padding-top:16px; text-align:center; letter-spacing:.03em; }
    #echt-share-card .es-brand span { color:#f6d365; font-weight:700; }
    
    @media(max-width:600px){
      #echt-share-card{max-width:92vw}
      #echt-share-card .es-inner{padding:26px 18px 24px}
      #echt-share-card .es-badge{font-size:.7rem;margin-bottom:18px}
      #echt-share-card .es-rows{flex-direction:column;gap:12px}
      #echt-share-card .es-col.book{margin-right:0}
      #echt-share-card .es-vs{position:static;transform:none;margin:0 auto;width:24px;height:24px;font-size:.62rem}
      #echt-share-card .es-de{font-size:1rem}
      #echt-share-card .es-note{font-size:.8rem}
    }
    
    #page-echt { background:linear-gradient(180deg,#0a1428,#0f1e3a,#0a1428); min-height:100vh; padding:30px 20px 60px; font-family:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif; position:relative; overflow:hidden; }
    
    #page-echt .eb-beams { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
    #page-echt .eb-haze { position:absolute; inset:0; pointer-events:none;
      background:radial-gradient(75% 65% at 6% 3%, rgba(250,236,198,.20), rgba(200,170,100,.07) 42%, transparent 70%);
      mix-blend-mode:screen; }
    #page-echt .eb-godray { position:absolute; top:0; left:0; width:175%; height:175%; pointer-events:none;
      mix-blend-mode:screen; transform-origin:0 0; filter:blur(2px);
      -webkit-mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%);
              mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%); }
    #page-echt .eb-godray.gr1 { opacity:.5;
      background:conic-gradient(from 78deg at 0% 0%,
        transparent 0deg, rgba(252,238,205,.48) 6deg, transparent 12deg,
        transparent 17deg, rgba(248,226,182,.35) 21deg, transparent 26deg,
        transparent 33deg, rgba(254,242,215,.52) 38deg, transparent 44deg,
        transparent 50deg, rgba(246,220,176,.33) 54deg, transparent 60deg,
        transparent 66deg, rgba(250,234,196,.44) 70deg, transparent 76deg,
        transparent 90deg);
      animation:eb-sway1 19s ease-in-out infinite; }
    #page-echt .eb-godray.gr2 { opacity:.38;
      background:conic-gradient(from 80deg at 0% 0%,
        transparent 0deg, rgba(252,240,210,.40) 3deg, transparent 7deg,
        transparent 13deg, rgba(248,226,180,.26) 16deg, transparent 20deg,
        transparent 27deg, rgba(250,236,200,.37) 30deg, transparent 35deg,
        transparent 41deg, rgba(246,222,176,.24) 45deg, transparent 49deg,
        transparent 57deg, rgba(252,240,208,.35) 61deg, transparent 65deg,
        transparent 72deg, rgba(248,228,182,.26) 76deg, transparent 80deg,
        transparent 90deg);
      animation:eb-sway2 26s ease-in-out infinite; }
    #page-echt .eb-dust { position:absolute; inset:0; pointer-events:none; }
    #page-echt .eb-mote { position:absolute; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.85), rgba(248,230,188,.28) 50%, transparent 75%);
      opacity:0; animation:eb-float var(--md,11s) linear infinite var(--mt,0s); will-change:transform,opacity; }
    #page-echt .eb-vignette { position:absolute; inset:0; pointer-events:none; background:radial-gradient(140% 100% at 12% 1%, transparent 46%, rgba(10,20,40,.5) 100%); }
    @keyframes eb-sway1 { 0%,100%{ transform:rotate(0deg); opacity:.4 } 50%{ transform:rotate(2.5deg); opacity:.6 } }
    @keyframes eb-sway2 { 0%,100%{ transform:rotate(0deg); opacity:.3 } 50%{ transform:rotate(-3deg); opacity:.46 } }
    @keyframes eb-float { 0%{opacity:0; transform:translate(0,0)} 14%{opacity:.8} 86%{opacity:.4} 100%{opacity:0; transform:translate(46px,-120px)} }
    @media (prefers-reduced-motion: reduce){
      #page-echt .eb-godray, #page-echt .eb-mote { animation:none !important; }
      #page-echt .eb-mote{ opacity:.4; }
    }
    
    #page-echt .echt-header, #page-echt .echt-tools,
    #page-echt .echt-grid, #page-echt .echt-empty, #page-echt .echt-back { position:relative; z-index:1; }
    #page-echt .echt-header { text-align:center; margin-bottom:26px; }
    #page-echt .echt-header h2 { color:#f6d365; font-size:1.75rem; margin-bottom:8px; letter-spacing:-.01em; }
    #page-echt .echt-header p { color:#94a3b8; font-size:.9rem; max-width:520px; margin:0 auto; line-height:1.5; }
    #page-echt .echt-tools { max-width:1040px; margin:0 auto 24px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:center; }
    #page-echt .echt-search-box { position:relative; flex:1; min-width:260px; max-width:480px; }
    #page-echt .echt-search-box svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:17px; height:17px; fill:rgba(246,211,101,.45); pointer-events:none; }
    #page-echt #echt-search { width:100%; box-sizing:border-box; background:rgba(246,211,101,.05); border:1.5px solid rgba(246,211,101,.18); color:#fde68a; border-radius:24px; padding:12px 42px 12px 40px; font-size:.92rem; outline:none; transition:.25s; }
    #page-echt #echt-search::placeholder { color:rgba(148,163,184,.7); font-size:.85rem; }
    #page-echt #echt-search:focus { border-color:rgba(246,211,101,.55); background:rgba(246,211,101,.08); box-shadow:0 0 0 4px rgba(246,211,101,.06); }
    #page-echt .echt-search-clear { position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; color:#94a3b8; font-size:1.2rem; cursor:pointer; padding:4px 9px; line-height:1; border-radius:50%; transition:.2s; display:none; }
    #page-echt .echt-search-clear:hover { color:#fde68a; background:rgba(246,211,101,.12); }
    #page-echt .echt-count { font-size:.8rem; color:#94a3b8; white-space:nowrap; }
    #page-echt .echt-count b { color:#f6d365; font-weight:700; }
    #page-echt .echt-empty { display:none; text-align:center; color:#94a3b8; font-size:.92rem; padding:60px 20px; }
    
    #page-echt .echt-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:1040px; margin:0 auto; }
    #page-echt .echt-card { background:linear-gradient(160deg,#0f1e3a,#132540); border:1px solid rgba(246,211,101,.1); border-radius:18px; padding:20px 20px 18px; transition:border-color .25s,box-shadow .25s,transform .25s; display:flex; flex-direction:column; }
    #page-echt .echt-card:hover { border-color:rgba(246,211,101,.4); box-shadow:0 6px 28px rgba(0,0,0,.35),0 0 16px rgba(246,211,101,.06); transform:translateY(-3px); }
    #page-echt .echt-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
    #page-echt .echt-scene { font-size:.74rem; color:#0a1428; background:linear-gradient(135deg,#d4a030,#f6d365); padding:5px 14px; border-radius:20px; font-weight:700; letter-spacing:.02em; box-shadow:0 2px 6px rgba(0,0,0,.2); }
    #page-echt .echt-num { font-size:.66rem; font-weight:700; color:rgba(246,211,101,.35); letter-spacing:.06em; }
    
    #page-echt .echt-rows { display:flex; gap:12px; }
    #page-echt .echt-col { flex:1; min-width:0; border-radius:14px; padding:14px 14px 15px; position:relative; overflow:hidden; }
    #page-echt .echt-col.book { background:rgba(148,163,184,.05); border:1px solid rgba(148,163,184,.13); }
    #page-echt .echt-col.real { background:rgba(246,211,101,.06); border:1px solid rgba(246,211,101,.25); border-left:3px solid #f6d365; }
    #page-echt .echt-col-label { font-size:.66rem; font-weight:700; letter-spacing:.05em; margin-bottom:8px; display:flex; align-items:center; gap:5px; }
    #page-echt .echt-col.book .echt-col-label { color:#7e8b9e; }
    #page-echt .echt-col.real .echt-col-label { color:#f6d365; }
    #page-echt .echt-de { font-size:.98rem; font-weight:600; line-height:1.5; letter-spacing:-.005em; font-family:Georgia,'Segoe UI',serif; font-style:italic; }
    #page-echt .echt-col.book .echt-de { color:#bcc5d0; }
    #page-echt .echt-col.real .echt-de { color:#fef3c7; }
    
    #page-echt .echt-note { font-size:.85rem; color:#a8b5c4; line-height:1.7; margin-top:14px; padding-top:12px; border-top:1px solid rgba(246,211,101,.12); font-family:var(--kai); }
    #page-echt .echt-note b { color:#f6d365; font-weight:700; }
    #page-echt .echt-watermark { margin-top:16px; padding-top:10px; border-top:1px solid rgba(246,211,101,.06); text-align:right; font-size:.6rem; color:rgba(246,211,101,.18); letter-spacing:.05em; }
    #page-echt .echt-share-btn { display:inline-block; margin-top:12px; padding:7px 18px; background:linear-gradient(135deg,#b8860b,#f6d365); color:#0a1428; border:none; border-radius:16px; font-size:.73rem; font-weight:700; cursor:pointer; transition:.25s; letter-spacing:.03em; }
    #page-echt .echt-share-btn:hover { box-shadow:0 3px 16px rgba(246,211,101,.35); transform:translateY(-1px); }
    #page-echt mark { background:rgba(246,211,101,.28); color:#fff; border-radius:3px; padding:0 2px; }
    #page-echt .echt-back { text-align:center; margin-top:40px; }
    #page-echt .echt-back a { display:inline-block; background:linear-gradient(135deg,#1e3a5f,#2a4a7a); color:#fde68a; padding:11px 30px; border-radius:22px; text-decoration:none; font-weight:600; font-size:.9rem; border:1px solid rgba(246,211,101,.22); transition:.25s; }
    #page-echt .echt-back a:hover { border-color:rgba(246,211,101,.55); box-shadow:0 4px 18px rgba(246,211,101,.12); transform:translateY(-1px); }
    
    #page-echt .echt-tabs { max-width:1040px; margin:0 auto 20px; display:flex; gap:0; justify-content:center; position:relative; z-index:1; }
    #page-echt .echt-tab { flex:0 1 auto; padding:10px 28px; font-size:.84rem; font-weight:700; cursor:pointer; border:1.5px solid rgba(246,211,101,.15); background:rgba(246,211,101,.03); color:#94a3b8; transition:.25s; letter-spacing:.02em; }
    #page-echt .echt-tab:first-child { border-radius:22px 0 0 22px; border-right:none; }
    #page-echt .echt-tab:last-child { border-radius:0 22px 22px 0; }
    #page-echt .echt-tab.active { background:linear-gradient(135deg,#b8860b,#f6d365); color:#0a1428; border-color:transparent; box-shadow:0 2px 12px rgba(246,211,101,.25); }
    #page-echt .echt-tab .tb-count { font-size:.7rem; opacity:.7; margin-left:4px; }
    
    #page-echt .prov-card { background:linear-gradient(160deg,#0f1e3a,#132540); border:1px solid rgba(246,211,101,.1); border-radius:18px; padding:24px 22px 20px; transition:border-color .25s,box-shadow .25s,transform .25s; display:flex; flex-direction:column; }
    #page-echt .prov-card:hover { border-color:rgba(246,211,101,.4); box-shadow:0 6px 28px rgba(0,0,0,.35),0 0 16px rgba(246,211,101,.06); transform:translateY(-3px); }
    #page-echt .prov-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
    #page-echt .prov-scene { font-size:.74rem; color:#0a1428; background:linear-gradient(135deg,#f6d365,#fde68a); padding:5px 14px; border-radius:20px; font-weight:700; letter-spacing:.02em; box-shadow:0 2px 6px rgba(0,0,0,.2); }
    #page-echt .prov-num { font-size:.66rem; font-weight:700; color:rgba(246,211,101,.35); letter-spacing:.06em; }
    #page-echt .prov-de { font-size:1.25rem; font-weight:700; color:#fef3c7; line-height:1.5; margin-bottom:8px; letter-spacing:-.005em; font-style:italic; font-family:Georgia,'Segoe UI',serif; }
    #page-echt .prov-zh { font-size:1.05rem; font-weight:600; color:#f6d365; margin-bottom:10px; line-height:1.5; font-family:var(--kai); }
    #page-echt .prov-literal { font-size:.82rem; color:#7e8b9e; line-height:1.6; margin-bottom:12px; padding:8px 12px; background:rgba(148,163,184,.05); border-radius:8px; border-left:3px solid rgba(148,163,184,.25); font-family:var(--kai); }
    #page-echt .prov-literal b { color:#bcc5d0; font-weight:600; }
    #page-echt .prov-note { font-size:.85rem; color:#a8b5c4; line-height:1.7; padding-top:12px; border-top:1px solid rgba(246,211,101,.12); font-family:var(--kai); }
    #page-echt .prov-note b { color:#f6d365; font-weight:700; }
    #page-echt .prov-watermark { margin-top:18px; padding-top:10px; border-top:1px solid rgba(246,211,101,.06); text-align:right; font-size:.6rem; color:rgba(246,211,101,.18); letter-spacing:.05em; }
    #page-echt .prov-share-btn { display:inline-block; margin-top:12px; padding:7px 18px; background:linear-gradient(135deg,#b8860b,#f6d365); color:#0a1428; border:none; border-radius:16px; font-size:.73rem; font-weight:700; cursor:pointer; transition:.25s; letter-spacing:.03em; }
    #page-echt .prov-share-btn:hover { box-shadow:0 3px 16px rgba(246,211,101,.35); transform:translateY(-1px); }
    
    #prov-share-card { max-width:460px; width:100%; padding:0; background:linear-gradient(160deg,#0f1e3a 0%,#162d4a 40%,#1a3050 100%); border:1px solid rgba(246,211,101,.28); border-radius:22px; box-shadow:0 8px 48px rgba(0,0,0,.55); overflow:hidden; display:none;  }
    #prov-share-card::before { content:''; display:block; height:3px; background:linear-gradient(90deg,transparent,#f6d365 20%,#fde68a 50%,#f6d365 80%,transparent); }
    #prov-share-card .ps-inner { padding:34px 30px 30px; }
    #prov-share-card .ps-badge { display:table; margin:0 auto 22px; background:linear-gradient(135deg,#b8860b,#f6d365); color:#0a1428; font-size:.75rem; font-weight:700; padding:5px 20px; border-radius:20px; letter-spacing:.04em; box-shadow:0 2px 10px rgba(246,211,101,.18); }
    #prov-share-card .ps-de { font-size:1.35rem; font-weight:700; color:#fef3c7; line-height:1.5; text-align:center; margin-bottom:10px; font-style:italic; letter-spacing:-.005em; font-family:Georgia,'Segoe UI',serif; }
    #prov-share-card .ps-zh { font-size:1.1rem; font-weight:600; color:#f6d365; text-align:center; margin-bottom:18px; line-height:1.5; font-family:var(--kai); }
    #prov-share-card .ps-literal { font-size:.84rem; color:#7e8b9e; text-align:center; margin-bottom:14px; padding:10px 14px; background:rgba(148,163,184,.05); border-radius:10px; font-family:var(--kai); }
    #prov-share-card .ps-note { font-size:.86rem; color:#a8b5c4; line-height:1.75; margin:0 0 24px; padding:14px 16px; background:rgba(246,211,101,.03); border-left:3px solid rgba(246,211,101,.25); border-radius:6px; font-family:var(--kai); }
    #prov-share-card .ps-note b { color:#f6d365; font-weight:700; }
    #prov-share-card .ps-brand { font-size:.76rem; color:#64748b; border-top:1px solid rgba(246,211,101,.10); padding-top:16px; text-align:center; letter-spacing:.03em; }
    #prov-share-card .ps-brand span { color:#f6d365; font-weight:700; }
    @media(max-width:600px){
      #prov-share-card{max-width:92vw}
      #prov-share-card .ps-inner{padding:26px 18px 24px}
      #prov-share-card .ps-badge{font-size:.7rem;margin-bottom:18px}
      #prov-share-card .ps-de{font-size:1.15rem}
      #prov-share-card .ps-note{font-size:.8rem}
    }
    
    @media(max-width:860px){ #page-echt .echt-grid{grid-template-columns:1fr; max-width:600px} }
    @media(max-width:600px){
      #page-echt{padding:18px 10px 36px}
      #page-echt .echt-header h2{font-size:1.35rem}
      #page-echt .echt-header p{font-size:.82rem}
      #page-echt .echt-rows{flex-direction:column;gap:10px}
      #page-echt .echt-de{font-size:.9rem}
      #page-echt .echt-card{padding:16px 14px 14px}
      #page-echt .echt-col{padding:12px 12px 13px}
      #page-echt .echt-note{font-size:.76rem}
      #page-echt .echt-scene{font-size:.7rem;padding:4px 11px}
      #page-echt .echt-tab{padding:8px 18px;font-size:.78rem}
      #page-echt .prov-card{padding:18px 14px 16px}
      #page-echt .prov-de{font-size:1.1rem}
      #page-echt .prov-zh{font-size:.9rem}
      #page-echt .prov-literal{font-size:.74rem}
      #page-echt .prov-note{font-size:.76rem}
    }
    
    #page-de-en { background:linear-gradient(180deg,#0a1428,#0f1e3a,#0a1428); min-height:100vh; padding:30px 20px 60px; font-family:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif; color:#e2e8f0; position:relative; overflow:hidden; }
    
    #page-de-en .de-beams { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
    #page-de-en .de-haze { position:absolute; inset:0; pointer-events:none;
      background:radial-gradient(75% 65% at 6% 3%, rgba(196,226,246,.18), rgba(130,180,216,.05) 42%, transparent 70%);
      mix-blend-mode:screen; }
    #page-de-en .de-godray { position:absolute; top:0; left:0; width:175%; height:175%; pointer-events:none;
      mix-blend-mode:screen; transform-origin:0 0; filter:blur(2px);
      -webkit-mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%);
              mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%); }
    #page-de-en .de-godray.gr1 { opacity:.42;
      background:conic-gradient(from 78deg at 0% 0%,
        transparent 0deg, rgba(214,236,250,.50) 6deg, transparent 12deg,
        transparent 17deg, rgba(190,222,242,.38) 21deg, transparent 26deg,
        transparent 33deg, rgba(220,238,250,.55) 38deg, transparent 44deg,
        transparent 50deg, rgba(186,218,240,.35) 54deg, transparent 60deg,
        transparent 66deg, rgba(210,232,248,.45) 70deg, transparent 76deg,
        transparent 90deg);
      animation:de-sway1 19s ease-in-out infinite; }
    #page-de-en .de-godray.gr2 { opacity:.32;
      background:conic-gradient(from 80deg at 0% 0%,
        transparent 0deg, rgba(228,242,252,.40) 3deg, transparent 7deg,
        transparent 13deg, rgba(200,228,246,.28) 16deg, transparent 20deg,
        transparent 27deg, rgba(216,236,250,.38) 30deg, transparent 35deg,
        transparent 41deg, rgba(196,224,244,.26) 45deg, transparent 49deg,
        transparent 57deg, rgba(222,240,252,.36) 61deg, transparent 65deg,
        transparent 72deg, rgba(204,230,248,.28) 76deg, transparent 80deg,
        transparent 90deg);
      animation:de-sway2 26s ease-in-out infinite; }
    #page-de-en .de-dust { position:absolute; inset:0; pointer-events:none; }
    #page-de-en .de-mote { position:absolute; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.85), rgba(200,225,245,.28) 50%, transparent 75%);
      opacity:0; animation:de-float var(--md,11s) linear infinite var(--mt,0s); will-change:transform,opacity; }
    #page-de-en .de-vignette { position:absolute; inset:0; pointer-events:none; background:radial-gradient(150% 110% at 12% 1%, transparent 52%, rgba(5,12,26,.4) 100%); }
    @keyframes de-sway1 { 0%,100%{ transform:rotate(0deg); opacity:.34 } 50%{ transform:rotate(2.5deg); opacity:.50 } }
    @keyframes de-sway2 { 0%,100%{ transform:rotate(0deg); opacity:.24 } 50%{ transform:rotate(-3deg); opacity:.38 } }
    @keyframes de-float { 0%{opacity:0; transform:translate(0,0)} 14%{opacity:.7} 86%{opacity:.35} 100%{opacity:0; transform:translate(46px,-120px)} }
    @media (prefers-reduced-motion: reduce){
      #page-de-en .de-godray, #page-de-en .de-mote { animation:none !important; }
      #page-de-en .de-mote{ opacity:.35; }
    }
    
    #page-de-en .de-header, #page-de-en .de-tools,
    #page-de-en .de-grid, #page-de-en .de-empty, #page-de-en .de-back { position:relative; z-index:1; }
    #page-de-en .de-header { text-align:center; margin-bottom:26px; }
    #page-de-en .de-header h2 { color:#f6d365; font-size:1.75rem; margin-bottom:8px; letter-spacing:-.01em; }
    #page-de-en .de-header p { color:#94a3b8; font-size:.9rem; max-width:560px; margin:0 auto; line-height:1.5; }
    #page-de-en .de-tools { max-width:1040px; margin:0 auto 24px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:center; }
    #page-de-en .de-search-box { position:relative; flex:1; min-width:260px; max-width:480px; }
    #page-de-en .de-search-box svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:17px; height:17px; fill:rgba(246,211,101,.45); pointer-events:none; }
    #page-de-en #de-en-search { width:100%; box-sizing:border-box; background:rgba(246,211,101,.05); border:1.5px solid rgba(246,211,101,.18); color:#fde68a; border-radius:24px; padding:12px 42px 12px 40px; font-size:.92rem; outline:none; transition:.25s; }
    #page-de-en #de-en-search::placeholder { color:rgba(148,163,184,.7); font-size:.85rem; }
    #page-de-en #de-en-search:focus { border-color:rgba(246,211,101,.55); background:rgba(246,211,101,.08); box-shadow:0 0 0 4px rgba(246,211,101,.06); }
    #page-de-en .de-search-clear { position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; color:#94a3b8; font-size:1.2rem; cursor:pointer; padding:4px 9px; line-height:1; border-radius:50%; transition:.2s; display:none; }
    #page-de-en .de-search-clear:hover { color:#fde68a; background:rgba(246,211,101,.12); }
    #page-de-en .de-count { font-size:.8rem; color:#94a3b8; white-space:nowrap; }
    #page-de-en .de-count b { color:#f6d365; font-weight:700; }
    #page-de-en .de-empty { display:none; text-align:center; color:#94a3b8; font-size:.92rem; padding:60px 20px; }
    
    #page-de-en .de-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:1040px; margin:0 auto; }
    #page-de-en .de-card { background:linear-gradient(160deg,#0f1e3a,#132540); border:1px solid rgba(246,211,101,.1); border-radius:18px; padding:20px 20px 18px; transition:border-color .25s,box-shadow .25s,transform .25s; display:flex; flex-direction:column; position:relative; overflow:hidden; }
    #page-de-en .de-card:hover { border-color:rgba(246,211,101,.4); box-shadow:0 6px 28px rgba(0,0,0,.35),0 0 16px rgba(246,211,101,.06); transform:translateY(-3px); }
    
    #page-de-en .de-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
    #page-de-en .de-type { font-size:.74rem; color:#0a1428; padding:5px 14px; border-radius:20px; font-weight:700; letter-spacing:.02em; box-shadow:0 2px 6px rgba(0,0,0,.2); }
    #page-de-en .de-type.ff { background:linear-gradient(135deg,#ef4444,#f87171); }   
    #page-de-en .de-type.gr { background:linear-gradient(135deg,#f59e0b,#fbbf24); }   
    #page-de-en .de-type.pn { background:linear-gradient(135deg,#8b5cf6,#a78bfa); }   
    #page-de-en .de-type.fx { background:linear-gradient(135deg,#0ea5e9,#38bdf8); }   
    #page-de-en .de-num { font-size:.66rem; font-weight:700; color:rgba(246,211,101,.35); letter-spacing:.06em; }
    
    #page-de-en .de-rows { display:flex; gap:12px; margin-bottom:14px; }
    #page-de-en .de-col { flex:1; min-width:0; border-radius:14px; padding:14px 14px 15px; position:relative; }
    #page-de-en .de-col.de { background:rgba(246,211,101,.06); border:1px solid rgba(246,211,101,.25); border-left:3px solid #f6d365; }
    #page-de-en .de-col.en { background:rgba(59,130,246,.06); border:1px solid rgba(59,130,246,.25); border-left:3px solid #3b82f6; }
    #page-de-en .de-col-label { font-size:.66rem; font-weight:700; letter-spacing:.05em; margin-bottom:8px; display:flex; align-items:center; gap:5px; }
    #page-de-en .de-col.de .de-col-label { color:#f6d365; }
    #page-de-en .de-col.en .de-col-label { color:#60a5fa; }
    #page-de-en .de-word { font-size:.98rem; font-weight:600; line-height:1.4; letter-spacing:-.005em; }
    #page-de-en .de-col.de .de-word { color:#fef3c7; }
    #page-de-en .de-col.en .de-word { color:#bfdbfe; }
    #page-de-en .de-meaning { font-size:.7rem; color:#94a3b8; margin-top:3px; font-style:italic; }
    
    #page-de-en .de-mistake-box { background:rgba(239,68,68,.06); border:1px solid rgba(239,68,68,.18); border-radius:12px; padding:12px 14px; margin-bottom:12px; }
    #page-de-en .de-mistake-label { font-size:.66rem; font-weight:700; color:#f87171; letter-spacing:.05em; margin-bottom:4px; }
    #page-de-en .de-mistake-text { font-size:.82rem; color:#fca5a5; line-height:1.45; }
    #page-de-en .de-correct-box { background:rgba(34,197,94,.05); border:1px solid rgba(34,197,94,.15); border-radius:12px; padding:12px 14px; margin-bottom:12px; }
    #page-de-en .de-correct-label { font-size:.66rem; font-weight:700; color:#4ade80; letter-spacing:.05em; margin-bottom:4px; }
    #page-de-en .de-correct-text { font-size:.85rem; color:#bbf7d0; font-weight:600; line-height:1.45; }
    
    #page-de-en .de-note { font-size:.8rem; color:#a8b5c4; line-height:1.65; margin-top:4px; padding-top:12px; border-top:1px solid rgba(246,211,101,.12); }
    #page-de-en .de-note b { color:#f6d365; font-weight:700; }
    #page-de-en .de-watermark { margin-top:14px; padding-top:10px; border-top:1px solid rgba(246,211,101,.06); text-align:right; font-size:.6rem; color:rgba(246,211,101,.18); letter-spacing:.05em; }
    #page-de-en .de-share-btn { display:inline-block; margin-top:10px; padding:7px 18px; background:linear-gradient(135deg,#b8860b,#f6d365); color:#0a1428; border:none; border-radius:16px; font-size:.73rem; font-weight:700; cursor:pointer; transition:.25s; letter-spacing:.03em; }
    #page-de-en .de-share-btn:hover { box-shadow:0 3px 16px rgba(246,211,101,.35); transform:translateY(-1px); }
    #page-de-en .de-back { text-align:center; margin-top:40px; }
    #page-de-en .de-back a { display:inline-block; background:linear-gradient(135deg,#1e3a5f,#2a4a7a); color:#fde68a; padding:11px 30px; border-radius:22px; text-decoration:none; font-weight:600; font-size:.9rem; border:1px solid rgba(246,211,101,.22); transition:.25s; }
    #page-de-en .de-back a:hover { border-color:rgba(246,211,101,.55); box-shadow:0 4px 18px rgba(246,211,101,.12); transform:translateY(-1px); }
    
    @media(max-width:860px){ #page-de-en .de-grid{grid-template-columns:1fr; max-width:600px} }
    
    
    #page-de-en .de-sec-title { position:relative; z-index:1; max-width:1040px; margin:36px auto 14px; display:flex; align-items:center; gap:10px; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(246,211,101,.45); }
    #page-de-en .de-sec-title::after { content:'';flex:1;height:1px;background:rgba(246,211,101,.14); }
    #page-de-en .de-sent-card { background:linear-gradient(160deg,#0f1e3a,#132540); border:1px solid rgba(239,68,68,.12); border-left:4px solid #ef4444; border-radius:18px; padding:20px 20px 18px; transition:border-color .25s,box-shadow .25s,transform .25s; display:flex; flex-direction:column; }
    #page-de-en .de-sent-card:hover { border-color:rgba(239,68,68,.35); box-shadow:0 6px 28px rgba(0,0,0,.35),0 0 16px rgba(239,68,68,.06); transform:translateY(-3px); }
    #page-de-en .de-sent-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
    #page-de-en .de-sent-type { font-size:.74rem; color:#0a1428; background:linear-gradient(135deg,#ef4444,#f87171); padding:5px 14px; border-radius:20px; font-weight:700; letter-spacing:.02em; box-shadow:0 2px 6px rgba(0,0,0,.2); }
    #page-de-en .de-sent-num { font-size:.66rem; font-weight:700; color:rgba(239,68,68,.35); letter-spacing:.06em; }
    #page-de-en .de-sent-de { font-size:.76rem; color:#94a3b8; margin-bottom:12px; padding:8px 12px; background:rgba(246,211,101,.04); border-radius:8px; border:1px solid rgba(246,211,101,.08); font-style:italic; }
    #page-de-en .de-sent-de b { color:#f6d365; font-weight:600; font-style:normal; }
    #page-de-en .de-sent-mistake { background:rgba(239,68,68,.06); border:1px solid rgba(239,68,68,.18); border-radius:12px; padding:12px 14px; margin-bottom:10px; }
    #page-de-en .de-sent-mistake .lbl { font-size:.66rem; font-weight:700; color:#f87171; letter-spacing:.05em; margin-bottom:4px; }
    #page-de-en .de-sent-mistake .txt { font-size:.88rem; color:#fca5a5; font-weight:600; line-height:1.5; }
    #page-de-en .de-sent-correct { background:rgba(34,197,94,.05); border:1px solid rgba(34,197,94,.15); border-radius:12px; padding:12px 14px; margin-bottom:10px; }
    #page-de-en .de-sent-correct .lbl { font-size:.66rem; font-weight:700; color:#4ade80; letter-spacing:.05em; margin-bottom:4px; }
    #page-de-en .de-sent-correct .txt { font-size:.88rem; color:#bbf7d0; font-weight:600; line-height:1.5; }
    #page-de-en .de-sent-note { font-size:.8rem; color:#a8b5c4; line-height:1.65; margin-top:4px; padding-top:12px; border-top:1px solid rgba(246,211,101,.12); }
    #page-de-en .de-sent-note b { color:#f6d365; font-weight:700; }
    @media(max-width:600px){
      #page-de-en .de-sent-card{padding:16px 14px 14px}
      #page-de-en .de-sent-mistake .txt{font-size:.82rem}
      #page-de-en .de-sent-correct .txt{font-size:.82rem}
      #page-de-en .de-sent-de{font-size:.72rem}
    }
    @media(max-width:600px){
      #page-de-en{padding:18px 10px 36px}
      #page-de-en .de-header h2{font-size:1.35rem}
      #page-de-en .de-header p{font-size:.82rem}
      #page-de-en .de-rows{flex-direction:column;gap:10px}
      #page-de-en .de-word{font-size:.9rem}
      #page-de-en .de-card{padding:16px 14px 14px}
      #page-de-en .de-col{padding:12px 12px 13px}
      #page-de-en .de-note{font-size:.76rem}
      #page-de-en .de-type{font-size:.7rem;padding:4px 11px}
      #page-de-en .de-mistake-text{font-size:.78rem}
      #page-de-en .de-correct-text{font-size:.8rem}
    }

    
    #page-serie { background:linear-gradient(180deg,#0a1428,#0f1e3a,#0a1428); min-height:100vh; padding:30px 20px 60px; font-family:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif; color:#e2e8f0; position:relative; overflow:hidden; }
    
    #page-serie .se-beams { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
    
    #page-serie .se-haze { position:absolute; inset:0; pointer-events:none;
      background:radial-gradient(75% 65% at 6% 3%, rgba(250,236,198,.20), rgba(200,170,100,.07) 42%, transparent 70%);
      mix-blend-mode:screen; }
    
    #page-serie .se-godray { position:absolute; top:0; left:0; width:175%; height:175%; pointer-events:none;
      mix-blend-mode:screen; transform-origin:0 0; filter:blur(2px);
      -webkit-mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%);
              mask-image:radial-gradient(120% 120% at 0% 0%, #000 0%, rgba(0,0,0,.85) 30%, rgba(0,0,0,.35) 58%, transparent 80%); }
    
    #page-serie .se-godray.gr1 { opacity:.5;
      background:conic-gradient(from 78deg at 0% 0%,
        transparent 0deg, rgba(252,238,205,.48) 6deg, transparent 12deg,
        transparent 17deg, rgba(248,226,182,.35) 21deg, transparent 26deg,
        transparent 33deg, rgba(254,242,215,.52) 38deg, transparent 44deg,
        transparent 50deg, rgba(246,220,176,.33) 54deg, transparent 60deg,
        transparent 66deg, rgba(250,234,196,.44) 70deg, transparent 76deg,
        transparent 90deg);
      animation:se-sway1 19s ease-in-out infinite; }
    
    #page-serie .se-godray.gr2 { opacity:.38;
      background:conic-gradient(from 80deg at 0% 0%,
        transparent 0deg, rgba(252,240,210,.40) 3deg, transparent 7deg,
        transparent 13deg, rgba(248,226,180,.26) 16deg, transparent 20deg,
        transparent 27deg, rgba(250,236,200,.37) 30deg, transparent 35deg,
        transparent 41deg, rgba(246,222,176,.24) 45deg, transparent 49deg,
        transparent 57deg, rgba(252,240,208,.35) 61deg, transparent 65deg,
        transparent 72deg, rgba(248,228,182,.26) 76deg, transparent 80deg,
        transparent 90deg);
      animation:se-sway2 26s ease-in-out infinite; }
    
    #page-serie .se-dust { position:absolute; inset:0; pointer-events:none; }
    #page-serie .se-mote { position:absolute; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.85), rgba(248,230,188,.28) 50%, transparent 75%);
      opacity:0; animation:se-float var(--md,11s) linear infinite var(--mt,0s); will-change:transform,opacity; }
    
    #page-serie .se-vignette { position:absolute; inset:0; pointer-events:none; background:radial-gradient(140% 100% at 12% 1%, transparent 46%, rgba(10,20,40,.5) 100%); }

    @keyframes se-sway1 { 0%,100%{ transform:rotate(0deg); opacity:.4 } 50%{ transform:rotate(2.5deg); opacity:.6 } }
    @keyframes se-sway2 { 0%,100%{ transform:rotate(0deg); opacity:.3 } 50%{ transform:rotate(-3deg); opacity:.46 } }
    @keyframes se-float { 0%{opacity:0; transform:translate(0,0)} 14%{opacity:.8} 86%{opacity:.4} 100%{opacity:0; transform:translate(46px,-120px)} }
    @media (prefers-reduced-motion: reduce){
      #page-serie .se-godray, #page-serie .se-mote { animation:none !important; }
      #page-serie .se-mote{ opacity:.4; }
    }
    #page-serie .se-wrap { max-width:760px; margin:0 auto; position:relative; z-index:1; }
    #page-serie .se-header { text-align:center; margin-bottom:24px; }
    #page-serie .se-header .se-show { font-size:.72rem; color:#f6d365; letter-spacing:.18em; font-weight:700; margin-bottom:8px; }
    #page-serie .se-header h2 { color:#fde68a; font-size:1.7rem; margin-bottom:8px; }
    #page-serie .se-header .se-sub { color:#94a3b8; font-size:.88rem; }
    
    #page-serie .se-eplist { display:flex; justify-content:center; margin-bottom:26px; }
    #page-serie .se-ep-select { font-size:.82rem; padding:8px 36px 8px 16px; border-radius:24px; border:1px solid rgba(246,211,101,.35); color:#fde68a; background:linear-gradient(135deg,rgba(184,134,11,.15),rgba(246,211,101,.08)); font-family:inherit; cursor:pointer; outline:none; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f6d365' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; transition:.2s; min-width:220px; text-align:center; }
    #page-serie .se-ep-select:hover { border-color:rgba(246,211,101,.6); }
    #page-serie .se-ep-select option { background:#0f1e3a; color:#e2e8f0; }
    
    #page-serie .se-cast { display:flex; gap:14px; align-items:center; background:rgba(246,211,101,.07); border:1px solid rgba(246,211,101,.2); border-radius:16px; padding:16px 18px; margin-bottom:24px; }
    #page-serie .se-cast .se-avatar { font-size:2.6rem; flex-shrink:0; width:58px; height:58px; display:flex; align-items:center; justify-content:center; background:rgba(246,211,101,.12); border-radius:50%; }
    #page-serie .se-cast .se-name { font-size:1rem; font-weight:700; color:#fde68a; margin-bottom:3px; }
    #page-serie .se-cast .se-bio { font-size:.8rem; color:#94a3b8; line-height:1.5; }
    
    #page-serie .se-intro { background:linear-gradient(135deg,rgba(184,134,11,.12),rgba(246,211,101,.05)); border-left:3px solid #f6d365; border-radius:8px; padding:14px 18px; margin-bottom:26px; font-size:.9rem; color:#e2e8f0; line-height:1.65; }
    
    #page-serie .se-sec-title { display:flex; align-items:center; gap:8px; font-size:1.05rem; font-weight:700; color:#fde68a; margin:30px 0 16px; }
    #page-serie .se-sec-title::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,rgba(246,211,101,.4),transparent); }
    
    #page-serie .se-dialog { display:flex; flex-direction:column; gap:14px; }
    #page-serie .se-line { display:flex; gap:10px; max-width:90%; }
    #page-serie .se-line.right { align-self:flex-end; flex-direction:row-reverse; }
    #page-serie .se-line .se-who { font-size:1.5rem; flex-shrink:0; width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:rgba(246,211,101,.1); border-radius:50%; }
    #page-serie .se-bubble { background:#0f1e3a; border:1px solid rgba(246,211,101,.18); border-radius:14px; padding:11px 15px; }
    #page-serie .se-line.right .se-bubble { background:rgba(184,134,11,.18); border-color:rgba(246,211,101,.3); }
    #page-serie .se-bubble .se-spk { font-size:.66rem; color:#94a3b8; font-weight:700; margin-bottom:4px; }
    #page-serie .se-bubble .se-de { font-size:.95rem; color:#f1f5f9; font-weight:600; line-height:1.5; }
    #page-serie .se-bubble .se-de b { color:#fde68a; }
    #page-serie .se-bubble .se-zh { font-size:.78rem; color:#94a3b8; line-height:1.5; margin-top:5px; }
    
    #page-serie .se-vocab { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    #page-serie .se-vocab .se-word { background:rgba(246,211,101,.06); border:1px solid rgba(246,211,101,.16); border-radius:10px; padding:10px 13px; }
    #page-serie .se-vocab .se-word .w-de { font-size:.88rem; color:#fde68a; font-weight:700; }
    #page-serie .se-vocab .se-word .w-zh { font-size:.76rem; color:#94a3b8; margin-top:2px; }
    
    #page-serie .se-traps { display:flex; flex-direction:column; gap:12px; }
    #page-serie .se-trap { display:flex; gap:11px; background:rgba(245,158,11,.06); border:1px solid rgba(245,158,11,.22); border-radius:12px; padding:13px 15px; }
    #page-serie .se-trap .se-trap-ic { font-size:1.3rem; flex-shrink:0; }
    #page-serie .se-trap .se-trap-tx { font-size:.84rem; color:#d4c9b0; line-height:1.6; }
    #page-serie .se-trap .se-trap-tx b { color:#fbbf24; }
    
    #page-serie .se-next { margin-top:32px; background:linear-gradient(135deg,rgba(184,134,11,.18),rgba(246,211,101,.06)); border:1px dashed rgba(246,211,101,.4); border-radius:16px; padding:20px 22px; text-align:center; }
    #page-serie .se-next .se-next-tag { font-size:.7rem; color:#f6d365; letter-spacing:.15em; font-weight:700; margin-bottom:8px; }
    #page-serie .se-next .se-next-title { font-size:1.05rem; color:#fde68a; font-weight:700; margin-bottom:8px; }
    #page-serie .se-next .se-next-desc { font-size:.83rem; color:#94a3b8; line-height:1.6; }
    #page-serie .se-back { text-align:center; margin-top:34px; }
    #page-serie .se-back a { display:inline-block; background:linear-gradient(135deg,#b8860b,#1e3a5f); color:#fde68a; padding:10px 28px; border-radius:20px; text-decoration:none; font-weight:600; font-size:.88rem; border:1px solid rgba(246,211,101,.25); transition:.2s; }
    #page-serie .se-back a:hover { border-color:rgba(246,211,101,.6); box-shadow:0 4px 16px rgba(246,211,101,.15); }
    
    #page-serie .se-watermark { margin-top:28px; padding-top:16px; border-top:1px solid rgba(246,211,101,.12); text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; }
    #page-serie .se-watermark .sw-brand { font-size:.72rem; color:rgba(246,211,101,.55); letter-spacing:.04em; font-weight:600; }
    #page-serie .se-watermark .sw-url { font-size:.66rem; color:rgba(246,211,101,.35); }
    
    #page-serie .se-crosslinks { margin-top:24px; background:linear-gradient(135deg,rgba(34,211,238,.05),rgba(167,139,250,.03)); border:1px solid rgba(34,211,238,.16); border-radius:16px; padding:18px 20px; }
    #page-serie .se-crosslinks .se-xl-title { font-size:.8rem; color:#22d3ee; font-weight:700; letter-spacing:.06em; margin-bottom:13px; }
    #page-serie .se-xl-group { margin-bottom:11px; }
    #page-serie .se-xl-group:last-child { margin-bottom:0; }
    #page-serie .se-xl-group .se-xl-group-title { font-size:.68rem; color:#64748b; font-weight:600; letter-spacing:.05em; margin-bottom:6px; text-transform:uppercase; }
    #page-serie .se-xl-links { display:flex; flex-wrap:wrap; gap:5px; }
    #page-serie .se-xl-link { display:inline-flex; align-items:center; gap:3px; border-radius:12px; padding:4px 10px; font-size:.73rem; text-decoration:none; font-weight:500; transition:.2s; white-space:nowrap; cursor:pointer; border:1px solid transparent; }
    #page-serie .se-xl-link.grammar { background:rgba(246,211,101,.06); border-color:rgba(246,211,101,.16); color:#fde68a; }
    #page-serie .se-xl-link.grammar:hover { background:rgba(246,211,101,.14); border-color:rgba(246,211,101,.35); color:#fff; }
    #page-serie .se-xl-link.echt { background:rgba(34,211,238,.07); border-color:rgba(34,211,238,.16); color:#bae6fd; }

  .se-xl-link.theme { background: linear-gradient(135deg, rgba(246,211,101,.16), rgba(184,134,11,.1));
                      border-color: rgba(246,211,101,.45); color: #fde68a; font-weight: 700; }
    #page-serie .se-xl-link.echt:hover { background:rgba(34,211,238,.15); border-color:rgba(34,211,238,.35); color:#e0f2fe; }
    #page-serie .se-xl-link.lesen { background:rgba(240,147,251,.06); border-color:rgba(240,147,251,.16); color:#f0abfc; }
    #page-serie .se-xl-link.lesen:hover { background:rgba(240,147,251,.14); border-color:rgba(240,147,251,.35); color:#f5d0fe; }
    #page-serie .se-xl-vocab { font-size:.76rem; color:#94a3b8; line-height:1.55; padding:4px 0 0; }

    
    #page-kultur-reader .se-crosslinks { margin-top:24px; background:linear-gradient(135deg,rgba(34,211,238,.05),rgba(167,139,250,.03)); border:1px solid rgba(34,211,238,.16); border-radius:16px; padding:18px 20px; }
    #page-kultur-reader .se-crosslinks .se-xl-title { font-size:.8rem; color:#22d3ee; font-weight:700; letter-spacing:.06em; margin-bottom:13px; }
    #page-kultur-reader .se-xl-group { margin-bottom:11px; }
    #page-kultur-reader .se-xl-group:last-child { margin-bottom:0; }
    #page-kultur-reader .se-xl-group .se-xl-group-title { font-size:.68rem; color:#64748b; font-weight:600; letter-spacing:.05em; margin-bottom:6px; text-transform:uppercase; }
    #page-kultur-reader .se-xl-links { display:flex; flex-wrap:wrap; gap:5px; }
    #page-kultur-reader .se-xl-link { display:inline-flex; align-items:center; gap:3px; border-radius:12px; padding:4px 10px; font-size:.73rem; text-decoration:none; font-weight:500; transition:.2s; white-space:nowrap; cursor:pointer; border:1px solid transparent; }
    #page-kultur-reader .se-xl-link.grammar { background:rgba(246,211,101,.06); border-color:rgba(246,211,101,.16); color:#fde68a; }
    #page-kultur-reader .se-xl-link.grammar:hover { background:rgba(246,211,101,.14); border-color:rgba(246,211,101,.35); color:#fff; }
    #page-kultur-reader .se-xl-link.echt { background:rgba(34,211,238,.07); border-color:rgba(34,211,238,.16); color:#bae6fd; }
    #page-kultur-reader .se-xl-link.echt:hover { background:rgba(34,211,238,.15); border-color:rgba(34,211,238,.35); color:#e0f2fe; }
    #page-kultur-reader .se-xl-link.lesen { background:rgba(240,147,251,.06); border-color:rgba(240,147,251,.16); color:#f0abfc; }
    #page-kultur-reader .se-xl-link.lesen:hover { background:rgba(240,147,251,.14); border-color:rgba(240,147,251,.35); color:#f5d0fe; }
    #page-kultur-reader .se-xl-vocab { font-size:.76rem; color:#94a3b8; line-height:1.55; padding:4px 0 0; }

    @media(max-width:600px){ #page-serie{padding:20px 12px 40px} #page-serie .se-header h2{font-size:1.4rem} #page-serie .se-vocab{grid-template-columns:1fr} #page-serie .se-line{max-width:100%} }

    
    
    .g-backtotoc,.b1g-backtotoc,.hr-backtotoc,.ls-backtotoc,.sb-backtotoc,.mx-backtotoc,
    .a2g-backtotoc,.a2h-backtotoc,.a2s-backtotoc,.a2u-backtotoc,.a2l-backtotoc,
    .b1h-backtotoc,.b1l-backtotoc,.b1ex-backtotoc,.gs-backtotoc,
    .dat-backtotoc,.gk-backtotoc {
      display:none;
    }


    
    #app-loading-screen {
      position:fixed;top:0;left:0;width:100%;height:100%;
      background:#0a1428;z-index:1000000;
      display:flex;align-items:center;justify-content:center;
      flex-direction:column;
      transition:opacity .5s ease,visibility .5s ease;
    }
    #app-loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}
    #app-loading-screen .ls-logo{
      font-family:'Georgia','Kaiti SC',serif;
      font-size:2.2rem;font-weight:700;
      color:#f6d365;letter-spacing:.06em;
      margin-bottom:20px;
    }
    #app-loading-screen .ls-flag{
      display:flex;gap:0;border-radius:8px;overflow:hidden;
      margin-bottom:28px;box-shadow:0 4px 24px rgba(246,211,101,.2);
    }
    #app-loading-screen .ls-flag span{display:block;width:40px;height:28px}
    #app-loading-screen .ls-flag span:nth-child(1){background:#000}
    #app-loading-screen .ls-flag span:nth-child(2){background:#d00}
    #app-loading-screen .ls-flag span:nth-child(3){background:#fc0}
    #app-loading-screen .ls-spinner{
      width:40px;height:40px;
      border:3px solid rgba(246,211,101,.15);
      border-top-color:#f6d365;
      border-radius:50%;
      animation:lsSpin .8s linear infinite;
    }
    @keyframes lsSpin{to{transform:rotate(360deg)}}
    #app-loading-screen .ls-sub{
      color:rgba(226,232,240,.6);font-size:.82rem;
      margin-top:16px;letter-spacing:.04em;
    }

    
    #float-nav .float-btn.toc{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border-color:rgba(196,181,253,.55)}
    #float-nav .float-btn.modules{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border-color:rgba(94,234,212,.55)}
    #toc-overlay{display:none;position:fixed;inset:0;z-index:99996;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
    #toc-overlay .toc-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:520px;max-height:78vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden;display:flex;flex-direction:column}
    #toc-overlay .toc-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}
    #toc-overlay .toc-hdr h3{font-size:1.05rem;color:#1a1a2e;margin:0}
    #toc-overlay .toc-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#64748b;padding:4px;line-height:1}
    #toc-overlay .toc-body{overflow-y:auto;padding:12px 16px;flex:1}
    #toc-overlay .toc-group{margin-bottom:14px}
    #toc-overlay .toc-group-label{font-size:.7rem;font-weight:700;color:#6b21a8;text-transform:uppercase;letter-spacing:.06em;padding:4px 0 6px}
    #toc-overlay .toc-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:.9rem;color:#2d3748;transition:background .15s;text-decoration:none}
    #toc-overlay .toc-item:hover{background:#f3e8ff}
    #toc-overlay .toc-item.current{background:#ede9fe;font-weight:700;color:#5b21b6}
    #toc-overlay .toc-item .toc-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}
    @media(max-width:600px){
      #toc-overlay .toc-card{top:40px;bottom:20px;left:50%;right:auto;transform:translateX(-50%);max-height:none;width:94%;border-radius:14px}
    }

    
    
    :root{
      --c-muted:#666;--c-dim:#888;--c-ok:#2e7d32;
      --c-text:#2d3748;--c-sub:#475569;
      --c-slate:#546e7a;--c-fog:#94a3b8;
      --bg-card:#fff;--bg-warm:#f9fbe7;
      --bg-cool:#e8f0f8;--bg-lav:#e8eaf6;
      --bg-red:#ffebee;--bg-grn:#e8f5e9;
    }
    
    .t-dn{display:none}.t-df{display:flex}
    .t-tal{text-align:left}.t-tac{text-align:center}
    .t-fw7{font-weight:700}.t-fw4{font-weight:400}.t-fw6{font-weight:600}
    .t-fs82{font-size:.82rem}.t-fs78{font-size:.78rem}
    .t-fs83{font-size:.83rem}.t-fs87{font-size:.87rem}
    .t-fs85{font-size:.85rem}.t-fs88{font-size:.88rem}
    .t-cp{cursor:pointer}.t-mono{font-family:monospace}
    .t-m0{margin:0}.t-w100p{width:100%}
    .t-mb06{margin:0 0 .6rem}.t-mb05{margin:0 0 .5rem}
    .t-mb1{margin:0 0 1rem}.t-mb04{margin:0 0 .4rem}
    .t-mt10{margin-top:10px}
    
    .t-p8-12{padding:8px 12px}
    .t-p8-12b{font-weight:700;padding:8px 12px}
    .t-p8-12s{padding:8px 12px;font-size:.83rem}
    .t-p8-12l{padding:8px 12px;text-align:left}
    .t-p8-10{padding:8px 10px}.t-p8-10s{padding:8px 10px;font-size:.82rem}
    .t-p7-10{padding:7px 10px}.t-p7-10b{font-weight:700;padding:7px 10px}
    .t-p7-10l{padding:7px 10px;text-align:left}.t-p7-10s{padding:7px 10px;font-size:.8rem}
    .t-p6-10{padding:6px 10px}.t-p5-10{padding:5px 10px}
    .t-p5-8{padding:5px 8px}.t-p4-8{padding:4px 8px}
    .t-p4-10{padding:4px 10px}
    .t-p8-14{padding:8px 14px}
    
    .t-fb-ok{display:none;color:#2e7d32;font-weight:700}
    .t-fb-err{display:none;color:#888}
    .t-fb-ok2{display:none;color:#2e7d32;margin-top:.3rem;font-weight:600}
    .t-fb-ok3{display:none;color:#2e7d32;font-weight:700;margin-left:.5rem}
    
    .t-row-dark{padding:.4rem .8rem;border-bottom:1px solid rgba(255,255,255,.04)}
    .t-row-dark2{padding:.35rem .8rem;border-bottom:1px solid rgba(255,255,255,.04)}
    .t-row-dark3{padding:.38rem .8rem;border-bottom:1px solid #cfd8dc}
    .t-row-light{padding:4px 8px;border-bottom:1px solid #ede9fe}
    .t-row-light2{padding:4px 10px;border-bottom:1px solid #ede9fe}
    
    .t-row-click{cursor:pointer;padding:.4rem 0;border-bottom:1px dashed #eee}
    .t-row-click2{cursor:pointer;padding:.3rem 0;border-bottom:1px dashed #eee}
    
    .t-tag-white{background:rgba(255,255,255,.2);color:#fff;padding:.2rem .7rem;border-radius:12px;font-size:.75rem}
    
    .t-w80{width:80px}.t-w90{width:90px}.t-w120{width:120px}
    .t-mw860{max-width:860px;margin:0 auto}
    
    .t-flex-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
    .t-flex-center{display:flex;align-items:center;gap:8px;font-size:.82rem}
    
    .t-c666{color:#666}
    .t-c-white{color:#fff}
    .t-c-fog{color:#94a3b8}
    .t-c-sub{color:#475569}
    .t-c-slate{color:#546e7a}
    .t-c-2d{color:#2d3748}
    .t-c-fb{color:#fbcfe8}
    .t-c-93{color:#93c5fd}
    
    .t-bg-white{background:#fff}
    .t-bg-warm{background:#f9fbe7}
    .t-bg-cool{background:#e8f0f8}
    .t-bg-lav{background:#e8eaf6}
    .t-bg-red{background:#ffebee}
    .t-bg-grn{background:#e8f5e9}
    .t-bg-rgba{background:rgba(30,58,95,.04)}
    .t-row-dark4{padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.04)}
    .t-row-orange{padding:.4rem .5rem;border-bottom:1px solid #ffe0b2}
    .t-p6-12-bd{padding:6px 12px;border:1px solid #e2e8f0}
    .t-p6-12-bdc{padding:6px 12px;text-align:center;border:1px solid #e2e8f0}
    .t-p8-bd{padding:8px;border:1px solid #ccc}
    .t-c-gold{color:var(--gold)}
    .t-table{width:100%;border-collapse:collapse;font-size:.87rem;line-height:1.6}
    .t-card-white{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:1.2rem;box-shadow:0 4px 16px rgba(0,0,0,.08)}
    #page-b1-lesen .btn-vocab{background:linear-gradient(135deg,#00897b,#4db6ac)!important;color:#fff!important}
    #page-b1-lesen .btn-grammatik{background:linear-gradient(135deg,#283593,#5c6bc0)!important;color:#fff!important}
    #page-b1-lesen .btn-hintergrund{background:linear-gradient(135deg,#e65100,#ff9800)!important;color:#fff!important}
    #page-b1-lesen .btn-kollokation{background:linear-gradient(135deg,#2e7d32,#66bb6a)!important;color:#fff!important}
    #page-b1-lesen .btn-redemittel{background:linear-gradient(135deg,#c62828,#ef5350)!important;color:#fff!important}
    #page-b1-lesen .btn-beispiele{background:linear-gradient(135deg,#1565c0,#42a5f5)!important;color:#fff!important}
    #page-b1-lesen #b1s13-mcq-score{text-align:center;margin-top:12px;font-size:1.1rem;font-weight:700;min-height:28px}
    #page-b1-lesen #b1s17-mcq-score{text-align:center;margin-top:12px;font-size:1.1rem;font-weight:700;min-height:28px}
    #page-b1-lesen #b1s18-mcq-score{text-align:center;margin-top:12px;font-size:1.1rem;font-weight:700;min-height:28px}
    #page-b1-lesen #b1s19-mcq-score{text-align:center;margin-top:12px;font-size:1.1rem;font-weight:700;min-height:28px}
    #page-b1-lesen #b1s20-mcq-score{text-align:center;margin-top:12px;font-size:1.1rem;font-weight:700;min-height:28px}
  

/* ── 首页品牌中文名（SEO：让百度能匹配「Leon德语学习中心」 + 中文访客看得到中文站名）── */
.hero-brand-cn{font-size:clamp(.92rem,2.2vw,1.15rem);font-weight:600;letter-spacing:.18em;text-indent:.18em;color:#f6d365;opacity:.85;margin:-6px 0 12px}