*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-wrapper{max-width:735px;margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;min-height:100vh}.container{max-width:735px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 10px}}.site-content{padding-top:calc(103px + 2px);min-height:calc(100vh - 103px)}a{color:#87b1de;text-decoration:none;transition:color 0.2s cubic-bezier(0.4, 0, 0.2, 1)}a:hover{color:#10b395}img{max-width:100%;height:auto;display:block}ul,ol{list-style-position:inside;margin-bottom:24px}button{font-family:Arial,Helvetica,sans-serif;cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.2;margin-bottom:24px;color:#333}h1{font-size:28px}@media (max-width: 768px){h1{font-size:calc($font-size-h1 * 0.7)}}h2{font-size:22px}@media (max-width: 768px){h2{font-size:calc($font-size-h2 * 0.8)}}h3{font-size:18px}@media (max-width: 768px){h3{font-size:calc($font-size-h3 * 0.85)}}h4{font-size:16px}h5{font-size:14px}h6{font-size:14px}p{margin-bottom:24px;color:#333}strong,b{font-weight:700}em,i{font-style:italic}code{font-family:'Courier New', Courier, monospace;background-color:#f8f9fa;padding:2px 6px;border-radius:3px;font-size:0.9em}pre{background-color:#f8f9fa;padding:24px;border-radius:4px;overflow-x:auto;margin-bottom:24px}pre code{background-color:transparent;padding:0}blockquote{border-left:4px solid #87b1de;padding-left:24px;margin:24px 0;font-style:italic;color:#666}.reading-content h1,.reading-content h2,.reading-content h3,.reading-content h4,.reading-content h5,.reading-content h6,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-bottom:4px;margin-top:16px}.reading-content>h1:first-child,.reading-content>h2:first-child,.reading-content>h3:first-child,.reading-content>h4:first-child,.post-content>h1:first-child,.post-content>h2:first-child,.post-content>h3:first-child,.post-content>h4:first-child{margin-top:0}.reading-content p,.post-content p{margin-bottom:16px}.site-header{position:fixed;top:0;left:0;right:0;background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e1e4e8;z-index:1000;transition:box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);padding:16px 0}.site-header.scrolled{box-shadow:0 4px 6px rgba(0,0,0,0.07)}.header-container{max-width:735px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px}@media (max-width: 768px){.header-container{padding:0 10px;gap:24px}}.site-logo a{display:block}.site-logo img{height:70px;width:auto;display:block}.site-nav{display:flex;align-items:center}.site-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:32px}@media (max-width: 768px){.site-nav ul{gap:24px}}.site-nav li{margin:0}.site-nav a{position:relative;display:inline-block;padding:8px 0;color:#333;text-decoration:none;font-weight:normal;transition:color 0.2s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 768px){.site-nav a{font-size:14px}}.site-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#10b395;transition:width 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.site-nav a:hover{color:#87b1de}.site-nav a:hover::after{width:100%}.site-nav a.active{color:#87b1de}.site-nav a.active::after{width:100%}.home-container{padding:0 24px}@media (max-width: 768px){.home-container{padding:0 10px}}.welcome-section{width:100%;margin-bottom:2px;padding:8px 0}.welcome-section h1{margin-top:0;margin-bottom:0;font-size:28px;padding-top:5px}.home-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}@media (max-width: 1024px){.home-grid{grid-template-columns:1fr;gap:32px}}.home-main{min-width:0;padding:8px 0}.home-main h3:first-child{margin-top:0}.home-sidebar{position:sticky;top:calc(103px + 24px)}@media (max-width: 1024px){.home-sidebar{position:static}}.sidebar-panel{border:1px solid #ccc;padding:8px 24px}.sidebar-panel h4{margin-top:0;padding-top:6px;margin-bottom:24px;color:#87b1de}.sidebar-panel ul{margin-bottom:24px}.sidebar-panel li{line-height:1.6}.sidebar-panel .btn-outline{width:100%;text-align:center;display:inline-block}.site-footer{padding:24px 0;margin-top:64px}.footer-container{padding:0 24px}@media (max-width: 768px){.footer-container{padding:0 10px}}.footer-content{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;margin-bottom:32px}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:24px}}.footer-section h3{font-size:14px;margin-bottom:16px;color:#333}.footer-section p,.footer-section li{color:#666;font-size:14px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:8px}.footer-section a{color:#666;transition:color 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.footer-section a:hover{color:#87b1de}.footer-bottom{text-align:center}.footer-bottom p{color:#333;font-size:14px;margin:0}.footer-bottom a{color:#333}.footer-bottom a:hover{color:#87b1de}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.fade-in-visible{opacity:0;transition:opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),transform 0.6s cubic-bezier(0.4, 0, 0.2, 1)}.fade-in-visible.visible{opacity:1;transform:translateY(0)}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.slide-in-right{animation:slideInRight 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.hover-lift{transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.1)}.hover-scale{transition:transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.hover-scale:hover{transform:scale(1.05)}.grid{display:grid;gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.grid-3{grid-template-columns:1fr}}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:16px}.gap-md{gap:24px}.gap-lg{gap:32px}.mt-sm{margin-top:16px}.mt-md{margin-top:24px}.mt-lg{margin-top:32px}.mt-xl{margin-top:48px}.mt-xxl{margin-top:64px}.mb-sm{margin-bottom:16px}.mb-md{margin-bottom:24px}.mb-lg{margin-bottom:32px}.mb-xl{margin-bottom:48px}.mb-xxl{margin-bottom:64px}.pt-sm{padding-top:16px}.pt-md{padding-top:24px}.pt-lg{padding-top:32px}.pt-xl{padding-top:48px}.pt-xxl{padding-top:64px}.pb-sm{padding-bottom:16px}.pb-md{padding-bottom:24px}.pb-lg{padding-bottom:32px}.pb-xl{padding-bottom:48px}.pb-xxl{padding-bottom:64px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#333}.text-secondary{color:#666}.text-ocean{color:#87b1de}.text-teal{color:#10b395}.text-small{font-size:14px}.text-large{font-size:16px}.font-bold{font-weight:700}.font-normal{font-weight:400}.bg-white{background-color:#fff}.bg-gray{background-color:#f8f9fa}.bg-ocean{background-color:#87b1de}.bg-teal{background-color:#10b395}.btn{display:inline-block;padding:8px 24px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#10b395;color:#fff;border-color:#10b395}.btn-primary:hover{background-color:#0c846e;border-color:#0c846e;color:#fff}.btn-secondary{background-color:#87b1de;color:#fff;border-color:#87b1de}.btn-secondary:hover{background-color:#5f97d3;border-color:#5f97d3;color:#fff}.btn-outline{background-color:transparent;color:#87b1de;border-color:#87b1de}.btn-outline:hover{background-color:#87b1de;color:#fff}.btn-large{padding:24px 48px;font-size:14px}.section{padding:64px 0}.section.section-gray{background-color:#f8f9fa}.card{background-color:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:32px;transition:box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1),transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.card:hover{box-shadow:0 8px 16px rgba(0,0,0,0.1);transform:translateY(-4px)}