/* 主手风琴样式 */ .accordion { max-width: 820px; margin: 30px auto 8px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color:#333; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); background: #fff; overflow: hidden; padding: 4px; } .accordion input { display:none; } /* 手风琴标题 */ .accordion label { display:flex; align-items:center; gap:8px; padding:14px 20px; background:#f9f9f9; border-bottom:1px solid #eee; border-radius:8px; cursor:pointer; font-weight:600; margin-bottom:0; font-size:15px; position: relative; transition: background 0.25s, color 0.25s; } .accordion label:hover { background:#f0f0f0; color:#111; } .accordion label::after { content:"\25BC"; font-size:12px; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#777; transition: transform .25s ease; } .accordion input:checked + label::after { transform: translateY(-50%) rotate(180deg); } /* Lucide 图标基础样式 + hover 动效 */ .accordion label i[data-lucide], .accordion label svg { width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; color:#4b5563; stroke: currentColor; transition: transform .25s ease, color .25s ease; } .accordion label:hover i[data-lucide], .accordion label:hover svg { transform: translateY(-1px) scale(1.05) rotate(-4deg); color:#111827; } /* 展开时不同 section 的图标高亮色 */ #Diana-desc:checked + label i[data-lucide], #Diana-desc:checked + label svg { color:#2563eb; } /* 蓝色 */ #Diana-faq:checked + label i[data-lucide], #Diana-faq:checked + label svg { color:#f97316; } /* 橙色 */ #Diana-specs:checked + label i[data-lucide], #Diana-specs:checked + label svg { color:#8b5cf6; } /* 紫色 */ #Diana-shipping:checked + label i[data-lucide], #Diana-shipping:checked + label svg { color:#22c55e; }/* 绿色 */ #Diana-install:checked + label i[data-lucide], #Diana-install:checked + label svg { color:#ef4444; } /* 红色 */ /* 内容区域 */ .accordion .content { max-height:0; overflow:hidden; transition:max-height .4s ease, padding .3s ease; padding:0 20px; font-size:14px; line-height:1.6; margin-bottom:12px; } .accordion input:checked + label + .content { max-height:3000px; padding:12px 20px; } /* Key features */ .key-features h3 { font-size:18px; font-weight:700; margin:6px 0 12px; } .kf-list { list-style:none; padding-left:0; margin:0 0 14px; } .kf-list li { margin-bottom:8px; font-size:15px; display:flex; align-items:center; } .kf-list .tick { width:20px; margin-right:8px; color:#0073e6; } /* FAQ 子折叠 */ .faq-sub input { display:none; } .faq-sub label { display:block; padding:12px 14px; background:#fafafa; border:1px solid #eee; border-radius:6px; cursor:pointer; font-weight:600; margin-bottom:6px; position:relative; } .faq-sub label::after { content:"\25BC"; position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#777; transition: transform .25s ease; } .faq-sub input:checked + label::after { transform: translateY(-50%) rotate(180deg); } .faq-sub .faq-answer { max-height:0; overflow:hidden; transition:max-height .35s ease, padding .25s ease; padding:0 14px; font-size:14px; border:1px solid #eee; border-top:none; background:#fafafa; border-radius:0 0 6px 6px; margin-bottom:8px; } .faq-sub input:checked + label + .faq-answer { max-height:600px; padding:12px 14px; } /* 通用图片 */ .accordion .content img { max-width:100%; margin:12px auto; display:block; border-radius:6px; } /* 底部独立文字与视频 */ .extra-text { max-width:820px; margin:18px auto; text-align:center; } .extra-text h3 { font-size:26px; font-weight:700; margin-bottom:10px; } .extra-video { max-width:820px; margin:12px auto 8px; text-align:center; } .extra-video video { width: 100%; max-width: 700px; height: auto; border-radius: 8px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); display: block; margin: 0 auto; } /* mobile */ @media (max-width:640px){ .accordion label { font-size:14px; padding:12px 16px; } } Description & Features Key Features ✓Compatible with most wall dimmer switches ✓Graceful, jewelry-inspired form with a warm gold finish ✓Individually adjustable suspension cable for a tailored drop ✓Uses replaceable E27 & G80 LED bulbs for easy maintenance The Diana pendant light brings soft, hotel-style luxury into everyday spaces. Its sculpted silhouette and brushed gold tone add a refined focal point above bedside tables, dining areas, kitchen islands, and reading corners. Pair Diana as a single statement or in multiples for a layered lighting look that feels warm, inviting, and effortlessly elegant. Common Questions How is Diana installed? Diana is designed as a hard-wired ceiling pendant and connects directly to your junction box using the included canopy. A detailed installation guide is available in our Help Center under “Installation Guides”, and you can watch the step-by-step video under the Installation tab. Is Diana dimmable? Yes. When paired with a compatible wall dimmer switch and dimmable bulbs, Diana’s light level can be adjusted from bright task lighting to a soft ambient glow, allowing you to set the mood for any moment. Can I adjust the hanging height of Diana? Absolutely. The suspension cable is adjustable so you can customize the hanging height of each pendant to suit your ceiling height, furniture layout, or desired visual balance. The standard maximum drop is 79" (200 cm). If you require a longer cable for very high ceilings, please place your order and then contact us with your order ID so we can arrange an extended length. Can Diana be used on an angled or sloped ceiling? Diana is intended for flat ceilings only and is not suitable for angled or slanted ceiling installations. For vaulted or sloped ceilings, we recommend selecting a fixture specifically designed for that application. Dimensions & Specs Fixture Diameter × Maximum Height: 11" (28 cm) × 79" (200 cm) Light Output (Wattage / Lumens): 12W (approx. 840 lm) Ceiling Canopy Size: 4.7" (12 cm) × 1.2" (3 cm) Approximate Weight: 3.3 lbs (1.5 kg) Installation Diana arrives ready for hard-wired ceiling installation using the included canopy and mounting hardware. For the best and safest results, we recommend having a licensed electrician complete the wiring. For a visual walkthrough, watch the installation video below: Soft Glamour, Everyday Ease With its golden finish and gentle rounded form, Diana adds a touch of boutique-hotel glamour to your home. Hang it over a dining table, on either side of the bed, or in an entryway to create a warm, welcoming atmosphere that feels polished yet relaxed. if (window.lucide) { lucide.createIcons(); }
