:root{font-family:Arial,PingFang SC,sans-serif;color:#161613;background:#ebe7dc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-image:linear-gradient(rgba(23,23,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,20,.035) 1px,transparent 1px);background-size:24px 24px}button,input{font:inherit}button{cursor:pointer}header{height:72px;padding:0 clamp(18px,5vw,70px);display:flex;align-items:center;border-bottom:2px solid #171714;background:#f4f0e5;position:sticky;top:0;z-index:5}.logo{color:#171714;text-decoration:none;font-weight:900;font-size:20px;letter-spacing:.1em}.logo span{display:inline-grid;place-items:center;width:35px;height:35px;background:#ef4e2c;color:#fff;margin-right:9px}header p{font-family:Songti SC,serif;margin-left:auto;margin-right:30px}header>button{border:1px solid #171714;background:transparent;padding:8px 14px}header>button.on{background:#171714;color:#fff}main{max-width:1280px;margin:auto;padding:0 clamp(16px,4vw,52px) 90px}.hero{min-height:390px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;border-bottom:2px solid #171714}.title>p{letter-spacing:.2em;font-size:11px;color:#ef4e2c;font-weight:700}.title h1{font-family:Songti SC,serif;font-size:clamp(48px,7vw,88px);line-height:.98;margin:20px 0}.title em{font-style:normal;color:#ef4e2c}.knife{height:220px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-8deg)}.knife i{display:block;width:min(360px,80%);height:55px;background:#cac7bd;clip-path:polygon(0 0,100% 12%,83% 100%,0 82%);border-left:42px solid #232320;box-shadow:0 14px #00000014}.knife span{font-size:9px;letter-spacing:.16em;margin-top:25px}.finder{padding:34px 0 26px;display:grid;grid-template-columns:minmax(280px,1fr) 1fr;gap:36px;align-items:end}.finder label>span{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.finder label>div{height:54px;display:flex;align-items:center;background:#fff;border:2px solid #171714}.finder label b{font-size:28px;padding:0 12px}.finder input{border:0;outline:0;width:100%;font-size:16px}.finder label button{border:0;background:transparent;padding:14px;font-size:20px}.finder nav{display:flex;flex-wrap:wrap;gap:7px}.finder nav button{border:1px solid #777268;background:transparent;padding:9px 15px}.finder nav button.active{background:#171714;color:#fff;border-color:#171714}.result-head{display:flex;align-items:center;gap:12px;margin:12px 0 18px}.result-head b{font-size:30px;color:#ef4e2c}.result-head span{font-size:12px;font-weight:700}.result-head i{height:1px;background:#8f8a7e;flex:1}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid article{border:2px solid #171714;background:#f7f3e8;padding:18px;box-shadow:6px 6px #171714}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.card-top button{border:0;background:transparent;font-size:23px}.card-top button.saved{color:#ef4e2c}.art{height:155px;margin:10px 0 18px;background:#dfd9ca;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.art i{display:block;background:#ef4e2c;border:2px solid #171714}.art.silk i{width:6px;height:105px;transform:rotate(8deg)}.art.fine i{width:3px;height:110px;border-width:1px}.art.dice{display:grid;grid-template-columns:repeat(4,26px);align-content:center}.art.dice i{width:26px;height:26px}.art.mince{display:grid;grid-template-columns:repeat(6,12px);align-content:center}.art.mince i{width:12px;height:10px;transform:rotate(12deg)}.art.slice i,.art.oblique i{width:10px;height:100px;transform:skew(-18deg)}.art.oblique i{width:17px;transform:rotate(28deg) skew(-12deg)}.art.roll{flex-wrap:wrap;padding:32px 70px}.art.roll i{width:34px;height:28px;clip-path:polygon(15% 0,100% 18%,78% 100%,0 72%)}.art.chunk{display:grid;grid-template-columns:repeat(4,34px);align-content:center}.art.chunk i{width:34px;height:34px}.art.diamond{flex-wrap:wrap;padding:35px 60px}.art.diamond i{width:30px;height:30px;transform:rotate(45deg);margin:0 6px}.art.score{display:grid;grid-template-columns:repeat(4,34px);align-content:center;transform:none}.art.score i{width:34px;height:34px;background:repeating-linear-gradient(45deg,#ef4e2c 0,#ef4e2c 5px,#171714,#171714 7px)}.name{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9b968a;padding-bottom:14px}.name h2{font:700 30px Songti SC,serif;margin:0}.name small{font-size:9px;letter-spacing:.14em}.name mark{background:#ef4e2c;color:#fff;padding:6px 9px;font-weight:700}.grid dl{margin:14px 0}.grid dl>div{display:grid;grid-template-columns:55px 1fr;padding:6px 0}.grid dt{font-size:11px;color:#7a756b}.grid dd{margin:0;font-size:13px}.tip{font-family:Songti SC,serif;background:#e4dfd2;padding:12px;font-size:13px;line-height:1.65;margin:0}.tip b{font-family:Arial,sans-serif;font-size:10px;margin-right:10px;color:#ef4e2c}.empty{text-align:center;border:2px dashed #777268;padding:70px 20px}.empty strong{font:32px Songti SC,serif}.empty p{color:#6f6a60}.empty button{background:#ef4e2c;color:#fff;border:0;padding:12px 18px}footer{background:#171714;color:#c9c5bb;display:flex;justify-content:space-between;padding:28px clamp(18px,5vw,70px);font-size:10px;letter-spacing:.08em;margin-top:40px}@media(max-width:760px){header p{display:none}.hero{grid-template-columns:1fr;min-height:460px}.knife{height:120px}.finder{grid-template-columns:1fr;gap:20px}.grid{grid-template-columns:1fr}.title h1{font-size:52px}.art{height:135px}}@media(max-width:440px){header{height:62px}main{padding-left:12px;padding-right:12px}.logo{font-size:16px}.logo span{width:31px;height:31px}.hero{min-height:400px}.title h1{font-size:43px}.finder nav button{padding:8px 12px}.grid article{box-shadow:4px 4px #171714}.art.roll,.art.diamond{padding-left:35px;padding-right:35px}footer{flex-direction:column;gap:10px}}