
.mc-case-fragment{
  --ink:#0E0F11; --ink-2:#15171A; --ink-3:#1C1F23; --line:#2A2E33; --line-soft:#202328;
  --paper:#EDEEF0; --muted:#A3A8AF; --dim:#7C828A;
  --orange:#FF7D00; --orange-soft:rgba(255,125,0,.12); --tick:#F2545B;
  --radius:8px; --max:1180px;
}
.mc-case-fragment *{box-sizing:border-box}
.mc-case-fragment{scroll-behavior:smooth}
.mc-case-fragment{margin:0;background:var(--ink);color:var(--paper);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.mc-case-fragment a{color:var(--orange)}
.mc-case-fragment img{max-width:100%;display:block}
.mc-case-fragment .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.mc-case-fragment .mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:0;text-transform:uppercase}
.mc-case-fragment h1,.mc-case-fragment h2,.mc-case-fragment h3{font-family:'Space Grotesk',sans-serif;letter-spacing:0;margin:0}
.mc-case-fragment h2{font-size:32px;line-height:1.1}
.mc-case-fragment h3{font-size:19px;line-height:1.25}
.mc-case-fragment p{margin:0}
.mc-case-fragment .ledger{background-image:linear-gradient(var(--line-soft) 1px,transparent 1px);background-size:100% 32px}

.mc-case-fragment 
.nav{position:sticky;top:0;z-index:10;background:rgba(14,15,17,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.mc-case-fragment .nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.mc-case-fragment .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--paper);font-family:'Space Grotesk';font-weight:700;font-size:19px}
.mc-case-fragment .brand img{height:26px;width:auto}
.mc-case-fragment .nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mc-case-fragment .nav-links a{color:var(--muted);text-decoration:none;font-size:14px;padding:10px 12px;border-radius:8px}
.mc-case-fragment .nav-links a:hover{color:var(--paper)}
.mc-case-fragment .nav-links a.btn-primary,.mc-case-fragment .nav-links a.btn-primary:hover{color:#111}
.mc-case-fragment .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent}
.mc-case-fragment .btn-primary{background:var(--orange);color:#111}
.mc-case-fragment .btn-primary:hover{background:#FF9733}
.mc-case-fragment .btn-ghost{border-color:var(--line);color:var(--paper)}
.mc-case-fragment .btn-ghost:hover{border-color:var(--muted)}

.mc-case-fragment 
.hero{padding:88px 0 72px;border-bottom:1px solid var(--line)}
.mc-case-fragment .crumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted)}
.mc-case-fragment .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.mc-case-fragment .chip .dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.mc-case-fragment .hero h1{font-size:48px;line-height:1.02;margin:22px 0 22px;max-width:15ch}
.mc-case-fragment .hero h1 em{font-style:normal;color:var(--orange)}
.mc-case-fragment .hero .lede{font-size:18px;color:#C9CCD1;max-width:62ch}
.mc-case-fragment .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.mc-case-fragment .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mc-case-fragment .fact{padding:20px 22px;border-right:1px solid var(--line);background:var(--ink-2)}
.mc-case-fragment .fact:last-child{border-right:0}
.mc-case-fragment .fact .k{color:var(--dim)}
.mc-case-fragment .fact .v{font-family:'Space Grotesk';font-size:20px;font-weight:600;margin-top:6px;line-height:1.25}

.mc-case-fragment 
section{padding:88px 0;border-bottom:1px solid var(--line)}
.mc-case-fragment .sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:end;margin-bottom:44px}
.mc-case-fragment .sec-head .mono{color:var(--orange);margin-bottom:14px}
.mc-case-fragment .sec-head p{color:var(--muted);font-size:17px}

.mc-case-fragment 
.brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mc-case-fragment .card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.mc-case-fragment .card .num{font-family:'IBM Plex Mono';font-size:12px;color:var(--orange);letter-spacing:0}
.mc-case-fragment .card h3{margin:12px 0 8px}
.mc-case-fragment .card p{color:var(--muted);font-size:15px}

.mc-case-fragment 
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0}
.mc-case-fragment .node{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.mc-case-fragment .node.hold{border-color:var(--orange);background:linear-gradient(180deg,var(--orange-soft),transparent 70%),var(--ink-2)}
.mc-case-fragment .node .mono{color:var(--dim)}
.mc-case-fragment .node h3{margin:10px 0 6px}
.mc-case-fragment .node p{color:var(--muted);font-size:14px}
.mc-case-fragment .arrow{display:flex;align-items:center;justify-content:center;padding:0 10px;color:var(--orange)}
.mc-case-fragment .arrow svg{width:44px;height:20px}
.mc-case-fragment .control{margin-top:16px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border:1px dashed var(--line);border-radius:var(--radius);padding:20px 24px}
.mc-case-fragment .control .badge{font-family:'Space Grotesk';font-weight:700;background:var(--orange);color:#111;border-radius:10px;padding:10px 14px;white-space:nowrap}
.mc-case-fragment .control p{color:#C9CCD1;font-size:15px}
.mc-case-fragment .rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.mc-case-fragment .rule{border-top:2px solid var(--orange);padding-top:14px}
.mc-case-fragment .rule h3{font-size:16px}
.mc-case-fragment .rule p{color:var(--muted);font-size:14px;margin-top:6px}

.mc-case-fragment 
.modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mc-case-fragment .mod{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-2)}
.mc-case-fragment .mod:nth-child(3n){border-right:0}
.mc-case-fragment .mod:nth-last-child(-n+3){border-bottom:0}
.mc-case-fragment .mod .mono{color:var(--dim);display:flex;justify-content:space-between;gap:8px}
.mc-case-fragment .mod .mono b{color:var(--orange);font-weight:500}
.mc-case-fragment .mod h3{margin:10px 0 6px;font-size:17px}
.mc-case-fragment .mod p{color:var(--muted);font-size:14px}

.mc-case-fragment 
.verify{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.mc-case-fragment .list{list-style:none;margin:0;padding:0}
.mc-case-fragment .list li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.mc-case-fragment .list li:last-child{border-bottom:0}
.mc-case-fragment .tick{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--tick);display:flex;align-items:center;justify-content:center;margin-top:2px}
.mc-case-fragment .tick svg{width:12px;height:12px}
.mc-case-fragment .list small{display:block;color:var(--dim);font-size:13px}
.mc-case-fragment .gate{margin-top:18px;background:var(--ink);border:1px solid var(--tick);border-radius:12px;padding:16px 18px;font-size:14px;color:#E7C9CB}
.mc-case-fragment .gate b{color:var(--tick)}

.mc-case-fragment 
.screen{background:#111214;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mc-case-fragment .screen-bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #2C2F33;background:#0B0C0D}
.mc-case-fragment .screen-bar span{width:10px;height:10px;border-radius:50%;background:#2C2F33}
.mc-case-fragment .screen-body{padding:22px}
.mc-case-fragment .ky-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.mc-case-fragment .ky-hex{width:30px;height:30px;background:#F5B700;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;align-items:center;justify-content:center}
.mc-case-fragment .ky-word{font-family:'Space Grotesk';font-weight:700;letter-spacing:0;font-size:17px}
.mc-case-fragment .ky-word i{font-style:normal;color:#F5B700}
.mc-case-fragment .ky-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mc-case-fragment .ky-card{border:1px solid #2E3135;background:#1A1C1F;padding:14px}
.mc-case-fragment .ky-card.feat{border:2px solid #F5B700}
.mc-case-fragment .ky-tag{display:inline-block;font-family:'IBM Plex Mono';font-size:10px;padding:2px 6px;margin-right:4px;border:1px solid #D6D8DB;color:#D6D8DB}
.mc-case-fragment .ky-tag.new{background:#F5B700;color:#111;border-color:#F5B700}
.mc-case-fragment .ky-title{font-family:'Space Grotesk';font-weight:700;text-transform:uppercase;margin:8px 0 2px;font-size:15px}
.mc-case-fragment .ky-spec{font-family:'IBM Plex Mono';font-size:11px;color:#B5B9BE}
.mc-case-fragment .ky-price{font-family:'Space Grotesk';font-weight:700;color:#F5B700;font-size:20px;margin-top:6px}
.mc-case-fragment .caption{color:var(--dim);font-size:13px;margin-top:10px}


.mc-case-fragment 
.shot{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#111214}
.mc-case-fragment .shot .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid #2C2F33;background:#0B0C0D}
.mc-case-fragment .shot .bar span{width:9px;height:9px;border-radius:50%;background:#2C2F33}
.mc-case-fragment .shot .bar em{font-style:normal;margin-left:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--dim)}
.mc-case-fragment .shot img{width:100%;height:auto}
.mc-case-fragment .shot figcaption{padding:14px 18px;border-top:1px solid var(--line);background:var(--ink-2);font-size:14px;color:var(--muted)}
.mc-case-fragment .shot figcaption b{color:var(--paper);font-family:'Space Grotesk';font-weight:600;display:block;font-size:16px;margin-bottom:2px}
.mc-case-fragment .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
@media (max-width:900px){.mc-case-fragment .gallery{grid-template-columns:1fr}}

.mc-case-fragment 
.phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.mc-case-fragment .phase{padding:0 24px 0 0}
.mc-case-fragment .phase .bar{height:6px;border-radius:3px;background:var(--line);margin-bottom:18px;position:relative}
.mc-case-fragment .phase:first-child .bar{background:var(--orange)}
.mc-case-fragment .phase .bar::before{content:"";position:absolute;left:0;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--ink);border:3px solid var(--orange)}
.mc-case-fragment .phase .mono{color:var(--orange)}
.mc-case-fragment .phase h3{margin:8px 0 10px}
.mc-case-fragment .phase ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
.mc-case-fragment .phase li{margin:4px 0}

.mc-case-fragment 
.caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.mc-case-fragment .cap{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
.mc-case-fragment .cap .ico{width:44px;height:44px;border-radius:10px;background:var(--orange-soft);display:flex;align-items:center;justify-content:center;color:var(--orange)}
.mc-case-fragment .cap .ico svg{width:22px;height:22px}
.mc-case-fragment .cap h3{font-size:17px}
.mc-case-fragment .cap p{color:var(--muted);font-size:14px;margin-top:4px}

.mc-case-fragment 
.cta{padding:96px 0;border-bottom:0}
.mc-case-fragment .cta-box{border:1px solid var(--line);border-radius:20px;padding:56px;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:32px;align-items:center;background:radial-gradient(600px 240px at 90% 0%,rgba(255,125,0,.16),transparent 70%),var(--ink-2)}
.mc-case-fragment .cta-box p{color:var(--muted);margin-top:12px;font-size:17px}
.mc-case-fragment footer{border-top:1px solid var(--line);padding:28px 0;color:var(--dim);font-size:13px}
.mc-case-fragment footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (max-width:900px){
  .mc-case-fragment .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mc-case-fragment .fact:nth-child(2){border-right:0}
  .mc-case-fragment .fact:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .mc-case-fragment .sec-head,.mc-case-fragment .verify,.mc-case-fragment .caps,.mc-case-fragment .cta-box{grid-template-columns:1fr}
  .mc-case-fragment .brief,.mc-case-fragment .rules,.mc-case-fragment .phases{grid-template-columns:1fr 1fr}
  .mc-case-fragment .modules{grid-template-columns:1fr 1fr}
  .mc-case-fragment .mod{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .mc-case-fragment .mod:nth-child(2n){border-right:0!important}
  .mc-case-fragment .flow{grid-template-columns:1fr}
  .mc-case-fragment .arrow{padding:10px 0;transform:rotate(90deg)}
  .mc-case-fragment .phase{padding:0 0 28px}
}
@media (max-width:600px){
  .mc-case-fragment .nav-links a:not(.btn){display:none}
  .mc-case-fragment .hero{padding:56px 0 48px}
  .mc-case-fragment section{padding:64px 0}
  .mc-case-fragment .facts,.mc-case-fragment .brief,.mc-case-fragment .rules,.mc-case-fragment .phases,.mc-case-fragment .modules{grid-template-columns:1fr}
  .mc-case-fragment .fact{border-right:0!important;border-bottom:1px solid var(--line)}
  .mc-case-fragment .fact:last-child{border-bottom:0}
  .mc-case-fragment .mod{border-right:0!important}
  .mc-case-fragment .ky-grid{grid-template-columns:1fr}
  .mc-case-fragment .cta-box{padding:32px 22px}
  .mc-case-fragment .control{grid-template-columns:1fr}
}

.mc-case-fragment{background:#0E0F11;color:#EDEEF0;overflow:hidden}
.mc-case-fragment .mc-ky-disclosure{border-top:1px solid var(--line);padding:24px;color:var(--dim);font-size:13px;text-align:center}
.mc-case-fragment .hero{padding-top:72px}
@media (max-width:600px){.mc-case-fragment .hero{padding-top:48px}}


.mc-case-fragment .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mc-case-fragment .stat{padding:28px 26px;background:var(--ink-2);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.mc-case-fragment .stat:nth-child(3n){border-right:0}
.mc-case-fragment .stat:nth-last-child(-n+3){border-bottom:0}
.mc-case-fragment .stat .n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:40px;line-height:1;color:var(--orange);letter-spacing:0}
.mc-case-fragment .stat .l{margin-top:10px;font-size:15px;color:var(--paper)}
.mc-case-fragment .stat .s{margin-top:4px;font-size:13px;color:var(--dim)}
.mc-case-fragment .stats-note{margin-top:14px;color:var(--dim);font-size:13px}
.mc-case-fragment .mrow{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #2C2F33;font-size:14px}
.mc-case-fragment .mrow:last-child{border-bottom:0}
.mc-case-fragment .mrow .d{width:12px;height:12px;border-radius:50%;border:2px solid var(--orange)}
.mc-case-fragment .mrow .d.on{background:var(--orange)}
.mc-case-fragment .mrow .d.off{border-color:#3A3E44}
.mc-case-fragment .mrow small{display:block;color:var(--dim);font-size:12px}
.mc-case-fragment .mrow .t{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}
.mc-case-fragment .mrow .t.ok{border-color:rgba(255,125,0,.5);color:var(--orange)}
.mc-case-fragment .mhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.mc-case-fragment .mhead b{font-family:'Space Grotesk',sans-serif;font-size:16px}
@media (max-width:900px){
  .mc-case-fragment .stats{grid-template-columns:1fr 1fr}
  .mc-case-fragment .stat{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .mc-case-fragment .stat:nth-child(2n){border-right:0!important}
}
@media (max-width:600px){
  .mc-case-fragment .stats{grid-template-columns:1fr}
  .mc-case-fragment .stat{border-right:0!important}
}


.mc-case-fragment.mc-zh{font-family:'IBM Plex Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;line-height:1.75}
.mc-case-fragment.mc-zh h1,.mc-case-fragment.mc-zh h2,.mc-case-fragment.mc-zh h3,.mc-case-fragment.mc-zh .fact .v,.mc-case-fragment.mc-zh .stat .n,.mc-case-fragment.mc-zh .control .badge{font-family:'Space Grotesk','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;letter-spacing:0}
.mc-case-fragment.mc-zh .hero h1{max-width:13em;line-height:1.18}
.mc-case-fragment.mc-zh h2{line-height:1.3}
.mc-case-fragment.mc-zh .hero .lede{max-width:38em}
.mc-case-fragment.mc-zh .mono{letter-spacing:0}

.mc-case-fragment.mc-zh { font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
.mc-case-fragment *, .mc-case-fragment.mc-zh .mono { letter-spacing: 0; }
.mc-case-fragment h1, .mc-case-fragment h2, .mc-case-fragment h3 { text-wrap: balance; }
.mc-case-fragment .hero { padding: 52px 0 40px; }
.mc-case-fragment .ledger { background-image: none; }
.mc-case-fragment .node.hold { background: var(--ink-2); }
.mc-case-fragment .wrap { width: min(1180px, calc(100% - 48px)); padding: 0; }
.mc-case-fragment .hero h1 { max-width: 100%; font-size: 48px; }
.mc-case-fragment.mc-zh .hero h1 { max-width: 960px; }
.mc-case-fragment .hero h1 em { display: block; }
.mc-case-fragment .hero .lede { max-width: 950px; }
.mc-case-fragment .facts { margin-top: 36px; }
.mc-case-fragment section { padding: 60px 0; scroll-margin-top: 90px; }
.mc-case-fragment .card, .mc-case-fragment .node, .mc-case-fragment .gate, .mc-case-fragment .btn { border-radius: 6px; }
.mc-case-fragment .cta-box { border: 0; padding: 0; background: none; border-radius: 0; }
.mc-case-fragment .mod .mono { flex-wrap: wrap; }
.mc-case-fragment .control .badge { border-radius: 6px; }
.mc-case-fragment .mrow > span { min-width: 0; overflow-wrap: anywhere; }
.mc-case-fragment a:focus-visible { outline: 2px solid #8ce0c2; outline-offset: 4px; }
@media (max-width: 991.98px) {
    .mc-case-fragment section { scroll-margin-top: 140px; }
}
@media (max-width: 600px) {
    .mc-case-fragment .wrap { width: calc(100% - 40px); }
    .mc-case-fragment .hero { padding-top: 36px; padding-bottom: 30px; }
    .mc-case-fragment .hero h1 { font-size: 32px; }
    .mc-case-fragment .hero .lede { font-size: 16px; }
    .mc-case-fragment h2 { font-size: 26px; }
    .mc-case-fragment .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mc-case-fragment .fact { padding: 16px 14px; }
    .mc-case-fragment .fact .v { font-size: 15px; line-height: 1.6; }
    .mc-case-fragment .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mc-case-fragment .stat { padding: 20px 16px; }
    .mc-case-fragment .stat .n { font-size: 32px; }
    .mc-case-fragment section { padding: 42px 0; }
    .mc-case-fragment .sec-head { gap: 20px; margin-bottom: 28px; }
    .mc-case-fragment .card, .mc-case-fragment .mod, .mc-case-fragment .node { padding: 22px; }
    .mc-case-fragment .cta-box { padding: 0; }
}
