/* DIY 入口页 */
.diy-head{padding:22px 0 6px;}
.diy-head h1{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.42;letter-spacing:.05em;}
.diy-head .ghost{margin-top:11px;font-size:13px;color:var(--muted-2);letter-spacing:.05em;}

.diy-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;}
.diy-mini button{
  display:flex;flex-direction:column;gap:11px;align-items:flex-start;
  padding:17px 15px;border-radius:16px;
  background:var(--bg-2);border:1px solid var(--line-2);transition:transform .2s;
}
.diy-mini button:active{transform:scale(.97);}
.diy-mini .ic{
  width:34px;height:34px;border-radius:11px;background:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px -4px rgba(0,0,0,.18);
}
.diy-mini .ic svg{width:19px;height:19px;stroke:var(--gold-dark);stroke-width:1.7;}
.diy-mini b{font-size:14.5px;}
.diy-mini small{font-size:10.5px;color:var(--muted);}

.diy-big{display:flex;flex-direction:column;gap:13px;margin-top:13px;}
.big-card{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:16px;
  padding:22px 20px;border-radius:22px;text-align:left;
  background:linear-gradient(140deg,#fbf6ec 0%,#f3e9d7 100%);
  border:1px solid rgba(196,161,90,.2);
  transition:transform .2s;
}
.big-card:active{transform:scale(.98);}
.big-card.plain{background:linear-gradient(140deg,#f7f8fa 0%,#eceef2 100%);border-color:rgba(0,0,0,.06);}
.big-card .bc-ic{
  width:54px;height:54px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  background:#fff;box-shadow:0 5px 14px -6px rgba(0,0,0,.25);
}
.big-card .bc-ic svg{width:26px;height:26px;stroke:var(--gold-dark);stroke-width:1.7;}
.big-card.plain .bc-ic svg{stroke:var(--ink-2);}
.big-card .bc-tx{flex:1;min-width:0;}
.big-card b{display:block;font-size:17px;letter-spacing:.05em;}
.big-card p{margin-top:5px;font-size:11.5px;color:var(--muted);}
.big-card .bc-ar{color:var(--muted-2);font-size:20px;}
.big-card .deco{
  position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle,rgba(196,161,90,.16),rgba(196,161,90,0) 70%);
}