.wsp{--wsp-ink:#263344;--wsp-muted:#6b7179;--wsp-line:#e5e3dd;--wsp-bg:#f7f6f2;--wsp-accent:#c7462f;--wsp-surface:#fff;min-height:100vh;background:var(--wsp-bg);color:var(--wsp-ink);font:14px/1.6 Inter,"PingFang SC","Microsoft YaHei",sans-serif;text-align:left}.wsp *{box-sizing:border-box}.wsp [hidden]{display:none!important}.wsp button,.wsp input,.wsp textarea{font:inherit;touch-action:manipulation}.wsp button{cursor:pointer;min-height:44px}.wsp button:disabled{cursor:not-allowed;opacity:.5}.wsp button:focus-visible,.wsp input:focus-visible,.wsp textarea:focus-visible{outline:3px solid #9b6545;outline-offset:4px}.wsp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wsp-topbar{background:#fff;border-bottom:1px solid var(--wsp-line);height:80px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.wsp-brand{display:flex;gap:12px;align-items:center}.wsp-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#263344;color:#ffe8c8;font-size:25px;font-weight:800;box-shadow:inset 0 0 0 1px #4c5965}.wsp-brand strong{font-size:17px}.wsp-brand small{display:block;color:#71777e;font-size:11px;font-weight:500;letter-spacing:.1em}.wsp-local-label{font-size:11px;border:1px solid #e8dfcb;color:#776951;background:#faf8f0;padding:5px 11px;border-radius:6px;white-space:nowrap}.wsp-main{max-width:1280px;padding:45px 28px 28px;margin:auto}.wsp-intro{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:0 0 35px}.wsp-eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;color:#8c7c6a;margin:0 0 9px}.wsp h1{font-size:32px;letter-spacing:-.03em;font-weight:750;line-height:1.4;margin:0}.wsp-intro-copy,.wsp-create-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--wsp-muted);margin:13px 0 0;max-width:570px}.wsp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:600;padding:9px 14px;text-decoration:none;transition:background .18s,box-shadow .18s;white-space:nowrap}.wsp-primary{background:var(--wsp-accent);color:#fff;box-shadow:0 4px 10px #c7462f1f}.wsp-primary:hover{background:#b53b27;box-shadow:0 5px 15px #c7462f29}.wsp-create-button{font-size:15px;min-height:52px;margin-top:24px;padding:12px 22px;gap:12px}.wsp-create-button>svg:last-child{margin-left:22px;width:18px}.wsp-secondary{background:#fff;color:#5b6570;border-color:#e3e4df}.wsp-secondary:hover{background:#f3f3ef}.wsp-format-guide{display:flex;align-items:center;gap:21px;border:1px solid #e7e0d4;background:linear-gradient(125deg,#f0eae0,#fbf7f0);border-radius:16px;min-width:333px;padding:20px 24px}.wsp-format-guide strong{font-size:14px;font-weight:650}.wsp-format-guide p{font-size:12px;line-height:1.7;margin:7px 0 9px;color:#777065}.wsp-format-guide p>b{font-size:12px;color:#805e40}.wsp-format-guide small{font-size:10px;color:#78736b}.wsp-format-phone{width:67.5px;aspect-ratio:9/16;border:3px solid #baa487;border-radius:12px;background:#fffdf7;padding:12px 7px 7px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;box-shadow:4px 4px 0 #d7c9b84d}.wsp-format-phone i{position:absolute;top:4px;left:calc(50% - 10px);height:3px;width:20px;background:#baa487;border-radius:4px}.wsp-format-phone b{font-size:17px;color:#956e44;margin:auto 0}.wsp-format-phone>span{display:block;background:#eddbc2;width:100%;height:9px;border-radius:3px}.wsp-format-phone>span:last-child{background:#f1e9dd;height:6px}.wsp-steps{padding:17px 22px;margin:0 0 32px;display:flex;align-items:center;background:#fff;border:1px solid var(--wsp-line);border-radius:11px;list-style:none;gap:16px}.wsp-steps li{display:flex;align-items:center;gap:9px;flex:1;color:#606b73;font-size:12px;white-space:nowrap}.wsp-steps li>b{display:grid;place-items:center;width:25px;height:25px;background:#f8eee3;border:1px solid #e9d9c8;color:#976340;border-radius:50%;font-size:11px}.wsp-steps i{font-style:normal;color:#b5b5ad;margin-left:auto;font-size:17px}.wsp-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.wsp-section-heading h2{font-size:20px;line-height:1.4;margin:0;letter-spacing:-.02em}.wsp-section-heading p{font-size:12px;color:var(--wsp-muted);margin:6px 0 0}.wsp-section-heading>span{font-size:11px;color:#7b807d;white-space:nowrap;background:#ecece6;border:1px solid #e1e2db;padding:4px 10px;border-radius:6px}.wsp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wsp-activity-card{min-width:0;border:1px solid #e2e3dc;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px #28394703}.wsp-card-visual{padding:27px 25px 21px;display:flex;align-items:center;gap:20px;position:relative;min-height:146px;background:linear-gradient(135deg,#f7e8db,#f8efe5)}.wsp-visual-treasure{background:linear-gradient(135deg,#ece5f5,#f2edf8)}.wsp-visual-records{background:linear-gradient(135deg,#e6eeeb,#f0f5ef)}.wsp-card-symbol{display:grid;place-items:center;flex:0 0 62px;height:72px;border:1px solid #ffffffeb;border-radius:15px;background:#ffffff6b;box-shadow:inset 0 0 0 4px #ffffff21,0 7px 12px #8a6b4f08;color:#b7794c;transform:rotate(-5deg)}.wsp-card-symbol>svg{width:34px;height:34px;stroke-width:1.4}.wsp-visual-treasure .wsp-card-symbol{color:#8b6fbe}.wsp-visual-records .wsp-card-symbol{color:#7b987d}.wsp-card-visual>div:last-of-type{min-width:0}.wsp-card-visual>div>span{font-size:10px;color:#8c7464;display:block;margin-bottom:2px}.wsp-card-visual strong{font-size:24px;line-height:1.4;letter-spacing:.03em;font-weight:700;display:block}.wsp-visual-treasure strong{font-size:20px;letter-spacing:0}.wsp-card-visual small{font-size:10px;color:#837b72;display:block;margin-top:2px}.wsp-draft-badge{position:absolute;right:11px;top:10px;font-size:9px;border:1px solid #fff9;background:#ffffff78;border-radius:5px;padding:2px 7px;color:#746d66}.wsp-card-content{padding:21px 22px}.wsp-card-content h3{font-size:16px;line-height:1.6;margin:0;font-weight:700;overflow-wrap:anywhere}.wsp-card-description{margin:6px 0 0;color:#737a80;font-size:11px}.wsp-card-time{font-size:10px;color:#8c918e;margin:15px 0 19px}.wsp-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wsp-card-actions .wsp-button{padding:8px 6px;font-size:10px;gap:5px}.wsp-card-actions svg{width:15px;height:15px}.wsp-edit{grid-column:1/-1;background:#fff2e9;color:#a44d31;border-color:#eed6c5;font-size:12px!important;margin-bottom:1px}.wsp-edit:hover{background:#fce7d8}.wsp-footnote{font-size:11px;color:#82867d;text-align:center;line-height:1.9;margin:32px auto 0;max-width:760px}.wsp-warning{border:1px solid #e8c9b6;border-radius:11px;background:#fff6ed;color:#8c4a2d;display:flex;align-items:flex-start;gap:12px;padding:18px 20px;margin-bottom:25px}.wsp-warning>svg{margin-top:3px}.wsp-warning strong{font-size:13px}.wsp-warning p{font-size:12px;line-height:1.7;margin:4px 0 0}.wsp-empty{padding:30px;color:#747c7f;font-size:13px}.wsp-back{border:0;background:none;color:#986448;display:inline-flex;align-items:center;gap:8px;padding:0;font-size:12px;min-height:44px;margin-top:-20px;margin-bottom:15px}.wsp-create-heading{margin-bottom:25px}.wsp-create-form{border:1px solid var(--wsp-line);border-radius:15px;background:#fff;padding:28px 30px}.wsp-create-form fieldset{padding:0;margin:0;border:0;min-width:0}.wsp-create-form legend{font-size:16px;font-weight:650;padding:0;margin-bottom:20px;display:flex;align-items:center;gap:10px}.wsp-create-form legend b{height:24px;width:24px;display:grid;place-items:center;background:#f6eee3;color:#926342;font-size:12px;border:1px solid #eadac7;border-radius:50%}.wsp-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wsp-type-option{border:1px solid #dfe3dd;border-radius:12px;padding:24px 22px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;position:relative;min-width:0;background:#fff;transition:border-color .16s,background .16s}.wsp-type-option.is-selected{border-color:#c66b4a;background:#fff9f2;box-shadow:0 0 0 1px #c66b4a2b}.wsp-type-option input{position:absolute;top:20px;right:18px;width:18px;height:18px;accent-color:#c24c31;margin:0}.wsp-type-option:focus-within{outline:3px solid #c59b75;outline-offset:4px}.wsp-type-symbol{display:grid;place-items:center;width:40px;height:40px;background:#f3ede5;border-radius:10px;color:#a57851;margin-bottom:17px}.wsp-type-symbol>svg{height:24px;width:24px}.wsp-type-option strong{font-size:17px;font-weight:650}.wsp-ratio{font-size:11px;color:#996341;background:#f8efe2;border:1px solid #efdfc9;border-radius:5px;padding:3px 7px;margin-top:8px}.wsp-type-option small{display:block;font-size:12px;line-height:1.8;color:#6c767c;margin-top:12px;max-width:240px}.wsp-selected-mark{display:none}.wsp-name-field{border-top:1px solid var(--wsp-line)!important;margin-top:28px!important;padding-top:28px!important}.wsp-name-field legend{float:left;width:100%;margin-bottom:20px}.wsp-name-field label{display:block;clear:both;font-size:12px;font-weight:600;margin-bottom:8px}.wsp-name-field label>span{font-size:11px;color:#83857e;font-weight:400;margin-left:10px}.wsp-name-field input{width:min(100%,580px);border:1px solid #ccd3d3;border-radius:8px;min-height:46px;padding:10px 13px;font-size:16px;background:#fff;color:var(--wsp-ink)}.wsp-name-field input[aria-invalid="true"]{border-color:#b82e20}.wsp-name-field input::placeholder{color:#959b9b;font-size:13px}.wsp-name-field p{font-size:11px;line-height:1.8;color:#777f82;margin:8px 0 0;max-width:580px}.wsp-name-field .wsp-form-error{color:#ad3626;font-size:12px}.wsp-form-footer{border-top:1px solid var(--wsp-line);margin-top:28px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wsp-form-footer>span{font-size:11px;color:#737d7e}.wsp-form-footer .wsp-button{font-size:13px;padding:11px 20px;min-height:48px}.wsp-share-fallback{border:1px solid var(--wsp-line);background:#fff;padding:20px;border-radius:12px;margin-top:24px}.wsp-share-fallback label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}.wsp-share-fallback textarea{width:100%;border:1px solid #d5dcd9;border-radius:7px;padding:12px;font-size:12px;line-height:1.7;resize:vertical;word-break:break-all;color:#45535a}.wsp-share-fallback button{margin-top:8px}
@media(max-width:1050px){.wsp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wsp-type-grid{gap:12px}.wsp-type-option{padding:22px 18px}.wsp-format-guide{min-width:290px;padding:18px}.wsp-intro{gap:22px}.wsp h1{font-size:28px}.wsp-card-visual{gap:18px}}
@media(max-width:760px){.wsp-topbar{height:66px;padding:0 18px;gap:12px}.wsp-brand>span{height:33px;width:33px;font-size:22px;border-radius:10px}.wsp-brand{gap:9px}.wsp-brand strong{font-size:15px}.wsp-brand small{font-size:10px}.wsp-local-label{font-size:10px;padding:4px 7px}.wsp-main{padding:27px 16px 24px}.wsp-intro{display:block;padding:0 0 24px}.wsp h1{font-size:27px;letter-spacing:-.04em}.wsp-intro-copy{font-size:12px;line-height:1.9;margin-top:11px}.wsp-create-button{width:100%;min-height:52px;margin-top:20px;justify-content:flex-start}.wsp-create-button>svg:last-child{margin-left:auto}.wsp-format-guide{margin-top:21px;min-width:0;width:100%;gap:20px;justify-content:center;padding:18px}.wsp-format-phone{width:51px;border-width:2px;border-radius:9px;padding:9px 5px 5px;gap:4px}.wsp-format-phone b{font-size:14px}.wsp-format-phone i{height:2px;top:3px;width:16px;left:calc(50% - 8px)}.wsp-format-phone>span{height:6px}.wsp-format-phone>span:last-child{height:4px}.wsp-format-guide strong{font-size:13px}.wsp-format-guide p{font-size:11px;margin:4px 0}.wsp-format-guide p>b{font-size:11px}.wsp-format-guide small{font-size:10px}.wsp-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:17px 18px;margin-bottom:27px}.wsp-steps li{font-size:12px;gap:8px;min-width:0}.wsp-steps li>b{width:23px;height:23px;flex-shrink:0}.wsp-steps i{font-size:14px}.wsp-steps li:nth-child(2) i{display:none}.wsp-section-heading{align-items:flex-start;gap:12px;margin-bottom:16px}.wsp-section-heading h2{font-size:19px}.wsp-section-heading p{font-size:11px;max-width:210px}.wsp-section-heading>span{font-size:9px;padding:3px 6px;margin-top:2px}.wsp-card-grid{grid-template-columns:1fr;gap:18px}.wsp-card-visual{min-height:135px;padding:23px 24px 18px}.wsp-card-content{padding:19px 20px 20px}.wsp-card-content h3{font-size:16px}.wsp-card-description{font-size:11px}.wsp-card-time{font-size:10px;margin:12px 0 16px}.wsp-card-actions .wsp-button{font-size:11px;min-height:44px}.wsp-footnote{font-size:10px;line-height:1.9;margin-top:25px}.wsp-warning{padding:16px;gap:9px}.wsp-warning p{font-size:11px}.wsp-back{font-size:12px;margin-top:-14px;margin-bottom:13px}.wsp-create-heading{margin-bottom:22px}.wsp-create-heading>p:last-child{font-size:12px;line-height:1.9}.wsp-create-form{padding:21px 17px}.wsp-create-form legend{font-size:15px;margin-bottom:18px}.wsp-type-grid{grid-template-columns:1fr;gap:12px}.wsp-type-option{padding:17px 17px 16px 68px;min-height:130px}.wsp-type-symbol{position:absolute;left:16px;top:18px;width:36px;height:36px;margin:0}.wsp-type-symbol>svg{width:22px;height:22px}.wsp-type-option strong{font-size:15px;padding-right:24px}.wsp-type-option input{right:15px;top:19px}.wsp-ratio{font-size:10px;padding:2px 6px;margin-top:5px}.wsp-type-option small{font-size:11px;margin-top:7px;line-height:1.8;max-width:none}.wsp-name-field{margin-top:22px!important;padding-top:23px!important}.wsp-name-field label{font-size:12px}.wsp-name-field label>span{font-size:10px}.wsp-name-field input{min-height:48px;font-size:16px}.wsp-name-field input::placeholder{font-size:12px}.wsp-name-field p{font-size:10px}.wsp-form-footer{flex-direction:column;align-items:stretch;margin-top:22px;padding-top:19px;gap:14px}.wsp-form-footer>span{font-size:10px;text-align:center}.wsp-form-footer .wsp-button{width:100%;min-height:49px}.wsp-share-fallback{padding:16px}.wsp-share-fallback textarea{font-size:16px}.wsp-draft-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wsp *{transition:none!important;scroll-behavior:auto!important}}