.h5-preview-container[data-v-b16fb0c2]{min-height:100vh;background:#f5f7fb}.error[data-v-b16fb0c2],.loading[data-v-b16fb0c2]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:#5c635d}.error i[data-v-b16fb0c2],.loading i[data-v-b16fb0c2]{font-size:48px;margin-bottom:16px;color:#c4612f}.error p[data-v-b16fb0c2],.loading p[data-v-b16fb0c2]{margin:0}.preview-content[data-v-b16fb0c2]{max-width:750px;margin:0 auto;background:#fff;min-height:100vh}.image-swiper[data-v-b16fb0c2]{position:relative;width:100%;min-height:240px;background:#fbf9f5;overflow:hidden;transition:aspect-ratio .25s ease}.image-swiper .swiper-wrapper[data-v-b16fb0c2]{position:relative;width:100%;height:100%;display:flex;transition:transform .3s ease}.image-swiper .swiper-slide[data-v-b16fb0c2]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.image-swiper .swiper-slide.active[data-v-b16fb0c2]{opacity:1;z-index:1}.image-swiper .swiper-slide img[data-v-b16fb0c2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer}.image-swiper .image-indicators[data-v-b16fb0c2]{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.image-swiper .image-indicators .indicator[data-v-b16fb0c2]{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s ease}.image-swiper .image-indicators .indicator.active[data-v-b16fb0c2]{background:#fff;width:24px;border-radius:4px}.image-swiper .image-indicators .indicator[data-v-b16fb0c2]:hover{background:hsla(0,0%,100%,.8)}.image-swiper .nav-buttons .nav-btn[data-v-b16fb0c2]{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;color:#1f2421;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-swiper .nav-buttons .nav-btn[data-v-b16fb0c2]:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-50%) scale(1.05)}.image-swiper .nav-buttons .nav-btn.prev[data-v-b16fb0c2]{left:16px}.image-swiper .nav-buttons .nav-btn.next[data-v-b16fb0c2]{right:16px}.video-swiper[data-v-b16fb0c2]{width:100%;height:375px;background:#171412}.preview-video[data-v-b16fb0c2]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.content-area[data-v-b16fb0c2]{padding:24px 20px}.title[data-v-b16fb0c2]{font-size:22px;font-weight:600;color:#1f2421;margin:0 0 16px 0;line-height:1.4}.content[data-v-b16fb0c2]{font-size:15px;color:#5c635d;line-height:1.8;margin-bottom:20px;word-wrap:break-word;overflow-wrap:break-word}.content[data-v-b16fb0c2] .topic-tag{color:#c4612f;font-weight:500}.content[data-v-b16fb0c2] p{margin:0 0 12px}.content[data-v-b16fb0c2] h1,.content[data-v-b16fb0c2] h2,.content[data-v-b16fb0c2] h3,.content[data-v-b16fb0c2] h4,.content[data-v-b16fb0c2] h5,.content[data-v-b16fb0c2] h6{color:#2f3330;font-weight:600;line-height:1.4;margin:18px 0 10px}.content[data-v-b16fb0c2] h1{font-size:22px}.content[data-v-b16fb0c2] h2{font-size:20px}.content[data-v-b16fb0c2] h3{font-size:18px}.content[data-v-b16fb0c2] h4{font-size:16px}.content[data-v-b16fb0c2] h5,.content[data-v-b16fb0c2] h6{font-size:15px}.content[data-v-b16fb0c2] b,.content[data-v-b16fb0c2] strong{font-weight:600;color:#2f3330}.content[data-v-b16fb0c2] em,.content[data-v-b16fb0c2] i{font-style:italic}.content[data-v-b16fb0c2] u{text-decoration:underline}.content[data-v-b16fb0c2] del,.content[data-v-b16fb0c2] s,.content[data-v-b16fb0c2] strike{text-decoration:line-through}.content[data-v-b16fb0c2] ol,.content[data-v-b16fb0c2] ul{margin:0 0 12px;padding-left:22px}.content[data-v-b16fb0c2] li{margin-bottom:6px}.content[data-v-b16fb0c2] blockquote{margin:0 0 12px;padding:8px 14px;border-left:3px solid #c4612f;background:#faf3ec;color:#7a6a5c;border-radius:0 6px 6px 0}.content[data-v-b16fb0c2] a{color:#c4612f;text-decoration:none;word-break:break-all}.content[data-v-b16fb0c2] img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.content[data-v-b16fb0c2] table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:14px}.content[data-v-b16fb0c2] td,.content[data-v-b16fb0c2] th{border:1px solid #e4ddd4;padding:8px 10px;text-align:left}.content[data-v-b16fb0c2] th{background:#f7efe6;font-weight:600;color:#2f3330}.tags[data-v-b16fb0c2]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tags .tag[data-v-b16fb0c2]{padding:6px 14px;background:#f2e3d6;border-radius:999px;font-size:13px;color:#c4612f;font-weight:500}.meta-info[data-v-b16fb0c2]{display:flex;align-items:center;gap:16px;font-size:13px;color:#999;padding-top:16px;border-top:1px solid #e7e1d7}.meta-info span[data-v-b16fb0c2]{display:flex;align-items:center;gap:4px}.meta-info span i[data-v-b16fb0c2]{font-size:14px}.meta-info .creator[data-v-b16fb0c2]{color:#5c635d;font-weight:500}.review-section[data-v-b16fb0c2]{margin-top:24px;padding:20px;background:#fefdfb;border-radius:12px;border:2px solid #e7e1d7}.review-section .review-title[data-v-b16fb0c2]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2421;margin-bottom:16px}.review-section .review-title i[data-v-b16fb0c2]{font-size:18px;color:#c4612f}.review-section .review-status-tip[data-v-b16fb0c2]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0f9ff;border:2px solid #67c23a;border-radius:8px;margin-bottom:16px;font-size:14px;color:#67c23a;font-weight:600}.review-section .review-status-tip i[data-v-b16fb0c2]{font-size:18px}.review-section .review-actions[data-v-b16fb0c2]{display:flex;gap:12px;margin-bottom:16px}.review-section .review-actions .review-btn[data-v-b16fb0c2]{flex:1;padding:12px 20px;border:2px solid #e7e1d7;border-radius:8px;background:#fff;color:#5c635d;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.review-section .review-actions .review-btn i[data-v-b16fb0c2]{font-size:18px;font-weight:700}.review-section .review-actions .review-btn[data-v-b16fb0c2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.review-section .review-actions .review-btn.approve[data-v-b16fb0c2]:hover{border-color:#67c23a;color:#67c23a;background:#f0f9ff}.review-section .review-actions .review-btn.approve.active[data-v-b16fb0c2]{border-color:#67c23a;background:#67c23a;color:#fff;box-shadow:0 4px 12px rgba(103,194,58,.3)}.review-section .review-actions .review-btn.reject[data-v-b16fb0c2]:hover{border-color:#f56c6c;color:#f56c6c;background:#fef0f0}.review-section .review-actions .review-btn.reject.active[data-v-b16fb0c2]{border-color:#f56c6c;background:#f56c6c;color:#fff;box-shadow:0 4px 12px rgba(245,108,108,.3)}.review-section .review-actions .review-btn[data-v-b16fb0c2]:disabled{opacity:.5;cursor:not-allowed}.review-section .review-actions .review-btn[data-v-b16fb0c2]:disabled:hover{transform:none;box-shadow:none}.review-section .review-comment[data-v-b16fb0c2]{margin-bottom:16px;position:relative}.review-section .review-comment .comment-textarea[data-v-b16fb0c2]{width:100%;padding:12px;border:2px solid #e7e1d7;border-radius:8px;font-size:14px;color:#1f2421;line-height:1.6;resize:vertical;outline:none;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.review-section .review-comment .comment-textarea[data-v-b16fb0c2]::-moz-placeholder{color:#999}.review-section .review-comment .comment-textarea[data-v-b16fb0c2]::placeholder{color:#999}.review-section .review-comment .comment-textarea[data-v-b16fb0c2]:focus{border-color:#c4612f;box-shadow:0 0 0 3px rgba(196,97,47,.1)}.review-section .review-comment .comment-textarea[data-v-b16fb0c2]:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.review-section .review-comment .comment-length[data-v-b16fb0c2]{margin-top:6px;text-align:right;font-size:12px;color:#999}.review-section .review-comment .comment-length.is-limit[data-v-b16fb0c2]{color:#f56c6c}.review-section .review-submit .submit-btn[data-v-b16fb0c2]{width:100%;padding:14px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#c4612f,#a04f25);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(196,97,47,.3)}.review-section .review-submit .submit-btn i[data-v-b16fb0c2]{font-size:18px}.review-section .review-submit .submit-btn[data-v-b16fb0c2]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(196,97,47,.4)}.review-section .review-submit .submit-btn[data-v-b16fb0c2]:active{transform:translateY(0)}.review-section .review-submit .submit-btn.disabled[data-v-b16fb0c2],.review-section .review-submit .submit-btn[data-v-b16fb0c2]:disabled{background:#e7e1d7;color:#999;cursor:not-allowed;box-shadow:none}.review-section .review-submit .submit-btn.disabled[data-v-b16fb0c2]:hover,.review-section .review-submit .submit-btn[data-v-b16fb0c2]:disabled:hover{transform:none;box-shadow:none}.material-nav[data-v-b16fb0c2]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e7e1d7;position:sticky;top:0;z-index:100}.material-nav .material-select-wrapper[data-v-b16fb0c2]{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:500px}.material-nav .material-select-wrapper label[data-v-b16fb0c2]{font-size:14px;font-weight:500;color:#5c635d;white-space:nowrap;flex-shrink:0}.material-nav .material-select-wrapper .material-select[data-v-b16fb0c2]{flex:1;min-width:0;max-width:100%;padding:8px 12px;border:2px solid #e7e1d7;border-radius:8px;background:#fff;color:#1f2421;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-nav .material-select-wrapper .material-select option[data-v-b16fb0c2]{padding:8px;font-size:14px}.material-nav .material-select-wrapper .material-select[data-v-b16fb0c2]:hover{border-color:#c4612f;background:#fefdfb}.material-nav .material-select-wrapper .material-select[data-v-b16fb0c2]:focus{border-color:#c4612f;box-shadow:0 0 0 3px rgba(196,97,47,.1)}.material-nav .material-nav-controls[data-v-b16fb0c2]{display:flex;align-items:center;gap:12px}.material-nav .material-nav-btn[data-v-b16fb0c2]{width:36px;height:36px;border-radius:50%;background:#f2e3d6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#c4612f;transition:all .3s ease;line-height:1}.material-nav .material-nav-btn[data-v-b16fb0c2]:hover:not(:disabled){background:#c4612f;color:#fff;transform:scale(1.1)}.material-nav .material-nav-btn[data-v-b16fb0c2]:disabled{opacity:.3;cursor:not-allowed}.material-nav .material-counter[data-v-b16fb0c2]{font-size:16px;font-weight:600;color:#1f2421}.material-indicators[data-v-b16fb0c2]{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#fff;border-top:1px solid #e7e1d7;position:sticky;bottom:0}.material-indicators .material-indicator[data-v-b16fb0c2]{width:32px;height:32px;border-radius:50%;background:#f2e3d6;color:#c4612f;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.material-indicators .material-indicator[data-v-b16fb0c2]:hover{background:#e7d4c3;transform:scale(1.1)}.material-indicators .material-indicator.active[data-v-b16fb0c2]{background:#c4612f;color:#fff;border-color:#a04f25;transform:scale(1.15)}@media(max-width:750px){.preview-content[data-v-b16fb0c2]{max-width:100%}.video-swiper[data-v-b16fb0c2]{height:100vw}.image-swiper[data-v-b16fb0c2]{min-height:0}.title[data-v-b16fb0c2]{font-size:20px}.content[data-v-b16fb0c2]{font-size:14px}.content-area[data-v-b16fb0c2]{padding:20px 16px}.material-nav[data-v-b16fb0c2]{flex-direction:column;gap:12px;padding:12px 16px}.material-nav .material-select-wrapper[data-v-b16fb0c2]{width:100%;min-width:0}.material-nav .material-select-wrapper label[data-v-b16fb0c2]{font-size:13px}.material-nav .material-select-wrapper .material-select[data-v-b16fb0c2]{flex:1;min-width:0}.material-nav .material-nav-controls[data-v-b16fb0c2]{width:100%;justify-content:center}.material-indicators[data-v-b16fb0c2]{padding:16px;gap:8px}.material-indicators .material-indicator[data-v-b16fb0c2]{width:28px;height:28px;font-size:13px}.review-section[data-v-b16fb0c2]{padding:16px}.review-section .review-title[data-v-b16fb0c2]{font-size:15px}.review-section .review-actions[data-v-b16fb0c2]{flex-direction:column}.review-section .review-actions .review-btn[data-v-b16fb0c2]{padding:10px 16px;font-size:14px}.review-section .review-submit .submit-btn[data-v-b16fb0c2]{padding:12px 20px;font-size:15px}}@media(min-width:751px)and (max-width:1024px){.preview-content[data-v-b16fb0c2]{max-width:750px}}@media(min-width:1025px){.preview-content[data-v-b16fb0c2]{max-width:750px;margin:20px auto;border-radius:12px;box-shadow:0 4px 20px rgba(31,36,33,.08);overflow:hidden}.image-swiper[data-v-b16fb0c2],.video-swiper[data-v-b16fb0c2]{border-radius:12px 12px 0 0}}