/*=global=*/
* {margin:0;padding:0;box-sizing:border-box}
body {font-family:system-ui, -apple-system, sans-serif;background:#fff;color:#333;line-height:1.8}
:root {--primary:#ff9500;--primary-light:#ffb74d;--primary-dark:#e67e00;--secondary:#ffdd33;--text:#333;--text-light:#666;--bg-light:#fff9e6;--bg:#ffffff}
.container {width:1200px;margin:0 auto;padding:0 15px}
@media (max-width:768px){.container {width:100%}}

/*=header=*/
.header {padding:15px 0;border-bottom:1px solid #eee;position:relative;z-index:99}
.header.fixed {position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.header-inner {display:flex;align-items:center;justify-content:space-between}
.logo {display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:bold;color:#ff9800;text-decoration:none}
.logo img {height:36px;width:auto;display:block}
.logo span {white-space:nowrap}
.nav {display:flex;list-style:none;margin:0;padding:0;gap:30px;position:relative}
.nav li {position:relative}
.nav a {color:#333;text-decoration:none;font-size:15px;display:block;padding:8px 0}
.nav a.active {color:#ff9500}
.subnav {position:absolute;top:100%;left:0;min-width:160px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:10px 0;display:none;list-style:none}
.nav li:hover .subnav {display:block}
.subnav li a {padding:8px 15px;font-size:14px;color:#333}
.subnav li a:hover {color:#ff9500}
.download-btn {padding:8px 18px;background:#ff9500;color:#fff;border-radius:4px;text-decoration:none;font-size:14px}
.menu-toggle {display:none;background:none;border:none;cursor:pointer;padding:5px}
.menu-toggle span {display:block;width:22px;height:3px;background:#333;margin:4px 0;border-radius:2px}
@media (max-width:900px){.nav {display:none}.header-inner {justify-content:space-between}.download-btn {position:absolute;left:50%;transform:translateX(-50%)}.menu-toggle {display:block}}
.has-dropdown {position:relative;padding-right:14px !important}
.has-dropdown::after {content:"▼";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;color:#666}
.header .nav a.active.has-dropdown::after {color:#ff8811 !important}

/*=mobile-nav=*/
@media (max-width:900px){
.nav {display:block !important;position:absolute;top:60px;left:0;width:100%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:10px 0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;z-index:99}
.nav.show {max-height:100vh}
.nav li {list-style:none;padding:0 20px}
.nav li a {display:block;padding:12px 0;border-bottom:1px solid #f0f0f0}
.subnav {padding-left:0 !important;margin:0 !important;position:unset;display:block !important}
.subnav.show {display:block !important}
.subnav li a {padding-left:20px !important;color:#666 !important;font-size:14px !important;border-bottom:none !important}
.has-dropdown.active > a::after {transform:translateY(-50%) rotate(-180deg)}
.menu-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}
.menu-toggle.active span:nth-child(2) {opacity:0}
.menu-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px)}
.logo img {height:30px}
.logo {font-size:18px}
}

/*=banner=*/
.lanmu-section-header,.page-top-banner,.page-section-header {padding:60px 0;background:linear-gradient(90deg,#ff9500,#ff7c00);color:#fff;text-align:center;margin-bottom:30px}
.lanmu-section-header h1,.page-top-banner h1,.page-section-header .header-content h2 {font-size:36px;margin-bottom:10px}
.lanmu-section-header p,.page-top-banner p,.page-section-header .header-content p {font-size:16px;opacity:0.9;max-width:750px;margin:0 auto;line-height:1.7}

/*=breadcrumb=*/
.breadcrumb,.page-breadcrumb {padding:10px 0;font-size:14px;color:#666;margin-bottom:30px;display:flex;align-items:center;gap:6px;width:1200px;margin:0 auto}
.breadcrumb a,.page-breadcrumb a {color:#ff8811;text-decoration:none}
.breadcrumb a:hover,.page-breadcrumb a:hover {color:#ff9500}
.breadcrumb svg {color:#ff8811}

/*=layout=*/
.main-wrap {display:grid;grid-template-columns:1fr 300px;gap:30px;padding:40px 0}
.main-left.full-content {grid-column:1/-1}
.info-wrap {display:grid;grid-template-columns:calc(100% - 320px) 300px;gap:30px;padding:20px 0 60px}
.info-main {background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
.info-side {width:300px}
.info-side-sticky {position:sticky;top:30px}
@media (max-width:992px){.main-wrap,.info-wrap {grid-template-columns:100%}.info-side {width:100%;margin-top:30px}.page-section-header {padding:35px 0}.page-section-header .header-content h2 {font-size:24px}}

/*=article-show=*/
.article-title {font-size:26px;color:#222;margin:0 0 16px;line-height:1.4}
.article-meta {display:flex;gap:24px;font-size:14px;color:#999;padding-bottom:18px;border-bottom:1px solid #eee;margin-bottom:24px}
.article-content {font-size:15px;line-height:1.85;color:#333}
.article-content p {margin-bottom:14px}
.pagination-show {margin-top:40px;padding-top:20px;border-top:1px solid #eee}
.pagination-show ul {display:flex;justify-content:space-between;padding:0;margin:0;list-style:none}
.pagination-show a {color:#ff8811;text-decoration:none !important}
.pagination-show a:hover {text-decoration:underline}

/*=related-news=*/
.related-news {margin-top:45px}
.related-title {font-size:22px;padding-bottom:14px;margin-bottom:18px;color:#222;border-bottom:none}
.related-list {display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:none !important}
.related-item span {color:#ff8811;margin-right:6px}
.related-item a {color:#333;text-decoration:none !important}
.related-item a:hover {color:#ff7700}
.related-list-time {font-size:13px;color:#999;flex-shrink:0}

/*=sidebar=*/
.info-side-widget {background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,0.05);margin-bottom:25px}
.info-side-title {font-size:17px;margin:0 0 18px;padding-left:10px;border-left:3px solid #ff8811}
.info-hot-list {list-style:none;padding:0;margin:0}
.info-hot-item {margin-bottom:18px;display:flex;gap:12px;align-items:center;border-bottom:1px dashed #f0f0f0}
.info-hot-item:last-child {border-bottom:none}
.info-hot-item a {display:flex;align-items:center;text-decoration:none;color:inherit;width:100%}
.info-hot-thumb {width:60px;height:60px;border-radius:6px;overflow:hidden;position:relative;object-fit:cover;margin-right:12px;flex-shrink:0}
.info-hot-thumb img {width:100%;height:100%;object-fit:cover}
.info-hot-num {position:absolute;left:0;top:0;background:#ff8811;color:#fff;font-size:11px;padding:2px 6px}
.info-hot-body {flex:1;min-width:0}
.info-hot-name,.info-hot-title {font-size:14px;line-height:1.5;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.info-hot-name:hover,.info-hot-title:hover {color:#ff8811}
.info-hot-meta {display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;margin-top:4px}
.info-related-list {list-style:none;padding:0;margin:0}
.info-related-item {display:flex;align-items:center;padding:12px 0;border-bottom:1px dashed #f0f0f0}
.info-related-item:last-child {border-bottom:none}
.info-related-item a {display:flex;align-items:center;text-decoration:none;color:inherit;width:100%}
.info-related-thumb {width:60px;height:60px;border-radius:6px;object-fit:cover;margin-right:12px;flex-shrink:0}
.info-related-body {flex:1;min-width:0}
.info-related-title {font-size:14px;color:#333;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.info-related-meta {display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}
.info-hot-cat,.info-related-cat {background-color:#f8f8f8;padding:2px 6px;border-radius:3px}
.info-app-box {text-align:center}
.info-app-name {font-size:20px;margin:0 0 8px;color:#222}
.info-app-desc {color:#666;font-size:14px;margin-bottom:18px;line-height:1.6}
.info-app-btn {display:block;width:100%;padding:11px 0;background:#ff8811;color:#fff;border-radius:8px;font-weight:500}
.info-app-btn:hover {background:#ff7700}
.sidebar-title {padding:12px 15px;background:#f5f7fa;margin-bottom:10px;font-weight:bold}
.like-item {padding:8px 0;border-bottom:1px dashed #eee;display:flex;justify-content:space-between}
.like-item a {color:#333;text-decoration:none;font-size:14px}
.like-item a:hover {color:#ff9500}
.like-item span {color:#999;font-size:12px}
.sidebar-list {background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:15px}
.sidebar-item {padding:12px 0;border-bottom:1px dashed #eee}
.sidebar-item:last-child {border-bottom:none}
.sidebar-item a {display:block;color:#333;font-size:14px;text-decoration:none;margin-bottom:6px}
.sidebar-item a:hover {color:#ff9500}
.sidebar-meta {font-size:12px;color:#999;display:flex;justify-content:space-between}

/*=list=*/
.list-wrap {margin-bottom:30px}
.list-item {padding:12px 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.item-title a {color:#333;text-decoration:none;font-size:16px}
.item-title a:hover {color:#ff9500}
.item-time {color:#999;font-size:14px}

/*=button=*/
.btn-primary {display:inline-block;padding:14px 36px;background:var(--primary);color:#ffffff;border-radius:8px;text-decoration:none;font-size:16px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(255,149,0,0.25)}
.btn-primary:hover {background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,149,0,0.35)}
.section-more {text-align:center;margin-top:40px}
.more-link {display:inline-block;padding:10px 25px;border:1px solid #ff9500;color:#ff9500;border-radius:50px;text-decoration:none;font-size:15px;transition:all 0.3s ease}
.more-link i {margin-left:6px;font-size:14px;transition:transform 0.3s ease}
.more-link:hover {background:#ff9500;color:#fff}
.more-link:hover i {transform:translateX(3px)}

/*=cta=*/
.cta {padding:90px 0;text-align:center;background:var(--primary);color:#ffffff}
.cta h2 {font-size:32px;margin-bottom:20px}
.cta p {font-size:18px;opacity:0.9;margin-bottom:35px}
.cta .btn-primary {background:#fff;color:var(--primary);font-weight:500}
.cta-buttons {display:grid;gap:30px;margin-bottom:40px;margin:0 auto;grid-auto-flow:column;width:500px}
.cta .btn-primary:hover {background:#fff9e6}
@media (max-width:768px){.cta-buttons {grid-auto-flow:row;width:80%}}

/*=/news/=*/
.news-list {margin-bottom:30px}
.news-item {border:1px solid #e5e5e5;border-radius:10px;padding:15px;margin-bottom:15px;background:#fff;transition:all 0.25s ease}
.news-item:hover {border-color:#ff9500;box-shadow:0 4px 12px rgba(255,149,0,0.08)}
.news-link {display: flex !important;gap:20px;align-items:flex-start;text-decoration:none;color:inherit}
.news-thumb {width:180px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f9f9f9}
.news-thumb img {width:100%;height:100%;object-fit:cover;display:block}
.news-info {flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.news-title {font-size:18px;font-weight:600;color:#222;margin:0 0 8px;line-height:1.4}
.news-excerpt {font-size:14px;color:#666;line-height:1.7;margin:0 0 12px}
.news-meta {display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:#999}
.meta-category {color:#ff9500}
.pagebar {text-align:center;margin:40px 0}
.pagebar a,.pagebar span {display:inline-block;padding:8px 14px;margin:0 3px;border:1px solid #e5e5e5;border-radius:6px;color:#666;text-decoration:none;font-size:14px;transition:all 0.25s ease}
.pagebar a:hover {border-color:#ff9500;background-color:#fff9e6;color:#ff9500}
.pagebar .page-num-current {border-color:#ff9500;background-color:#ff9500;color:#fff}
.pagebar .page-link {background:#fff}
.pagebar .page-link:hover {background-color:#fff9e6}
.pagebar a[href="javascript:"] {cursor:default;background:#f5f5f5;color:#999}
@media (max-width:768px){.news-link {flex-direction:column;gap:15px}.news-thumb {width:100%;height:180px}}

/*=/faq/=*/
.faq-container {margin-bottom:40px}
.faq-item {border:1px solid #eee;border-radius:10px;margin-bottom:12px;background:#fff;overflow:hidden;transition:all 0.3s ease}
.faq-item:hover {border-color:#ff9500}
.faq-item.active {border-color:#ff9500;background:#fff9e6}
.faq-head {display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;font-size:16px;font-weight:500;color:#333}
.faq-head > span:first-child {flex:1;padding-right:15px;word-break:break-word}
.faq-symbol {flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#999;transition:transform 0.3s ease, color 0.3s ease;font-family:sans-serif;font-weight:normal}
.faq-item.active .faq-symbol {transform:rotate(45deg);color:#ff9500}
.faq-body {padding:0 20px;max-height:0;overflow:hidden;transition:max-height 0.4s ease, padding 0.4s ease;color:#666;line-height:1.8;font-size:15px}
.faq-item.active .faq-body {padding:0 20px 20px 20px;max-height:800px}
.faq-body p {margin:0}
.faq-body a {display:inline-block;margin-top:12px;color:#ff9500;font-size:14px;text-decoration:none;font-weight:500;transition:color 0.2s ease}
.faq-body a:hover {color:#ff7c00;text-decoration:underline}
.sidebar-faq-download {background:linear-gradient(90deg,#ff9500,#ff7c00);color:#fff;text-align:center;padding:25px 20px;border-radius:10px;margin-top:20px}
.sidebar-faq-download h4 {font-size:18px;margin-bottom:8px}
.sidebar-faq-download p {font-size:14px;opacity:0.95;margin-bottom:15px}
.btn-download {display:inline-block;padding:8px 18px;background:#fff;color:#ff7c00;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500}

/*=/download/=*/
.down-content {padding:20px;background:#f9fafb;border-radius:8px}
.down-content h3 {margin-bottom:15px}
.down-content p {margin-bottom:15px}
.down-btn-group {display:flex;gap:20px;margin:20px 0}
.down-btn {padding:12px 25px;background:#ff9500;color:#fff;border-radius:6px;text-decoration:none}
.tips {color:#666;font-size:14px}
.inner-btn {display:inline-block;padding:8px 20px;background:#ff9500;color:#fff;border-radius:4px;text-decoration:none;margin-top:10px}
.android-btn {background:#3ddc84;margin-right:15px}
.ios-btn {background:#000}
@media (max-width:768px){.down-btn-group {flex-direction:column}.android-btn {margin-right:0;margin-bottom:15px;display:block}}
.download-main {padding:50px 0;background:#fff9e6;border-radius:12px;margin-bottom:50px}
.download-box {display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 30px}
.download-feature,.download-version,.download-user {padding:30px 0}
.download-info {flex:1}
.download-info h3 {font-size:28px;color:#222;margin-bottom:20px}
.download-info h3 span {color:#ff9500;margin-left:10px}
.download-info .desc {font-size:16px;color:#666;line-height:1.8;margin-bottom:18px}
.download-logo {text-align:center}
.download-logo img {max-width:220px;height:auto}
.download-qrcode {text-align:center}
.qrcode-box {background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.08)}
.qrcode-box img {width:160px;height:160px;margin-bottom:10px}
.qrcode-box p {color:#666;font-size:14px}
@media (max-width:768px){.download-box {flex-direction:column;text-align:center}}
.version-list {background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.version-item {padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #eee}
.version-item:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0}
.version-item h4 {font-size:16px;color:#333;margin-bottom:12px}
.version-item p {font-size:14px;color:#666;line-height:1.8}
.new-tag {background:#ff9500;color:#fff;font-size:12px;padding:2px 8px;border-radius:3px;margin-left:10px}
.user-list {display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.user-item {background:#fff9e6;padding:25px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.user-head {width:50px;height:50px;background:#ff9500;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px}
.user-star {color:#ff9500;margin-bottom:12px}
.user-name {font-size:13px;color:#999}
.question-list {background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.question-item {margin-bottom:20px}
.question-item:last-child {margin-bottom:0}
.question-item h4 {font-size:16px;color:#333;margin-bottom:8px}
@media (max-width:768px){.user-list {grid-template-columns:1fr}}

/*=/radio-drama/=*/
.drama-entry {margin:20px 0}
.entry-btn {display:block;background:linear-gradient(90deg,#ff9500,#ff6c00);color:#fff;text-align:center;padding:18px 20px;border-radius:10px;font-size:18px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgba(255,149,0,0.2);transition:all 0.3s ease}
.entry-btn:hover {transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,149,0,0.3)}
.drama-content {margin-bottom:50px}
.drama-info {font-size:16px;color:#666;line-height:1.9}
.drama-feature,.drama-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.drama-list-section {margin-bottom:30px}
.drama-card {background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s ease}
.drama-card:hover {transform:translateY(-5px);box-shadow:0 6px 16px rgba(255,149,0,0.1)}
.drama-img {width:100%;height:200px;overflow:hidden}
.drama-img img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.drama-card:hover .drama-img img {transform:scale(1.05)}
.drama-info {padding:15px}
.drama-info h4 {margin:0 0 8px 0;font-size:15px;line-height:1.4}
.drama-info h4 a {color:#333;text-decoration:none}
.drama-info h4 a:hover {color:#ff9500}
.drama-tag {display:inline-block;background:#ff9500;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px}
.page-box {text-align:center;margin-top:30px}
@media (max-width:768px){.drama-feature,.drama-grid {grid-template-columns:repeat(2,1fr)}}

/*=/new-drama/=*/
.drama-wrap {display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px}
.drama-item {border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;transition:all 0.3s ease}
.drama-item:hover {border-color:#ff9500;transform:translateY(-4px);box-shadow:0 8px 20px rgba(255,150,0,0.1)}
.drama-link {text-decoration:none;color:inherit;display:block}
.drama-thumb {position:relative;width:100%;overflow:hidden}
.drama-thumb img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.drama-item:hover .drama-thumb img {transform:scale(1.05)}
.drama-info {padding:12px}
.drama-title {font-size:15px;font-weight:500;color:#333;margin:0 0 6px 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drama-hits {font-size:12px;color:#999;margin:0;text-align:center}
.drama-hits i {color:#ff9500;margin-right:4px}
@media (max-width:1200px){.drama-wrap {grid-template-columns:repeat(5,1fr)}}
@media (max-width:992px){.drama-wrap {grid-template-columns:repeat(4,1fr)}}
@media (max-width:768px){.drama-wrap {grid-template-columns:repeat(3,1fr);gap:15px}}
@media (max-width:480px){.drama-wrap {grid-template-columns:repeat(2,1fr)}}

/*=/about/=*/
.page-about-wrap {margin:0 auto;padding:0 15px}
.about-section {padding:40px 0;margin-bottom:20px}
.about-section.bg-light {background:#fff9e6;border-radius:20px;padding:50px 30px}
.text-center {text-align:center}
.about-intro {display:flex;gap:40px;align-items:center}
.about-left {flex:1}
.about-left h2 {font-size:26px;color:#222;margin-bottom:15px;border-left:4px solid #ff9500;padding-left:12px}
.about-left p {font-size:15px;line-height:1.9;color:#666;margin-bottom:15px}
.about-right {width:200px;display:flex;flex-direction:column;gap:15px}
.about-card {background:#ff9500;color:#fff;padding:15px;border-radius:12px;text-align:center;font-size:15px}
.about-card i {margin-right:6px}
.mission-box {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}
.mission-item {background:#fff;padding:30px 20px;border-radius:15px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.06)}
.mission-item i {font-size:30px;color:#ff9500;margin-bottom:15px}
.mission-item h3 {font-size:17px;color:#333;margin-bottom:10px}
.mission-item p {font-size:14px;color:#666;line-height:1.7}
.vision-desc {max-width:700px;margin:0 auto;line-height:1.9;font-size:15px;color:#666}
@media (max-width:768px){.about-intro {flex-direction:column}.mission-box {grid-template-columns:1fr}.about-right {width:100%}}

/*=/feature=*/
.block-title {font-size:22px;color:#222;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #ff9500;display:inline-block}
.feature-list {display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.feature-item {border:1px solid #ff7a2e;border-radius:12px;background:#fff;padding:20px;box-sizing:border-box;box-shadow:0 2px 8px rgba(255,122,46,0.15);transition:all 0.3s ease;text-align:center}
.feature-item:hover {box-shadow:0 8px 24px rgba(255,122,46,0.35);transform:translateY(-4px)}
.feature-item i {color:#ff9500;margin-bottom:15px}
.feature-item h4 {font-size:17px;color:#333;margin-bottom:10px}
.feature-item p {font-size:14px;color:#666;line-height:1.7}
@media (max-width:768px){.feature-list {grid-template-columns:repeat(2,1fr)}}

/*=policy=*/
.text-block {margin-bottom:30px}
.text-block h3 {margin-bottom:10px;font-size:18px}
.text-block p {margin-bottom:15px;color:#333}
.article-content {padding:20px;background:#f9fafb;border-radius:8px;margin-bottom:20px}
.article-content img {width: 50%;}
.article-tips {padding:15px;background:#f5f7fa;border-radius:6px;color:#666}
.article-tips a {color:#ff9500;text-decoration:none}
.policy-content {padding:20px;background:#f9fafb;border-radius:8px}
.policy-content h3 {margin-bottom:15px}
.policy-content h4 {margin:15px 0 10px}
.policy-content p {margin-bottom:12px}

/*=footer=*/
.footer {padding:60px 0 30px;border-top:1px solid #eee;background:#f9fafb}
.footer-links-group {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}
.footer-item h4 {font-size:16px;color:#333;margin-bottom:15px;font-weight:600}
.footer-item ul {list-style:none;padding:0;margin:0}
.footer-item ul li {margin-bottom:8px}
.footer-item ul li a {color:#666;text-decoration:none;font-size:14px}
.footer-item ul li a:hover {color:#ff9500}
.footer-friendlink {margin-bottom:30px}
.footer-friendlink h4 {font-size:16px;color:#333;margin-bottom:15px;font-weight:600;border-bottom:1px solid #e3e3e3}
.footer-friendlink ul {display:flex;flex-wrap:wrap;gap:15px;list-style:none;padding:0;margin:0}
.footer-friendlink ul li a {color:#666;text-decoration:none;font-size:14px}
.footer-friendlink ul li a:hover {color:#ff9500}
.footer-copy {text-align:center;padding-top:20px;border-top:1px dashed #eee}
.footer-copy p {color:#666;font-size:14px;margin:0}

.float-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
}

/* 底部按钮容器 - 仅移动端显示 */
.mobile-download-wrapper {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

/* 主按钮样式 - 冲鸭橙色主题 */
.main-download-btn {
    background-color: #ff9500;
    color: #fff;
    border: none;
    padding: 14px 30px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 4px 15px rgba(255, 149, 0, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.main-download-btn:active {
    background-color: #e68600;
}

/* 弹出菜单 - 默认隐藏 */
.download-menu {
    display: none;
    position: absolute;
    bottom: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    min-width: 180px;
    overflow: hidden;
}

/* 菜单选项 */
.menu-item {
    display: block;
    padding: 14px 20px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}
.menu-item:last-child {
    border-bottom: none;
}
.menu-item:hover {
    background-color: #f8f8f8;
}

/* 菜单显示状态 */
.download-menu.show,
.float-mask.show {
    display: block;
}

/* 仅移动端生效 */
@media (max-width: 768px) {
    .mobile-download-wrapper {
        display: block;
    }
    /* 适配iPhone底部安全区 */
    body {
        padding-bottom: calc(80px + env(safe-area-inset-bottom));
    }
}
* {margin: 0; padding: 0; box-sizing: border-box;}
ul {list-style: none;}
a {text-decoration: none;}