.test-container{max-width:1200px;margin:calc(var(--header-h) + var(--nav-h) + 24px) auto 40px;padding:20px}.hero{padding:60px 0!important}.hero-title{font-size:42px!important;line-height:1.3!important;margin-bottom:16px!important}.hero-title br{display:block;content:"";margin-bottom:12px}.test-section{margin-bottom:40px}.test-title{font-size:24px;font-weight:700;color:var(--accent);margin-top:40px;margin-bottom:24px;border-bottom:2px solid var(--accent);padding-bottom:12px;padding-top:0}.test-title:first-of-type{margin-top:0}.test-case{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}.test-case-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:10px}.test-steps{background:var(--bg2);border-left:4px solid var(--accent);padding:12px;margin:12px 0;border-radius:6px}.test-steps strong{color:var(--accent);display:block;margin-bottom:8px}.step{margin:8px 0;padding-left:20px;position:relative;line-height:1.6}.step::before{content:attr(data-step);position:absolute;left:0;font-weight:600;color:var(--accent2)}.expected{background:rgba(var(--accent-green-rgb),.1);border:1px solid rgba(var(--accent-green-rgb),.3);padding:12px;border-radius:6px;margin:12px 0;font-size:13px}.expected strong{color:var(--accent2)}.html-example{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px;font-family:var(--font-mono);font-size:12px;overflow-x:auto;margin:12px 0;line-height:1.5}.copy-btn{background:rgba(var(--accent-blue-rgb),.15);border:1px solid rgba(var(--accent-blue-rgb),.3);color:var(--accent);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;margin-top:8px;font-weight:600;transition:all .3s ease}.copy-btn:hover{background:rgba(var(--accent-blue-rgb),.25)}.copy-btn:active{transform:scale(.98)}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.status-working{background:rgba(var(--accent-green-rgb),.2);color:var(--accent2)}.status-test{background:rgba(var(--accent-yellow-rgb),.2);color:var(--accent4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.hero{padding:40px 0!important}.hero-title{font-size:28px!important;line-height:1.3!important}.test-title{font-size:20px;margin-top:30px;margin-bottom:16px}.test-container{padding:12px}.test-case{padding:16px}.test-case-title{font-size:14px}.test-steps{padding:10px}.html-example{font-size:11px}.copy-btn{font-size:11px;padding:5px 10px}}@media (max-width:480px){.hero{padding:30px 0!important}.hero-title{font-size:24px!important}.test-title{font-size:18px;margin-top:24px;margin-bottom:12px}.test-container{padding:8px;margin:calc(var(--header-h) + var(--nav-h) + 12px) auto 20px}.test-case{padding:12px;margin-bottom:16px}.test-case-title{font-size:13px;gap:8px}.test-steps{padding:8px}.step{font-size:13px}.html-example{font-size:10px;padding:8px}.copy-btn{font-size:10px;padding:4px 8px}.expected{font-size:12px;padding:8px}}