*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,Microsoft JhengHei,sans-serif}main{padding:2rem}.content{max-width:960px;margin:0 auto;line-height:1.7;color:#1f2937}.content h1,.content h2,.content h3{line-height:1.3;margin:1.4rem 0 .6rem}.content h1{font-size:1.8rem}.content h3{font-size:1.1rem}.content p{margin:.6rem 0}.content img{max-width:100%;height:auto;border-radius:8px;margin:.4rem 0}.content ol,.content ul{padding-left:1.2rem}.content a{color:#2563eb;text-decoration:none}.content a:hover{text-decoration:underline}.content ul{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.content ul ul{display:block}.content ul li{border:1px solid #e5e7eb;border-radius:10px;padding:.75rem}.nav-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;text-align:center}.nav-theme-dark{background:#000}.nav-theme-light{background:#f1f5f9}.nav-theme-gradient{background:linear-gradient(135deg,#1e1b4b,#4c1d95)}.nav-card{position:relative;width:min(92vw,460px);background:#1f2937;color:#f9fafb;border-radius:14px;padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 10px 40px rgba(0,0,0,.5)}.nav-theme-light .nav-card{background:#ffffff;color:#111827}.nav-theme-gradient .nav-card{background:rgba(15,15,30,.82);color:#f9fafb}.nav-card.accent-left{border-left:5px solid var(--accent,#6366f1)}.nav-card.accent-right{border-right:5px solid var(--accent,#6366f1)}.nav-icon img{object-fit:contain}.nav-icon span{line-height:1}.nav-text{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;line-height:1.5;text-wrap:balance}.nav-content-box{width:100%;background:#374151;border-radius:8px;padding:.9rem 1rem}.nav-theme-light .nav-content-box{background:#f1f5f9}.nav-theme-gradient .nav-content-box{background:rgba(255,255,255,.12)}.nav-content-box>div{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;line-height:1.65;text-wrap:pretty}.bm-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bm-modal{width:min(92vw,420px);background:#1f2430;color:#f3f4f6;border-radius:14px;padding:1.5rem 1.4rem;box-shadow:0 20px 60px rgba(0,0,0,.55);text-align:center}.nav-theme-light .bm-modal{background:#ffffff;color:#111827}.nav-theme-gradient .bm-modal{background:rgba(20,22,34,.94);color:#f9fafb}.bm-title{margin:0 0 .6rem;font-size:1.25rem;line-height:1.4;text-wrap:balance}.bm-message{margin:0 0 1rem;line-height:1.6;opacity:.92}.bm-tip{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:10px;padding:.85rem 1rem;margin-bottom:1.2rem;font-size:.95rem;line-height:1.65;text-align:left;white-space:pre-wrap;overflow-wrap:break-word}.bm-button{width:100%;padding:.95rem 1rem;border:0;border-radius:9999px;background:var(--accent,#6366f1);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:filter .15s ease}.bm-button:hover{filter:brightness(1.1)}.nav-divider{width:100%;border:0;border-top:1px solid rgba(255,255,255,.18)}.nav-card .nav-targets{width:100%;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.nav-card .nav-target{display:block;padding:.8rem 1.5rem;border-radius:9999px;font-weight:700;text-decoration:none;text-align:center;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,filter .15s ease}.nav-card .nav-target,.nav-card .nav-target--solid{background:var(--accent,#6366f1);color:#fff}.nav-card .nav-target--solid:hover{filter:brightness(1.1)}.nav-card .nav-target--outline{background:transparent;color:var(--accent,#6366f1);border-color:var(--accent,#6366f1)}.nav-card .nav-target--outline:hover{background:var(--accent,#6366f1);color:#fff}.nav-card .nav-target--gradient{background:linear-gradient(135deg,var(--accent,#6366f1),#ec4899);color:#fff}.nav-card .nav-target--gradient:hover{filter:brightness(1.1)}.nav-card .nav-target--glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-card .nav-target--glass:hover{background:rgba(255,255,255,.22)}.nav-card .nav-target--elevated{background:var(--accent,#6366f1);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.35)}.nav-card .nav-target--elevated:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.45)}.nav-card .nav-target--neon{background:transparent;color:var(--accent,#6366f1);border-color:var(--accent,#6366f1);box-shadow:0 0 8px var(--accent,#6366f1),inset 0 0 8px rgba(255,255,255,.15);text-shadow:0 0 6px var(--accent,#6366f1)}.nav-card .nav-target--neon:hover{box-shadow:0 0 16px var(--accent,#6366f1),inset 0 0 12px rgba(255,255,255,.25)}.nav-progress{width:100%}.nav-progress-track{width:100%;height:8px;background:rgba(127,127,127,.3);border-radius:9999px;overflow:hidden}.nav-progress-fill{height:100%;background:var(--accent,#6366f1);transition:width .12s linear}.nav-progress-text{margin-top:.4rem;font-size:.85rem;opacity:.85}.nav-card.anim-fade{animation:navFade .6s ease both}.nav-card.anim-slide{animation:navSlide .6s ease both}.nav-card.anim-zoom{animation:navZoom .5s ease both}@keyframes navFade{0%{opacity:0}to{opacity:1}}@keyframes navSlide{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes navZoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nav-card.anim-fade,.nav-card.anim-slide,.nav-card.anim-zoom{animation:none}}.nav-targets{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.nav-target{display:inline-block;padding:.9rem 2.5rem;border-radius:9999px;background:#38bdf8;color:#0f172a;font-size:1.2rem;font-weight:700;text-decoration:none}