Asahi - Adjustable Japandi Ceiling Light

Kotos Verified independent store

→

Draw attention to the most beautiful elements of your home with this streamlined, directional surface-mounted spotlight. Crafted from high-quality aluminum in a sleek matte finish, this architectural ceiling light offers a pared-back aesthetic that seamlessly blends into any contemporary space. Featuring a clever tiltable inner LED lens, it serves as the perfect gallery luminaire to illuminate your favorite artwork, brighten a quiet reading corner, or cast a welcoming beam down a dark corridor. The highly efficient 15W integrated LED provides brilliant, energy-saving illumination with an impressive lifespan of up to 80,000 hours. Measuring a compact Dia 8.5cm x H 8cm (∅ 3.3″ x H 3.1″), its unobtrusive cylindrical profile can be installed flawlessly on either ceilings or walls. Embrace conscious design and effortless functionality to transform your curated interior into a sophisticated, beautifully lit sanctuary. /* 样式隔离：所有样式都使用唯一的类名前缀，并应用于容器内部元素，以防止影响页面其他部分 */ .shopify-doc-links-container { /* 容器自身的样式，控制宽度和间距 */ width: 100%; max-width: 600px; /* 限制最大宽度，让它在桌面端看起来更精致 */ margin: 20px auto; /* 居中显示 */ padding: 0 15px; /* 增加侧边内边距以适应移动端 */ box-sizing: border-box; font-family: 'Inter', sans-serif; /* 使用 Inter 字体 */ } /* 原先包裹图标的链接，现在改为非交互式的span来保持布局和样式 */ .shopify-doc-link-item { display: block; /* 确保占据空间，以配合flex布局 */ /* 移除了链接相关的样式 */ box-sizing: border-box; } /* 整个按钮的视觉和交互样式 */ .shopify-doc-link-button { display: flex; /* 使用 Flexbox 布局图标和文字 */ justify-content: space-between; /* 将图标和文字推向两端 */ align-items: center; /* 垂直居中对齐 */ margin-bottom: 12px; /* 按钮之间的垂直间距 */ padding: 14px 20px; /* 按钮内部填充，控制高度和宽度感 */ background-color: #f7f5f0; /* 柔和的米白色背景 */ border-radius: 10px; /* 圆角设计 */ border: 1px solid #eee; /* 轻微边框 */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* 柔和的阴影 */ transition: background-color 0.2s, box-shadow 0.2s; box-sizing: border-box; } /* 由于现在只有文本链接可点击，将hover效果集中在文本链接上会更好，但这里保留了整体按钮的视觉反馈 */ .shopify-doc-link-button:hover { background-color: #edeae2; /* 悬停时的背景颜色变化 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .shopify-doc-link-icon { /* 图标容器样式 */ display: flex; align-items: center; color: #795548; /* 图标颜色，使用深棕色系显得精致 */ flex-shrink: 0; /* 防止图标被压缩 */ cursor: default; /* 图标不可点击，显示默认光标 */ } /* 包裹文字的链接样式，确保其是可点击的区域 */ .shopify-doc-link-text-wrapper { text-decoration: none; /* 移除链接默认下划线 */ color: inherit; /* 继承颜色 */ /* 确保链接占据足够的空间作为 flex item */ } .shopify-doc-link-text { /* 文字样式 */ font-size: 16px; /* 字体大小 */ font-weight: 500; /* 中等粗细 */ color: #333; /* 文字颜色 */ text-decoration: underline; /* 保持下划线风格以提示链接 */ text-decoration-color: rgba(51, 51, 51, 0.4); /* 让下划线颜色柔和一点 */ text-underline-offset: 4px; /* 下划线与文字的距离 */ transition: text-decoration-color 0.2s; text-align: right; /* 确保文本是从右往左对齐的 */ flex-grow: 1; /* 允许文本占据剩余空间 */ display: inline-block; /* 确保 span 内部的样式应用正确 */ } /* 悬停在链接上时，下划线加深 */ .shopify-doc-link-text-wrapper:hover .shopify-doc-link-text { text-decoration-color: #333; } /* 响应式调整：确保在小屏幕上也能良好显示 */ @media (max-width: 768px) { .shopify-doc-link-button { padding: 12px 15px; } .shopify-doc-link-text { font-size: 15px; } } /* Base style definitions */ :root { --bg-color: #f7f5f0; --hover-bg: #edeae2; --icon-color: #795548; --text-color: #333; --border-color: #eee; } .shopify-doc-links-container { width: 100%; max-width: 600px; margin: 20px auto; padding: 0 15px; box-sizing: border-box; font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Link wrapper: Makes the entire button area clickable */ .shopify-doc-link-wrapper { text-decoration: none; display: block; margin-bottom: 12px; } .shopify-doc-link-button { display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; background-color: var(--bg-color); border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: all 0.2s ease; } .shopify-doc-link-wrapper:hover .shopify-doc-link-button { background-color: var(--hover-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transform: translateY(-1px); } .shopify-doc-link-icon { display: flex; align-items: center; color: var(--icon-color); flex-shrink: 0; } .shopify-doc-link-text { font-size: 16px; font-weight: 500; color: var(--text-color); text-decoration: underline; text-decoration-color: rgba(51, 51, 51, 0.4); text-underline-offset: 4px; transition: text-decoration-color 0.2s; } .shopify-doc-link-wrapper:hover .shopify-doc-link-text { text-decoration-color: var(--text-color); } /* Responsive adjustments */ @media (max-width: 768px) { .shopify-doc-link-button { padding: 12px 15px; } .shopify-doc-link-text { font-size: 15px; } } Show more