.arttao-po-wrap{
 --cyan:#CCFFFF;
 --pink:#FFCCFF;
 --cream:#FFEBCD;
 --line:#d8e2e2;

 width:100%;
 max-width:1500px;
 margin:8px auto;
 color:#202020;

 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
 font-weight:400
}
.arttao-po-wrap *{box-sizing:border-box}

/* 外层保持整页工作宽度，不能限制13个子插件 */
.arttao-po-group{
 width:100%;
 max-width:1500px;
 margin:0 auto;
 background:transparent;
 border:0;
 overflow:visible
}

/* 只有4个栏目标题按钮做成窄按钮并居中 */
.arttao-po-group-toggle{
 position:relative;
 display:block;
 width:190px;
 max-width:calc(100% - 20px);
 min-height:40px;
 margin:0 auto;
 padding:7px 34px 7px 16px;

 border:1px solid var(--cream);
 border-radius:7px;
 background:var(--cyan);

 text-align:center;
 font-size:13px;
 line-height:1.35;
 font-weight:400;
 white-space:normal;
 cursor:pointer
}

.arttao-po-group-toggle span{
 display:block;
 width:100%;
 text-align:center
}

.arttao-po-group-toggle i,
.arttao-po-item-toggle i{
 position:absolute;
 right:12px;
 top:50%;
 transform:translateY(-50%);
 font-style:normal;
 font-weight:400
}

.arttao-po-group-body[hidden],
.arttao-po-item-content[hidden]{
 display:none!important
}

/* 展开后的13个插件区域恢复全宽 */
.arttao-po-group-body{
 width:100%;
 max-width:1500px;
 margin:7px auto 0;
 padding:7px;

 border:1px solid var(--line);
 border-radius:7px;
 background:#fafcfc
}

.arttao-po-item{
 width:100%;
 margin:5px 0
}

/* 13个子插件按钮恢复100%宽度 */
.arttao-po-item-toggle{
 position:relative;
 display:block;
 width:100%;
 min-height:32px;
 padding:6px 36px 6px 10px;

 border:1px solid var(--pink);
 border-radius:5px;
 background:#fff;

 text-align:left;
 font-size:10px;
 font-weight:400;
 cursor:pointer
}

.arttao-po-item-toggle[aria-expanded="true"]{
 background:#CCFFFF
}

/* 每个真实插件内容也是完整工作宽度 */
.arttao-po-item-content{
 width:100%;
 max-width:none;
 margin-top:5px;
 padding:7px;

 border:1px solid #edf1f1;
 border-radius:6px;
 background:#fff
}

.arttao-po-all .arttao-po-wrap{
 margin-bottom:7px
}

@media(max-width:700px){
 .arttao-po-group-toggle{
   width:180px;
   font-size:11px
 }
 .arttao-po-item-toggle{
   width:100%;
   font-size:10px
 }
 .arttao-po-group-body,
 .arttao-po-item-content{
   width:100%
 }
}