.story-welcome-container{height:100vh;width:100%;position:relative;background:#000}.story-welcome-container .story-welcome-image,.story-welcome-container .story-welcome-video{width:100%;height:100%;position:relative;z-index:0}.story-welcome-container .story-welcome-image .video,.story-welcome-container .story-welcome-video .video{width:100%!important;height:100%!important;object-fit:cover}.story-welcome-container .story-welcome-content{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.story-welcome-container .story-welcome-content .thin-main-container{max-width:1200px;margin:0 auto;padding:0 20px}.story-welcome-container .story-welcome-content .story-welcome-tag{font-weight:700;font-size:24px;margin-bottom:50px;opacity:.9}.story-welcome-container .story-welcome-content .story-welcome-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.story-welcome-container .story-welcome-content .story-welcome-summary{margin-top:20px;font-size:24px;opacity:.9;line-height:1.4}.post-detail-container{min-height:100vh;background:#fff}.post-detail-container .post-header{padding:60px 0 0}.post-detail-container .post-header .header-info{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.post-detail-container .post-header .header-date,.post-detail-container .post-header .header-tag{font-size:12px;font-weight:700;color:#999}.post-detail-container .post-content{margin:0 auto;padding:60px 0}.post-detail-container .post-content .post-body{font-size:18px;line-height:1.8;color:#333}.post-detail-container .post-content .post-body h1,.post-detail-container .post-content .post-body h2,.post-detail-container .post-content .post-body h3,.post-detail-container .post-content .post-body h4,.post-detail-container .post-content .post-body h5,.post-detail-container .post-content .post-body h6{margin:30px 0 15px;color:#222;font-weight:700}.post-detail-container .post-content .post-body h1{font-size:32px}.post-detail-container .post-content .post-body h2{font-size:28px}.post-detail-container .post-content .post-body h3{font-size:24px}.post-detail-container .post-content .post-body h4{font-size:20px}.post-detail-container .post-content .post-body p{margin:20px 0}.post-detail-container .post-content .post-body ol,.post-detail-container .post-content .post-body ul{margin:20px 0;padding-left:30px}.post-detail-container .post-content .post-body li{margin:8px 0}.post-detail-container .post-content .post-body blockquote{margin:30px 0;padding:20px;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;font-style:italic;color:#666}.post-detail-container .post-content .post-body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.post-detail-container .post-content .post-body code{background:#f1f3f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:16px}.post-detail-container .post-content .post-body pre{background:#f1f3f4;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.post-detail-container .post-content .post-body pre code{background:none;padding:0}.post-detail-container .post-footer{background:#f8f9fa;padding:40px 0;border-top:1px solid #e9ecef}.post-detail-container .post-footer .post-footer-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.post-detail-container .post-footer .post-footer-content .back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.post-detail-container .post-footer .post-footer-content .back-button:hover{background:#5a6fd8;transform:translateY(-2px)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-container .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center}.error-container .error-icon{font-size:64px;color:#dc3545;margin-bottom:20px}.error-container .error-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.error-container .error-message{font-size:16px;color:#666;margin-bottom:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.story-welcome-container .story-welcome-content .thin-main-container{padding:0 15px}.story-welcome-container .story-welcome-content .story-welcome-tag{font-size:18px;margin-bottom:30px}.story-welcome-container .story-welcome-content .story-welcome-title{font-size:32px;margin-bottom:15px}.story-welcome-container .story-welcome-content .story-welcome-summary{font-size:18px;margin-top:15px}.post-detail-container .post-header{padding:80px 20px 0}.post-detail-container .post-content{padding:40px 20px}.post-detail-container .post-content .post-cover-image{height:250px}.post-detail-container .post-content .post-summary{font-size:18px}.post-detail-container .post-content .post-body{font-size:16px}.post-detail-container .post-content .post-body h1{font-size:28px}.post-detail-container .post-content .post-body h2{font-size:24px}.post-detail-container .post-content .post-body h3{font-size:20px}.post-detail-container .post-content .post-body h4{font-size:18px}}