.site-main .pricing-hero{

            padding: 80px 0 60px;

            background: linear-gradient(135deg, #ffffff 0%, #e2f3ed 100%);

            text-align: center;

        }
.site-main .pricing-hero h1{

            font-size: 2.8rem;

            font-weight: 800;

            color: #123c39;

            margin-bottom: 12px;

        }
.site-main .pricing-hero h1 .text-accent{ color: #0f766e; }
.site-main .pricing-hero .hero-description{

            font-size: 1.1rem;

            color: #426561;

            max-width: 600px;

            margin: 0 auto 8px;

            line-height: 1.8;

        }
.site-main .pricing-hero .hero-description strong{ color: #123c39; }
.site-main .pricing-hero .pricing-eyebrow{

            display: inline-block;

            background: rgba(15,118,110,0.06);

            border: 1px solid rgba(15,118,110,0.08);

            border-radius: 40px;

            padding: 6px 24px;

            font-size: 0.85rem;

            font-weight: 600;

            color: #0f766e;

            margin-bottom: 16px;

        }
.site-main .pricing-section{

            padding: 40px 0 80px;

            background: #ffffff;

        }
.site-main .pricing-card-grid{

            display: flex;

            flex-wrap: wrap;

            gap: 30px;

            justify-content: center;

        }
.site-main .pricing-card{

            background: #f4faf7;

            border-radius: 28px;

            padding: 40px 32px 36px;

            flex: 1;

            min-width: 270px;

            max-width: 100%;

            border: 1px solid rgba(15,118,110,0.04);

            transition: 0.4s;

            text-align: center;

            box-shadow: 0 2px 12px rgba(0,0,0,0.02);

            display: flex;

            flex-direction: column;

        }
.site-main .pricing-card:hover{

            transform: translateY(-6px);

            border-color: rgba(15,118,110,0.10);

            box-shadow: 0 20px 40px -12px rgba(15,118,110,0.06);

        }
.site-main .pricing-card.pricing-card-featured{

            border: 2px solid #0f766e;

            background: linear-gradient(145deg, #ffffff, #edf7f1);

            position: relative;

        }
.site-main .pricing-card.pricing-card-featured::before{

            content: "推荐";

            position: absolute;

            top: -12px;

            right: 20px;

            background: #0f766e;

            color: #fff;

            padding: 3px 18px;

            border-radius: 30px;

            font-size: 0.7rem;

            font-weight: 600;

        }
.site-main .pricing-card-icon{ font-size: 2.8rem; color: #0f766e; margin-bottom: 16px; }
.site-main .pricing-card-title{ font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; color: #123c39; }
.site-main .pricing-card-description{ color: #426561; font-size: 0.95rem; margin-bottom: 14px; }
.site-main .pricing-amount{

            font-size: 2.4rem;

            font-weight: 800;

            color: #0f766e;

            margin-bottom: 6px;

        }
.site-main .pricing-amount .pricing-period{ font-size: 0.9rem; font-weight: 400; color: #52736e; }
.site-main .pricing-amount .pricing-previous-amount{

            font-size: 0.85rem;

            color: #748d87;

            text-decoration: line-through;

            margin-left: 8px;

        }
.site-main .pricing-amount .pricing-trial-label{

            display: block;

            font-size: 0.75rem;

            color: #168065;

            font-weight: 600;

            margin-top: 2px;

        }
.site-main .pricing-feature-list{

            list-style: none;

            margin: 16px 0 24px;

            text-align: left;

            padding-left: 4px;

            flex: 1;

        }
.site-main .pricing-feature-list li{

            padding: 8px 0;

            color: #426561;

            font-size: 0.92rem;

            display: flex;

            align-items: center;

            gap: 10px;

            line-height: 1.4;

        }
.site-main .pricing-feature-list li i{

            color: #0f766e;

            width: 22px;

            flex-shrink: 0;

            text-align: center;

        }
.site-main .pricing-feature-list li .release-status-tag{

            font-size: 0.6rem;

            background: rgba(22,128,101,0.1);

            color: #168065;

            padding: 1px 10px;

            border-radius: 30px;

            font-weight: 600;

            margin-left: 6px;

        }
.site-main .pricing-action{

            background: #0f766e;

            color: #fff;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            width: 100%;

            padding: 14px;

            border-radius: 40px;

            font-weight: 600;

            font-size: 0.95rem;

            text-decoration: none;

            transition: 0.2s;

            border: none;

            cursor: pointer;

            margin-top: auto;

        }
.site-main .pricing-action:hover{ background: #115e59; transform: translateY(-2px); }
.site-main .pricing-action.pricing-button-outline{

            background: transparent;

            color: #0f766e;

            border: 1.5px solid rgba(15,118,110,0.15);

        }
.site-main .pricing-action.pricing-button-outline:hover{

            background: #edf7f1;

            border-color: #0f766e;

        }
.site-main .pricing-comparison-section{

            padding: 60px 0 80px;

            background: #f4faf7;

        }
.site-main .pricing-comparison-section .section-header{ text-align: center; margin-bottom: 36px; }
.site-main .pricing-comparison-section .section-eyebrow-label{

            display: inline-block;

            background: rgba(15,118,110,0.04);

            border: 1px solid rgba(15,118,110,0.06);

            border-radius: 40px;

            padding: 4px 20px;

            font-size: 0.8rem;

            font-weight: 600;

            color: #0f766e;

            margin-bottom: 6px;

        }
.site-main .pricing-comparison-section .section-title{

            font-size: 2rem;

            font-weight: 700;

            color: #123c39;

        }
.site-main .pricing-comparison-section .section-title i{ color: #0f766e; margin-right: 8px; }
.site-main .pricing-comparison-section .section-description{ color: #426561; font-size: 1rem; }
.site-main .pricing-table-scroll{

            overflow-x: auto;

            background: #ffffff;

            border-radius: 20px;

            box-shadow: 0 2px 12px rgba(0,0,0,0.02);

            border: 1px solid rgba(15,118,110,0.04);

            padding: 4px;

        }
.site-main .pricing-comparison-table{

            width: 100%;

            border-collapse: collapse;

            font-size: 0.95rem;

            min-width: 600px;

        }
.site-main .pricing-comparison-table th{

            padding: 18px 20px;

            text-align: center;

            font-weight: 700;

            color: #123c39;

            border-bottom: 2px solid rgba(15,118,110,0.04);

            background: #f4faf7;

        }
.site-main .pricing-comparison-table th:first-child{

            text-align: left;

        }
.site-main .pricing-comparison-table td{

            padding: 14px 20px;

            text-align: center;

            color: #426561;

            border-bottom: 1px solid rgba(15,118,110,0.04);

        }
.site-main .pricing-comparison-table td:first-child{

            text-align: left;

            font-weight: 600;

            color: #123c39;

        }
.site-main .pricing-comparison-table tr:last-child td{

            border-bottom: none;

        }
.site-main .pricing-comparison-table .comparison-supported{ color: #168065; font-size: 1.1rem; }
.site-main .pricing-comparison-table .comparison-conditional{ color: #748d87; font-size: 1.1rem; }
.site-main .pricing-comparison-table .pricing-summary-row td{

            background: #edf7f1;

        }
.site-main .faq-section{

            padding: 60px 0 80px;

            background: #ffffff;

            border-top: 1px solid rgba(15,118,110,0.04);

        }
.site-main .faq-section .section-header{

            text-align: center;

            margin-bottom: 36px;

        }
.site-main .faq-answer-grid{

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 18px;

            align-items: stretch;

        }
.site-main .faq-item{

            background: #f4faf7;

            border-radius: 16px;

            padding: 24px 28px;

            border: 1px solid rgba(15,118,110,0.03);

            transition: 0.3s;

            display: flex;

            flex-direction: column;

            height: 100%;

        }
.site-main .faq-item:hover{ border-color: rgba(15,118,110,0.06); }
.site-main .faq-item .faq-question{

            font-weight: 700;

            font-size: 1rem;

            color: #123c39;

            display: flex;

            align-items: center;

            gap: 12px;

            flex-shrink: 0;

        }
.site-main .faq-item .faq-question i{

            color: #0f766e;

            font-size: 0.8rem;

            width: 20px;

            flex-shrink: 0;

        }
.site-main .faq-item .faq-answer{

            margin-top: 10px;

            color: #426561;

            font-size: 0.92rem;

            line-height: 1.8;

            flex: 1;

        }
.site-main .faq-item .faq-answer .answer-step{

            display: flex;

            align-items: flex-start;

            gap: 10px;

            margin-top: 6px;

            padding-left: 4px;

        }
.site-main .faq-item .faq-answer .answer-step:first-child{ margin-top: 0; }
.site-main .faq-item .faq-answer .step-number{

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-width: 22px;

            height: 22px;

            background: #0f766e;

            color: #fff;

            border-radius: 50%;

            font-size: 0.7rem;

            font-weight: 700;

            flex-shrink: 0;

            margin-top: 2px;

        }
.site-main .faq-item .faq-answer .answer-step-description{ flex: 1; }
.site-main .faq-item .faq-answer strong{ color: #123c39; }
@media (max-width: 1024px){.site-main .pricing-hero h1{ font-size: 2.4rem; }
.site-main .pricing-table-scroll{ padding: 0; }
.site-main .faq-answer-grid{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 768px){.site-main .pricing-hero{ padding: 50px 0 40px; }
.site-main .pricing-hero h1{ font-size: 1.8rem; }
.site-main .pricing-card-grid{ gap: 20px; }
.site-main .pricing-card{ min-width: unset; max-width: 100%; }
.site-main .pricing-comparison-section{ padding: 40px 0 60px; }
.site-main .pricing-comparison-table{ font-size: 0.85rem; min-width: 480px; }
.site-main .pricing-comparison-table th,

            .site-main .pricing-comparison-table td{ padding: 12px 14px; }
.site-main .faq-answer-grid{ grid-template-columns: 1fr; }
.site-main .faq-item{ padding: 20px; }}
@media (max-width: 480px){.site-main .pricing-hero h1{ font-size: 1.6rem; }
.site-main .pricing-card{ padding: 28px 20px 28px; }
.site-main .pricing-amount{ font-size: 2rem; }
.site-main .pricing-comparison-table{ font-size: 0.75rem; min-width: 360px; }
.site-main .pricing-comparison-table th,

            .site-main .pricing-comparison-table td{ padding: 8px 10px; }
.site-main .faq-item{ padding: 16px; }
.site-main .faq-item .faq-question{ font-size: 0.9rem; }
.site-main .faq-item .faq-answer .answer-step{ flex-direction: column; gap: 4px; }}