body{margin:0;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#333}
a{color:#0063dc;text-decoration:none}a:hover{color:#fff;background:#0063dc}
a.img:hover,a.logo:hover{background:none}
#top{border-bottom:1px solid #e6e6e6;padding:10px 0 0;}
#top .in,#main,#foot .in{width:960px;margin:0 auto;padding:0 10px}
.logo{font:bold 34px/1 "Arial Black",Arial,sans-serif;letter-spacing:-2px;display:inline-block;vertical-align:middle}
.logo .b{color:#0063dc}.logo .p{color:#ff0084}
.logo small{font:normal 11px Arial;letter-spacing:0;color:#999;vertical-align:top;margin-left:2px}
#nav{display:inline-block;vertical-align:middle;margin-left:24px;font-size:13px}
#nav a{font-weight:bold;margin-right:16px}
#nav span{color:#999}
.archnote{float:right;color:#999;font-size:11px;margin-top:14px}
.tabs{margin-top:10px;font-size:12px}
.tabs a,.tabs b{display:inline-block;padding:5px 10px 4px;border:1px solid #e6e6e6;border-bottom:none;margin-right:2px;background:#f5f5f5}
.tabs b{background:#fff;position:relative;top:1px}
#main{padding-top:14px;min-height:500px}
h1{font:bold 22px Arial;color:#ff0084;margin:6px 0 4px}
h1.title{color:#000;font-size:20px}
h3{font-size:14px;color:#ff0084;margin:18px 0 6px}
.who{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.who img{width:48px;height:48px;border:1px solid #ddd}
.who .n{font-size:20px;font-weight:bold;color:#000}.who .s{color:#666}
.stream{display:grid;grid-template-columns:repeat(3,300px);gap:18px 30px}
.stream .ph{}
.stream .ph a.img{display:flex;align-items:flex-end;height:244px}
.stream img{border:1px solid #ddd;padding:2px;background:#fff}
.stream .t{font-weight:bold;margin-top:5px}
.stream .m{color:#999;font-size:11px;margin-top:2px}
.pages{text-align:center;margin:26px 0 10px;font-size:13px}
.pages a,.pages b,.pages span{display:inline-block;min-width:22px;padding:3px 6px;margin:0 2px;border:1px solid #ddd}
.pages b{background:#ff0084;color:#fff;border-color:#ff0084}.pages span{color:#ccc}
.cols{display:flex;gap:30px}.cols .l{flex:0 0 520px}.cols .r{flex:1;min-width:0}
.photo img.main{border:1px solid #ddd;padding:4px;background:#fff;max-width:100%;height:auto}
.desc{font-size:13px;line-height:1.5;margin:10px 0 14px;max-width:510px}
.nb{border:1px solid #e6e6e6;background:#f8f8f8;padding:8px;margin-bottom:12px}
.nb .ctx{display:flex;gap:6px;align-items:center;margin-top:6px}
.nb img{border:1px solid #ccc}
.side h4{font-size:12px;margin:14px 0 4px;color:#666;font-weight:bold;border-bottom:1px solid #eee;padding-bottom:3px}
.side ul{list-style:none;margin:0;padding:0}.side li{margin:2px 0}
.tag{display:inline-block;margin:0 6px 3px 0}
.comments .c{display:flex;gap:10px;border-top:1px solid #eee;padding:10px 0}
.comments .av{flex:0 0 32px;height:32px;background:#e0e0e0;color:#fff;font:bold 15px/32px Arial;text-align:center}
.comments .av.me{background:url(../img/buddyicon48.jpg) center/cover}
.comments .who2{font-weight:bold}.comments .d{color:#999;font-size:11px}
.sets{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.set{display:flex;gap:12px}.set img{border:1px solid #ccc;padding:2px}
.sq{display:flex;flex-wrap:wrap;gap:6px}.sq img{display:block;border:1px solid #ddd}
.cloud a{display:inline-block;margin:0 8px 6px 0}
.box{border:1px solid #e6e6e6;padding:12px;background:#fafafa;margin:14px 0;max-width:900px;line-height:1.5}
.lg{text-align:center}.lg img{max-width:100%;height:auto;border:1px solid #ddd;padding:4px}
#foot{border-top:1px solid #e6e6e6;margin-top:40px;padding:14px 0;color:#999;font-size:11px;background:#fafafa}
#foot .logo{font-size:16px;letter-spacing:-1px}
@media (max-width:980px){#top .in,#main,#foot .in{width:auto}.stream{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cols{flex-direction:column}.cols .l{flex:auto}.sets{grid-template-columns:1fr}.archnote{float:none;display:block}}