/* ============================================================
   精品案例 · CSS 手绘迷你界面 (8 个旗舰案例 · 浅色科技风)
   ============================================================ */
.scr{--mserif:'Schibsted Grotesk',Georgia,'Songti SC',serif;--mmono:'IBM Plex Mono',ui-monospace,monospace}
.scr .tb{height:26px;display:flex;align-items:center;gap:5px;padding:0 12px}
.scr .tb i{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.16)}

/* ENZO — 温哥华高端楼盘 (japandi 暖灰) */
.scr-enzo{background:linear-gradient(165deg,#F3EEE5,#E0D5C4)}
.scr-enzo .in{padding:18px 24px}
.scr-enzo .tt{font-family:var(--mserif);letter-spacing:.34em;font-size:20px;color:#3D352A;font-weight:600}
.scr-enzo .st{font-family:var(--mmono);font-size:8px;letter-spacing:.28em;color:#9A8B74;margin-top:6px}
.scr-enzo .imgs{display:flex;gap:9px;margin-top:16px}
.scr-enzo .imgs i{flex:1;height:108px;border-radius:6px;background:linear-gradient(150deg,#C6B596,#897C64)}
.scr-enzo .imgs i:nth-child(2){flex:1.5;background:linear-gradient(150deg,#5E6B57,#3A4237)}
.scr-enzo .imgs i:nth-child(3){background:linear-gradient(150deg,#A89678,#6E634E)}

/* MuseVilla — 巴黎奢墅 + 移民 (深金) */
.scr-muse{background:linear-gradient(160deg,#16110C,#2C2117)}
.scr-muse .in{padding:18px 24px}
.scr-muse .tt{font-family:var(--mserif);font-size:19px;color:#E7D4B4;letter-spacing:.2em;font-weight:600}
.scr-muse .st{font-family:var(--mmono);font-size:8px;color:#9C8A6E;letter-spacing:.28em;margin-top:6px}
.scr-muse .villa{margin-top:16px;height:96px;border-radius:7px;background:linear-gradient(150deg,#8C744F,#4C3C27);position:relative;overflow:hidden}
.scr-muse .villa::after{content:"";position:absolute;inset:0;background:radial-gradient(100% 70% at 20% 10%,rgba(255,255,255,.25),transparent 60%)}
.scr-muse .row{display:flex;gap:8px;margin-top:11px}
.scr-muse .row i{flex:1;height:30px;border:1px solid rgba(231,212,180,.32);border-radius:5px}
.scr-muse .row i:first-child{background:#E7D4B4;border-color:#E7D4B4}

/* E.Tel — 澳洲电信 (蓝) */
.scr-etel{background:linear-gradient(155deg,#0E3F8C,#1E72DB)}
.scr-etel .in{padding:18px 24px;color:#fff}
.scr-etel .tt{font-weight:700;font-size:18px;letter-spacing:-.01em}
.scr-etel .sub{font-size:9px;opacity:.78;letter-spacing:.08em;margin-top:5px;font-family:var(--mmono)}
.scr-etel .plans{display:flex;gap:9px;margin-top:18px}
.scr-etel .plans i{flex:1;height:92px;border-radius:9px;background:rgba(255,255,255,.16);position:relative}
.scr-etel .plans i::before{content:"";position:absolute;left:12px;top:12px;width:40%;height:7px;border-radius:4px;background:rgba(255,255,255,.5)}
.scr-etel .plans i:nth-child(2){background:#fff}
.scr-etel .plans i:nth-child(2)::before{background:#1E72DB}

/* Wavetel — 工业 IoT (深色 + 青绿) */
.scr-wav{background:#0A0F16}
.scr-wav .in{padding:18px 24px}
.scr-wav .tt{font-family:var(--mmono);color:#3EDB94;font-size:14px;letter-spacing:.16em}
.scr-wav .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}
.scr-wav .grid i{height:54px;border:1px solid rgba(62,219,148,.3);border-radius:7px;background:rgba(62,219,148,.05);position:relative}
.scr-wav .grid i::after{content:"";position:absolute;left:10px;top:10px;width:14px;height:14px;border-radius:4px;background:rgba(62,219,148,.4)}
.scr-wav .pulse{margin-top:13px;height:22px;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(62,219,148,.4) 7px 9px)}

/* Innovative Legal — 洛杉矶律所 (深蓝金) */
.scr-ils{background:#0F1A2B}
.scr-ils .in{padding:18px 26px}
.scr-ils .tt{font-family:var(--mserif);font-size:16px;color:#E9E3D3;letter-spacing:.06em;font-weight:600}
.scr-ils .gold{width:42px;height:2px;background:#C9A55D;margin:11px 0 13px}
.scr-ils .ln{height:7px;border-radius:4px;background:rgba(233,227,211,.18);margin-bottom:8px}
.scr-ils .ln:nth-child(4){width:74%}.scr-ils .ln:nth-child(5){width:56%}
.scr-ils .cols{display:flex;gap:8px;margin-top:15px}
.scr-ils .cols i{flex:1;height:48px;border:1px solid rgba(201,165,93,.4);border-radius:5px}

/* PDW — 新西兰高尔夫 (草绿) */
.scr-pdw{background:linear-gradient(160deg,#EAF3EC,#D3E6D8)}
.scr-pdw .in{padding:18px 24px}
.scr-pdw .tt{font-weight:700;font-size:17px;color:#1E5A38;letter-spacing:.02em}
.scr-pdw .st{font-family:var(--mmono);font-size:8px;color:#5C8068;letter-spacing:.2em;margin-top:5px}
.scr-pdw .prods{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}
.scr-pdw .prods i{height:72px;border-radius:8px;background:linear-gradient(150deg,#4FA56F,#1E5A38)}
.scr-pdw .prods i:nth-child(2){background:linear-gradient(150deg,#9FCBAA,#5C8068)}
.scr-pdw .prods i:nth-child(3){background:linear-gradient(150deg,#D7E6BC,#8DAE6A)}
.scr-pdw .prods i:nth-child(4){background:linear-gradient(150deg,#4FA56F,#2E7048)}
.scr-pdw .bar{margin-top:11px;height:18px;border-radius:5px;background:#fff;border:1px solid #BFD9CA}

/* Menon — 上海美农生物科技 (科技青蓝) */
.scr-menon{background:linear-gradient(160deg,#0C1E2E,#103048)}
.scr-menon .in{padding:18px 26px}
.scr-menon .tt{font-weight:700;font-size:16px;color:#fff;letter-spacing:.02em}
.scr-menon .st{font-family:var(--mmono);font-size:8px;color:#6FAFCB;letter-spacing:.2em;margin-top:5px}
.scr-menon .mol{margin-top:16px;height:80px;border-radius:8px;background:radial-gradient(circle at 30% 40%,#1FA8D8,#0C1E2E 70%);position:relative;overflow:hidden}
.scr-menon .mol::before,.scr-menon .mol::after{content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(111,175,203,.5)}
.scr-menon .mol::before{width:60px;height:60px;left:30%;top:10%}
.scr-menon .mol::after{width:34px;height:34px;left:54%;top:46%;background:rgba(31,168,216,.3)}
.scr-menon .row{display:flex;gap:8px;margin-top:11px}
.scr-menon .row i{flex:1;height:26px;border:1px solid rgba(111,175,203,.32);border-radius:5px}

/* Daylight Wood — 大连木业外贸 (木色) */
.scr-day{background:linear-gradient(160deg,#F6EFE3,#E4D2B8)}
.scr-day .in{padding:18px 24px}
.scr-day .tt{font-family:var(--mserif);font-weight:600;font-size:17px;color:#5A3D22;letter-spacing:.04em}
.scr-day .st{font-family:var(--mmono);font-size:8px;color:#9A7B52;letter-spacing:.2em;margin-top:5px}
.scr-day .planks{display:flex;flex-direction:column;gap:7px;margin-top:16px}
.scr-day .planks i{height:18px;border-radius:4px;background:linear-gradient(90deg,#B98A52,#8A6238)}
.scr-day .planks i:nth-child(2){background:linear-gradient(90deg,#C99B63,#9A7044);width:88%}
.scr-day .planks i:nth-child(3){background:linear-gradient(90deg,#A87A48,#7A5530);width:76%}
.scr-day .cta{margin-top:13px;display:inline-block;width:96px;height:22px;border-radius:999px;background:#5A3D22}