*{box-sizing:border-box}body{margin:0;background:#f2f3f7;color:#24344a;font:16px Arial,'PingFang SC',sans-serif}button,input,a{font:inherit}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #78a5ee;outline-offset:3px}.notice{max-width:714px;margin:10px auto 0;border:1px solid #f4c56f;background:#fff9eb;color:#a87530;border-radius:16px;text-align:center;padding:35px 18px;font-size:14px}.home{width:380px;max-width:calc(100% - 30px);margin:0 auto 34px;padding:42px 20px 56px;background:white;border-radius:40px;box-shadow:0 24px 55px #263b5519;text-align:center}.spark{font-size:44px;margin:5px 0 28px}.home h1{font-size:26px;margin-bottom:30px}.hint{border-radius:30px;background:#f6f7fa;color:#94a2ba;padding:12px;font-size:14px}.count{display:inline-block;background:linear-gradient(90deg,#fff1e3,#ffe6d4);color:#b7632c;border-radius:24px;padding:10px 18px;margin:12px 0;font-size:14px}.count b{color:#ff493e;font-size:18px}.channel{border:1px solid #e5ecf7;border-radius:28px;margin-bottom:26px;padding:28px 20px;box-shadow:0 12px 26px #23395408}.channel:last-child{margin-bottom:0}.channel h2{font-size:24px;margin:3px 0 14px;color:#193450}.channel p{font-size:14px;color:#94a2ba;margin-bottom:28px}.pill{width:100%;border:1px solid #cee0ff;border-radius:30px;padding:17px;background:#edf3ff;color:#237bff;font-weight:bold}.gold{background:#faeedc;border-color:#f2d7b0;color:#e66b23}.service{position:fixed;right:0;top:54%;writing-mode:vertical-rl;line-height:1.5;background:#4c69e2;color:white;padding:13px 10px;border-radius:12px 0 0 12px;box-shadow:0 8px 25px #233b5438;z-index:3;font-weight:bold}.return{position:fixed;left:12px;top:12px;border-radius:28px;padding:12px 16px;background:white;box-shadow:0 6px 18px #0002;z-index:2;font-size:13px}.store{max-width:1020px;margin:12px auto;padding-bottom:30px}.brand{text-align:right;font-size:14px;color:#222;font-weight:bold;margin:14px 8px}.hero{min-height:574px;background:linear-gradient(110deg,#265357,#101c1e);border-radius:16px;color:#fff;display:grid;grid-template-columns:57% 43%;padding:24px;overflow:hidden}.hero-main{align-self:center;padding:45px}.hero-main h1{font-size:58px;margin:10px 0 0}.hero-main p{font-size:28px;color:#d2e2df;margin:0 0 18px}.hero-main a{display:inline-block;background:white;color:#4b9289;padding:12px 18px;border-radius:9px;font-size:26px;font-weight:bold}.badge{font-size:11px;background:#ffffff25;padding:5px 9px;border-radius:6px}.hot{border:1px solid #a05d61;border-radius:15px;background:#06101290;padding:28px 18px;align-content:center}.hot h2{font-size:24px}.hot-item{display:flex;gap:12px;align-items:center;background:#33222188;border:1px solid #634140;border-radius:8px;margin:10px 0;padding:10px;font-size:12px}.hot-item b{flex:1}.tag{font-size:11px;background:#6e2625;color:#ff9b91;padding:8px;border-radius:20px}.icon{width:54px;height:54px;border-radius:12px;color:white;display:grid;place-items:center;font-size:30px;flex-shrink:0;box-shadow:inset 0 0 0 3px #ffffff18}.icon img{width:100%;height:100%;object-fit:contain;box-sizing:border-box;padding:2px;border-radius:inherit}.search-box{margin-top:18px;border:2px solid #68aaa0;background:#f0fffc;border-radius:18px;padding:12px;color:#487e77;box-shadow:0 10px 20px #61a29815;font-size:14px}.search-box label{display:block;font-weight:bold;margin:0 3px 10px}.search-box input{width:100%;padding:15px;border:1px solid #bcdad5;border-radius:12px;background:#fff}.categories{display:flex;overflow:auto;gap:10px;padding:28px 0 14px}.categories button{white-space:nowrap;background:white;color:#777;border:1px solid #e5e5e5;border-radius:9px;padding:9px 15px;font-size:13px}.categories .active{background:#242424;color:white}.list-title{color:#222;margin:0 3px 10px;font-weight:bold}.list-title small{font-size:10px;color:#999;margin-left:8px;font-weight:normal}.resource{display:flex;align-items:center;gap:15px;background:white;padding:18px 20px;border-bottom:1px solid #eee}.resource:first-child{border-radius:14px 14px 0 0}.resource:last-child{border-radius:0 0 14px 14px}.resource .info{flex:1;min-width:0}.resource b{color:#222;font-size:16px}.meta{color:#aaa;font-size:12px;margin-top:8px}.stars{color:#eaa64f}.get{color:#3079e7;background:#edf4ff;border-radius:24px;padding:9px 22px;font-weight:bold}.footer{text-align:center;font-size:12px;color:#aaa;margin-top:25px}.dark{background:linear-gradient(120deg,#35192a,#180e19);min-height:100vh;color:#222;padding:24px 15px 50px}.narrow{width:480px;max-width:100%;margin:auto}.back{display:inline-block;color:inherit;opacity:.75;font-size:13px;margin-bottom:14px}.dark .back{color:white}.task-shell{background:#f4eee5;padding:17px;border-radius:22px}.task-banner{background:#fff7f5;border:1px solid #efd2d8;border-left:6px solid #d45260;border-radius:14px;text-align:center;padding:22px 10px;color:#b6404f;line-height:1.8}.task-banner h2{font-size:22px;margin-bottom:4px}.task-banner p{font-weight:bold;font-size:15px;margin:0}.step{background:white;border-radius:18px;padding:22px 16px;margin-top:20px;box-shadow:0 8px 18px #0001;line-height:1.8}.step h2{font-size:18px;margin-bottom:15px}.copybox{padding:12px;border:1px solid #eee;border-radius:10px;text-align:center}.row{display:flex;gap:8px}.orange{background:#f37d2b;border-radius:25px;color:white;padding:12px 18px;flex:1;font-size:13px;font-weight:bold;box-shadow:0 6px 12px #eb7f2828}.center{text-align:center}.instruction{color:#a15a47;font-weight:bold;font-size:14px;text-align:center;margin:18px 0 8px}.sample{background:#f8f8fa;border:1px solid #eee;border-radius:12px;padding:22px;margin-top:22px;color:#777;font-size:13px}.upload-card,.vip-card{background:white;border-radius:22px;padding:30px 24px;color:#333}.upload-card h1,.vip-card h1{text-align:center;font-size:23px;margin:18px 0}.sub{font-size:13px;color:#888;text-align:center;line-height:1.8}.upload-zone{border:2px dashed #dac7cf;background:#fff9fc;border-radius:18px;padding:24px 16px;text-align:center;color:#a47787;margin-top:18px}.plus{font-size:38px;color:#995d74;margin-bottom:6px}.upload-zone input{width:100%;margin-top:18px;padding:8px;border:1px solid #e7dfe3;border-radius:10px;background:white;font-size:13px}.upload-zone input::file-selector-button{background:#387bc4;color:white;border:0;border-radius:8px;padding:12px;margin-right:10px}.selected{font-size:12px;color:#999;text-align:right;margin:12px 0 28px}.warning{background:#fff3f0;border:1px solid #f1d5d4;color:#a75c4b;border-radius:14px;padding:15px;font-size:13px;line-height:1.9;margin:18px 0}.primary{width:100%;background:linear-gradient(110deg,#438cde,#2d5cb2);color:white;padding:15px;border-radius:13px;font-size:14px;font-weight:bold;box-shadow:0 7px 15px #2e63b82a}.primary:disabled{opacity:.45;cursor:not-allowed}.previews{display:flex;flex-wrap:wrap;gap:8px}.thumb{position:relative}.thumb img{width:88px;height:88px;object-fit:cover;border-radius:10px}.remove{position:absolute;right:0;top:0;background:#333;color:white;border-radius:50%;width:22px;height:22px}.vip-wrap{padding:0 15px 40px}.vip-card{width:480px;max-width:100%;margin:auto;box-shadow:0 28px 55px #0005;padding:24px}.vip-card .back{color:#937f65}.vip-step{background:#fff8ef;color:#8a6140;border-radius:14px;padding:17px;font-size:15px;font-weight:bold;line-height:1.8;margin:20px 0 12px}.placeholder{height:150px;display:grid;place-items:center;text-align:center;border:1px solid #e8decf;border-radius:12px;background:repeating-linear-gradient(45deg,#faf6ee,#faf6ee 10px,#fff 10px,#fff 20px);color:#a79780;font-size:13px}.vip-card .upload-zone{background:#fffaf0;border-color:#ded3b9;color:#a77843}.vip-card .primary{background:linear-gradient(100deg,#d89858,#d47a62)}.demo{font-size:12px;text-align:center;color:#98a2b0;margin:10px 0}.success{text-align:center}.success .check{font-size:48px;color:#65ad8b}.success .copybox{word-break:break-all;text-align:left;margin:20px 0}.success a{display:inline-block;margin-top:18px;color:#3975c6}#toast{display:none;position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#263448ee;color:white;border-radius:25px;z-index:10;font-size:14px;max-width:90%;text-align:center}dialog{border:0;border-radius:20px;padding:30px;color:#33445c;max-width:90%}dialog::backdrop{background:#0005}dialog button{padding:10px 20px;border-radius:10px;background:#edf3ff;color:#3576cf}.empty{text-align:center;padding:50px;background:white;color:#999}@media(max-width:700px){.notice{margin:10px 15px 0;padding:20px 12px}.home{margin-top:12px;padding-top:30px}.store{padding:50px 15px 30px;margin:0}.brand{text-align:center}.hero{grid-template-columns:1fr;min-height:auto;padding:16px}.hero-main{padding:32px 18px}.hero-main h1{font-size:40px}.hero-main p{font-size:22px}.hero-main a{font-size:20px}.hot{padding:18px}.hot h2{font-size:20px}.service{font-size:13px;padding:10px 6px}.resource{padding:16px 12px;gap:10px}.resource b{font-size:14px}.get{padding:8px 14px;font-size:13px}.dark{padding-top:65px}.vip-wrap{padding-top:60px}.home h1{font-size:24px}.narrow{width:480px}.meta{line-height:1.6}.return{font-size:12px}.demo{font-size:11px}}
/* Recorded flow refinements */
.resource{margin-bottom:12px;border:0;border-radius:12px!important}.get{background:#15b39c;color:white;border-radius:7px}.approval-card{background:white;border-radius:22px;padding:25px 18px;color:#292929}.approval-card>.check{background:#ddf7eb;color:#36bc86;width:58px;height:58px;line-height:58px;text-align:center;font-size:36px;border-radius:18px;margin:0 auto 20px}.approval-card>h1{font-size:24px;text-align:center;margin-bottom:10px}.approval-card>h2{font-size:18px;text-align:center}.approval-card>h3{font-size:15px;margin:22px 0 12px}.entrance{border:2px solid #cd6d93;border-radius:18px;background:#fff7fa;padding:18px;box-shadow:0 10px 20px #b9406e18}.entrance small{color:#c54f80}.entrance h3{margin:10px 0;color:#333}.entrance p{color:#aaa;font-size:12px}.pink-btn{display:block;text-align:center;padding:14px;border-radius:12px;color:white;background:linear-gradient(100deg,#d34f84,#b62b64);font-weight:bold;box-shadow:0 8px 12px #b62b6428}.promotion{display:flex;flex-direction:column;gap:10px;border:1px solid #eee;border-radius:14px;padding:17px;background:#fdfdfd;font-size:13px;box-shadow:0 5px 12px #00000006}.promotion small,.promotion span{font-size:11px;color:#c1517f}.promotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.download-page{background:linear-gradient(#fcffed,#f5f7f0);min-height:100vh;color:#262626;padding-bottom:40px}.download-notice{font-size:11px;background:#fff9df;border-bottom:1px solid #e2d48a;padding:16px;text-align:center;color:#8d7b45}.download-shell{width:480px;max-width:100%;margin:auto;padding:22px 14px}.site-logo{font-size:36px;width:64px;height:64px;border-radius:50%;background:white;box-shadow:0 0 0 3px #f1e29b,0 8px 15px #0001;display:grid;place-items:center;margin:10px auto 18px}.download-shell h1{text-align:center;font-size:24px}.bookmark{border:2px solid #eebd65;background:#fff8d9;border-radius:12px;text-align:center;padding:12px;line-height:1.9;font-size:12px;box-shadow:0 5px 8px #0001}.bookmark button{background:#f49b31;color:white;border-radius:20px;padding:5px 12px;font-size:11px}.download-intro{text-align:center;font-size:12px;line-height:2;margin:20px 0}.rank-row{display:flex;align-items:center;gap:10px;min-height:52px;background:white;border-radius:15px;margin:13px 0;padding:11px 12px;box-shadow:0 6px 8px #00000009}.rank-row.featured{border:2px solid #54b7a8}.rank-row small{font-size:10px;color:#d1a45b;background:#fff8ea;padding:4px}.rank-row b{flex:1;text-align:center;font-size:13px}.rank-row button{background:#18b497;color:white;font-size:12px;padding:7px 12px;border-radius:7px}.dots{color:#bbb}.document-page{max-width:480px;min-height:100vh;margin:auto;background:white;text-align:center;padding:24px}.document-page .back{display:block;text-align:left}.wps-icon{font-size:40px;background:linear-gradient(120deg,#527be4,#2654be);color:white;width:65px;height:70px;margin:90px auto 15px;display:grid;place-items:center;border-radius:7px;box-shadow:0 8px 10px #0002}.document-page h1{font-size:17px;margin-bottom:120px}.document-page>p{font-size:13px}.wechat-btn{display:block;width:100%;background:#489721;color:white;padding:15px;border-radius:8px;font-size:14px}.web-open{display:block;font-size:13px;margin-top:16px}.payment-example{background:white;border:1px solid #eee;text-align:center;padding:24px 15px;border-radius:12px}.payment-example>b{color:#1dba7c;font-size:15px}.payment-example strong{display:block;color:#222;font-size:36px;margin:16px}.payment-example p{text-align:left;font-size:12px;color:#888;margin:18px 0}.payment-example p span{float:right}.payment-example small{color:#aaa;font-size:11px}.donation-image{display:block;max-width:100%;margin:auto;border-radius:12px}#activityToast{pointer-events:none;opacity:0;position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:5;background:#263344ed;color:white;padding:11px 17px;border-radius:25px;font-size:12px;white-space:nowrap;transition:opacity .3s;max-width:95%;overflow:hidden;text-overflow:ellipsis}#activityToast.visible{opacity:1}#contact{padding:0;width:740px;max-width:calc(100vw - 24px);height:88dvh;max-height:920px;overflow:hidden;background:#f5f6f7;border-radius:25px}#contact[open]{display:flex;flex-direction:column}.chat-header{background:white;padding:24px 25px;border-bottom:1px solid #eee}.chat-header h2{font-size:26px;margin-bottom:12px;color:#242424}.chat-header p{margin:0;color:#999;font-size:14px}.chat-header p b{color:#20a857}.chat-header>button{float:right;font-size:32px;padding:0 4px;border:0;background:none;color:#888}.chat-body{flex:1;overflow:auto;padding:22px}.quick-help{background:white;padding:16px;border-radius:22px}.quick-help button,.quick-help>div{display:block;width:100%;background:#eff1f4;color:#375c84;border:0;border-radius:17px;padding:20px 16px;margin-bottom:12px;text-align:center;font-size:19px;font-weight:bold;line-height:1.6}.quick-help>div{margin-bottom:0}.welcome{text-align:center;color:#999;margin:27px 0}.message{max-width:84%;margin:22px 0;padding:20px;border-radius:22px;position:relative;box-shadow:0 3px 7px #00000006;line-height:1.8;color:#333}.message p{margin:0;overflow-wrap:anywhere;white-space:normal}.message>b{display:block;font-size:14px;color:#476fe2;margin-bottom:8px}.message.incoming{background:white;margin-right:auto}.message.outgoing{margin-left:auto;background:#4168df;color:white;width:fit-content}.message time{display:block;font-size:11px;color:#aaa;margin-top:8px}.message a{color:#4267d9;overflow-wrap:anywhere}.message img{max-width:100%;max-height:250px;border-radius:12px}.chat-compose{display:flex;align-items:center;gap:10px;background:white;padding:16px;border-top:1px solid #eee}.chat-compose .attach{width:54px;height:54px;flex-shrink:0;border:1px solid #cbd7ff;border-radius:15px;display:grid;place-items:center;background:#edf2ff;font-size:35px;font-weight:bold;color:#4269df;cursor:pointer}.chat-compose>input{min-width:0;flex:1;border:1px solid #ddd;border-radius:17px;padding:16px;font-size:16px}.chat-compose>button{padding:16px 20px;color:white;background:#4168df;border-radius:15px;font-weight:bold}#downloadNotice{max-width:360px;line-height:1.9}#downloadNotice h2{text-align:center;color:#c6497c;font-size:19px}#downloadNotice button{width:100%;background:#bd3f74;color:white;font-weight:bold}
@media(max-width:700px){.home{padding:20px 16px 22px;border-radius:30px}.spark{font-size:29px;margin:0 0 15px}.home h1{font-size:22px;margin-bottom:18px}.hint{font-size:12px;padding:10px}.count{font-size:12px;margin:10px 0}.count b{font-size:16px}.channel{padding:20px 16px;margin-bottom:14px;border-radius:24px}.channel h2{font-size:22px;margin-bottom:12px}.channel p{font-size:12px;margin-bottom:20px}.pill{padding:13px}.notice{padding:15px 10px;font-size:10px}.store{padding:42px 12px 30px}.hero{grid-template-columns:57% 43%;padding:10px;min-height:200px}.hero-main{padding:10px 8px}.hero-main h1{font-size:29px}.hero-main p{font-size:15px}.hero-main a{font-size:15px;padding:8px 12px}.badge{font-size:8px}.hot{padding:10px 7px;border-radius:10px}.hot h2{font-size:13px;margin:0 0 10px}.hot-item{gap:5px;font-size:8px;padding:6px;margin:6px 0;min-height:39px}.hot-item .icon{width:27px;height:27px;font-size:18px;border-radius:6px}.hot-item .tag{display:none}.resource .icon{width:46px;height:46px;font-size:26px}.search-box{font-size:12px;padding:10px}.search-box input{font-size:12px;padding:12px}.categories{padding:20px 0 14px;gap:8px}.categories button{padding:7px 11px;font-size:11px}.brand{font-size:12px;text-align:right}.resource{margin-bottom:12px;padding:14px 12px}.meta{font-size:10px}.resource b{font-size:13px}.dark{padding:46px 12px 30px}.step{padding:16px 12px}.step h2{font-size:14px}.orange{padding:9px 8px;font-size:11px;text-align:center}.task-banner h2{font-size:18px}.task-banner p{font-size:12px}.instruction{font-size:12px}.upload-card{padding:24px 18px}.service{font-size:13px}body[data-view="home"] .service,body[data-view="store"] .service,body[data-view="downloads"] .service{writing-mode:horizontal-tb;top:auto;bottom:65px;right:18px;border-radius:28px;padding:10px 14px}body[data-view="home"] .service br,body[data-view="store"] .service br,body[data-view="downloads"] .service br{display:none}.vip-wrap{padding:45px 12px 30px}.vip-card{padding:20px 16px}.vip-step{font-size:13px}.chat-header{padding:20px 18px}.chat-header h2{font-size:24px}.chat-header p{font-size:11px}.chat-body{padding:15px}.quick-help{padding:12px}.quick-help button,.quick-help>div{font-size:15px;padding:15px 12px;border-radius:14px}.message{font-size:16px;padding:16px;max-width:88%}.chat-compose{padding:12px 10px;gap:8px}.chat-compose .attach{width:44px;height:46px;font-size:30px}.chat-compose>input{padding:13px 10px;font-size:13px}.chat-compose>button{font-size:14px;padding:14px}.approval-card{padding:23px 16px}.rank-row b{font-size:12px}.download-notice{font-size:10px}#activityToast{font-size:10px}.welcome{font-size:14px}}
.web-search-fallback{display:block;text-align:center;font-size:12px;color:#8d6557;text-decoration:underline;margin-top:12px}
/* Keep mobile navigation and rotating messages in separate rows. */
@media(max-width:700px){
  body[data-view="activity"] .return,
  body[data-view="submit"] .return,
  body[data-view="approved"] .return,
  body[data-view="result"] .return,
  body[data-view="store"] .return{position:relative;display:block;top:auto;left:auto;width:fit-content;margin:12px 12px 0;z-index:1}
  body[data-view="activity"],body[data-view="submit"],body[data-view="approved"],body[data-view="result"]{background:linear-gradient(120deg,#35192a,#180e19)}
  body[data-view="activity"] .dark,body[data-view="submit"] .dark,body[data-view="approved"] .dark,body[data-view="result"] .dark{padding-top:18px;min-height:calc(100dvh - 58px)}
  body[data-view="store"] .store{padding-top:12px}
  .narrow>.back{display:block;line-height:24px;margin-bottom:14px}
  #activityToast{top:auto;bottom:calc(100px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 24px)}
}


.icon{overflow:hidden;aspect-ratio:1/1}.icon img{display:block}
/* Reference video theme: warm ivory cards, plum canvas, vivid orange actions. */
:root{--reference-orange:#ff6900;--reference-plum:#321524;--reference-cream:#f4eee4;--reference-red:#b63146}
body{background:var(--reference-cream);color:#202020;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
button,a{-webkit-tap-highlight-color:transparent}button:active,.orange:active,.pill:active{transform:scale(.98)}
.home,.store,.download-shell,.approval-card,.upload-card,.vip-card{box-shadow:0 16px 34px #6b4a2820;border-radius:24px;background:#fffdf9}
.home{padding:34px 26px}.channel{background:#fff;border:1px solid #e6ddd0;box-shadow:0 10px 25px #8b624d13}.channel h2{color:#241522}.hint,.count{background:#fff1e6;color:#aa5930}.notice,.download-notice{background:#fff8f1;border-color:#f2cba3;color:#a15e42}
.pill,.primary,.get,.wechat-btn{background:var(--reference-orange);color:#fff;border:0;box-shadow:0 8px 20px #ff690025}.pill,.get{border-radius:24px}.store .hero{background:linear-gradient(120deg,#542138,#281720);border:0}.hero-main h1,.hero-main p,.hot h2,.hot-item{color:#fff}.hero-main a{background:var(--reference-orange);color:#fff}.hot{background:#20101bbb;border-color:#aa4d51}.hot-item{background:#482734;border:1px solid #77404c}.search-box{background:#fffaf5;border:2px solid #e1b89c;color:#ad4933}.search-box input{border-color:#ecdccc;background:#fff}.categories button{background:#fff;color:#6b554a;border:1px solid #e4d6ca}.categories .active{background:#3b1c2a;color:#fff}.resource{border-color:#e9dfd3;border-radius:18px;box-shadow:0 5px 16px #6b4a2808}.meta{color:#957f72}.get{padding:10px 22px}.return{background:#fff6ed;color:#895b4e;border:1px solid #edddcc}
.dark{background:linear-gradient(120deg,#351627,#1e101d);padding:18px 16px 44px}.narrow{width:480px}.task-shell{padding:18px;background:var(--reference-cream);border-radius:22px}.task-banner{background:linear-gradient(110deg,#fff4f5,#fff9f2);color:var(--reference-red);border:1px solid #edbdc6;border-left:6px solid #e73653;box-shadow:0 12px 28px #b56a5830;padding:22px 12px}.task-banner h2{font-size:20px;margin:0 0 9px}.task-banner p{font-size:15px;line-height:1.7}.step{background:#fff;border:1px solid #e7ded2;border-radius:19px;padding:24px 17px;margin-top:22px;box-shadow:0 15px 26px #7b60442b}.step h2{font-size:18px;line-height:1.65;margin:0 0 18px;color:#161616;letter-spacing:0}.comment-step{min-height:236px}.copybox{border:1px solid #e7ded3;border-radius:12px;box-shadow:0 8px 16px #ad805016;padding:15px 12px;font-size:16px;line-height:1.7;word-break:break-word}.comment-step .copybox{text-align:left}.orange{display:inline-block;text-align:center;background:var(--reference-orange);border-radius:24px;padding:13px 20px;color:#fff;font-size:14px;font-weight:700;box-shadow:0 9px 20px #ff69002d}.center{margin-top:14px}.center .orange{min-width:100px;border-radius:18px}.topic-box b{display:block;font-size:15px;margin-bottom:12px}.topic-box .row{gap:10px}.topic-box .orange{font-size:13px;white-space:nowrap;padding:12px 9px}.instruction{color:#ab3e31;font-size:15px;line-height:1.9;margin:20px 0 18px}.submit-step .sub{text-align:left;font-size:15px;color:#5d5753}.submit-link{display:block;width:fit-content;margin:24px auto 12px;border-radius:20px;padding:16px 22px}.submit-step .sub:last-child{text-align:center;font-size:12px;color:#999}.domain-mark{text-align:center;width:fit-content;background:#faf6ed;border:1px solid #ded4c7;border-radius:30px;padding:9px 24px;margin:34px auto 2px;font-size:14px;font-weight:600}.platform-note{font-size:11px;color:#8a817b;line-height:1.65;margin-top:8px}.web-search-fallback{font-size:12px;color:#af4c37}
.comment-example{position:relative;background:#fff;border:1px solid #c5bdb7;border-radius:16px;padding:18px 12px;min-height:265px;overflow:hidden}.example-tabs{display:flex;gap:25px;padding-bottom:17px;border-bottom:1px solid #eee;font-size:14px}.example-tabs span{color:#777}.example-comment{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:12px}.example-avatar{display:grid;place-items:center;width:36px;height:36px;background:#f3ebde;border-radius:50%;font-size:23px;flex-shrink:0}.example-user{display:block;color:#8c8c8c;margin-bottom:4px}.example-comment strong{display:block;background:#172113;color:#f6ff2d;font-size:17px;padding:1px 8px;line-height:1.5}.example-comment small{color:#999}.example-like{color:#e3344b;margin-left:auto;white-space:nowrap}.example-arrow{position:absolute;right:65px;top:108px;font-size:58px;line-height:1;color:#e43331;transform:rotate(-8deg)}.example-annotation{color:#db2429;font-weight:800;font-size:23px;text-align:right;margin:20px 0 5px}.muted{opacity:.65}.muted p{margin:0}.upload-zone{background:#fff8f1;border-color:#e4ad83;color:#965341}.warning{background:#fff6ec;border-color:#f2d4b4}.upload-card .primary{border-radius:20px}.upload-zone input::file-selector-button{background:var(--reference-orange)}.chat-header{background:linear-gradient(120deg,#522336,#291520);color:#fff}.quick-help{background:#fff9f3;border-color:#f1d4b9}.quick-help button{background:#fff0df;color:#88432f}.chat-compose>button{background:var(--reference-orange)}.incoming{background:#fff8ed}.outgoing{background:#ffedda}.service{background:#4261dd;color:#fff;box-shadow:0 8px 20px #243dac35}.document-page .wechat-btn{background:var(--reference-orange)}
#toast{top:16px;bottom:auto;font-size:13px;line-height:1.6;padding:14px 18px;border-radius:24px;z-index:100;max-width:310px;width:max-content;background:#263342f2}#activityToast{background:#263342ed}
@media(max-width:700px){.home{padding:30px 20px}.channel{padding:24px 18px}.channel h2{font-size:23px}.channel p{font-size:14px}.pill{font-size:15px}.store{padding:48px 13px 30px}.resource .icon{width:52px;height:52px}.resource b{font-size:14px}.meta{font-size:11px}.get{padding:10px 17px;font-size:13px}.dark{padding:18px 12px 40px}.dark .back{font-size:13px;margin-bottom:15px}.task-shell{padding:17px 14px}.task-banner{padding:20px 10px}.task-banner h2{font-size:18px}.task-banner p{font-size:14px}.step{padding:22px 15px;margin-top:22px}.step h2{font-size:17px;margin-bottom:18px}.copybox{font-size:15px;padding:15px 12px}.orange{font-size:13px;padding:13px 17px}.topic-box .orange{font-size:12px;padding:12px 8px}.instruction{font-size:14px}.submit-step .sub{font-size:14px}.submit-link{font-size:15px;padding:15px 19px}.comment-step{min-height:226px}.service{font-size:16px;border-radius:15px 0 0 15px;padding:14px 9px}.comment-example{min-height:265px}.example-comment strong{font-size:15px}.example-annotation{font-size:21px}.chat-header h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep the rotating activity message at the top of the visible page. */
#activityToast{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto;z-index:110}
@media(max-width:700px){#activityToast{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;max-width:calc(100% - 24px)}}