.searchable-module{display:contents}.searchable-module[hidden],.folder-child[hidden],.profile-search-panel[hidden],.profile-search-clear[hidden]{display:none!important}.profile-intro{min-height:150px}.profile-search-toggle{position:absolute;right:0;top:75px;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:5px 8px;border:1px solid currentColor;border-radius:18px;color:inherit;background:transparent;font:inherit;font-size:12px;cursor:pointer}.profile-search-toggle svg{width:15px;height:15px}.profile-intro .page-bio{padding-right:70px}.public-mode .profile-search-toggle{top:108px}.profile-search-panel{margin:0 0 18px;color:inherit}.profile-search-field{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffffdd;border:1px solid #52645455;border-radius:12px;color:#294633}.profile-search-input{min-width:0;flex:1;width:100%;border:0;background:transparent;padding:9px 0;color:#294633;font:inherit;font-size:16px;outline-offset:2px}.profile-search-input::placeholder{color:#5d6c5c;opacity:1}.profile-search-clear{padding:8px 3px;color:#36552e;white-space:nowrap;font-size:13px}.profile-search-status{font-size:13px;line-height:1.6;margin:8px 2px 0}.profile-search-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:780px){.public-mode .profile-search-toggle{top:102px}}
/* Compact search in the lower-right corner of the profile header. */
.profile-intro .profile-search-toggle{display:none}
.profile-intro{padding-bottom:64px;min-height:150px}
.profile-intro .page-bio{padding-right:0}
.profile-intro .profile-search-panel{position:absolute;right:0;bottom:12px;width:155px;max-width:65%;margin:0;z-index:2}
.profile-intro .profile-search-field{gap:3px;padding:3px 9px;border:1px solid currentColor;border-radius:18px;background:#ffffff65;color:inherit}
.profile-intro .profile-search-input{font-size:13px;padding:5px 0;color:inherit;line-height:1.5;outline:none;box-shadow:none;background:transparent}
.profile-intro .profile-search-input::placeholder{color:inherit;opacity:.8}
.profile-intro .profile-search-clear{font-size:11px;padding:4px 0;color:inherit}
.profile-intro .profile-search-status{font-size:11px;margin:5px 0 0;line-height:1.4;text-align:right}
.profile-intro .profile-search-status:empty{display:none}
.profile-intro .profile-search-panel:focus-within .profile-search-field{background:#ffffffb8;box-shadow:0 0 0 2px #ffffff66}
@media(max-width:780px){.profile-intro .profile-search-panel{width:145px}.profile-intro .profile-search-input{font-size:16px;padding:3px 0}}
.profile-intro .profile-search-caption{display:block;margin:0 0 6px;font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap;text-align:right;color:inherit;cursor:text}
.profile-intro{padding-bottom:88px}
/* Header layout: aligned text column and compact avatar/search column. */
.profile-page .profile-intro{display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:auto auto auto;column-gap:22px;row-gap:0;align-items:start;min-height:0;padding-bottom:24px}
.profile-page .profile-intro .page-avatar{grid-column:2;grid-row:1;justify-self:center;align-self:start;margin:0;width:70px;height:84px}
.profile-page .profile-intro .page-name{grid-column:1;grid-row:1;align-self:center;margin:0;min-width:0;overflow-wrap:anywhere}
.profile-page .profile-intro .page-bio{grid-column:1;grid-row:2;align-self:center;margin:18px 0 0;padding:0;min-width:0;line-height:1.9}
.profile-page .profile-intro .page-contact{grid-column:1;grid-row:3;margin-top:12px}
.profile-page .profile-intro .profile-search-panel{position:static;grid-column:2;grid-row:2/4;justify-self:center;width:156px;max-width:100%;margin:16px 0 0;align-self:start}
.profile-page .profile-intro .profile-search-caption{text-align:center;font-size:11px;line-height:1.5;letter-spacing:0;margin:0 0 8px;opacity:.9}
.profile-page .profile-intro .profile-search-field{position:relative;gap:4px;min-height:36px;box-sizing:border-box;padding:4px 11px 4px 29px;border:1px solid #ffffffb0;border-radius:20px;background:#ffffff80;color:inherit;box-shadow:0 2px 8px #60404b06}
.profile-page .profile-intro .profile-search-field:before{content:'';position:absolute;left:12px;top:12px;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;opacity:.8}
.profile-page .profile-intro .profile-search-field:after{content:'';position:absolute;left:20px;top:21px;width:5px;height:1.5px;background:currentColor;transform:rotate(45deg);opacity:.8}
.profile-page .profile-intro .profile-search-input{font-size:13px;line-height:20px;padding:2px 0;min-height:20px;border:0;border-radius:0;appearance:none;-webkit-appearance:none}
.profile-page .profile-intro .profile-search-clear{font-size:11px}
.profile-page .profile-intro .profile-search-status{text-align:center;font-size:11px}
@media(max-width:480px){.profile-page .profile-intro{grid-template-columns:minmax(0,1fr) 136px;column-gap:14px}.profile-page .profile-intro .profile-search-panel{width:136px}.profile-page .profile-intro .profile-search-caption{font-size:10px}.profile-page .profile-intro .profile-search-input{font-size:16px}.profile-page .profile-intro .page-name{font-size:27px}.profile-page .profile-intro .page-bio{font-size:12px}}
@media(max-width:350px){.profile-page .profile-intro{grid-template-columns:minmax(0,1fr) 122px;column-gap:10px}.profile-page .profile-intro .profile-search-panel{width:122px}.profile-page .profile-intro .page-name{font-size:23px}}
.profile-page .page-link{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;column-gap:10px;align-items:center}
.profile-page .page-link>.link-symbol{grid-column:1;grid-row:1;justify-self:center;margin:0;max-width:38px}
.profile-page .page-link>.page-link-title{grid-column:2;grid-row:1;width:100%;min-width:0;margin:0;text-align:inherit;overflow-wrap:anywhere}
.profile-page .page-link>.link-arrow,.profile-page .page-link>.folder-chevron,.profile-page .page-link>.page-link-end{grid-column:3;grid-row:1;justify-self:center;margin:0;width:auto;flex:none}
@media(max-width:480px){.profile-page .page-link{grid-template-columns:30px minmax(0,1fr) 30px;column-gap:8px}.profile-page .page-link>.link-symbol{max-width:30px}}
/* Profile layout: biography alignment is controlled independently in the editor. */
.profile-page .profile-intro{grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:auto auto auto;column-gap:24px;row-gap:0;padding-bottom:26px}
.profile-page .profile-intro .page-name{grid-area:1/1/2/2;align-self:center;font-size:34px;line-height:1.3;letter-spacing:.02em}
.profile-page .profile-intro .page-avatar{grid-area:1/2/2/3;justify-self:center;width:62px;height:74px}
.profile-page .profile-intro .page-bio{grid-area:2/1/3/2;display:block;position:static;width:100%;max-width:none;box-sizing:border-box;margin:16px 0 0;padding:0;border:0;font-size:12px;line-height:1.85;letter-spacing:0;opacity:.86;white-space:pre-line;overflow-wrap:anywhere}
.profile-page .profile-intro .profile-search-panel{grid-area:2/2/3/3;display:block;position:static;align-self:start;justify-self:center;width:156px;max-width:100%;margin:40px 0 0;padding:0;border:0}
.profile-page .profile-intro .profile-search-caption{display:block;text-align:center;margin:0 0 8px;font-size:11px;white-space:nowrap}
.profile-page .profile-intro .page-contact{grid-area:3/1/4/-1;margin-top:10px}
.profile-page .profile-intro .page-contact:empty{display:none}
.bio-field textarea{min-height:140px;line-height:1.8;text-align:left}
.bio-alignment{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:8px 0;color:#294f47;font-size:13px}.bio-alignment select{padding:6px 12px;background:#fff;border:1px solid #b9cbbf;border-radius:6px;color:inherit}
@media(max-width:480px){.profile-page .profile-intro{grid-template-columns:minmax(0,1fr) 128px;column-gap:12px}.profile-page .profile-intro .profile-search-panel{width:128px;margin-top:40px}.profile-page .profile-intro .profile-search-caption{font-size:10px}.profile-page .profile-intro .page-name{font-size:25px}.profile-page .profile-intro .page-avatar{width:52px;height:62px}}
.profile-page .profile-intro .page-bio{white-space:normal}
.profile-page .profile-intro .page-bio .bio-line{display:block;white-space:nowrap;letter-spacing:0;line-height:1.85;min-height:1.85em}
.profile-page .profile-intro .page-name{font-weight:600;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:480px){.profile-page .profile-intro{grid-template-columns:minmax(0,1fr) 112px;column-gap:10px}.profile-page .profile-intro .profile-search-panel{width:112px}.profile-page .profile-intro .profile-search-caption{font-size:9px}.profile-page .profile-intro .page-bio{font-size:12px}}
/* Use the actual preview width instead of the desktop browser width. */
.profile-page{container-type:inline-size}
.profile-page .profile-intro .page-avatar{width:112px;height:112px;border-radius:36% 36% 16% 16%;font-size:48px;overflow:hidden}
.profile-page .profile-intro .page-avatar img{width:100%;height:100%;object-fit:cover}
.profile-page .profile-intro .page-name{white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:0}
@container(max-width:420px){
 .profile-page .profile-intro{grid-template-columns:minmax(0,1fr) 112px;column-gap:12px}
 .profile-page .profile-intro .page-name{font-size:25px;letter-spacing:0}
 .profile-page .profile-intro .page-avatar{width:96px;height:96px;font-size:42px}
 .profile-page .profile-intro .page-bio{font-size:12px;margin-top:14px}
 .profile-page .profile-intro .profile-search-panel{width:112px;margin-top:40px}
 .profile-page .profile-intro .profile-search-caption{font-size:9px}
 .profile-page .profile-intro .profile-search-input{font-size:14px}
}
@container(max-width:290px){
 .profile-page .profile-intro{grid-template-columns:minmax(0,1fr) 96px;column-gap:10px}
 .profile-page .profile-intro .page-avatar{width:88px;height:88px;font-size:38px}
 .profile-page .profile-intro .profile-search-panel{width:96px}
 .profile-page .profile-intro .profile-search-caption{font-size:8px}
 .profile-page .profile-intro .profile-search-input{font-size:12px}
}
/* Independent columns prevent a tall avatar from pushing down the biography. */
.profile-page .profile-intro{grid-template-rows:auto auto auto}
.profile-page .profile-intro .page-name{grid-column:1;grid-row:1;align-self:start;margin:0;line-height:1.3}
.profile-page .profile-intro .page-bio{grid-column:1;grid-row:2;align-self:start;margin-top:12px}
.profile-page .profile-intro .page-avatar{grid-column:2;grid-row:1/3;align-self:start}
.profile-page .profile-intro .profile-search-panel{grid-column:2;grid-row:1/3;align-self:start;margin-top:152px}
.profile-page .profile-intro .page-contact{grid-column:1;grid-row:3}
@container(max-width:420px){.profile-page .profile-intro .profile-search-panel{margin-top:136px}}
@container(max-width:290px){.profile-page .profile-intro .profile-search-panel{margin-top:128px}}
.profile-page .profile-intro>.profile-copy-column{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-width:0;padding-top:8px}
.profile-page .profile-intro>.profile-tools-column{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.profile-page .profile-intro .profile-tools-column .page-avatar{flex:none}
.profile-page .profile-intro .profile-tools-column .profile-search-panel{margin-top:40px}
.profile-page .profile-intro .profile-copy-column .page-name{width:100%;box-sizing:border-box}
.profile-page .profile-intro .profile-copy-column .page-bio{margin-top:12px}
/* Align both columns around their own shared center lines. */
.profile-page .profile-intro .profile-copy-column .page-name{text-align:center;align-self:stretch}
.profile-page .profile-intro .profile-tools-column .page-avatar{align-self:center;margin-left:auto;margin-right:auto}
.profile-page .profile-intro .profile-tools-column .profile-search-panel{align-self:center;margin-left:auto;margin-right:auto}
.profile-page .profile-intro .profile-tools-column .profile-search-panel{margin-top:16px}
@font-face{font-family:MSBrush;src:url('/fonts/MaShanZheng-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:MSPlayful;src:url('/fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:MSArt;src:url('/fonts/ZCOOLXiaoWei-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.title-font-sample{font-size:28px;line-height:1.5;padding:8px 0;color:#294f47;overflow-wrap:anywhere}
.bio-field{display:flex;flex-direction:column;position:static!important}
.bio-field #bioCount{position:static!important;display:block;align-self:flex-end;margin:6px 0 0}
.bio-field .bio-alignment{align-self:flex-start;justify-content:flex-start;margin:8px 0 0}
.child-row{grid-template-columns:64px minmax(0,1fr) minmax(0,1.5fr) auto}
.child-avatar-editor{display:flex;flex-direction:column;align-items:center;gap:2px}.child-avatar-upload{cursor:pointer;display:flex!important;align-items:center;justify-content:center;gap:2px!important;width:52px;min-height:54px;border:1px dashed #a9bfac;border-radius:8px;background:#f5f8f1}.child-avatar-upload img{width:38px;height:38px;object-fit:cover;border-radius:7px}.child-avatar-upload span{font-size:20px}.child-avatar-upload small{font-size:10px}.child-avatar-editor .child-avatar-clear{font-size:11px;padding:2px}
.folder-child .child-avatar img{width:30px;height:30px;object-fit:cover;border-radius:7px}
@media(max-width:600px){.child-row{grid-template-columns:60px minmax(0,1fr) auto}.child-row .child-avatar-editor{grid-column:1;grid-row:1/3;align-self:center}.child-row>label{grid-column:2/-1}.child-row>button{grid-column:3}}
/* Fill the avatar mask completely; avoid intrinsic image/grid gaps on mobile. */
.profile-page .profile-intro .page-avatar{position:relative;padding:0;isolation:isolate}
.profile-page .profile-intro .page-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:cover;object-position:center;border-radius:0}
/* Folder and link avatars match the larger requested square. */
.profile-page .page-link{grid-template-columns:48px minmax(0,1fr) 48px}
.profile-page .page-link>.link-symbol{width:48px;height:48px;max-width:48px;overflow:hidden;border-radius:9px}
.profile-page .page-link>.link-symbol>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit}
.profile-page .folder-child .child-avatar img{width:100%;height:100%;object-fit:cover}
.profile-page .page-link{grid-template-columns:56px minmax(0,1fr) 56px}
.profile-page .page-link>.link-symbol{width:56px;height:56px;max-width:56px;border-radius:10px}
.profile-page .page-link{grid-template-columns:68px minmax(0,1fr) 68px}
.profile-page .page-link>.link-symbol{width:68px;height:68px;max-width:68px;border-radius:12px}
/* Child rows are compact, independently of the large parent-folder cards. */
.profile-page .folder-children .page-link.folder-child{grid-template-columns:34px minmax(0,1fr) 34px;min-height:48px;padding:7px 12px;box-sizing:border-box;column-gap:9px}
.profile-page .folder-children .folder-child>.link-symbol{width:34px;height:34px;max-width:34px;border-radius:6px}
.profile-page .folder-children .folder-child>.link-symbol>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-page .folder-children{gap:7px;margin-top:8px;margin-bottom:12px}
/* Hide decorative end indicators without changing click or disclosure behavior. */
.profile-page .page-link>.link-arrow,.profile-page .page-link>.folder-chevron,.profile-page .page-link>.page-link-end{display:none!important}
/* End icons are hidden: release their reserved columns for link titles. */
.profile-page .page-link{grid-template-columns:68px minmax(0,1fr)}
.profile-page .folder-children .page-link.folder-child{grid-template-columns:34px minmax(0,1fr)}
.profile-page .page-link>.page-link-title{grid-column:2;grid-row:1;max-width:100%;min-width:0}
.child-video-source{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.child-video-picker{padding:9px 12px;cursor:pointer;overflow-wrap:anywhere}.child-video-picker input{display:none}.child-video-source button{font-size:12px;padding:4px}
.drag-handle{touch-action:none;user-select:none;-webkit-user-select:none;min-width:26px;min-height:36px;cursor:grab}.drag-handle:active{cursor:grabbing}.module-card.module-dragging{opacity:.55}.module-card.drag-over{outline:2px dashed #235c4c;outline-offset:3px}.module-bottom-tools .module-step-move{font-size:11px;padding:5px 7px;white-space:nowrap}.module-step-move:disabled{opacity:.3;cursor:default}