.histoire-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.histoire-page .story-badge,.histoire-page .timeline-marker,.histoire-page .value-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.story-hero{min-height:80vh;background:linear-gradient(135deg,#7fb3a3f2,#acd7d2e6),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M0,50 Q25,25 50,50 Q75,75 100,50" stroke="rgba(255,255,255,0.1)" stroke-width="2" fill="none"/></svg>') repeat;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden}.story-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M20,20 Q50,10 80,20" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3;animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.story-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-badge{background:#fff3;color:#fff;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;display:inline-block;margin-bottom:1rem;backdrop-filter:blur(10px)}.chinese-name{font-size:2rem;opacity:.9;margin-bottom:.5rem;font-weight:300;color:#d3ae27}.story-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;line-height:1.2}.story-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.95;line-height:1.6}.lin-portrait{width:300px;height:300px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;backdrop-filter:blur(10px);border:5px solid rgba(255,255,255,.3)}.lin-portrait span{font-size:8rem;line-height:1}.story-stats{display:flex;justify-content:center;gap:2rem}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#d3ae27;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9}.timeline-section{padding:6rem 0;background:#fefefe}.section-title{font-family:Playfair Display,serif;font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#2c3e50}.section-subtitle{text-align:center;font-size:1.1rem;color:#7fb3a3;margin-bottom:4rem}.timeline{max-width:1200px;margin:0 auto;position:relative;padding:2rem 0}.timeline-item{display:grid;grid-template-columns:1fr 80px 1fr;gap:2rem;margin-bottom:3rem;align-items:start}.timeline-item:nth-child(odd){grid-template-areas:"content marker empty"}.timeline-item:nth-child(odd) .timeline-content{grid-area:content;text-align:right}.timeline-item:nth-child(odd) .timeline-marker{grid-area:marker}.timeline-item:nth-child(2n){grid-template-areas:"empty marker content"}.timeline-item:nth-child(2n) .timeline-content{grid-area:content;text-align:left}.timeline-item:nth-child(2n) .timeline-marker{grid-area:marker}.timeline-marker{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#7fb3a3,#acd7d2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000026;font-size:2.5rem;line-height:1;flex-shrink:0}.timeline-content{padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.timeline-item:nth-child(1) .timeline-content{background:linear-gradient(135deg,#e8f5f3,#f0f9f7);border-color:#7fb3a3}.timeline-item:nth-child(2) .timeline-content{background:linear-gradient(135deg,#fff9f0,#fffcf5);border-color:#d3ae27}.timeline-item:nth-child(3) .timeline-content{background:linear-gradient(135deg,#f0f8f6,#f5fbfa);border-color:#acd7d2}.timeline-item:nth-child(4) .timeline-content{background:linear-gradient(135deg,#fff5f5,#fff8f8);border-color:var(--color-accent, #190e10)}.timeline-item:nth-child(5) .timeline-content{background:linear-gradient(135deg,#e8f5f3,#f0f9f7);border-color:#7fb3a3}.timeline-content:hover{transform:translateY(-6px);box-shadow:0 8px 28px #00000026}.timeline-content h3{font-family:Playfair Display,serif;font-size:1.6rem;color:#2c3e50;margin-bottom:.75rem;font-weight:700}.timeline-date{display:inline-block;background:#7fb3a333;color:#2c3e50;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.timeline-content p{color:#5a6c7d;line-height:1.8;margin-top:1rem;font-size:1.05rem}.values-section{padding:6rem 0;background:linear-gradient(135deg,#f8f9fa,#fefefe)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.value-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;text-align:center;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.value-card:nth-child(1){background:linear-gradient(135deg,#f0f8f6,#fff);border-color:#acd7d2}.value-card:nth-child(2){background:linear-gradient(135deg,#fff9f0,#fff);border-color:#d3ae27}.value-card:nth-child(3){background:linear-gradient(135deg,#fff5f5,#fff);border-color:var(--color-accent, #190e10)}.value-card:nth-child(4){background:linear-gradient(135deg,#f0f8f6,#fff);border-color:#7fb3a3}.value-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000001f}.value-icon{font-size:3rem;line-height:1;margin-bottom:1rem;display:block}.value-card h3{font-family:Playfair Display,serif;font-size:1.5rem;color:#2c3e50;margin-bottom:1rem}.value-card p{color:#5a6c7d;line-height:1.6}.cta-section{padding:6rem 0;background:linear-gradient(135deg,#7fb3a3,#acd7d2);color:#fff;text-align:center}.cta-section h2{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-primary{background:var(--color-accent, #190e10);color:#fff}.btn-primary:hover{background:#a04440;transform:translateY(-2px);box-shadow:0 8px 16px #b854504d}.btn-secondary{background:#fff;color:#7fb3a3}.btn-secondary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}@media(max-width:768px){.story-content{grid-template-columns:1fr;gap:2rem;text-align:center}.story-title{font-size:2rem}.lin-portrait{width:200px;height:200px;font-size:5rem}.timeline:before{left:15px}.timeline-item{padding-left:60px}.timeline-marker{width:40px;height:40px;font-size:1rem}.values-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}