/**
 * 灵感页（page-inspiration.php）专属样式
 *
 * 移植自静态稿 静态文件/inspiration.html 的 Inspiration 专属区块（L225-289 原值移植）。
 * 页头 .shead 已全局化到 home.css（通用内页海报 template-parts/shead-poster.php）。
 */

/* 索引式开场（原值移植） */
.i-label{font-family:var(--futura-h);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--gray);margin-bottom:16px}
.iidx{padding:16px 0 96px}
.iidx .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
.iidx-item{display:grid;grid-template-columns:60px 1fr 36px;align-items:baseline;padding:24px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.iidx-item:last-child{border-bottom:1px solid var(--line)}
.iidx-item .no{font-family:var(--futura-h);font-size:11px;letter-spacing:.2em;color:var(--gray)}
.iidx-item .nm{font-size:clamp(20px,2.2vw,28px);font-weight:300;letter-spacing:.06em;text-transform:uppercase;transition:transform .3s}
.iidx-item .ar{color:var(--gray);transition:transform .25s,color .25s;text-align:right}
.iidx-item:hover .nm{transform:translateX(8px)}
.iidx-item:hover .ar{transform:translateX(6px);color:var(--ink)}
.iidx-img{line-height:0}
.iidx-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);transition:opacity .35s}

/* 场景板块·杂志错落（原值移植） */
.im-main-wrap{position:relative;width:100%;line-height:0}
.i-num{position:absolute;bottom:calc(100% + 2px);left:-4px;font-size:clamp(72px,8vw,104px);font-weight:200;color:var(--ink);opacity:.13;line-height:1;pointer-events:none}
.isec{padding:110px 0 120px}
.irow{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:end;margin-bottom:48px}
.i-title{position:relative;max-width:385px;font-weight:300;font-size:clamp(26px,3vw,38px);letter-spacing:.09em;text-transform:uppercase;line-height:1.15}
.i-notes{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.i-notes-k{font-family:var(--futura-h);font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gray);opacity:.75;margin:0 0 14px}
.i-notes ul{list-style:none;margin:0;padding:0}
.i-notes li{font-size:13px;font-weight:300;line-height:1.7;color:var(--gray);padding-left:16px;position:relative;margin-bottom:7px}
.i-notes li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1px;background:var(--gray);opacity:.5}
.i-copy p{font-size:15px;font-weight:300;line-height:1.85;color:var(--gray)}
.iimg{position:relative;line-height:0}
.iimg img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}

/* 定位点 + 产品弹出气泡（原值移植） */
.ihot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(246,246,244,.95);border:1px solid rgba(43,41,41,.28);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:300;line-height:1;color:var(--ink);transition:transform .2s,background .2s,color .2s;z-index:2;user-select:none}
.ihot:hover{transform:scale(1.12)}
/* .on = 用户点击；.auto = 定时自动弹出 —— 两种状态定位点同为深色（静态稿 .hs.on 同款） */
.ihot:is(.on,.auto){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hst{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,8px);width:250px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(32,34,34,.14);border-radius:var(--r);padding:16px 18px;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;text-align:left;line-height:1.5;z-index:3}
.hst::after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#fff}
.hs-r .hst{left:auto;right:-10px;transform:translate(0,8px)}
.hs-r .hst::after{left:auto;right:16px;margin-left:0}
.hs-dn .hst{bottom:auto;top:calc(100% + 14px);transform:translate(-50%,-8px)}
.hs-dn .hst::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#fff}
.hs-dn.hs-r .hst{transform:translate(0,-8px)}
/* .on = 用户点击；.auto = 定时自动弹出（只弹 hst 气泡层，定位点本身外观不变） */
.ihot:is(.on,.auto) .hst{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.hs-r:is(.on,.auto) .hst{transform:translate(0,0)}
.hs-dn:is(.on,.auto) .hst{transform:translate(-50%,0)}
.hs-dn.hs-r:is(.on,.auto) .hst{transform:translate(0,0)}
.isec + .isec{border-top:1px solid var(--line)}
.irow.flip > div:first-child{order:2}
.hst b{display:block;font-family:var(--futura-h);font-weight:500;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.hst a{display:block;font-size:13.5px;color:var(--ink);padding:6px 0;border-bottom:1px solid rgba(43,41,41,.08)}
.hst a::after{content:" →";color:var(--gray)}
.hst a:hover{border-bottom-color:rgba(43,41,41,.35)}

/* 响应式（原值移植） */
@media(max-width:960px){
	.im-main-wrap{width:100%}
	.i-num{display:none}
	.iidx .wrap{grid-template-columns:1fr}
	.iidx-img{display:none}
	.irow{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
	.isec{padding:40px 0}
	/* 手机端气泡恢复相对定位点弹出（原静态稿 fixed 到屏幕底部，不符合预期，已去掉）；
	   仅加 max-width 防止定位点靠图边时气泡横向溢出屏幕 */
	.hst{max-width:calc(100vw - 28px)}
}