button {background:none;border:none;}
a,button {cursor:pointer;}
/* è—å¼ä¸»é¢˜è‰²å˜é‡ */
:root {--tibet-red:#B13E3A;--tibet-gold:#C6A15B;--tibet-dark:#3E2A1F;--sand-light:#F9F3EA;--stone-gray:#5B5A56;--shadow-sm:0 10px 25px -5px rgba(0,0,0,0.05),0 8px 10px -6px rgba(0,0,0,0.02);--shadow-md:0 20px 25px -12px rgba(0,0,0,0.08);}
.container {max-width:1280px;margin:0 auto;padding:0 24px;}
/* è£…é¥°çº¿æ¡/çº¹ç† */
.bg-pattern {background-image:radial-gradient(rgba(177,62,58,0.03) 1.5px,transparent 1.5px);background-size:28px 28px;}
/* Hero åŒºåŸŸ */
.hero {padding:70px 0 60px;background:linear-gradient(120deg,#FFF9F0 0%,#FEF6EA 100%);border-bottom:1px solid rgba(198,161,91,0.2);}
.hero-grid {display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:space-between;}
.hero-content {flex:1;min-width:280px;}
.hero-badge {display:inline-block;background:rgba(177,62,58,0.1);color:var(--tibet-red);padding:6px 14px;border-radius:40px;font-size:13px;font-weight:600;margin-bottom:20px;}
.hero-content h2 {font-size:51px;font-weight:700;line-height:1.2;font-family:'Playfair Display',serif;color:#2C2418;margin-bottom:24px;}
.hero-highlight {color:var(--tibet-red);border-bottom:3px solid var(--tibet-gold);display:inline-block;}
.hero-desc {font-size:18px;color:#4B3E2E;margin-bottom:32px;max-width:550px;}
.btn-primary {background:var(--tibet-red);color:white;border:none;padding:12px 32px;border-radius:48px;font-weight:600;font-size:16px;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 8px rgba(177,62,58,0.2);}
.btn-primary:hover {background:#9A2E2A;transform:translateY(-2px);}
.hero-stats {flex:0.8;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;background:white;padding:28px 24px;border-radius:32px;box-shadow:var(--shadow-md);border:1px solid #F0E5D8;}
.stat-item {text-align:center;}
.stat-number {font-size:35px;font-weight:800;color:var(--tibet-red);letter-spacing:-1px;}
.stat-label {font-size:14px;color:var(--stone-gray);font-weight:500;}
/* ç®€ä»‹å¡ç‰‡åŒºåŸŸ */
.intro-section {padding:80px 0;}
.intro-card {background:#FFFFFF;border-radius:32px;padding:48px 40px;box-shadow:var(--shadow-sm);border:1px solid #F2E7DC;transition:transform 0.2s;}
.intro-text {font-size:18px;line-height:1.6;color:#3A2C1C;margin-bottom:32px;position:relative;padding-left:20px;border-left:5px solid var(--tibet-gold);}
.service-icons {display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-top:32px;}
.service-item {text-align:center;flex:1;min-width:80px;}
.service-item i {font-size:35px;color:var(--tibet-red);background:#FEF3E9;padding:14px;border-radius:60px;margin-bottom:12px;}
.service-item span {display:block;font-weight:600;font-size:14px;}
/* æ ¸å¿ƒé£Žæ ¼åŒå¡ç‰‡ */.styles-section {padding:60px 0 80px;background-color:var(--sand-light);}
.section-title {text-align:center;font-size:37px;font-weight:700;font-family:'Playfair Display',serif;margin-bottom:16px;}
.section-sub {text-align:center;color:var(--stone-gray);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;}
.style-grid {display:flex;flex-wrap:wrap;gap:40px;justify-content:center;}
.style-card {background:white;border-radius:36px;overflow:hidden;flex:1;min-width:280px;transition:all 0.3s ease;box-shadow:var(--shadow-sm);border:1px solid #ECDFD0;}
.style-card:hover {transform:translateY(-8px);box-shadow:0 30px 40px -20px rgba(0,0,0,0.2);}
.style-img {height:220px;background-size:cover;background-position:center;position:relative;}
.tibet-style-img {background:linear-gradient(125deg,#B47C5E 0%,#D9B48B 100%);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgba(255,215,150,0.3)" stroke-width="1.2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>');background-repeat:repeat;background-size:60px;background-blend-mode:overlay;}
.modern-style-img {background:linear-gradient(135deg,#DCE3E8 0%,#BFC9D0 100%);background-image:radial-gradient(circle at 20% 40%,rgba(255,255,240,0.2) 2%,transparent 2.5%);background-size:28px 28px;}
.style-content {padding:32px 28px;}
.style-card h3 {font-size:29px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:12px;}
.style-tag {display:inline-block;background:#F0E2D4;border-radius:60px;font-size:11px;padding:4px 10px;font-weight:600;color:var(--tibet-red);}
.style-desc {color:#4A3F32;margin:20px 0;line-height:1.5;}
/* ä¸¥è‹›æ ‡å‡†åŒºåŸŸ */
.standard-section {padding:70px 0;background:#2C2418;color:#FEF2E4;}
.standard-inner {display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:space-between;}
.standard-quote {flex:1;}
.standard-quote i {font-size:48px;color:var(--tibet-gold);opacity:0.7;margin-bottom:24px;}
.standard-quote h3 {font-size:32px;font-weight:600;font-family:'Playfair Display',serif;}
.standard-quote p {font-size:18px;margin:20px 0 16px;opacity:0.9;}
.standard-badge {background:rgba(198,161,91,0.2);padding:12px 24px;border-radius:60px;display:inline-block;font-weight:500;}
.standard-list {flex:0.8;background:rgba(255,255,255,0.05);padding:32px;border-radius:32px;backdrop-filter:blur(4px);}
.standard-list li {list-style:none;margin-bottom:20px;display:flex;align-items:center;gap:14px;font-weight:500;}
.standard-list i {width:28px;color:var(--tibet-gold);}
/* å±•ç¤ºåŽ…æ•°æ®æ¨¡å— */
.showroom-section {padding:80px 0;text-align:center;}
.showroom-grid {display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin:48px 0 24px;}
.showroom-card {background:white;border-radius:28px;padding:32px 24px;flex:1;min-width:220px;box-shadow:var(--shadow-sm);transition:all 0.2s;border:1px solid #EFE2D4;}
.showroom-card i {font-size:45px;color:var(--tibet-red);margin-bottom:20px;}
.showroom-card h4 {font-size:29px;font-weight:800;color:#2C2418;}

@media (max-width:768px) {.hero-content h2 {font-size:37px;}
.nav-links {gap:18px;}
.hero-stats {width:100%;}
.intro-card {padding:32px 24px;}
.style-card h3 {font-size:24px;}
.section-title {font-size:30px;}
.container {padding:0 20px;}
.standard-quote {flex: auto;}
.standard-list{flex:1;}
}
 .ppgs-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* è£…é¥°çº¹ç† */
        .ppgs-bg-pattern {
            background-image: radial-gradient(rgba(177, 62, 58, 0.03) 1.5px, transparent 1.5px);
            background-size: 28px 28px;
        }

        /* header åŒºåŸŸ */
        .ppgs-header {
            padding: 20px 0;
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
            background-color: rgba(254, 252, 248, 0.96);
            backdrop-filter: blur(4px);
            position: sticky;
            top: 0;
            z-index: 50;
        }

        .ppgs-nav-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }

        .ppgs-logo h1 {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: -0.3px;
            background: linear-gradient(135deg, #B13E3A 0%, #C6A15B 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-family: 'Playfair Display', serif;
        }

        .ppgs-logo p {
            font-size: 12px;
            color: var(--tibet-gold);
            letter-spacing: 1px;
            margin-top: 4px;
            font-weight: 500;
        }

        .ppgs-nav-links {
            display: flex;
            gap: 32px;
            list-style: none;
        }

        .ppgs-nav-links a {
            text-decoration: none;
            color: var(--tibet-dark);
            font-weight: 500;
            transition: color 0.2s;
            font-size: 15px;
        }

        .ppgs-nav-links a:hover {
            color: var(--tibet-red);
        }

        .ppgs-btn-outline {
            border: 1.5px solid var(--tibet-red);
            background: transparent;
            padding: 8px 20px;
            border-radius: 40px;
            font-weight: 600;
            color: var(--tibet-red);
            transition: all 0.2s;
            cursor: pointer;
            font-size: 14px;
        }

        .ppgs-btn-outline:hover {
            background: var(--tibet-red);
            color: white;
        }

        /* Hero åŒºåŸŸ */
        .ppgs-hero {
            padding: 70px 0 60px;
            background: linear-gradient(120deg, #FFF9F0 0%, #FEF6EA 100%);
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
        }

        .ppgs-hero-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 48px;
            align-items: center;
            justify-content: space-between;
        }

        .ppgs-hero-content {
            flex: 1;
            min-width: 280px;
        }

        .ppgs-hero-badge {
            display: inline-block;
            background: rgba(177, 62, 58, 0.1);
            color: var(--tibet-red);
            padding: 6px 14px;
            border-radius: 40px;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .ppgs-hero-content h2 {
            font-size: 51px;
            font-weight: 700;
            line-height: 1.2;
            font-family: 'Playfair Display', serif;
            color: #2C2418;
            margin-bottom: 24px;
        }

        .ppgs-hero-highlight {
            color: var(--tibet-red);
            border-bottom: 3px solid var(--tibet-gold);
            display: inline-block;
        }

        .ppgs-hero-desc {
            font-size: 18px;
            color: #4B3E2E;
            margin-bottom: 32px;
            max-width: 550px;
        }

        .ppgs-btn-primary {
            background: var(--tibet-red);
            color: white;
            border: none;
            padding: 12px 32px;
            border-radius: 48px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.2s;
            box-shadow: 0 4px 8px rgba(177, 62, 58, 0.2);
        }

        .ppgs-btn-primary:hover {
            background: #9A2E2A;
            transform: translateY(-2px);
        }

        .ppgs-hero-stats {
            flex: 0.8;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
            background: white;
            padding: 28px 24px;
            border-radius: 32px;
            box-shadow: var(--shadow-md);
            border: 1px solid #F0E5D8;
        }

        .ppgs-stat-item {
            text-align: center;
        }

        .ppgs-stat-number {
            font-size: 35px;
            font-weight: 800;
            color: var(--tibet-red);
            letter-spacing: -1px;
        }

        .ppgs-stat-label {
            font-size: 14px;
            color: var(--stone-gray);
            font-weight: 500;
        }

        /* å“ç‰Œæ•…äº‹åŒºåŸŸ */
        .ppgs-story-section {
            padding: 80px 0;
            background: #FFFFFF;
            position: relative;
            overflow: hidden;
        }

        .ppgs-story-section:before {
            content: "â€œ";
            font-family: 'Playfair Display', serif;
            font-size: 220px;
            color: rgba(198, 161, 91, 0.08);
            position: absolute;
            bottom: -30px;
            left: 0;
            pointer-events: none;
        }

        .ppgs-story-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .ppgs-story-header {
            text-align: center;
            margin-bottom: 48px;
        }

        .ppgs-story-tagline {
            font-size: 14px;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--tibet-gold);
            font-weight: 600;
        }

        .ppgs-story-header h2 {
            font-size: 48px;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: #2C2418;
            margin-top: 12px;
            position: relative;
            display: inline-block;
        }

        .ppgs-story-header h2:after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 25%;
            width: 50%;
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--tibet-red), transparent);
        }

        .ppgs-story-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 48px;
            align-items: flex-start;
        }

        .ppgs-story-text {
            flex: 1.6;
            background: #FEFAF4;
            border-radius: 36px;
            padding: 40px 44px;
            box-shadow: var(--shadow-sm);
            border: 1px solid #F0E3D6;
        }

        .ppgs-intro-quote {
            font-size: 19px;
            font-weight: 500;
            border-left: 4px solid var(--tibet-gold);
            padding-left: 24px;
            margin-bottom: 28px;
            color: #3E2F1E;
        }

        .ppgs-story-chapter {
            margin-bottom: 28px;
        }

        .ppgs-story-chapter h3 {
            font-size: 24px;
            font-weight: 600;
            font-family: 'Playfair Display', serif;
            color: var(--tibet-red);
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .ppgs-story-chapter h3 i {
            font-size: 26px;
            color: var(--tibet-gold);
        }

        .ppgs-story-chapter p {
            margin-bottom: 16px;
            color: #3B3122;
            line-height: 1.7;
            font-size: 16px;
        }

        .ppgs-highlight-num {
            font-weight: 800;
            color: var(--tibet-red);
            background: rgba(177,62,58,0.08);
            padding: 0 4px;
            border-radius: 6px;
        }

        .ppgs-story-motto {
            margin-top: 32px;
            background: #FFFFFFE6;
            border-radius: 48px;
            padding: 20px 28px;
            text-align: center;
            font-style: italic;
            font-weight: 500;
            border: 1px dashed var(--tibet-gold);
            color: #5E4B31;
            font-size: 16px;
        }

        .ppgs-story-sidebar {
            flex: 0.9;
            background: #FFF9F0;
            border-radius: 32px;
            padding: 32px 28px;
            box-shadow: var(--shadow-sm);
        }

        .ppgs-milestone-item {
            display: flex;
            gap: 16px;
            margin-bottom: 32px;
            border-bottom: 1px solid rgba(198,161,91,0.2);
            padding-bottom: 24px;
        }

        .ppgs-milestone-year {
            font-size: 29px;
            font-weight: 800;
            font-family: 'Playfair Display', serif;
            color: var(--tibet-red);
            min-width: 70px;
        }

        .ppgs-milestone-desc p {
            font-size: 14px;
            color: #4C3F2E;
            font-weight: 500;
        }

        .ppgs-brand-sign {
            text-align: center;
            margin-top: 28px;
            font-weight: 700;
            color: var(--tibet-dark);
            border-top: 1px solid #EADCCE;
            padding-top: 24px;
            font-size: 15px;
        }

        /* ä¸€ç«™å¼æœåŠ¡ç´§å‡‘æ¨¡å— */
        .ppgs-services-compact {
            background: #FDF7EF;
            padding: 50px 0;
            border-top: 1px solid rgba(198,161,91,0.3);
            border-bottom: 1px solid rgba(198,161,91,0.3);
        }

        .ppgs-service-icons-row {
            display: flex;
            flex-wrap: wrap;
            gap: 36px;
            justify-content: center;
            align-items: center;
        }
        .ppgs-service-icon-item {
            text-align: center;
            min-width: 100px;
        }
        .ppgs-service-icon-item i {
            font-size: 32px;
            color: var(--tibet-red);
            background: white;
            padding: 16px;
            border-radius: 60px;
            box-shadow: 0 8px 14px rgba(0,0,0,0.02);
            margin-bottom: 12px;
            width: 60px;
            height: 60px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .ppgs-service-icon-item div {
            font-size: 14px;
        }

        /* æ ¸å¿ƒé£Žæ ¼åŒºåŸŸ */
        .ppgs-styles-section {
            padding: 70px 0 80px;
            background-color: var(--sand-light);
        }
        .ppgs-section-title {
            text-align: center;
            font-size: 37px;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
            margin-bottom: 16px;
        }
        .ppgs-section-sub {
            text-align: center;
            color: var(--stone-gray);
            margin-bottom: 48px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            font-size: 16px;
        }
        .ppgs-style-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            justify-content: center;
        }
        .ppgs-style-card {
            background: white;
            border-radius: 36px;
            overflow: hidden;
            flex: 1;
            min-width: 280px;
            transition: all 0.3s ease;
            box-shadow: var(--shadow-sm);
            border: 1px solid #ECDFD0;
        }
        .ppgs-style-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 40px -20px rgba(0, 0, 0, 0.2);
        }
        .ppgs-style-img {
            height: 220px;
            background-size: cover;
            background-position: center;
        }
        .ppgs-tibet-style-img {
            background: linear-gradient(125deg, #B47C5E 0%, #D9B48B 100%);
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgba(255,215,150,0.3)" stroke-width="1.2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>');
            background-repeat: repeat;
            background-size: 60px;
            background-blend-mode: overlay;
        }
        .ppgs-modern-style-img {
            background: linear-gradient(135deg, #DCE3E8 0%, #BFC9D0 100%);
            background-image: radial-gradient(circle at 20% 40%, rgba(255,255,240,0.2) 2%, transparent 2.5%);
            background-size: 28px 28px;
        }
        .ppgs-style-content {
            padding: 32px 28px;
        }
        .ppgs-style-card h3 {
            font-size: 29px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .ppgs-style-tag {
            display: inline-block;
            background: #F0E2D4;
            border-radius: 60px;
            font-size: 11px;
            padding: 4px 10px;
            font-weight: 600;
            color: var(--tibet-red);
        }
        .ppgs-standard-section {
            padding: 70px 0;
            background: #2C2418;
            color: #FEF2E4;
        }
        .ppgs-standard-inner {
            display: flex;
            flex-wrap: wrap;
            gap: 48px;
            align-items: center;
        }
        .ppgs-standard-quote {
            flex: 1;
        }
        .ppgs-standard-quote i {
            font-size: 48px;
            color: var(--tibet-gold);
            opacity: 0.7;
            margin-bottom: 20px;
        }
        .ppgs-standard-quote h3 {
            font-size: 32px;
            font-family: 'Playfair Display', serif;
            font-weight: 600;
        }
        .ppgs-standard-quote p {
            font-size: 18px;
            margin-top: 20px;
            margin-bottom: 16px;
            line-height: 1.5;
        }
        .ppgs-standard-badge {
            background: rgba(198, 161, 91, 0.2);
            padding: 12px 24px;
            border-radius: 60px;
            display: inline-block;
            font-weight: 500;
            font-size: 14px;
        }
        .ppgs-standard-list {
            flex: 0.8;
            background: rgba(255, 255, 255, 0.05);
            padding: 32px;
            border-radius: 32px;
        }
        .ppgs-standard-list li {
            list-style: none;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 16px;
            font-weight: 500;
        }
        .ppgs-showroom-section {
            padding: 80px 0;
            text-align: center;
        }
        .ppgs-showroom-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 32px;
            margin: 48px 0;
        }
        .ppgs-showroom-card {
            background: white;
            border-radius: 28px;
            padding: 32px 24px;
            flex: 1;
            min-width: 200px;
            box-shadow: var(--shadow-sm);
        }
        .ppgs-showroom-card i {
            font-size: 45px;
            color: var(--tibet-red);
            margin-bottom: 16px;
        }
        .ppgs-showroom-card h4 {
            font-size: 29px;
            font-weight: 800;
            color: #2C2418;
        }
        .ppgs-showroom-card p {
            font-size: 14px;
            color: #5B5A56;
        }
        .ppgs-footer {
            background: #1F1912;
            color: #D9CFC2;
            padding: 56px 0 32px;
            margin-top: 40px;
        }
        .ppgs-footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 48px;
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
            padding-bottom: 48px;
        }
        .ppgs-footer-col h4 {
            font-size: 18px;
            margin-bottom: 20px;
        }
        .ppgs-footer-col p, .ppgs-footer-col a {
            font-size: 14px;
            line-height: 1.8;
            color: #BAA990;
        }
        .ppgs-copyright {
            text-align: center;
            padding-top: 32px;
            font-size: 13px;
            color: #9A8874;
        }
        @media (max-width: 768px) {
            .ppgs-hero-content h2 { font-size: 37px; }
            .ppgs-story-text { padding: 28px 24px; }
            .ppgs-story-header h2 { font-size: 35px; }
            .ppgs-story-chapter h3 { font-size: 21px; }
            .ppgs-section-title { font-size: 30px; }
            .ppgs-standard-quote h3 { font-size: 28px; }
            .ppgs-hero-stats { width: 100%; }
            .ppgs-nav-links { gap: 18px; }
        }
         .ppln-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* è£…é¥°çº¹ç† */
        .ppln-bg-pattern {
            background-image: radial-gradient(rgba(177, 62, 58, 0.03) 1.5px, transparent 1.5px);
            background-size: 28px 28px;
        }

        /* header åŒºåŸŸ */
        .ppln-header {
            padding: 20px 0;
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
            background-color: rgba(254, 252, 248, 0.96);
            backdrop-filter: blur(4px);
            position: sticky;
            top: 0;
            z-index: 50;
        }

        .ppln-nav-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }

        .ppln-logo h1 {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: -0.3px;
            background: linear-gradient(135deg, #B13E3A 0%, #C6A15B 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-family: 'Playfair Display', serif;
        }

        .ppln-logo p {
            font-size: 12px;
            color: var(--tibet-gold);
            letter-spacing: 1px;
            margin-top: 4px;
            font-weight: 500;
        }

        .ppln-nav-links {
            display: flex;
            gap: 32px;
            list-style: none;
        }

        .ppln-nav-links a {
            text-decoration: none;
            color: var(--tibet-dark);
            font-weight: 500;
            transition: color 0.2s;
            font-size: 15px;
        }

        .ppln-nav-links a:hover {
            color: var(--tibet-red);
        }

        .ppln-btn-outline {
            border: 1.5px solid var(--tibet-red);
            background: transparent;
            padding: 8px 20px;
            border-radius: 40px;
            font-weight: 600;
            color: var(--tibet-red);
            transition: all 0.2s;
            cursor: pointer;
            font-size: 14px;
        }

        .ppln-btn-outline:hover {
            background: var(--tibet-red);
            color: white;
        }

        /* Hero åŒºåŸŸ */
        .ppln-hero {
            padding: 70px 0 60px;
            background: linear-gradient(120deg, #FFF9F0 0%, #FEF6EA 100%);
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
        }

        .ppln-hero-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 48px;
            align-items: center;
            justify-content: space-between;
        }

        .ppln-hero-content {
            flex: 1;
            min-width: 280px;
        }

        .ppln-hero-badge {
            display: inline-block;
            background: rgba(177, 62, 58, 0.1);
            color: var(--tibet-red);
            padding: 6px 14px;
            border-radius: 40px;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .ppln-hero-content h2 {
            font-size: 51px;
            font-weight: 700;
            line-height: 1.2;
            font-family: 'Playfair Display', serif;
            color: #2C2418;
            margin-bottom: 24px;
        }

        .ppln-hero-highlight {
            color: var(--tibet-red);
            border-bottom: 3px solid var(--tibet-gold);
            display: inline-block;
        }

        .ppln-hero-desc {
            font-size: 18px;
            color: #4B3E2E;
            margin-bottom: 32px;
            max-width: 550px;
        }

        .ppln-btn-primary {
            background: var(--tibet-red);
            color: white;
            border: none;
            padding: 12px 32px;
            border-radius: 48px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.2s;
            box-shadow: 0 4px 8px rgba(177, 62, 58, 0.2);
        }

        .ppln-btn-primary:hover {
            background: #9A2E2A;
            transform: translateY(-2px);
        }

        .ppln-hero-stats {
            flex: 0.8;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
            background: white;
            padding: 28px 24px;
            border-radius: 32px;
            box-shadow: var(--shadow-md);
            border: 1px solid #F0E5D8;
        }

        .ppln-stat-item {
            text-align: center;
        }

        .ppln-stat-number {
            font-size: 35px;
            font-weight: 800;
            color: var(--tibet-red);
            letter-spacing: -1px;
        }

        .ppln-stat-label {
            font-size: 14px;
            color: var(--stone-gray);
            font-weight: 500;
        }

        /* å“ç‰Œæ•…äº‹åŒºåŸŸ */
        .ppln-story-section {
            padding: 80px 0;
            background: #FFFFFF;
            position: relative;
            overflow: hidden;
        }

        .ppln-story-section:before {
            content: "â€œ";
            font-family: 'Playfair Display', serif;
            font-size: 220px;
            color: rgba(198, 161, 91, 0.08);
            position: absolute;
            bottom: -30px;
            left: 0;
            pointer-events: none;
        }

        .ppln-story-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .ppln-story-header {
            text-align: center;
            margin-bottom: 48px;
        }

        .ppln-story-tagline {
            font-size: 14px;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--tibet-gold);
            font-weight: 600;
        }

        .ppln-story-header h2 {
            font-size: 48px;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: #2C2418;
            margin-top: 12px;
            position: relative;
            display: inline-block;
        }

        .ppln-story-header h2:after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 25%;
            width: 50%;
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--tibet-red), transparent);
        }

        .ppln-story-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 48px;
            align-items: flex-start;
        }

        .ppln-story-text {
            flex: 1.6;
            background: #FEFAF4;
            border-radius: 36px;
            padding: 40px 44px;
            box-shadow: var(--shadow-sm);
            border: 1px solid #F0E3D6;
        }

        .ppln-intro-quote {
            font-size: 19px;
            font-weight: 500;
            border-left: 4px solid var(--tibet-gold);
            padding-left: 24px;
            margin-bottom: 28px;
            color: #3E2F1E;
        }

        .ppln-story-chapter {
            margin-bottom: 28px;
        }

        .ppln-story-chapter h3 {
            font-size: 24px;
            font-weight: 600;
            font-family: 'Playfair Display', serif;
            color: var(--tibet-red);
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .ppln-story-chapter h3 i {
            font-size: 26px;
            color: var(--tibet-gold);
        }

        .ppln-story-chapter p {
            margin-bottom: 16px;
            color: #3B3122;
            line-height: 1.7;
            font-size: 16px;
        }

        .ppln-highlight-num {
            font-weight: 800;
            color: var(--tibet-red);
            background: rgba(177,62,58,0.08);
            padding: 0 4px;
            border-radius: 6px;
        }

        .ppln-story-motto {
            margin-top: 32px;
            background: #FFFFFFE6;
            border-radius: 48px;
            padding: 20px 28px;
            text-align: center;
            font-style: italic;
            font-weight: 500;
            border: 1px dashed var(--tibet-gold);
            color: #5E4B31;
            font-size: 16px;
        }

        .ppln-story-sidebar {
            flex: 0.9;
            background: #FFF9F0;
            border-radius: 32px;
            padding: 32px 28px;
            box-shadow: var(--shadow-sm);
        }

        .ppln-milestone-item {
            display: flex;
            gap: 16px;
            margin-bottom: 32px;
            border-bottom: 1px solid rgba(198,161,91,0.2);
            padding-bottom: 24px;
        }

        .ppln-milestone-year {
            font-size: 29px;
            font-weight: 800;
            font-family: 'Playfair Display', serif;
            color: var(--tibet-red);
            min-width: 70px;
        }

        .ppln-milestone-desc p {
            font-size: 14px;
            color: #4C3F2E;
            font-weight: 500;
        }

        .ppln-brand-sign {
            text-align: center;
            margin-top: 28px;
            font-weight: 700;
            color: var(--tibet-dark);
            border-top: 1px solid #EADCCE;
            padding-top: 24px;
            font-size: 15px;
        }

        /* äº”å¤§æ ¸å¿ƒä¼˜åŠ¿åŒºåŸŸ (é«˜åŽŸä¸“ç ”å·¥è‰º Â· ä¸€ç«™å¼æ•´è£… Â· é€æ˜ŽæŠ¥ä»· Â· ææ–™ä¿çœŸ Â· æ–‡åŒ–åŠŸèƒ½å¹¶é‡) */
        .ppln-advantages-section {
            padding: 70px 0;
            background: #FFFFFF;
            border-top: 1px solid rgba(198,161,91,0.2);
            border-bottom: 1px solid rgba(198,161,91,0.2);
        }
        .ppln-advantages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 32px;
            margin-top: 48px;
        }
        .ppln-advantage-card {
            background: #FEFAF4;
            border-radius: 28px;
            padding: 32px 28px;
            transition: all 0.25s ease;
            border: 1px solid #F0E3D6;
            box-shadow: var(--shadow-sm);
        }
        .ppln-advantage-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-md);
            border-color: var(--tibet-gold);
        }
        .ppln-advantage-icon {
            background: rgba(177,62,58,0.1);
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
        }
        .ppln-advantage-icon i {
            font-size: 32px;
            color: var(--tibet-red);
        }
        .ppln-advantage-card h3 {
            font-size: 24px;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
            margin-bottom: 16px;
            color: #2C2418;
        }
        .ppln-advantage-card p {
            font-size: 15px;
            line-height: 1.6;
            color: #4A3F32;
            margin-bottom: 12px;
        }
        .ppln-warranty-badge {
            display: inline-block;
            background: #F0E2D4;
            border-radius: 40px;
            padding: 6px 14px;
            font-size: 12px;
            font-weight: 600;
            color: var(--tibet-red);
            margin-top: 12px;
        }
        /* å“ç‰Œå£å·ä¸“åŒº */
        .ppln-slogan-bar {
            background: linear-gradient(135deg, #B13E3A 0%, #9A2E2A 100%);
            padding: 28px 0;
            text-align: center;
            color: white;
        }
        .ppln-slogan-bar h3 {
            font-size: 28px;
            font-family: 'Playfair Display', serif;
            letter-spacing: 1px;
            font-weight: 600;
        }
        .ppln-slogan-bar p {
            font-size: 16px;
            opacity: 0.9;
            margin-top: 8px;
        }

        /* ä¸€ç«™å¼æœåŠ¡ç´§å‡‘æ¨¡å— (åŽŸæœåŠ¡å›¾æ ‡åŒºï¼Œæ•´åˆä¿ç•™) */
        .ppln-services-compact {
            background: #FDF7EF;
            padding: 50px 0;
            border-top: 1px solid rgba(198,161,91,0.3);
            border-bottom: 1px solid rgba(198,161,91,0.3);
        }
        .ppln-service-icons-row {
            display: flex;
            flex-wrap: wrap;
            gap: 36px;
            justify-content: center;
            align-items: center;
        }
        .ppln-service-icon-item {
            text-align: center;
            min-width: 100px;
        }
        .ppln-service-icon-item i {
            font-size: 32px;
            color: var(--tibet-red);
            background: white;
            padding: 16px;
            border-radius: 60px;
            box-shadow: 0 8px 14px rgba(0,0,0,0.02);
            margin-bottom: 12px;
            width: 60px;
            height: 60px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .ppln-service-icon-item div {
            font-size: 14px;
        }

        /* æ ¸å¿ƒé£Žæ ¼åŒºåŸŸ */
        .ppln-styles-section {
            padding: 70px 0 80px;
            background-color: var(--sand-light);
        }
        .ppln-section-title {
            text-align: center;
            font-size: 37px;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
            margin-bottom: 16px;
        }
        .ppln-section-sub {
            text-align: center;
            color: var(--stone-gray);
            margin-bottom: 48px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            font-size: 16px;
        }
        .ppln-style-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            justify-content: center;
        }
        .ppln-style-card {
            background: white;
            border-radius: 36px;
            overflow: hidden;
            flex: 1;
            min-width: 280px;
            transition: all 0.3s ease;
            box-shadow: var(--shadow-sm);
            border: 1px solid #ECDFD0;
        }
        .ppln-style-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 40px -20px rgba(0, 0, 0, 0.2);
        }
        .ppln-style-img {
            height: 220px;
            background-size: cover;
            background-position: center;
        }
        .ppln-tibet-style-img {
            background: linear-gradient(125deg, #B47C5E 0%, #D9B48B 100%);
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgba(255,215,150,0.3)" stroke-width="1.2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>');
            background-repeat: repeat;
            background-size: 60px;
            background-blend-mode: overlay;
        }
        .ppln-modern-style-img {
            background: linear-gradient(135deg, #DCE3E8 0%, #BFC9D0 100%);
            background-image: radial-gradient(circle at 20% 40%, rgba(255,255,240,0.2) 2%, transparent 2.5%);
            background-size: 28px 28px;
        }
        .ppln-style-content {
            padding: 32px 28px;
        }
        .ppln-style-card h3 {
            font-size: 29px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .ppln-style-tag {
            display: inline-block;
            background: #F0E2D4;
            border-radius: 60px;
            font-size: 11px;
            padding: 4px 10px;
            font-weight: 600;
            color: var(--tibet-red);
        }

        /* ä¸¥è‹›æ ‡å‡†å— */
        .ppln-standard-section {
            padding: 70px 0;
            background: #2C2418;
            color: #FEF2E4;
        }
        .ppln-standard-inner {
            display: flex;
            flex-wrap: wrap;
            gap: 48px;
            align-items: center;
        }
        .ppln-standard-quote {
            flex: 1;
        }
        .ppln-standard-quote i {
            font-size: 48px;
            color: var(--tibet-gold);
            opacity: 0.7;
            margin-bottom: 20px;
        }
        .ppln-standard-quote h3 {
            font-size: 32px;
            font-family: 'Playfair Display', serif;
            font-weight: 600;
        }
        .ppln-standard-quote p {
            font-size: 18px;
            margin-top: 20px;
            margin-bottom: 16px;
            line-height: 1.5;
        }
        .ppln-standard-badge {
            background: rgba(198, 161, 91, 0.2);
            padding: 12px 24px;
            border-radius: 60px;
            display: inline-block;
            font-weight: 500;
            font-size: 14px;
        }
        .ppln-standard-list {
            flex: 0.8;
            background: rgba(255, 255, 255, 0.05);
            padding: 32px;
            border-radius: 32px;
        }
        .ppln-standard-list li {
            list-style: none;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 16px;
            font-weight: 500;
        }
        .ppln-showroom-section {
            padding: 80px 0;
            text-align: center;
        }
        .ppln-showroom-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 32px;
            margin: 48px 0;
        }
        .ppln-showroom-card {
            background: white;
            border-radius: 28px;
            padding: 32px 24px;
            flex: 1;
            min-width: 200px;
            box-shadow: var(--shadow-sm);
        }
        .ppln-showroom-card i {
            font-size: 45px;
            color: var(--tibet-red);
            margin-bottom: 16px;
        }
        .ppln-showroom-card h4 {
            font-size: 29px;
            font-weight: 800;
            color: #2C2418;
        }
        .ppln-showroom-card p {
            font-size: 14px;
            color: #5B5A56;
        }
        .ppln-footer {
            background: #1F1912;
            color: #D9CFC2;
            padding: 56px 0 32px;
            margin-top: 40px;
        }
        .ppln-footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 48px;
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
            padding-bottom: 48px;
        }
        .ppln-footer-col h4 {
            font-size: 18px;
            margin-bottom: 20px;
        }
        .ppln-footer-col p, .ppln-footer-col a {
            font-size: 14px;
            line-height: 1.8;
            color: #BAA990;
        }
        .ppln-copyright {
            text-align: center;
            padding-top: 32px;
            font-size: 13px;
            color: #9A8874;
        }
        @media (max-width: 768px) {
            .ppln-hero-content h2 { font-size: 37px; }
            .ppln-story-text { padding: 28px 24px; }
            .ppln-story-header h2 { font-size: 35px; }
            .ppln-story-chapter h3 { font-size: 21px; }
            .ppln-section-title { font-size: 30px; }
            .ppln-standard-quote h3 { font-size: 28px; }
            .ppln-hero-stats { width: 100%; }
            .ppln-nav-links { gap: 18px; }
            .ppln-advantage-card h3 { font-size: 21px; }
        }
        .dzlc-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* å®šåˆ¶æµç¨‹åŒºåŸŸ */
        .dzlc-process-section {
            padding: 80px 0;
            background: linear-gradient(120deg, #FFF9F0 0%, #FEF6EA 100%);
        }

        .dzlc-section-title {
            text-align: center;
            font-size: 42px;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
            margin-bottom: 16px;
            color: #2C2418;
        }

        .dzlc-section-sub {
            text-align: center;
            color: #5B5A56;
            font-size: 18px;
            max-width: 650px;
            margin: 0 auto 56px auto;
        }

        /* æ­¥éª¤ç½‘æ ¼å¸ƒå±€ */
        .dzlc-steps-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 32px;
        }

        .dzlc-step-card {
            background: white;
            border-radius: 32px;
            padding: 32px 28px;
            flex: 1;
            min-width: 280px;
            max-width: 360px;
            transition: all 0.25s ease;
            box-shadow: var(--dzlc-shadow);
            border: 1px solid #F0E3D6;
            position: relative;
        }

        .dzlc-step-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--dzlc-shadow-md);
            border-color: var(--dzlc-gold);
        }

        .dzlc-step-number {
            display: inline-block;
            background: rgba(177, 62, 58, 0.1);
            color: var(--dzlc-red);
            font-size: 28px;
            font-weight: 800;
            width: 56px;
            height: 56px;
            line-height: 56px;
            text-align: center;
            border-radius: 60px;
            margin-bottom: 24px;
            font-family: 'Playfair Display', serif;
        }

        .dzlc-step-card h3 {
            font-size: 24px;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
            margin-bottom: 16px;
            color: #2C2418;
        }

        .dzlc-step-card p {
            font-size: 15px;
            line-height: 1.6;
            color: #4A3F32;
        }

        .dzlc-step-note {
            margin-top: 16px;
            padding-top: 12px;
            border-top: 1px dashed #EADCCE;
            font-size: 13px;
            color: #8B7A64;
            font-weight: 500;
        }

        /* å“åº”å¼ */
        @media (max-width: 768px) {
            .dzlc-section-title { font-size: 32px; }
            .dzlc-section-sub { font-size: 16px; }
            .dzlc-step-card { min-width: 260px; }
        }

        /* è£…é¥°æ€§é¡µè„šä¸Žæ¨¡æ‹Ÿå“ç‰Œå¤´ï¼ˆä¸ºäº†å±•ç¤ºå®Œæ•´ä¸Šä¸‹æ–‡ï¼Œä¿æŒé£Žæ ¼ä¸€è‡´ï¼‰ */
        .dzlc-demo-header {
            background: white;
            padding: 20px 0;
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
        }
        .dzlc-demo-logo h1 {
            font-size: 28px;
            background: linear-gradient(135deg, #B13E3A, #C6A15B);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-family: 'Playfair Display', serif;
        }
        .dzlc-demo-logo p {
            font-size: 12px;
            color: var(--dzlc-gold);
        }
        .dzlc-footer {
            background: #1F1912;
            color: #D9CFC2;
            text-align: center;
            padding: 28px 0;
            font-size: 13px;
            margin-top: 0;
        }
         .contact-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* å¤´éƒ¨ */
        .contact-header {
            background: white;
            padding: 20px 0;
            border-bottom: 1px solid rgba(198, 161, 91, 0.2);
            position: sticky;
            top: 0;
            z-index: 10;
            background-color: rgba(254, 252, 248, 0.96);
            backdrop-filter: blur(4px);
        }
         .contact-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
        .contact-logo h1 {
            font-size: 28px;
            font-weight: 700;
            background: linear-gradient(135deg, #B13E3A, #C6A15B);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-family: 'Playfair Display', serif;
        }
        .contact-logo p {
            font-size: 12px;
            color: var(--contact-gold);
            letter-spacing: 1px;
            margin-top: 4px;
        }
        .contact-tel {
            font-size: 15px;
            font-weight: 600;
            color: var(--contact-red);
            background: rgba(177,62,58,0.1);
            padding: 8px 18px;
            border-radius: 40px;
        }
        .contact-tel i {
            margin-right: 8px;
        }

        /* ä¸»åŒºåŸŸ */
        .contact-main {
            padding: 70px 0 80px;
            background: linear-gradient(120deg, #FFF9F0 0%, #FEF6EA 100%);
        }
        .contact-title {
            text-align: center;
            margin-bottom: 56px;
        }
        .contact-title h2 {
            font-size: 42px;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
            color: #2C2418;
        }
        .contact-title p {
            font-size: 18px;
            color: #5B5A56;
            margin-top: 12px;
        }

        /* ä¸‰å¡ç‰‡ç½‘æ ¼å¸ƒå±€ */
        .contact-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 32px;
            justify-content: center;
        }
        .contact-card {
            background: white;
            border-radius: 32px;
            padding: 36px 32px;
            flex: 1;
            min-width: 280px;
            transition: all 0.25s ease;
            box-shadow: var(--contact-shadow);
            border: 1px solid #F0E3D6;
        }
        .contact-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--contact-shadow-md);
            border-color: var(--contact-gold);
        }
        .contact-card-icon {
            background: rgba(177, 62, 58, 0.1);
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 28px;
        }
        .contact-card-icon i {
            font-size: 32px;
            color: var(--contact-red);
        }
        .contact-card h3 {
            font-size: 26px;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
            margin-bottom: 20px;
            color: #2C2418;
        }
        .contact-info-item {
            margin-bottom: 20px;
        }
        .contact-info-label {
            font-size: 14px;
            font-weight: 600;
            color: #8B7A64;
            margin-bottom: 6px;
            letter-spacing: 0.5px;
        }
        .contact-info-value {
            font-size: 18px;
            font-weight: 500;
            color: #2C2418;
            word-break: break-all;
        }
        .contact-info-value a {
            color: var(--contact-red);
            text-decoration: none;
            font-weight: 600;
        }
        .contact-info-value a:hover {
            text-decoration: underline;
        }

        /* äºŒç»´ç å ä½åŒºåŸŸ */
        .qr-placeholder {
            margin-top: 24px;
            padding-top: 20px;
            border-top: 1px solid #F0E3D6;
            text-align: center;
        }
        .qr-placeholder-title {
            font-size: 14px;
            font-weight: 600;
            color: var(--contact-red);
            margin-bottom: 16px;
        }
        .qr-box {
            background: #F9F3EA;
            width: 140px;
            height: 140px;
            margin: 0 auto;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: inset 0 0 0 1px #EADCCE, 0 6px 12px rgba(0,0,0,0.02);
        }
        .qr-box i {
            font-size: 56px;
            color: var(--contact-red);
            margin-bottom: 12px;
            opacity: 0.8;
        }
        .qr-box span {
            font-size: 12px;
            color: #5B5A56;
            font-weight: 500;
        }
        .qr-note {
            font-size: 11px;
            color: #9A8874;
            margin-top: 12px;
        }

        /* åœ°å€å¡ç‰‡ä¸­çš„é¢å¤–åœ°å›¾é“¾æŽ¥ */
        .map-link {
            display: inline-block;
            margin-top: 12px;
            font-size: 13px;
            background: rgba(198,161,91,0.15);
            padding: 6px 14px;
            border-radius: 40px;
            color: var(--contact-red);
            text-decoration: none;
            font-weight: 500;
        }
        .map-link i {
            margin-right: 6px;
        }

        /* åº•éƒ¨å“ç‰Œæ  */
        .contact-footer-banner {
            background: #2C2418;
            padding: 28px 0;
            text-align: center;
        }
        .contact-footer-banner p:first-child {
            color: #FEF2E4;
            font-size: 20px;
            font-family: 'Playfair Display', serif;
        }
        .contact-footer-banner p:last-child {
            color: #C6A15B;
            margin-top: 8px;
            font-size: 14px;
        }
        .contact-copyright {
            background: #1F1912;
            color: #D9CFC2;
            text-align: center;
            padding: 24px 0;
            font-size: 13px;
        }

        /* å“åº”å¼å¾®è°ƒ */
        @media (max-width: 768px) {
            .contact-title h2 { font-size: 32px; }
            .contact-card { padding: 28px 24px; }
            .contact-card h3 { font-size: 22px; }
            .contact-info-value { font-size: 16px; }
            .qr-box { width: 120px; height: 120px; }
            .qr-box i { font-size: 48px; }
        }
         :root {
            --gold: #C6A15B;
            --red: #B13E3A;
            --darkwood: #4A3727;
            --shadow-card: 0 16px 30px -12px rgba(0, 0, 0, 0.08);
        }

        .pphd-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .pphd-btn-primary {
            background: var(--red);
            color: white;
            border: none;
            padding: 14px 32px;
            border-radius: 60px;
            font-weight: 700;
            font-size: 16px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 6px 14px rgba(177, 62, 58, 0.3);
            transition: 0.2s;
        }
        .pphd-btn-primary:hover {
            background: #9A2E2A;
            transform: translateY(-2px);
        }
        .pphd-festival-header {
            background: linear-gradient(135deg, #FFF5E6 0%, #FFEFDF 100%);
            padding: 28px 0 20px;
            border-bottom: 3px solid var(--gold);
        }
        .pphd-logo-area h1 {
            font-size: 28px;
            font-family: 'Playfair Display', serif;
            background: linear-gradient(135deg, var(--red), var(--gold));
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }
        .pphd-logo-area p {
            font-size: 12px;
            color: var(--gold);
            font-weight: 500;
        }
        .pphd-hotline {
            font-size: 16px;
            font-weight: 700;
            background: rgba(177,62,58,0.1);
            padding: 8px 20px;
            border-radius: 60px;
            color: var(--red);
        }
        .pphd-hero-section {
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 200" fill="%23C6A15B" opacity="0.07"><path d="M0,64 L80,32 L160,64 L240,32 L320,64 L400,32 L480,64 L560,32 L640,64 L720,32 L800,64 L880,32 L960,64 L1040,32 L1120,64 L1200,32 L1200,200 L0,200 Z"/></svg>') repeat-x bottom;
            background-size: 120px;
            padding: 48px 0 56px;
            text-align: center;
        }
        .pphd-hero-tag {
            background: var(--red);
            color: white;
            padding: 6px 20px;
            border-radius: 60px;
            font-size: 14px;
            font-weight: 600;
            display: inline-block;
            margin-bottom: 24px;
        }
        .pphd-hero-section h2 {
            font-size: 52px;
            font-family: 'Playfair Display', serif;
            font-weight: 800;
            color: #2C2418;
            line-height: 1.2;
        }
        .pphd-hero-section h2 span {
            color: var(--red);
            border-bottom: 4px solid var(--gold);
        }
        .pphd-hero-sub {
            font-size: 22px;
            font-weight: 500;
            margin: 16px 0 12px;
            color: #5B4A35;
        }
        .pphd-date-place {
            background: rgba(198,161,91,0.2);
            display: inline-block;
            padding: 8px 24px;
            border-radius: 60px;
            font-size: 16px;
            margin: 24px 0 20px;
        }
        .pphd-countdown-box {
            background: white;
            border-radius: 80px;
            padding: 12px 24px;
            display: inline-flex;
            gap: 20px;
            box-shadow: var(--shadow-card);
            margin: 16px 0 20px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .pphd-cd-item {
            text-align: center;
            min-width: 70px;
        }
        .pphd-cd-num {
            font-size: 36px;
            font-weight: 800;
            color: var(--red);
            background: #FFF2E6;
            padding: 6px 12px;
            border-radius: 20px;
            font-family: monospace;
        }
        .pphd-cd-label {
            font-size: 12px;
            font-weight: 600;
            margin-top: 6px;
        }
        .pphd-section-title {
            text-align: center;
            font-size: 36px;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            margin-bottom: 16px;
            position: relative;
        }
        .pphd-section-title:after {
            content: '';
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, var(--gold), var(--red));
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
        }
        .pphd-ritual-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 32px;
            margin: 48px 0;
        }
        .pphd-ritual-card {
            background: white;
            border-radius: 32px;
            padding: 28px 24px;
            flex: 1;
            min-width: 260px;
            box-shadow: var(--shadow-card);
            border-top: 6px solid var(--gold);
        }
        .pphd-ritual-icon {
            font-size: 44px;
            color: var(--red);
            margin-bottom: 20px;
        }
        .pphd-ritual-card h3 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 16px;
        }
        .pphd-ritual-card p {
            font-size: 15px;
            line-height: 1.5;
            color: #4E3F2E;
        }
        .pphd-offer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 32px;
            margin: 48px 0;
        }
        .pphd-offer-card {
            background: white;
            border-radius: 32px;
            overflow: hidden;
            box-shadow: var(--shadow-card);
        }
        .pphd-offer-header {
            background: linear-gradient(95deg, #FFF2E0, #FFEBD9);
            padding: 20px 24px;
            border-left: 8px solid var(--red);
        }
        .pphd-offer-header h3 {
            font-size: 26px;
            font-weight: 800;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .pphd-offer-body {
            padding: 24px;
        }
        .pphd-offer-body ul {
            list-style: none;
            margin-bottom: 16px;
        }
        .pphd-offer-body li {
            margin-bottom: 14px;
            font-size: 15px;
            display: flex;
            align-items: baseline;
            gap: 12px;
        }
        .pphd-offer-body li i {
            color: var(--gold);
            width: 20px;
        }
        .pphd-highlight-tag {
            background: var(--red);
            color: white;
            padding: 4px 12px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 700;
            display: inline-block;
            margin-left: 8px;
        }
        .pphd-small-note {
            font-size: 12px;
            color: #9A8874;
            margin-top: 12px;
            border-top: 1px dashed #EADCCE;
            padding-top: 12px;
        }
        .pphd-stats-bar {
            background: linear-gradient(120deg, #B13E3A 0%, #9A2E2A 100%);
            border-radius: 48px;
            padding: 32px 24px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            gap: 20px;
            margin: 48px 0;
            color: white;
        }
        .pphd-stat-blk {
            text-align: center;
        }
        .pphd-stat-blk .num {
            font-size: 44px;
            font-weight: 800;
            font-family: 'Playfair Display', serif;
        }
        .pphd-form-section {
            background: #FFFBF5;
            border-radius: 48px;
            padding: 48px 32px;
            margin: 40px 0 64px;
            box-shadow: var(--shadow-card);
            border: 1px solid #F0E3D6;
        }
        .pphd-form-grid {
            /* display: flex; */
            flex-wrap: wrap;
            gap: 2px;
            align-items: flex-end;
        }
        .pphd-form-field {
            flex: 3;
            min-width: 80px;
        }
        .pphd-form-field input {
            width: 100%;
            padding: 14px 20px;
            border-radius: 60px;
            border: 1px solid #EADCCE;
            font-size: 15px;
            background: white;
        }
        .pphd-form-btn {
            background: var(--red);
            color: white;
            border: none;
            padding: 14px 32px;
            border-radius: 60px;
            font-weight: 700;
            cursor: pointer;
        }
        /* è”ç³»æ–¹å¼å¡ç‰‡ */
        .pphd-contact-card-simple {
            background: white;
            border-radius: 32px;
            padding: 28px 32px;
            margin: 32px 0 40px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            box-shadow: var(--shadow-card);
            border: 1px solid #F0E3D6;
        }
        .pphd-contact-left {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }
        .pphd-contact-icon-lg {
            background: rgba(177,62,58,0.1);
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .pphd-contact-icon-lg i {
            font-size: 32px;
            color: var(--red);
        }
        .pphd-contact-details p {
            font-size: 16px;
            margin: 4px 0;
        }
        .pphd-contact-details a {
            color: var(--red);
            text-decoration: none;
            font-weight: 600;
        }
        .pphd-qr-mini {
            display: flex;
            gap: 16px;
            background: #FEFAF4;
            padding: 8px 20px;
            border-radius: 60px;
            align-items: center;
        }
        .pphd-qr-placeholder-mini {
            width: 56px;
            height: 56px;
            background: #F3E9DE;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .pphd-qr-placeholder-mini img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .pphd-footer {
            background: #1F1912;
            color: #D9CFC2;
            padding: 40px 0 28px;
            text-align: center;
            font-size: 13px;
        }
        @media (max-width: 768px) {
            .pphd-hero-section h2 { font-size: 36px; }
            .pphd-hero-sub { font-size: 18px; }
            .pphd-section-title { font-size: 28px; }
            .pphd-contact-card-simple { flex-direction: column; text-align: center; }
        }