:root{--brand:#b8e838}*{box-sizing:border-box}
.mf-root{min-height:100vh}.mf-container{max-width:80rem;margin:0 auto;padding:2rem 1rem}
.mf-header{position:relative;margin-bottom:2rem;overflow:hidden;border:1px solid #e5e7eb;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 10px 40px rgba(184,232,56,.25)}
.mf-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}@media(min-width:1024px){.mf-grid{grid-template-columns:2fr 1fr}}
.mf-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:600}
.mf-chip-dot{width:.5rem;height:.5rem;border-radius:999px;display:inline-block;background:var(--brand)}
.mf-h1{margin:.75rem 0 0;font-size:1.875rem;font-weight:600}.mf-light{font-weight:300}
.mf-sub{margin-top:.5rem;max-width:40rem;font-size:.875rem;color:#525252}
.mf-logo-box{display:block;border:1px dashed #d1d5db;border-radius:12px;background:#fff;height:8.75rem; /* 140px */ padding:.75rem; overflow:hidden}
.mf-logo-thumb{width:100%;height:100%;border-radius:8px;object-fit:contain;display:block;background:transparent}
.mf-logo-help{margin-top:.25rem;font-size:.75rem;color:#9ca3af;text-align:center}
.mf-social{border-top:1px solid #e5e7eb;padding:.75rem 1.5rem;display:flex;gap:.5rem;flex-wrap:wrap}
.mf-social-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;padding:.25rem .75rem;color:#111;text-decoration:none;font-size:.875rem}
.mf-mini-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:999px;background:var(--brand)}
.mf-grad{height:.5rem;background:linear-gradient(90deg,var(--brand),rgba(184,232,56,0))}
.mf-timeline{position:relative;max-width:48rem;margin:0 auto}
.mf-centerline{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);width:6px;border-radius:3px;background:linear-gradient(var(--brand),#a6b94a,var(--brand))}
.mf-stack{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}
.mf-flash-card{width:100%;max-width:40rem;margin:0 auto;border:2px solid #ef4444;background:#fff5f5;border-radius:16px;padding:1rem;box-shadow:0 18px 50px rgba(254,53,62,.22);color:#7f1d1d}
.mf-flash-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #fecaca;background:#fff;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:800;color:#b91c1c}
.mf-flash-dot{display:inline-block;width:.375rem;height:.375rem;border-radius:999px;background:#dc2626}
.mf-flash-zebra{margin-top:.5rem;height:.5rem;border-radius:0 0 12px 12px;background:repeating-linear-gradient(-45deg, rgba(254,53,62,.45) 0 8px, transparent 8px 16px)}
.mf-day{text-align:center;margin:.5rem 0 .25rem}.mf-day span{display:inline-block;border:1px solid #e5e7eb;border-radius:999px;background:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:700;color:#374151}
.mf-item{position:relative;width:100%;display:flex}.mf-item.left{justify-content:flex-start}.mf-item.right{justify-content:flex-end}
.mf-node{position:absolute;top:1.1rem;left:50%;transform:translateX(-50%);width:12px;height:12px;border:3px solid var(--brand);background:#fff;border-radius:999px;box-shadow:0 0 0 3px rgba(184,232,56,.22)}
.mf-card{position:relative;width:calc(50% - .75rem);min-width:0;border:1px solid #e5e7eb;border-radius:16px;background:rgba(255,255,255,.9);padding:.75rem;color:#111;text-decoration:none;box-shadow:0 10px 24px rgba(184,232,56,.15)}
.mf-meta{display:flex;gap:.5rem;align-items:center;color:#6b7280;font-size:.6875rem}.mf-meta .time{font-weight:700;color:#111}
.mf-justify{justify-content:space-between}
.tag{display:inline-flex;align-items:center;gap:.25rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;padding:.125rem .5rem}
.tag-red{border-color:#fecaca !important;color:#b91c1c !important;background:#fff !important}
.mf-mini-dot-red{background:#ef4444 !important}
.mf-card-title{margin-top:.25rem;font-size:.9375rem;font-weight:700}.mf-card-text{margin-top:.25rem;font-size:.8125rem;color:#374151;line-height:1.35}
.mf-card-zebra{margin-top:.5rem;height:.5rem;border-radius:0 0 12px 12px;background:repeating-linear-gradient(-45deg, rgba(184,232,56,.45) 0 8px, transparent 8px 16px)}
.mf-more{padding-top:.5rem;text-align:center}
.mf-more-btn{border:1px solid #e5e7eb;border-radius:999px;background:#fff !important;color:#111 !important;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}
.mf-more-btn:hover{background:rgba(184,232,56,.12) !important;border-color:var(--brand) !important;box-shadow:0 6px 20px rgba(184,232,56,.25) !important;color:#111 !important}
.fmf-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;padding:32px}
.fmf-article-zone{position:relative;z-index:2;max-width:720px;width:100%}
.fmf-logo-slot{height:96px;border:none;background:transparent;display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px;border-radius:0;color:#6b7280;font-size:14px}
.fmf-card{border:1px solid var(--brand);background:rgba(255,255,255,0.92);border-radius:16px;box-shadow:0 14px 40px rgba(184,232,56,0.18);overflow:hidden}
.fmf-zebra{height:8px;background-image:repeating-linear-gradient(45deg,var(--brand) 0 10px,white 10px 20px)}
.fmf-card-inner{padding:20px}.fmf-title{font-size:22px;font-weight:800}.fmf-date{display:block;margin-top:4px;font-size:14px;color:#6b7280}
.fmf-content{margin-top:12px;font-size:15px;line-height:1.6;color:#1f2937}
.fmf-share{margin-top:14px;display:flex;gap:8px;justify-content:flex-end}
.fmf-sq{width:36px;height:36px;border-radius:8px;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.fmf-sq:hover{filter:brightness(0.95)}
.fmf-back{margin-top:10px;display:flex;justify-content:flex-end}
.fmf-back-link{font-weight:700;text-decoration:none;color:#111;border-bottom:2px solid var(--brand)}
.fmf-back-link:hover{background:rgba(184,232,56,.12)}
.fmf-rail{position:relative;height:100vh;width:64px;background:var(--brand);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0;z-index:1}
.fmf-rail span{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:22px;writing-mode:vertical-rl;text-orientation:sideways;white-space:nowrap;text-align:center}

.fmf-source{margin-top:8px;text-align:right;font-style:italic;color:#374151}
.fmf-source a{color:#1f2937;text-decoration:underline}

.fmf-logo-slot img{height:96px;object-fit:contain;display:block}

.mf-flash-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}

.mf-flash-title{font-weight:800}