:root{--bg:#fdf6ee;--bg2:#f6ecdc;--surface:#ffffff;--border:rgba(20,12,8,.10);--text:#1a1410;--muted:#6b5d4f;--primary:#b91c1c;--accent:#d97706;--grad:linear-gradient(135deg,#b91c1c 0%,#d97706 100%)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
.lulu-body{font-family:"PingFang SC","Songti SC","Microsoft YaHei",serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.7}
.lulu-shell{max-width:1180px;margin:0 auto;padding:0 24px}
.lulu-header{position:sticky;top:0;z-index:50;background:rgba(253,246,238,.85);backdrop-filter:blur(14px);border-bottom:2px solid #1a1410}
.lulu-header .lulu-shell{display:flex;align-items:center;gap:22px;height:78px}
.lulu-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.lulu-brand-name{font-size:20px;font-weight:800;margin:0;letter-spacing:.05em}
.lulu-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.lulu-nav-link{padding:10px 14px;text-decoration:none;color:var(--text);font-size:14px;font-weight:500;border-bottom:2px solid transparent;transition:.2s}
.lulu-nav-link:hover{color:var(--primary);border-bottom-color:var(--primary)}
.lulu-search{display:flex;border:2px solid #1a1410;border-radius:0;background:#fff;align-items:center;padding:0}
.lulu-search input{background:transparent;border:0;outline:0;color:var(--text);padding:8px 12px;width:180px;font-size:14px}
.lulu-search button{background:#1a1410;border:0;color:#fdf6ee;padding:8px 12px;cursor:pointer;display:flex}
.lulu-hero{padding:64px 0 28px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg2),transparent)}
.lulu-hero-sub-page{padding:44px 0 16px}
.lulu-eyebrow{color:var(--primary);letter-spacing:.2em;text-transform:uppercase;font-size:12px;margin:0 0 14px;font-weight:600}
.lulu-hero-title{font-size:clamp(30px,4.4vw,52px);margin:0 0 14px;font-weight:900;letter-spacing:-.01em;line-height:1.15}
.lulu-hero-sub{color:var(--muted);max-width:780px;font-size:16px}
.lulu-hero-cta{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.lulu-chip{padding:8px 14px;border:1px solid #1a1410;text-decoration:none;color:var(--text);font-size:13px;transition:.2s;background:#fff}
.lulu-chip:hover{background:#1a1410;color:#fdf6ee}
.lulu-section{padding:48px 0;border-bottom:1px dashed var(--border)}
.lulu-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;gap:16px;flex-wrap:wrap;border-bottom:2px solid #1a1410;padding-bottom:10px}
.lulu-h2{font-size:24px;margin:0;font-weight:800;letter-spacing:.02em}
.lulu-more{color:var(--primary);text-decoration:none;font-size:14px;font-weight:600}
.lulu-more:hover{text-decoration:underline}
.lulu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.lulu-card{background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.lulu-card:hover{transform:translateY(-3px);box-shadow:8px 8px 0 #1a1410;border-color:#1a1410}
.lulu-cover{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#000}
.lulu-cover img{width:100%;height:100%;object-fit:cover;transition:.5s;filter:saturate(1.05)}
.lulu-card:hover .lulu-cover img{transform:scale(1.05)}
.lulu-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7));opacity:.5;transition:.3s}
.lulu-card:hover .lulu-cover::after{opacity:.85}
.lulu-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transition:.3s;z-index:2}
.lulu-card:hover .lulu-play{opacity:1}
.lulu-duration{position:absolute;left:10px;top:10px;background:#1a1410;color:#fdf6ee;font-size:12px;padding:3px 8px;font-weight:600;z-index:2}
.lulu-meta{padding:16px 16px 18px;border-top:1px solid var(--border)}
.lulu-title{font-size:15px;margin:0 0 6px;line-height:1.45;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lulu-desc{margin:0 0 8px;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lulu-stats{margin:0;color:var(--primary);font-size:12px;font-weight:600}
.lulu-crumbs{font-size:13px;color:var(--muted);margin-bottom:18px}
.lulu-crumbs a{color:var(--muted);text-decoration:none}.lulu-crumbs a:hover{color:var(--primary)}
.lulu-sep{margin:0 8px;opacity:.5}
.lulu-channel-foot{margin-top:28px;color:var(--muted);font-size:13px;border-top:1px solid var(--border);padding-top:14px}
.lulu-reviews{padding:56px 0;background:var(--bg2)}
.lulu-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:20px}
.lulu-review{margin:0;padding:18px 20px;background:#fff;border-left:4px solid var(--primary);font-size:14px;color:var(--text)}
.lulu-review cite{display:block;margin-top:10px;color:var(--muted);font-style:normal;font-size:12px}
.lulu-faq{padding:56px 0;background:#1a1410;color:#fdf6ee}
.lulu-faq .lulu-h2{color:#fdf6ee;border-bottom-color:#fdf6ee;padding-bottom:10px;border-bottom:2px solid #fdf6ee;margin-bottom:20px}
.lulu-faq-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);padding:14px 18px;margin-bottom:10px}
.lulu-faq-item summary{cursor:pointer;font-weight:600;list-style:none;color:#fdf6ee}
.lulu-faq-item summary::-webkit-details-marker{display:none}
.lulu-faq-item p{margin:10px 0 0;color:#d6c8b6;font-size:14px}
.lulu-contact{padding:56px 0}
.lulu-json{background:var(--bg2);border:1px solid var(--border);padding:18px;color:var(--text);font-size:13px;overflow-x:auto}
.lulu-share{margin-top:18px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}
.lulu-share a{color:#1a1410;background:#fff;border:1px solid #1a1410;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;transition:.2s}
.lulu-share a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.lulu-footer{padding:30px 0 56px;border-top:2px solid #1a1410;color:var(--muted);font-size:13px;text-align:center;background:var(--bg2)}
.lulu-muted{color:var(--muted);font-size:12px;margin-top:6px}
@media (max-width:760px){.lulu-header .lulu-shell{height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.lulu-search input{width:140px}.lulu-nav{order:3;width:100%}}