html{overflow:hidden scroll}body{color:#334155;background-color:#fcfdfe;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;font-family:Raleway,thaisans_neueregular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:hidden}div{line-height:1.7rem}h1{color:#f382a0;line-height:2.4rem}h2,h3{color:#f382a0}strong{color:#1e293b}p{color:#64748b;margin-bottom:1.4rem}.content a:link,.content a:visited{color:#e66a8c;text-decoration:none}.content a:hover{color:#d15678;text-decoration:underline}.site-header{z-index:1000;background-color:#f382a0;width:100%;position:sticky;top:0;box-shadow:0 2px 12px #f382a026}.site-header-inner{box-sizing:border-box;justify-content:space-between;align-items:center;max-width:1200px;height:62px;margin:0 auto;padding:0 20px;display:flex}.header-logo{align-items:center;display:flex}.header-logo a{align-items:center;display:inline-flex}.logo-image{object-fit:contain;transform-origin:0;width:auto;height:48px;transition:transform .2s;display:block;transform:scale(1.15)}.header-logo a:hover .logo-image{transform:scale(1.18)}.desktop-nav{align-items:center;gap:12px;display:flex}.nav-pill{letter-spacing:.02em;box-sizing:border-box;background:#ffffff29;border:1px solid #ffffff59;border-radius:50px;justify-content:center;align-items:center;padding:8px 22px;font-size:.95rem;font-weight:600;transition:all .22s;display:inline-flex;color:#fff!important;text-decoration:none!important}.nav-pill:hover{background:#ffffff52;transform:translateY(-1px);box-shadow:0 4px 12px #00000014;color:#fff!important}.nav-pill-active{border-color:#fff;font-weight:700;box-shadow:0 4px 14px #0000001f;color:#e66a8c!important;background:#fff!important}.mobile-menu-btn{cursor:pointer;background:#ffffff2e;border:1px solid #ffffff59;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:all .2s;display:none}.mobile-menu-btn:hover{background:#ffffff47}.btn-line{background-color:#fff;border-radius:2px;width:20px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-open .line-1{transform:translateY(7px)rotate(45deg)}.btn-open .line-2{opacity:0;transform:scaleX(0)}.btn-open .line-3{transform:translateY(-7px)rotate(-45deg)}.mobile-drawer,.mobile-backdrop{display:none}@media only screen and (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.mobile-drawer{box-sizing:border-box;opacity:0;pointer-events:none;z-index:999;background:#fff;border-bottom:3px solid #f382a0;width:100%;padding:16px 16px 20px;transition:all .28s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:62px;left:0;transform:translateY(-130%);box-shadow:0 16px 36px #0000001a}.mobile-drawer.drawer-open{opacity:1;pointer-events:auto;transform:translateY(0)}.drawer-links{flex-direction:column;gap:12px;display:flex}.drawer-link{background:#fafbfc;border:1.5px solid #f1f5f9;border-radius:14px;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:flex;text-decoration:none!important}.drawer-link:hover,.drawer-link-active{transform:translate(4px);background:#fff0f3!important;border-color:#f382a073!important}.drawer-icon-box{color:#f382a0;background:#fff;border:1.5px solid #f382a040;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 2px 8px #f382a014}.drawer-link:hover .drawer-icon-box,.drawer-link-active .drawer-icon-box{color:#fff;background:#f382a0;border-color:#f382a0;box-shadow:0 4px 12px #f382a04d}.drawer-svg{stroke:currentColor;display:block}.drawer-link-title{color:#1e293b;letter-spacing:.01em;font-size:1.15rem;font-weight:700;line-height:1.2;transition:color .2s}.drawer-link:hover .drawer-link-title,.drawer-link-active .drawer-link-title{color:#e66a8c!important}.mobile-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;background:#0006;width:100vw;height:calc(100vh - 62px);animation:.25s fadeIn;display:block;position:fixed;top:62px;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.page{box-sizing:border-box;flex-grow:1;justify-content:center;width:100%;padding:20px 16px 48px;display:flex}.page-full{width:100%}.content{box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;width:100%;max-width:1200px;margin:0 auto}.content h2{color:#1e293b;align-items:center;gap:10px;margin-top:0;margin-bottom:22px;font-size:1.65rem;font-weight:800;display:flex}.content h2:before{content:"";background:#f382a0;border-radius:3px;width:5px;height:22px;display:inline-block}.support-plain{max-width:900px;padding:8px 0 48px;line-height:1.8}.support-plain h1{color:#f382a0;margin-top:0;margin-bottom:18px;font-size:2.1rem;font-weight:800;line-height:1.35}.support-plain .support-intro{color:#475569;margin-bottom:32px;font-size:1.1rem;line-height:1.75}.support-plain h2{color:#1e293b;margin-top:36px;margin-bottom:14px;font-size:1.4rem;font-weight:750}.support-plain p{color:#334155;margin-bottom:8px;font-size:1.02rem;line-height:1.75}.support-plain .support-note{color:#64748b;margin-top:8px;margin-bottom:24px;font-size:.94rem}.support-plain .support-list{flex-direction:column;gap:12px;margin:12px 0 28px;padding:0;list-style:none;display:flex}.support-plain .support-list li{color:#334155;padding-left:22px;font-size:1.02rem;line-height:1.65;position:relative}.support-plain .support-list li:before{content:"•";color:#f382a0;font-size:1.4rem;line-height:1;position:absolute;top:0;left:4px}.support-plain .support-list li strong{color:#1e293b;margin-right:6px;font-weight:700}.support-plain a{text-underline-offset:3px;font-weight:600;transition:color .2s;color:#e66a8c!important;text-decoration:underline!important}.support-plain a:hover{color:#cb476a!important}@media only screen and (max-width:600px){.support-plain h1{font-size:1.65rem;line-height:1.35}.support-plain .support-intro{font-size:1rem}.support-plain h2{margin-top:28px;font-size:1.25rem}}.content img,.content video,.content iframe,.content table{max-width:100%}.content iframe{aspect-ratio:16/9;border:0;width:100%;height:auto}.content pre{max-width:100%;overflow-x:auto}.feed-grid{grid-template-columns:1fr;align-items:stretch;gap:20px;display:grid}.feed{width:100%;display:flex}.feed-card{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;padding:18px;transition:all .25s;display:flex;box-shadow:0 4px 18px #0000000a;text-decoration:none!important}.feed-card:hover{border-color:#f382a066;transform:translateY(-4px);box-shadow:0 12px 28px #f382a033}.feed-title{-webkit-line-clamp:2;line-clamp:2;color:#1e293b;-webkit-box-orient:vertical;margin-bottom:6px;font-size:1.05rem;font-weight:700;line-height:1.45;transition:color .2s;display:-webkit-box;overflow:hidden}.feed-card:hover .feed-title{color:#f382a0}.feed-card .feed-date{color:#94a3b8;margin-bottom:12px;font-size:.82rem;font-weight:500;display:block}.feed-thumb{aspect-ratio:16/9;background:#f1f5f9;border-radius:12px;width:100%;margin-top:auto;overflow:hidden}.feed-thumb img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s;display:block}.feed-card:hover .feed-thumb img{transform:scale(1.04)}@media only screen and (min-width:768px){.page{padding:36px 24px 64px}.feed-grid{grid-template-columns:repeat(2,1fr);gap:24px}.feed-title{min-height:2.9rem}}@media only screen and (min-width:1024px){.page{padding:40px 32px 80px}.feed-grid{grid-template-columns:repeat(3,1fr);gap:32px 26px}.feed-card{padding:20px}.feed-title{min-height:3.1rem;font-size:1.1rem}}@media only screen and (min-width:1280px){.feed-grid{gap:36px 28px}}
