:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:oklch(20% .006 50);background:oklch(99.5% .002 50)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0;letter-spacing:0}.page{max-width:1400px;margin:auto;padding:46px 44px 70px;display:grid;grid-template-columns:420px minmax(0,1fr);gap:64px}.avatar{width:184px;height:184px;border-radius:50%;object-fit:contain;background:oklch(87% .12 48);padding:10px}.profile h1{font-size:46px;line-height:1.1;margin:35px 0 18px;font-weight:800}.profile p{font-size:21px;line-height:1.65;margin-bottom:8px;color:oklch(39% .005 50)}.friends{max-width:340px}.friends span{display:block;font-size:16px;color:oklch(55% .008 50);margin-top:5px}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:176px 176px 176px 176px;gap:38px;align-content:start}.tile{min-width:0;position:relative;overflow:hidden;border:1px solid oklch(92% .004 50);border-radius:24px;background:oklch(99.7% .002 50);box-shadow:0 2px 3px #26201805;transition:transform .2s,box-shadow .2s}.tile[href]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #26201812}.tile h2{font-size:16px;font-weight:500;line-height:1.35}.tile p{font-size:13px;color:oklch(49% .006 50);line-height:1.5}.life{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;padding:22px;gap:12px}.badge{display:grid;place-items:center;background:oklch(66% .19 43);color:oklch(99% .003 40);width:40px;height:40px;border-radius:10px;font-size:28px;margin-bottom:14px}.blue{display:inline-block;margin-top:20px;background:oklch(64% .17 245);color:oklch(99% .003 250);padding:8px 12px;border-radius:7px;font-size:12px}.thumbnails{display:grid;grid-template-columns:repeat(2,60px);gap:8px;flex-shrink:0}.thumbnails img{width:60px;height:60px;border-radius:10px;object-fit:contain;background:oklch(91% .018 70);padding:3px}.thumbnails img:nth-child(2){background:oklch(88% .04 150)}.fur{grid-column:3;grid-row:1;background:oklch(76% .13 50);padding:22px;isolation:isolate}.fur:before{content:"";position:absolute;inset:0;background:url('img/fur-texture.webp') center/cover;z-index:-1}.fur h2{font-size:22px;font-weight:700;color:oklch(31% .07 47);text-shadow:0 1px 1px #ffffff66}.sticker{grid-column:4;grid-row:1;background:oklch(92% .033 145);display:grid;place-items:center}.sticker img{width:90%;height:90%;object-fit:contain}.portrait{grid-column:1;grid-row:2/4;background:oklch(85% .09 48);display:flex;align-items:center;justify-content:center}.portrait img{width:150%;max-width:none;object-fit:contain}.portrait span{position:absolute;bottom:20px;left:20px;color:oklch(34% .055 48);font-size:14px}.blog{grid-column:2;grid-row:2;padding:24px}.blog-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid oklch(93% .003 50);box-shadow:0 2px 3px #00000008;border-radius:10px;font-size:26px;margin-bottom:16px}.map{grid-column:3/5;grid-row:2}.map iframe{border:0;width:100%;height:100%;display:block}.map>a{position:absolute;bottom:16px;left:16px;background:oklch(99.5% .002 50);padding:10px 12px;border-radius:7px;font-size:14px;box-shadow:0 2px 5px #00000015}.qq{grid-column:2;grid-row:3;background:oklch(20% .005 50);color:oklch(97% .003 50);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.qq strong{font-size:48px;letter-spacing:0}.qq span{font-size:13px;color:oklch(75% .004 50)}.music{grid-column:3/5;grid-row:3/5;padding:24px;background:oklch(97% .024 155);border-color:oklch(91% .017 155)}.music-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.music-top img{width:40px;height:40px}.play{background:oklch(72% .2 151);color:oklch(99% .002 150);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.tracks{margin-top:36px;display:grid;gap:16px}.track{display:grid;grid-template-columns:40px minmax(0,1fr) 26px;gap:12px;align-items:center}.track img{width:40px;height:40px;border-radius:5px;background:oklch(84% .04 150);object-fit:cover}.track-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-number{font-size:12px;color:oklch(57% .012 155);text-align:right}.archive{grid-column:1/3;grid-row:4;display:flex;align-items:center;justify-content:space-between;padding:24px;background:oklch(98% .009 60)}.archive-icon{font-size:30px;color:oklch(65% .18 42);display:block;margin-bottom:12px}.archive img{width:52%;height:155px;object-fit:contain;filter:grayscale(1) contrast(1.7);opacity:.23;mix-blend-mode:multiply;transform:rotate(-8deg);transition:opacity .3s}.archive:hover img{opacity:.55}.archive p{margin-top:4px}@media(max-width:1200px){.page{grid-template-columns:300px minmax(0,1fr);gap:36px;padding:36px 30px}.bento{gap:22px}.thumbnails{grid-template-columns:repeat(2,48px)}.thumbnails img{width:48px;height:48px}.life{padding:18px}.fur{padding:18px}.fur h2{font-size:19px}}@media(max-width:1099px){.page{display:block;max-width:800px;padding:30px 24px 48px}.profile{display:grid;grid-template-columns:108px 1fr;column-gap:24px;margin-bottom:32px}.avatar{width:108px;height:108px;grid-row:1/5}.profile h1{font-size:36px;margin:0 0 6px}.profile p{font-size:17px;line-height:1.4;margin-bottom:5px}.friends{max-width:none}.friends span{font-size:13px;margin-top:4px}.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:160px 210px 155px 320px 170px;gap:18px}.tile{border-radius:20px}.life{grid-column:1/3;grid-row:1}.thumbnails{grid-template-columns:repeat(2,54px)}.thumbnails img{width:54px;height:54px}.blue{margin-top:12px}.fur{grid-column:1;grid-row:2;padding:24px}.fur h2{font-size:24px}.portrait{grid-column:2;grid-row:2}.portrait img{width:100%;height:100%}.sticker{display:none}.blog{grid-column:1;grid-row:3;padding:20px}.blog-icon{margin-bottom:8px}.qq{grid-column:2;grid-row:3}.map{grid-column:1;grid-row:4}.music{grid-column:2;grid-row:4;padding:18px}.tracks{margin-top:25px;gap:16px}.track{grid-template-columns:32px minmax(0,1fr);gap:8px}.track img{width:32px;height:32px}.track-number{display:none}.music-top{gap:8px}.play{padding:7px 10px}.archive{grid-column:1/3;grid-row:5}}@media(max-width:430px){.page{padding:24px 16px 40px}.profile{grid-template-columns:82px 1fr;gap:0 18px}.avatar{width:82px;height:82px}.profile h1{font-size:32px}.profile p{font-size:15px}.friends{grid-column:1/3;margin-top:12px}.friends span{display:inline}.bento{gap:14px;grid-template-rows:160px 190px 150px 155px 310px 160px}.fur h2{font-size:21px}.map{grid-column:1/3;grid-row:4}.music{grid-column:1/3;grid-row:5;padding:22px}.archive{grid-row:6}.track{grid-template-columns:40px minmax(0,1fr) 24px}.track img{width:40px;height:40px}.track-number{display:block}.tracks{margin-top:25px}.thumbnails{grid-template-columns:repeat(2,48px)}.thumbnails img{width:48px;height:48px}.life h2{font-size:15px}.badge{margin-bottom:10px}}