body[data-view]{--accent:#fe2c55;color:#191919;background:#f6f6f6}body[data-view] .brand{color:#111}body[data-view] nav .current{color:#111;border-color:#fe2c55}body[data-view] header{height:70px}body[data-view] .notice{background:#fff1f4;color:#935063;font-size:12px}body[data-view] main{max-width:1350px}.view-picker{display:flex;align-items:center;gap:8px;padding:18px 0;font-size:13px;flex-wrap:wrap}.view-picker>span{margin-right:10px;color:#777}.view-picker button{background:white;color:#666;border:1px solid #ddd;padding:8px 16px;font-size:14px}.view-picker button[aria-pressed=true]{background:#191919;color:white;border-color:#191919}.search-top{background:white;padding:25px 30px 18px;border-radius:14px}.shop-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.shop-name strong{font-size:26px;letter-spacing:-1px}.shop-name strong span{font-size:16px;font-weight:normal;margin-left:12px;letter-spacing:0}.shop-name>span{font-size:13px;color:#777}#search-form{display:flex;align-items:center;gap:12px;border:2px solid #222;border-radius:9px;background:#f7f7f7;padding:5px 5px 5px 16px}#search-form>span{font-size:28px;line-height:1}#search-form input{border:0;outline:none;background:transparent;min-width:0;flex:1;padding:8px 0}#search-form button{background:#fe2c55;padding:9px 26px}.search-hint{font-size:12px;color:#999;margin-top:10px}.category-strip{padding:20px 0;border-bottom:1px solid #e4e4e4;gap:12px}.category-strip .active{background:#111;color:white}.hot-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:28px}.hot-head p{font-size:12px;letter-spacing:1px;color:#999;margin:0}.hot-head h1{font-size:28px;letter-spacing:0;margin:5px 0}.hot-head h1 span{background:#fe2c55;color:white;font-size:12px;border-radius:4px;vertical-align:middle;padding:4px 7px}.hot-head div>div{font-size:14px;color:#777}.hot-head label{font-size:13px;white-space:nowrap}.hot-head select{border:1px solid #ddd;padding:9px;background:white;border-radius:7px;font-size:14px}.data-note{font-size:12px;color:#969696;margin:16px 0}.sales{font-size:13px;color:#7c7c7c}.sales strong{color:#343434;margin:0 5px}.sales span{font-size:12px}.image-credit{font-size:12px;color:#999;margin:0 0 25px}.image-credit a{text-decoration:underline}body[data-view] .cover{position:relative;justify-content:center;align-items:center;height:230px;padding:15px;overflow:hidden}body[data-view] .cover img{position:absolute;width:100%;height:100%;object-fit:cover}body[data-view] .cover b{font-size:90px;font-weight:900;color:#738091}body[data-view] .cover .rank-no{position:absolute;top:12px;left:12px;z-index:1;letter-spacing:0;background:#fff9;color:#333;padding:4px 8px;border-radius:4px;font-size:12px}body[data-view] .cover small{position:absolute;bottom:8px;right:10px;font-size:12px;background:#ffffffb8;padding:1px 6px;color:#666}body[data-view] .product{border:0;border-radius:10px;box-shadow:0 1px 3px #00000008}body[data-view] .product h2{font-size:17px}body[data-view] .product-body{padding:16px}body[data-view] .price{color:#fe2c55;font-size:23px;margin:6px 0}body[data-view] .reward{background:#fff3f5;margin:10px 0;font-size:12px}body[data-view] .reward strong{color:#fe2c55}body[data-view] .product button{background:#fe2c55;color:white;border:0;font-size:14px}body[data-view] .product button.selected{background:#fff0f3;color:#d92048}body[data-view=shop] .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}body[data-view=shop] .cover{height:210px}body[data-view=rank] .search-top{border-radius:0;border-top:4px solid #111}body[data-view=rank] .grid{display:flex;flex-direction:column;gap:12px}body[data-view=rank] .product{display:grid;grid-template-columns:160px 1fr;border:1px solid #e5e5e5}body[data-view=rank] .cover{height:160px}body[data-view=rank] .product-body{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:6px 24px}body[data-view=rank] .meta{grid-column:1}body[data-view=rank] h2{grid-column:1;grid-row:2;margin:0}body[data-view=rank] .sales{grid-column:1;grid-row:3}body[data-view=rank] .price{grid-column:2;grid-row:1}body[data-view=rank] .reward{grid-column:2;grid-row:2/4;display:block;margin:0}body[data-view=rank] .reward span{display:block}body[data-view=rank] .reward b{display:inline;margin-left:6px}body[data-view=rank] .product button{grid-column:3;grid-row:2;background:#111}body[data-view=edit]{background:#f5f5f2}body[data-view=edit] .search-top{background:#182323;color:white;border-radius:14px}body[data-view=edit] #search-form{background:white;border-color:white;color:#111}body[data-view=edit] .search-hint,body[data-view=edit] .shop-name>span{color:#b9c9c5}body[data-view=edit] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}body[data-view=edit] .cover{height:280px}body[data-view=edit] .product:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr;background:#e3ece7}body[data-view=edit] .product:first-child .cover{height:100%;min-height:340px;background:#d1dfd8}body[data-view=edit] .product:first-child .product-body{padding:32px;align-self:center}body[data-view=edit] .product:first-child h2{font-size:27px}body[data-view=edit] .product button{background:#213d35}body[data-view=edit] .reward{background:#eef4f0}body[data-view=edit] .price,body[data-view=edit] .reward strong{color:#285343}@media(max-width:1000px){body[data-view=shop] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-view=edit] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body[data-view] main{padding:0 14px}.view-picker{gap:5px}.view-picker>span{display:none}.view-picker button{flex:1;font-size:12px;padding:9px 5px}.search-top{padding:17px 14px}.shop-name strong{font-size:24px}.shop-name strong span{font-size:14px}#search-form input{font-size:14px}#search-form button{padding:8px 14px;font-size:14px}.category-strip{gap:2px;padding:12px 0}.category-strip button{padding:8px;font-size:12px}.hot-head{align-items:flex-start;margin-top:20px;gap:6px}.hot-head h1{font-size:22px}.hot-head div>div{font-size:12px}.hot-head label{font-size:0}.hot-head select{font-size:12px;max-width:115px}.data-note{font-size:12px}body[data-view=shop] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-view=shop] .cover{height:155px}body[data-view] .product-body{padding:12px}body[data-view] .product h2{font-size:15px}body[data-view] .meta{font-size:12px}body[data-view] .reward{display:block;padding:8px}body[data-view] .reward span{display:block}body[data-view] .reward b{display:inline;margin-left:4px}body[data-view] .price{font-size:20px}body[data-view=rank] .product{grid-template-columns:105px minmax(0,1fr)}body[data-view=rank] .cover{height:100%}body[data-view=rank] .product-body{grid-template-columns:1fr 1fr;gap:4px 10px}body[data-view=rank] .meta,body[data-view=rank] h2,body[data-view=rank] .sales{grid-column:1/3;grid-row:auto}body[data-view=rank] .price{grid-column:1;grid-row:auto}body[data-view=rank] .reward{grid-column:1/3;grid-row:auto;display:flex;gap:10px}body[data-view=rank] .product button{grid-column:1/3;grid-row:auto}body[data-view=edit] .grid{grid-template-columns:1fr}body[data-view=edit] .product:first-child{grid-column:auto;display:block}body[data-view=edit] .product:first-child .cover{min-height:220px;height:220px}body[data-view=edit] .product:first-child .product-body{padding:20px}body[data-view=edit] .cover{height:240px}}