:root{color-scheme:dark;--demo-bg: #0b0b0e;--demo-panel-bg: #09090b;--demo-page-bg: #ffffff;--demo-border: #27272a;--demo-muted: #a1a1aa}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--demo-bg);color:#e4e4e7;font:14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.demo-browser{border:0;border-radius:0;overflow:hidden;background:var(--demo-panel-bg)}.demo-chrome{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#141418;border-bottom:1px solid var(--demo-border)}.demo-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.demo-dot-r{background:#ff5f57}.demo-dot-y{background:#febc2e}.demo-dot-g{background:#28c840}.demo-url{margin-left:10px;padding:2px 10px;border-radius:999px;background:#0b0b0e;color:var(--demo-muted);font-size:12px}.demo-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:430px}.demo-page{overflow:auto;padding:18px 20px;background:var(--demo-page-bg);color:#18181b}.demo-panel{border:0;border-left:1px solid var(--demo-border);width:100%;height:100%;background:var(--demo-panel-bg)}.demo-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--demo-border);flex-wrap:wrap}.demo-bar button{font:inherit;padding:5px 14px;border-radius:6px;border:1px solid var(--demo-border);background:#18181b;color:#e4e4e7;cursor:pointer}.demo-bar button:hover{background:#232327}.demo-note{color:var(--demo-muted);font-size:12px}.demo-note strong{color:#e4e4e7}.demo-crumbs{color:#71717a;font-size:12px}.demo-title{font-size:18px;margin:6px 0 10px}.demo-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.demo-price{color:#dc2626;font-size:22px;font-weight:700}.demo-price-was{color:#a1a1aa;text-decoration:line-through;font-size:13px}.demo-badge{background:#fee2e2;color:#b91c1c;border-radius:4px;padding:1px 6px;font-size:12px}.demo-specs{border-collapse:collapse;width:100%;max-width:420px;margin-bottom:18px}.demo-specs th,.demo-specs td{border:1px solid #e4e4e7;padding:6px 10px;text-align:left;font-size:13px}.demo-specs th{background:#fafafa;color:#52525b;width:84px;font-weight:500}.demo-actions{display:flex;gap:10px;margin-bottom:24px}.demo-buy,.demo-fav{font:inherit;padding:8px 20px;border-radius:6px;cursor:pointer}.demo-buy{background:#ea580c;border:1px solid #ea580c;color:#fff}.demo-fav{background:#fff;border:1px solid #d4d4d8;color:#3f3f46}.demo-reviews h2{font-size:15px;margin:0 0 10px}.demo-count{color:#a1a1aa;font-weight:400;font-size:13px}.demo-reviews>button{font:inherit;padding:6px 14px;border-radius:6px;border:1px solid #d4d4d8;background:#fff;color:#3f3f46;cursor:pointer}#demo-comments{list-style:none;padding:0;margin:14px 0 0}.demo-comment{border-top:1px solid #f4f4f5;padding:10px 0}.demo-comment-author{color:#52525b;font-size:13px;margin-right:8px}.demo-comment-stars{color:#f59e0b;font-size:13px}.demo-comment-text{margin:4px 0 0;font-size:13px;color:#3f3f46}@media (max-width: 720px){.demo-body{grid-template-columns:1fr;height:auto}.demo-page{height:240px}.demo-panel{height:330px;border-left:0;border-top:1px solid var(--demo-border)}}