.ad-banner-container[data-v-c16ceff7]{box-sizing:border-box;margin:0 0 16px;max-width:1152px;padding:0;width:100%}.ad-banner-card[data-v-c16ceff7]{display:flex;flex-wrap:wrap;gap:8px}.banner[data-v-c16ceff7]{align-items:center;background:linear-gradient(90deg,#fffef9,#fff8e7);border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 2px #0000000a;display:flex;flex:1 1 300px;min-width:0;overflow:hidden;padding:10px 14px;position:relative;transition:transform .2s,box-shadow .2s}.banner[data-v-c16ceff7]:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.banner[data-v-c16ceff7]:before{background:radial-gradient(circle,#c8e6ff73 0,#c8e6ff00 70%);border-radius:50%;content:"";height:100px;left:3px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100px;z-index:0}.banner-right[data-v-c16ceff7]:before{background:radial-gradient(circle,#e2e5f199 0,#e2e5f100 70%);left:auto;right:3px}.banner-content[data-v-c16ceff7]{align-items:center;display:flex;gap:4px;justify-content:space-between;width:100%;z-index:1}.banner-illustration[data-v-c16ceff7]{align-items:center;display:flex;flex-shrink:0;justify-content:center;max-width:70px;min-width:50px;width:25%}.illustration-svg[data-v-c16ceff7],.thumb-icon[data-v-c16ceff7]{display:block;height:auto;width:100%}.banner-text[data-v-c16ceff7]{color:#1a1a1a;flex:1;text-align:center;word-break:break-word}.banner-text[data-v-c16ceff7],.banner-text-right[data-v-c16ceff7]{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:clamp(14px,1.8vw,20px);font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0}.banner-text-right[data-v-c16ceff7]{color:#2c2c2c}@media (prefers-color-scheme:dark){.banner[data-v-c16ceff7]{background:linear-gradient(90deg,#2a2c30,#2e2a24);border-color:#323232;box-shadow:0 2px 4px #0000004d}.banner[data-v-c16ceff7]:hover{box-shadow:0 4px 12px #0006}.banner[data-v-c16ceff7]:before{background:radial-gradient(circle,#b4c8e626 0,#b4c8e600 70%)}.banner-right[data-v-c16ceff7]:before{background:radial-gradient(circle,#c8c8d733 0,#c8c8d700 70%)}.banner-text[data-v-c16ceff7],.banner-text-right[data-v-c16ceff7]{color:#e0e0e0}}@media (max-width:767px){.ad-banner-card[data-v-c16ceff7]{flex-direction:column;gap:6px}.banner[data-v-c16ceff7]{border-radius:8px;padding:8px 10px}.banner[data-v-c16ceff7]:before{height:70px;width:70px}.banner-illustration[data-v-c16ceff7]{max-width:55px;min-width:40px}.banner-content[data-v-c16ceff7]{gap:2px}}@media (max-width:480px){.banner[data-v-c16ceff7]{padding:6px 8px}.banner-text[data-v-c16ceff7],.banner-text-right[data-v-c16ceff7]{font-size:13px;letter-spacing:.2px}.banner-illustration[data-v-c16ceff7]{max-width:45px;min-width:30px}}.article-detail{flex:1;max-width:100%;min-width:0}.back-button{align-items:center;background-color:#323232;border:1px solid #323232;border-radius:6px;color:#9e9e9e;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background-color:#2c7da0;border-color:#2c7da0;color:#fff}.back-button svg{transition:transform .2s ease}.back-button:hover svg{transform:translate(-2px)}@media (min-width:768px){.article-detail{max-width:768px}}@media (min-width:1280px){.article-detail{max-width:896px}}.post-card{background-color:#26282c;border-radius:10px;box-shadow:0 2px 8px #0000004d;margin-bottom:0;padding:32px 24px;position:relative}.post-header{margin-bottom:20px;text-align:center}.post-title{color:#2c7da0;font-size:24px;font-weight:600;line-height:1.4;margin:0}@media (min-width:768px){.post-title{font-size:28px}.post-card{padding:40px 32px}}.post-meta{border-bottom:1px solid #323232;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px;padding-bottom:20px}.meta-item{align-items:center;color:#9e9e9e;display:flex;font-size:13px;gap:6px}.meta-item i{font-size:12px}.meta-item a{color:#9e9e9e;text-decoration:none}.meta-item a:hover{color:#c8c8c8}.post-content{color:#999;font-size:15px;line-height:1.9}@media (min-width:768px){.post-content{font-size:16px}}.content-renderer h2{border-bottom:1px solid #323232;color:#2c7da0;font-size:20px;font-weight:600;margin:32px 0 16px;padding-bottom:8px}.content-renderer h2 a,.content-renderer h3 a,.content-renderer h4 a{color:inherit;cursor:default;pointer-events:none;text-decoration:none}.content-renderer h2 a:hover,.content-renderer h3 a:hover,.content-renderer h4 a:hover{text-decoration:none}.content-renderer h3{color:#2c7da0;font-size:17px;font-weight:600;margin:24px 0 12px}.content-renderer p{margin:0 0 16px}.content-renderer ol,.content-renderer ul{list-style-type:disc;margin:0 0 16px;padding-left:24px}.content-renderer ol{list-style-type:decimal}.content-renderer li{margin-bottom:8px}.content-renderer code{background-color:#1b1c1f;border-radius:4px;color:#e0e0e0;font-size:13px;padding:2px 6px}.content-renderer pre{background-color:#1b1c1f;border-radius:8px;margin:0 0 16px;overflow-x:auto;padding:16px}.content-renderer pre code{background:none;padding:0}.content-renderer blockquote{border-left:3px solid #2c7da0;color:#9e9e9e;margin:0 0 16px;padding-left:16px}.content-renderer a{color:#2c7da0;text-decoration:none}.content-renderer a:hover{text-decoration:underline}.content-renderer hr{border:none;border-top:1px solid #323232;margin:24px 0}.content-renderer img{border-radius:8px;max-width:100%}.content-renderer strong{color:#e0e0e0}.sidebar{display:none;flex-shrink:0;width:200px}@media (min-width:1024px){.sidebar{display:block}}.related-card{background-color:#26282c;border-radius:10px;box-shadow:0 2px 8px #0000004d;padding:16px;position:sticky;top:24px}.related-card-title{color:#9e9e9e;font-size:18px;font-weight:500;margin-bottom:12px;text-align:center}.related-card-list .related-item{border-bottom:1px solid #323232;color:#9e9e9e;display:block;font-size:14px;padding:8px 4px;text-decoration:none;transition:color .2s,background-color .2s}.related-card-list .related-item:last-child{border-bottom:none}.related-card-list .related-item:hover{background-color:#1b1c1f;color:#c8c8c8}.related-card-list .related-empty{color:#6e6e6e;font-size:14px;padding:16px 0;text-align:center}
