:root{--color-primary: #5a9bd5;--color-bg-light: #f0f4f8;--color-text: #333}.article-wrap{font-family:"Helvetica Neue", Arial, sans-serif;line-height:1.6;color:var(--color-text)}.article-wrap h1{font-size:36px;font-weight:700;margin-top:2em;margin-bottom:1em;border-bottom:3px solid var(--color-primary);padding-bottom:0.3em;color:#1a1a1a}.article-wrap h2{font-size:28px;font-weight:600;margin-top:2em;margin-bottom:1em;border-left:5px solid var(--color-primary);padding-left:0.8em;background-color:rgba(90,155,213,0.1);border-radius:4px}.article-wrap h3{font-size:22px;font-weight:500;margin-top:1.5em;margin-bottom:0.8em;color:#1a3a5a}.article-wrap p{margin-bottom:1em}.article-wrap iframe,.article-wrap img{display:block;max-width:100%;margin:1em auto;border-radius:6px}.video-group{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:2em}@media (max-width: 768px){.video-group{flex-direction:column}}.article-wrap .second,.article-wrap .third{display:flex;flex-wrap:wrap;gap:0.8em;margin-bottom:2em}.article-wrap .second img,.article-wrap .third img{flex:1 1 calc(33% - 0.8em);max-width:calc(33% - 0.8em);border-radius:6px}.toc{background-color:var(--color-bg-light);border-left:4px solid var(--color-primary);padding:1em;margin-bottom:2em;border-radius:4px}.toc a{text-decoration:none;color:var(--color-primary)}.toc a:hover{text-decoration:underline}.toc-mobile-btn{display:none}@media (max-width: 599px){.toc-mobile-btn{position:fixed;bottom:24px;right:20px;z-index:1100;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:18px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,0.3);align-items:center;justify-content:center}.toc-mobile-btn.toc-visible{display:flex;width:auto;border-radius:24px;padding:0 16px;gap:6px;font-size:14px;white-space:nowrap}.toc-mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:1050}.toc-mobile-backdrop.open{display:block}.toc-mobile-panel{position:fixed;bottom:0;left:0;right:0;z-index:1099;background:#fff;border-top:3px solid var(--color-primary);border-radius:14px 14px 0 0;padding:0 1em 1em;max-height:60vh;overflow-y:auto;box-shadow:0 -4px 20px rgba(0,0,0,0.18);transform:translateY(100%);transition:transform 0.28s ease}.toc-mobile-panel.open{transform:translateY(0)}.toc-mobile-panel-header{display:flex;justify-content:space-between;align-items:center;padding:0.8em 0 0.4em;position:sticky;top:0;background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:0.5em}.toc-mobile-panel-header span{font-weight:bold;font-size:1em;color:var(--color-text)}.toc-mobile-close{background:none;border:none;font-size:1.4em;cursor:pointer;color:#666;line-height:1;padding:0 4px}.toc-mobile-panel ul{list-style:none;margin:0;padding:0}.toc-mobile-panel li{border-bottom:1px solid #f0f0f0}.toc-mobile-panel li:last-child{border-bottom:none}.toc-mobile-panel li a{display:block;padding:10px 4px;color:var(--color-primary);text-decoration:none;font-size:0.95em}.toc-mobile-panel li a:hover{text-decoration:underline}}